96 lines
2.6 KiB
HTML
96 lines
2.6 KiB
HTML
|
{include file="common/head"}
|
||
|
|
||
|
<form class="layui-form" style="padding: 20px 70px 0 0;">
|
||
|
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label">标题</label>
|
||
|
<div class="layui-input-block">
|
||
|
<input type="text" name="title" lay-verify="required" autocomplete="off" placeholder="" class="layui-input">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label">跳转</label>
|
||
|
<div class="layui-input-block">
|
||
|
<input type="text" name="src" autocomplete="off" placeholder="" class="layui-input">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label">图标</label>
|
||
|
<div class="layui-input-inline">
|
||
|
<div class="layui-upload">
|
||
|
<button type="button" class="layui-btn layui-btn-primary" id="test1">上传图标</button>
|
||
|
<div class="layui-upload-list" id="demo1">
|
||
|
<img src="" width="100" />
|
||
|
<input type="hidden" name="icon" value="">
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label">排序</label>
|
||
|
<div class="layui-input-block">
|
||
|
<input type="text" name="sort" lay-verify="required" autocomplete="off" placeholder="" class="layui-input" value="0">
|
||
|
</div>
|
||
|
</div>
|
||
|
{:token_meta()}
|
||
|
<div class="layui-form-item">
|
||
|
<div class="layui-input-block">
|
||
|
<input type="hidden" name="nav_group_id" value="{$nav_group_id}" />
|
||
|
<button class="layui-btn layui-btn-primary" lay-submit="" lay-filter="vaeform">立即提交</button>
|
||
|
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</form>
|
||
|
|
||
|
{include file="common/foot"}
|
||
|
<script>
|
||
|
layui.config({
|
||
|
base: '__AVIEW__/module/'
|
||
|
}).use(['upload','form','vae'], function(){
|
||
|
var form = layui.form
|
||
|
,layer = layui.layer
|
||
|
,$ = layui.$
|
||
|
,upload = layui.upload
|
||
|
,vae = layui.vae;
|
||
|
|
||
|
//头像上传
|
||
|
let load;
|
||
|
var uploadInst = upload.render({
|
||
|
elem: '#test1'
|
||
|
,url: "{:url('admin/index/upload')}"
|
||
|
,choose: function(res) {
|
||
|
load = layer.load(1);
|
||
|
}
|
||
|
,done: function(res){
|
||
|
layer.close(load);
|
||
|
//如果上传失败
|
||
|
if(res.code == 202){
|
||
|
return layer.msg('上传失败');
|
||
|
}
|
||
|
//上传成功
|
||
|
$('#demo1 input').attr('value',res.data);
|
||
|
$('#demo1 img').attr('src',res.data);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
//监听提交
|
||
|
form.on('submit(vaeform)', function(data){
|
||
|
vae.ajax({
|
||
|
url:"{:url('admin/nav/addNav')}",
|
||
|
type:'post',
|
||
|
data:data.field,
|
||
|
success:function(e){
|
||
|
layer.msg(e.msg);
|
||
|
if(e.code==200){
|
||
|
vae.close();
|
||
|
}
|
||
|
}
|
||
|
})
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
});
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
</html>
|