let table; var userTable; let form; let treeTable; var re; var per; layui.config({base: '../../../js/layui/treeTable/' }).use(['layer', 'form', 'element','treeTable'], function(){ table = layui.table; //表格 form=layui.form; treeTable = layui.treeTable; // per=getPer(); //initTable(''); pages(''); /** * 新增页面 */ $(".layui-add").click(function(){ layer.open({ title: '新增设备类型', type: 2, area: ['40%','70%'], content: '../../../html/device/type/deviceTypeAdd.html', btn: ['确定', '取消'] //只是为了演示 ,yes: function(index,leyuo){ var body = layer.getChildFrame('body', index); body.find('#add-type').click(); } ,btn2: function(){ layer.closeAll(); } }); }) /** * 删除 */ treeTable.on('tree(delete)',function(obj){ console.log(obj) if(obj.item.is_end){ layer.msg('确定删除该类型?', { time: 10000, //10s后自动关闭 btn: ['确定', '取消'] ,yes: function(index,leyuo){ layer.closeAll(); delData(obj.item.id); } }); }else{ layer.msg('请先删除子节点', { icon: 2, time: 2000 //2秒关闭(如果不配置,默认是3秒) }); } }) treeTable.on('tree(update)',function(obj){ layer.open({ title: '修改设备类型', type: 2, area: ['40%','70%'], content: '../../../html/device/type/deviceTypeAdd.html', btn: ['确定', '取消'] //只是为了演示 ,success: function (layero, index) { var body = layer.getChildFrame('body', index); var iframeWin = window[layero.find('iframe')[0]['name']];//获得iframe页的窗口对象,执行iframe页的方法: iframeWin.setForm(obj.item.id);//调用子页面的方法,页面锁定 } ,yes: function(index,leyuo){ var body = layer.getChildFrame('body', index); body.find('#add-type').click(); } ,btn2: function(){ layer.closeAll(); } }); }) $("#query").click(function(){ pages($("#keyWord").val()); }) $("#reset").off().click(function(){ pages(''); }) }) function pages(keyId) { let params = {'keyWord':keyId}; console.log(params) $.ajax({ headers: { "encrypt":sm3(JSON.stringify(params)) }, url: dataUrl+'proteam/dev/type/getTypeList?token='+token, data: params, type: 'POST', async: false, success: function (result) { initTable(result) if (result.code === 200) { if (result.data) { //laypages(result.count, result.curr, result.limit) } } else if (result.code === 500) { layer.alert(result.msg, {icon: 2}) } else if (result.code === 401) { logout(1); } }, error: function () { } }); } /** * 初始化表格 */ function initTable(data){ re = treeTable.render({ elem: '#type-table', data:data, icon_key: 'typeCode', is_checkbox: true, parent_key: 'pId', end: function(e){ if (e.data.code=='401'){ layer.msg("未授权") } console.log(e); form.render(); }, cols: [ {key: 'typeCode', title: '类型编码', width: '300px',}, {key: 'typeName', title: '类型名称', width: '200px',}, {key: 'remarks', title: '备注', width: '300px'}, { title: '操作', width: '100px', align: 'center', template: function(item){ //修改删除 var update=''; update='' // var dat="@"+per.join("@")+"@"; // if(dat.indexOf('sys:type:edit')!='-1'){ // update='' // } var del=''; del='' // if(dat.indexOf('sys:type:del')!='-1'){ // del='' // } return update+del; } } ] }); } //删除数据 function delData(keyId){ Ajax().post({ url: dataUrl+'proteam/dev/type/deleteType', headers: { "encrypt": sm3(JSON.stringify({'params':keyId})) }, data: { params: keyId//加密处理 }, async : true, success : function(data) { // reloadTable(); pages($("#keyWord").val()); if(data.code=='200') { layer.msg(data.msg, { icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒) }); }else{ layer.msg(data.msg, { icon: 2, time: 2000 //2秒关闭(如果不配置,默认是3秒) }); } } }); } /** * 刷新表格 */ function reloadTable(){ pages($("#keyWord").val()); }