|
@@ -1,46 +1,83 @@
|
|
|
<#import "/tag.html" as tag/>
|
|
<#import "/tag.html" as tag/>
|
|
|
<@tag.page title="分类管理">
|
|
<@tag.page title="分类管理">
|
|
|
<!-- 正文开始 -->
|
|
<!-- 正文开始 -->
|
|
|
- <div class="layui-fluid">
|
|
|
|
|
- <div class="layui-card">
|
|
|
|
|
- <div class="layui-card-body">
|
|
|
|
|
- <!-- 表格工具栏 -->
|
|
|
|
|
- <form class="layui-form toolbar">
|
|
|
|
|
- <div class="layui-form-item">
|
|
|
|
|
- <div class="layui-inline">
|
|
|
|
|
- <label class="layui-form-label" style="width:auto;">名称:</label>
|
|
|
|
|
- <div class="layui-input-inline">
|
|
|
|
|
- <input name="name" autocomplete="off" class="layui-input" placeholder="名称模糊匹配"/>
|
|
|
|
|
|
|
+ <div class="layui-fluid" style="padding-bottom: 0;">
|
|
|
|
|
+ <div class="layui-row layui-col-space15">
|
|
|
|
|
+ <!-- 左边列表 -->
|
|
|
|
|
+ <div class="layui-col-md3">
|
|
|
|
|
+ <div class="layui-card">
|
|
|
|
|
+ <div class="layui-card-body">
|
|
|
|
|
+ <!-- 左边头部搜索 -->
|
|
|
|
|
+ <form class="layui-form toolbar">
|
|
|
|
|
+ <input name="groupId" id="leftIdSearch" type="hidden"/>
|
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
|
+ <div class="layui-inline" style="max-width: 140px;">
|
|
|
|
|
+ <input name="name" class="layui-input" placeholder="输入分类名称"/>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <button class="layui-btn icon-btn" lay-filter="leftTableSearch" lay-submit>
|
|
|
|
|
+ <i class="layui-icon"></i>搜索
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- <div class="layui-inline"> 
|
|
|
|
|
- <button class="layui-btn icon-btn" lay-filter="mrxu_list_search" lay-submit>
|
|
|
|
|
- <i class="layui-icon"></i>搜索
|
|
|
|
|
- </button>
|
|
|
|
|
- <#if so.hasPermission('yolo:class:update')>
|
|
|
|
|
- <span onclick="tableDataAdd(this)" table-filter="mrxu_list_table" dialog_area="620px" dialog_after="editFormInit" class="layui-btn layui-btn-warm icon-btn"><i class="layui-icon"></i>添加</span>
|
|
|
|
|
- </#if>
|
|
|
|
|
|
|
+ </form>
|
|
|
|
|
+ <!-- 左边数据表格 -->
|
|
|
|
|
+ <table class="layui-table" lay-data="{url:'groupPage.json',page:false,defaultToolbar:[],limit:100,height: 'full-100'}" lay-filter="leftTable" id="leftTable">
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr>
|
|
|
|
|
+ <th lay-data="{type:'numbers',width:50}">序号</th>
|
|
|
|
|
+ <th lay-data="{templet:'#left_list_name'}">名称</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <script type="text/html" id="left_list_name">{{d.status==1?d.name:('<text style="color:red;">'+d.name+'</text>')}}</script>
|
|
|
|
|
+
|
|
|
|
|
+ <!--右边表格-->
|
|
|
|
|
+ <div class="layui-col-md9">
|
|
|
|
|
+ <div class="layui-card">
|
|
|
|
|
+ <div class="layui-card-body">
|
|
|
|
|
+ <!-- 表格工具栏 -->
|
|
|
|
|
+ <form class="layui-form toolbar">
|
|
|
|
|
+ <div class="layui-form-item">
|
|
|
|
|
+ <div class="layui-inline">
|
|
|
|
|
+ <label class="layui-form-label" style="width:auto;">名称:</label>
|
|
|
|
|
+ <div class="layui-input-inline">
|
|
|
|
|
+ <input name="name" autocomplete="off" class="layui-input" placeholder="名称模糊匹配"/>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="layui-inline"> 
|
|
|
|
|
+ <button class="layui-btn icon-btn" lay-filter="mrxu_list_search" lay-submit>
|
|
|
|
|
+ <i class="layui-icon"></i>搜索
|
|
|
|
|
+ </button>
|
|
|
|
|
+ <#if so.hasPermission('yolo:class:update')>
|
|
|
|
|
+ <span onclick="tableDataAdd(this)" table-filter="mrxu_list_table" dialog_area="620px" dialog_after="editFormInit" class="layui-btn layui-btn-warm icon-btn"><i class="layui-icon"></i>添加</span>
|
|
|
|
|
+ </#if>
|
|
|
|
|
+ <#if so.hasPermission('yolo:class:remove')>
|
|
|
|
|
+ <span onclick="tableDataDel(this)" key="id" table-filter="mrxu_list_table" class="layui-btn layui-btn-danger icon-btn"><i class="layui-icon"></i>删除</span>
|
|
|
|
|
+ </#if>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ <table class="layui-table" lay-data="{url:'page.json',page:true,height: 'full-100'}" lay-filter="mrxu_list_table" id="mrxu_list_table">
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr>
|
|
|
<#if so.hasPermission('yolo:class:remove')>
|
|
<#if so.hasPermission('yolo:class:remove')>
|
|
|
- <span onclick="tableDataDel(this)" key="id" table-filter="mrxu_list_table" class="layui-btn layui-btn-danger icon-btn"><i class="layui-icon"></i>删除</span>
|
|
|
|
|
|
|
+ <th lay-data="{type:'checkbox',fixed:'left'}"></th>
|
|
|
</#if>
|
|
</#if>
|
|
|
- </div>
|
|
|
|
|
|
|
+ <th lay-data="{field:'name',width:120}">名称</th>
|
|
|
|
|
+ <th lay-data="{field:'indexNumber'}">索引</th>
|
|
|
|
|
+ <th lay-data="{field:'boxColor',templet:'#list_boxColor',width:90}">颜色</th>
|
|
|
|
|
+ <th lay-data="{field:'createTime',width:170}">创建时间</th>
|
|
|
|
|
+ <th lay-data="{field:'updateTime',width:170}">更新时间</th>
|
|
|
|
|
+ <th lay-data="{templet:'#mrxu_list_table_oper',width:195,fixed:'right'}">操作</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ </table>
|
|
|
</div>
|
|
</div>
|
|
|
- </form>
|
|
|
|
|
- <table class="layui-table" lay-data="{url:'page.json',page:true,height: 'full-100'}" lay-filter="mrxu_list_table" id="mrxu_list_table">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <#if so.hasPermission('yolo:class:remove')>
|
|
|
|
|
- <th lay-data="{type:'checkbox'}"></th>
|
|
|
|
|
- </#if>
|
|
|
|
|
- <th lay-data="{field:'name',width:170}">名称</th>
|
|
|
|
|
- <th lay-data="{field:'indexNumber'}">索引</th>
|
|
|
|
|
- <th lay-data="{field:'boxColor',templet:'#list_boxColor'}">颜色</th>
|
|
|
|
|
- <th lay-data="{field:'createTime',width:170}">创建时间</th>
|
|
|
|
|
- <th lay-data="{field:'updateTime',width:170}">更新时间</th>
|
|
|
|
|
- <th lay-data="{templet:'#mrxu_list_table_oper',width:195}">操作</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
- </table>
|
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -79,6 +116,7 @@
|
|
|
<script type="text/html" id="editDialog">
|
|
<script type="text/html" id="editDialog">
|
|
|
<form id="editForm" lay-filter="editForm" class="layui-form model-form">
|
|
<form id="editForm" lay-filter="editForm" class="layui-form model-form">
|
|
|
<input name="id" type="hidden"/>
|
|
<input name="id" type="hidden"/>
|
|
|
|
|
+ <input name="yoloGroup" id="leftId" type="hidden"/>
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-form-item">
|
|
|
<label class="layui-form-label layui-form-required">名称:</label>
|
|
<label class="layui-form-label layui-form-required">名称:</label>
|
|
|
<div class="layui-input-block">
|
|
<div class="layui-input-block">
|
|
@@ -155,7 +193,34 @@
|
|
|
</script>
|
|
</script>
|
|
|
</@tag.page>
|
|
</@tag.page>
|
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
|
|
|
+ let selectObj; // 左表选中数据
|
|
|
|
|
+ $(function() {
|
|
|
|
|
+ // 初始化左边表格
|
|
|
|
|
+ initMrxuPage("leftTable","leftTableSearch","null","","leftEditDialog","leftEditForm","leftEditSubmit");
|
|
|
|
|
+ // 左边表格绑定点击事件
|
|
|
|
|
+ layui.use(['table'], function () {
|
|
|
|
|
+ let table = layui.table;
|
|
|
|
|
+ /* 监听行单击事件 */
|
|
|
|
|
+ table.on('row(leftTable)', function (obj) {
|
|
|
|
|
+ selectObj = obj;
|
|
|
|
|
+ $("#leftIdSearch").val(obj.data.id);
|
|
|
|
|
+ obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
|
|
|
|
|
+ table.reload('mrxu_list_table',{where: {yoloGroup: obj.data.id},page: {curr: 1}});
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ // 右边表格点击编辑后 给默认值
|
|
|
function editFormInit(data) {
|
|
function editFormInit(data) {
|
|
|
|
|
+ // 新增数据需要校验是否选择了左边菜单
|
|
|
|
|
+ if(!data) {
|
|
|
|
|
+ if(!selectObj) {
|
|
|
|
|
+ layui.admin.closeDialog("#leftId");
|
|
|
|
|
+ error("请先选择左边分组")
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ $("#leftId").val(selectObj.data.id);
|
|
|
|
|
+ }
|
|
|
let colorpicker = layui.colorpicker;
|
|
let colorpicker = layui.colorpicker;
|
|
|
colorpicker.render({
|
|
colorpicker.render({
|
|
|
elem: '#boxColor-form'
|
|
elem: '#boxColor-form'
|
|
@@ -168,4 +233,11 @@
|
|
|
}
|
|
}
|
|
|
function readFormInit(data) {
|
|
function readFormInit(data) {
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ // 点击第一行
|
|
|
|
|
+ function clickFirstRow(){
|
|
|
|
|
+ if ($("div[lay-id='leftTable']").find("tr[data-index='0']").length>0) {
|
|
|
|
|
+ $("div[lay-id='leftTable']").find("tr[data-index='0']").click();
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
</script>
|
|
</script>
|