|
@@ -0,0 +1,102 @@
|
|
|
+{extend name="layout/sub"/}
|
|
|
+{block name='css'}
|
|
|
+{/block}
|
|
|
+{block name='body'}
|
|
|
+<form class="layui-form">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">链接</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <input type="text" name="row[link]" value="" class="layui-input"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">图片</label>
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button type="button" class="layui-btn" id="uploadBtn">点击上传</button>
|
|
|
+ <input type="hidden" name="row[img]" id="img" lay-verify="required">
|
|
|
+ <div style="position: relative;display: none;" class="layui-inline">
|
|
|
+ <a class="imageViewRemove" style="position:absolute;right: 0;top: 0;color: red;background: rgba(0,0,0,.3);width: 30px;height: 30px;text-align: center;line-height: 30px;">
|
|
|
+ <i class="layui-icon layui-icon-delete"></i>
|
|
|
+ </a>
|
|
|
+ <img src="" id="imageView" style="object-fit: cover;width: 100px;height: 100px;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <label class="layui-form-label">排序</label>
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <input type="number" name="row[sort]" class="layui-input" lay-verify="required" placeholder="排序">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-input-block">
|
|
|
+ <button class="layui-btn" lay-submit lay-filter="add">立即提交</button>
|
|
|
+ <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</form>
|
|
|
+{/block}
|
|
|
+{block name='js'}
|
|
|
+<script>
|
|
|
+ layui.use(['form','layer','jquery','layedit','laydate'],function(){
|
|
|
+ var form = layui.form,
|
|
|
+ layer = parent.layer === undefined ? layui.layer : parent.layer,
|
|
|
+ laypage = layui.laypage,
|
|
|
+ layedit = layui.layedit,
|
|
|
+ laydate = layui.laydate,
|
|
|
+ $ = layui.jquery,
|
|
|
+ upload=layui.upload
|
|
|
+
|
|
|
+ //创建一个编辑器
|
|
|
+ var editIndex = layedit.build('news_content');
|
|
|
+ var addNewsArray = [],addNews;
|
|
|
+ form.on("submit(add)",function(data){
|
|
|
+ //弹出loading
|
|
|
+ var index = top.layer.msg('数据提交中,请稍候',{icon: 16,time:false,shade:0.1});
|
|
|
+ $.post('',data.field,function (res){
|
|
|
+ top.layer.close(index);
|
|
|
+ if(res.code){
|
|
|
+ top.layer.msg("操作成功!");
|
|
|
+ layer.closeAll("iframe");
|
|
|
+ //刷新父页面
|
|
|
+ parent.location.reload();
|
|
|
+ }else{
|
|
|
+ layer.alert(res.msg,{
|
|
|
+ title:'错误'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+ $('#uploadBtn').click(()=>{
|
|
|
+ let a=document.createElement('input')
|
|
|
+ a.type='file'
|
|
|
+ a.accept='image/*'
|
|
|
+ a.multiple=false
|
|
|
+ a.onchange=()=>{
|
|
|
+ let file=a.files[0]
|
|
|
+ let idx=layer.load(1),form=new FormData
|
|
|
+ form.append('file',file)
|
|
|
+ $.ajax('/api/common/upload',{
|
|
|
+ method:'post',
|
|
|
+ data:form,
|
|
|
+ contentType:false,
|
|
|
+ processData:false,
|
|
|
+ complete(){
|
|
|
+ layer.close(idx)
|
|
|
+ },
|
|
|
+ success({data}){
|
|
|
+ $('#imageView').attr('src',data.fullurl).parent().show()
|
|
|
+ $('#img').val(data.fullurl)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ a.click()
|
|
|
+ })
|
|
|
+ $('.imageViewRemove').click(function (){
|
|
|
+ $(this).parent().hide()
|
|
|
+ $('#img').val('')
|
|
|
+ })
|
|
|
+ })
|
|
|
+</script>
|
|
|
+{/block}
|