|  |  |  | 
|---|
|  |  |  | #detail { | 
|---|
|  |  |  | padding: 25px 30px 0 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .ew-tree-table-box { | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 表单弹窗 --> | 
|---|
|  |  |  | <script type="text/html" id="editDialog"> | 
|---|
|  |  |  | <form id="detail" class="layui-form"> | 
|---|
|  |  |  | <input id="id" type="hidden"> | 
|---|
|  |  |  | <input id="uuid" type="hidden"> | 
|---|
|  |  |  | <input id="path" type="hidden"> | 
|---|
|  |  |  | <input id="pathName" type="hidden"> | 
|---|
|  |  |  | <input id="img" type="hidden"> | 
|---|
|  |  |  | <input id="brief" type="hidden"> | 
|---|
|  |  |  | <input id="level" type="hidden"> | 
|---|
|  |  |  | <input id="count" type="hidden"> | 
|---|
|  |  |  | <input id="createTime$" type="hidden"> | 
|---|
|  |  |  | <input id="createBy" type="hidden"> | 
|---|
|  |  |  | <input id="updateTime$" type="hidden"> | 
|---|
|  |  |  | <input id="updateBy" type="hidden"> | 
|---|
|  |  |  | <form id="detail" lay-filter="detail" class="layui-form"> | 
|---|
|  |  |  | <input name="id" type="hidden"> | 
|---|
|  |  |  | <input name="uuid" type="hidden"> | 
|---|
|  |  |  | <input name="path" type="hidden"> | 
|---|
|  |  |  | <input name="pathName" type="hidden"> | 
|---|
|  |  |  | <input name="img" type="hidden"> | 
|---|
|  |  |  | <input name="brief" type="hidden"> | 
|---|
|  |  |  | <input name="level" type="hidden"> | 
|---|
|  |  |  | <input name="count" type="hidden"> | 
|---|
|  |  |  | <input name="createTime$" type="hidden"> | 
|---|
|  |  |  | <input name="createBy" type="hidden"> | 
|---|
|  |  |  | <input name="updateTime$" type="hidden"> | 
|---|
|  |  |  | <input name="updateBy" type="hidden"> | 
|---|
|  |  |  | <div class="layui-row"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-col-md6"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | <input id="name" placeholder="请输入归类名称" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">负责人</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input id="leading" placeholder="请输入负责人" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-col-md6"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">类型</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <select id="type"> | 
|---|
|  |  |  | <select name="type" lay-vertype="tips" lay-verify="required" required=""> | 
|---|
|  |  |  | <option value="">请选择类型</option> | 
|---|
|  |  |  | <option value="1">盒装</option> | 
|---|
|  |  |  | <option value="2">袋装</option> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">状态</label> | 
|---|
|  |  |  | <label class="layui-form-label">负责人</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <select id="status"> | 
|---|
|  |  |  | <option value="" style="display: none"></option> | 
|---|
|  |  |  | <option value="1">正常</option> | 
|---|
|  |  |  | <option value="0">禁用</option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <input name="leading" placeholder="请输入负责人" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-col-md6"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label layui-form-required">归类名称</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input name="name" placeholder="请输入归类名称" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">排序</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input id="sort" placeholder="请输入排序" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> | 
|---|
|  |  |  | <input name="sort" placeholder="请输入排序" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label">备注</label> | 
|---|
|  |  |  | <div class="layui-input-block"> | 
|---|
|  |  |  | <input id="memo" placeholder="请输入备注" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> | 
|---|
|  |  |  | <input name="memo" placeholder="请输入备注" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <hr class="layui-bg-gray"> | 
|---|
|  |  |  | <div class="layui-form-item text-right"> | 
|---|
|  |  |  | <button class="layui-btn" lay-filter="authoritiesEditSubmit" lay-submit="">保存</button> | 
|---|
|  |  |  | <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </form> | 
|---|
|  |  |  | 
|---|
|  |  |  | {type: 'checkbox'} | 
|---|
|  |  |  | ,{type: 'numbers'} | 
|---|
|  |  |  | ,{field: 'name', align: 'left',title: '名称', minWidth: 150} | 
|---|
|  |  |  | ,{field: 'uuid', align: 'center',title: '编号'} | 
|---|
|  |  |  | // ,{field: 'parentId', align: 'center',title: '父级'} | 
|---|
|  |  |  | ,{field: 'parentName', align: 'center',title: '父级名称'} | 
|---|
|  |  |  | // ,{field: 'uuid', align: 'center',title: '编号'} | 
|---|
|  |  |  | ,{field: 'type$', align: 'center',title: '类型'} | 
|---|
|  |  |  | ,{field: 'leading', align: 'center',title: '负责人'} | 
|---|
|  |  |  | ,{field: 'img', align: 'center',title: '图片'} | 
|---|
|  |  |  | ,{field: 'img', align: 'center',title: '图片', hide: true} | 
|---|
|  |  |  | // ,{field: 'brief', align: 'center',title: '简要描述'} | 
|---|
|  |  |  | ,{field: 'count', align: 'center',title: '数量'} | 
|---|
|  |  |  | // ,{field: 'count', align: 'center',title: '数量'} | 
|---|
|  |  |  | ,{field: 'sort', align: 'center',title: '排序'} | 
|---|
|  |  |  | ,{field: 'status$', align: 'center',title: '状态'} | 
|---|
|  |  |  | ,{field: 'updateTime$', align: 'center',title: '修改时间'} | 
|---|
|  |  |  | 
|---|
|  |  |  | ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:150} | 
|---|
|  |  |  | ]], | 
|---|
|  |  |  | done: function (data) { | 
|---|
|  |  |  | $('.ew-tree-table-box').css('height', '100%'); | 
|---|
|  |  |  | insTb.expandAll(); | 
|---|
|  |  |  | tbDataList = data; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 表格操作列点击事件 */ | 
|---|
|  |  |  | treeTable.on('tool(tag)', function (obj) { | 
|---|
|  |  |  | if (obj.event === 'edit') { // 修改 | 
|---|
|  |  |  | showEditModel(obj.data); | 
|---|
|  |  |  | } else if (obj.event === 'del') { // 删除 | 
|---|
|  |  |  | doDel(obj); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | return; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | var ids = checkRows.map(function (d) { | 
|---|
|  |  |  | return d.authorityId; | 
|---|
|  |  |  | if (!d.LAY_INDETERMINATE) { | 
|---|
|  |  |  | return d.id; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | return null; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | doDel({ids: ids}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 表格操作列点击事件 */ | 
|---|
|  |  |  | treeTable.on('tool(tag)', function (obj) { | 
|---|
|  |  |  | if (obj.event === 'edit') { // 修改 | 
|---|
|  |  |  | showEditModel(obj.data); | 
|---|
|  |  |  | } else if (obj.event === 'del') { // 删除 | 
|---|
|  |  |  | doDel(obj); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | // 回显表单数据 | 
|---|
|  |  |  | form.val('detail', mData); | 
|---|
|  |  |  | // 表单提交事件 | 
|---|
|  |  |  | form.on('submit(authoritiesEditSubmit)', function (data) { | 
|---|
|  |  |  | form.on('submit(editSubmit)', function (data) { | 
|---|
|  |  |  | data.field.parentId = insXmSel.getValue('valueStr'); | 
|---|
|  |  |  | var loadIndex = layer.load(2); | 
|---|
|  |  |  | $.get(mData ? '../../json/ok.json' : '../../json/ok.json', data.field, function (res) { | 
|---|
|  |  |  | layer.close(loadIndex); | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | layer.close(dIndex); | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 1}); | 
|---|
|  |  |  | insTb.refresh(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 2}); | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: baseUrl+"/tag/"+(mData?'update':'add')+"/auth", | 
|---|
|  |  |  | headers: {'token': localStorage.getItem('token')}, | 
|---|
|  |  |  | data: data.field, | 
|---|
|  |  |  | method: 'POST', | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | layer.close(loadIndex); | 
|---|
|  |  |  | if (res.code === 200){ | 
|---|
|  |  |  | layer.close(dIndex); | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 1}); | 
|---|
|  |  |  | insTb.refresh(); | 
|---|
|  |  |  | } else if (res.code === 403){ | 
|---|
|  |  |  | top.location.href = baseUrl+"/"; | 
|---|
|  |  |  | }else { | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 2}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, 'json'); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | return false; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | // 渲染下拉树 | 
|---|
|  |  |  | 
|---|
|  |  |  | }, function (i) { | 
|---|
|  |  |  | layer.close(i); | 
|---|
|  |  |  | var loadIndex = layer.load(2); | 
|---|
|  |  |  | $.get('../../json/ok.json', {id: obj.data ? obj.data.authorityId : obj.ids}, function (res) { | 
|---|
|  |  |  | layer.close(loadIndex); | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 1}); | 
|---|
|  |  |  | insTb.refresh(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 2}); | 
|---|
|  |  |  | var ids; | 
|---|
|  |  |  | if (obj.data) { | 
|---|
|  |  |  | ids = []; | 
|---|
|  |  |  | ids[0] = obj.data.id; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | ids = obj.ids; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | $.ajax({ | 
|---|
|  |  |  | url: baseUrl+"/tag/delete/auth", | 
|---|
|  |  |  | headers: {'token': localStorage.getItem('token')}, | 
|---|
|  |  |  | data: {ids: ids}, | 
|---|
|  |  |  | method: 'POST', | 
|---|
|  |  |  | success: function (res) { | 
|---|
|  |  |  | layer.close(loadIndex); | 
|---|
|  |  |  | if (res.code === 200){ | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 1}); | 
|---|
|  |  |  | insTb.refresh(); | 
|---|
|  |  |  | } else if (res.code === 403){ | 
|---|
|  |  |  | top.location.href = baseUrl+"/"; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | layer.msg(res.msg, {icon: 2}); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, 'json'); | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|