114 lines
4.6 KiB
HTML
114 lines
4.6 KiB
HTML
<div class="layui-fluid">
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">主导航菜单管理（前台官网顶部导航，支持两级下拉）</div>
|
||
<div class="layui-card-header">
|
||
<div class="layui-form layui-card-header-boxed" lay-filter="search-form">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<input type="text" name="title" placeholder="请输入菜单名称" autocomplete="off" class="layui-input">
|
||
</div>
|
||
<div class="layui-inline">
|
||
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="data-search-btn">
|
||
<i class="layui-icon layui-icon-search"></i>
|
||
</button>
|
||
<button class="layui-btn layui-btn-primary" id="btn-reset">
|
||
<i class="layui-icon layui-icon-refresh"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-card-body">
|
||
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 顶部工具条 -->
|
||
<script type="text/html" id="tableBar">
|
||
<div class="layui-btn-group">
|
||
<a class="layui-btn layui-btn-sm layui-btn-primary" title="新建菜单" lay-event="dataCreate" data-perm="nav:add"> <i class="layui-icon layui-icon-add-1"></i> </a>
|
||
</div>
|
||
</script>
|
||
|
||
<!-- 操作列模板 -->
|
||
<script type="text/html" id="dataBar">
|
||
<a class="layui-btn layui-btn-xs" lay-event="update" data-perm="nav:edit">编辑</a>
|
||
{{# if(d.parent_id == 0) { }}
|
||
<a class="layui-btn layui-btn-xs" lay-event="addChild" data-perm="nav:add">加子项</a>
|
||
{{# } }}
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete" data-perm="nav:delete">删除</a>
|
||
</script>
|
||
|
||
<!-- 状态开关模板 -->
|
||
<script type="text/html" id="statusTpl">
|
||
<input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="显示|隐藏" lay-filter="statusSwitch" {{ d.status == 1 ? 'checked' : '' }}>
|
||
</script>
|
||
|
||
<!-- 父级标识 -->
|
||
<script type="text/html" id="parentTpl">
|
||
{{# if(d.parent_id == 0) { }}
|
||
<span class="layui-badge layui-bg-blue">一级</span>
|
||
{{# } else { }}
|
||
<span class="layui-badge-rim">二级</span>
|
||
{{# } }}
|
||
</script>
|
||
|
||
<!-- 添加/编辑表单（抽屉） -->
|
||
<script type="text/html" id="dataFormTpl">
|
||
<form class="layui-form" style="padding: 20px 20px 0;">
|
||
<input type="hidden" name="id" value="{{d.id||''}}">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">所属上级</label>
|
||
<div class="layui-input-block">
|
||
<select name="parent_id">
|
||
<option value="0">顶级菜单</option>
|
||
{{# layui.each(d.parents || [], function(idx, p){ }}
|
||
<option value="{{p.id}}" {{ d.parent_id == p.id ? 'selected' : '' }}>{{p.title}}</option>
|
||
{{# }); }}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">菜单名称</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="title" required lay-verify="required" placeholder="如：首页 / 产品 / 案例" autocomplete="off" class="layui-input" value="{{d.title||''}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">链接</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="url" placeholder="controller/action 或 外链 http(s)://" autocomplete="off" class="layui-input" value="{{d.url||''}}">
|
||
<div class="layui-form-mid layui-word-aux">留空表示仅作为含有子项的父菜单（下拉）。</div>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">图标</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="icon" placeholder="layui-icon 类名（可选）" autocomplete="off" class="layui-input" value="{{d.icon||''}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">排序</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" name="sort" placeholder="数字越小越靠前" autocomplete="off" class="layui-input" value="{{d.sort||0}}">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">状态</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" name="status" value="1" title="显示" {{ d.status==undefined || d.status==1 ? 'checked' : '' }}>
|
||
<input type="radio" name="status" value="0" title="隐藏" {{ d.status==0 ? 'checked' : '' }}>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item layui-hide">
|
||
<button class="layui-btn" lay-submit lay-filter="wxapp-form-submit" id="wxapp-form-submit">提交</button>
|
||
</div>
|
||
</form>
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
console.log('nav index');
|
||
layui.use('navbar', function () { });
|
||
console.log(layui.nav);
|
||
</script> |