| | |
| | | <meta name="renderer" content="webkit"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| | | <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all"> |
| | | <script src="../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../layuiadmin/treeTable.js"></script> |
| | | <script src="../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | | <script src="../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <script src="../../layuiadmin/layui/lay/modules/util.js"></script> |
| | | <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all"> |
| | | <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all"> |
| | | <script src="../../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../../layuiadmin/treeTable.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/json2.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/webConfig.js"></script> |
| | | <script src="../../../layuiadmin/layui/lay/modules/util.js"></script> |
| | | <style media="screen"> |
| | | .custom-tree-item-clicked { |
| | | color: #FC9003 |
| | |
| | | <div class="layui-collapse"> |
| | | <div class="layui-colla-item"> |
| | | <div class="layui-form-item" style="border-top: solid 1px #F6F6F6;"> |
| | | |
| | | <div class="layui-row" style="padding:10px 0"> |
| | | <div class="layui-col-xs3 layui-inline"> |
| | | <div id="treeUser" lay-filter="treeUser" class="demo-tree demo-tree-box" style="height:650px;overflow: scroll;"></div> |
| | | <div id="treeUser" lay-filter="treeUser" class="demo-tree demo-tree-box" style=""></div> |
| | | </div> |
| | | <div class="layui-col-xs9 layui-inline"> |
| | | |
| | | <div class="layui-col-xs3 layui-inline"> |
| | | <div class="layui-tab layui-tab-card" lay-filter="table"> |
| | | <ul class="layui-tab-title"> |
| | | <li class="layui-this">ç¨æ·</li> |
| | | <li>è§è²</li> |
| | | </ul> |
| | | <div class="layui-tab-content" style="height: 700px;"> |
| | | <div class="layui-tab-item layui-show"> |
| | | <script type="text/html" id="toolbarDemoUser"> |
| | | <div class="layui-btn-container"> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Search"><i class="layui-icon layui-icon-search"></i>æ¥çæé</button> |
| | | </div> |
| | | </script> |
| | | <table class="" id="mainTableUser" lay-filter="mainTableUser"></table> |
| | | </div> |
| | | <div class="layui-tab-item layui-show"> |
| | | <script type="text/html" id="toolbarDemoUserGroup"> |
| | | <div class="layui-btn-container"> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>å·æ°</button> |
| | | <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Search"><i class="layui-icon layui-icon-search"></i>æ¥ç详æ
</button> |
| | | </div> |
| | | </script> |
| | | <table class="" id="mainTableUserGroup" lay-filter="mainTableUserGroup"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-col-xs6 layui-inline" > |
| | | <div> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <script src="../../layuiadmin/layui/zgqlayui.js"></script> |
| | | <script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <script src="../../layuiadmin/PubCustom.js"></script> |
| | | <script src="../../../layuiadmin/layui/zgqlayui.js"></script> |
| | | <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
| | | <script src="../../../layuiadmin/PubCustom.js"></script> |
| | | <script> |
| | | //è·ååæ° |
| | | var params = get_UrlVars(); |
| | |
| | | var OperationType = 1;//æä½ç±»å |
| | | var TreeFlag = true;//æä½ç±»å |
| | | } else { |
| | | debugger; |
| | | var OperationType = params[params[0]];//æä½ç±»å |
| | | var linterid = params[params[1]];//æºåid |
| | | var HSouceBillType = params[params[2]];//æºåç±»å |
| | |
| | | var TagParentId = ""; |
| | | |
| | | layui.config({ |
| | | base: '../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index', //主å
¥å£æ¨¡å |
| | | }).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate'], function () { |
| | |
| | | , util = layui.util |
| | | , tree = layui.tree |
| | | var sGnbm = ""; |
| | | var optionUser = []; |
| | | var optionUserGroup = []; |
| | | var tabIndex = 1; //å¤æé¡µç¾ |
| | | var HSouceBillType = "yh";//æºåç±»å |
| | | if (TreeFlag == "false") { |
| | | //$(".layui-col-xs3").css("display", "none"); //éèæ å |
| | | //$(".layui-col-xs9").css("width", "100%"); //设置宽度 |
| | |
| | | // TagId = ""; |
| | | // TagParentId = ""; |
| | | //} |
| | | sGnbm = obj.data.id; |
| | | get_Display(sGnbm); |
| | | |
| | | sgnbm = obj.data.id; |
| | | get_Display(sgnbm); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | |
| | | |
| | | set_InitGrid(); |
| | | var option = { |
| | | id: 'mainTable' |
| | | ,elem: '#mainTable' |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: '650' |
| | | , height: 'full-50' |
| | | , limit: Number.MAX_VALUE // æ°æ®è¡¨æ ¼é»è®¤å
¨é¨æ¾ç¤º |
| | | , page: false |
| | | , cellMinWidth: 90 |
| | |
| | | res.data[i]["LAY_CHECKED"] = 'true'; |
| | | //ä¸é¢ä¸å¥æ¯éè¿æ´æ¹cssæ¥å®ç°éä¸çææ |
| | | var index = res.data[i]['LAY_TABLE_INDEX']; |
| | | $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true); |
| | | $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked'); |
| | | $(".layui-col-xs6").find('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true); |
| | | $(".layui-col-xs6").find('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked'); |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | var index = layer.load(0, { shade: false }); |
| | | //è¿å
¥é¡µé¢æ¾ç¤ºçç¼åå表 |
| | | get_Display(sGnbm); |
| | | |
| | | get_DisplayUser(); |
| | | |
| | | /*get_Display(sGnbm);*/ |
| | | |
| | | //#region 头工å
·æ äºä»¶ |
| | | table.on('toolbar(mainTableUser)', function (obj) { |
| | | switch (obj.event) { |
| | | //å·æ° |
| | | case 'get_Refresh': get_DisplayUser(); |
| | | break; |
| | | //æ¥æ¾ |
| | | case 'btn-Search': get_Display(TagId); |
| | | break; |
| | | }; |
| | | }); |
| | | table.on('toolbar(mainTableUserGroup)', function (obj) { |
| | | switch (obj.event) { |
| | | //å·æ° |
| | | case 'get_Refresh': get_DisplayUserGroup(); |
| | | break; |
| | | //æ¥è¯¢ |
| | | case 'btn-Search': get_Display(TagId); |
| | | break; |
| | | }; |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region ç¨æ·ä¸è§è²è¡¨ |
| | | //åå§åè¡¨æ ¼ |
| | | function set_InitGrid() { |
| | | optionUser = { |
| | | elem: '#mainTableUser' |
| | | , toolbar: '#toolbarDemoUser' |
| | | , height: 'full-50' |
| | | , page: true |
| | | , cellMinWidth: 90 |
| | | , limit: 50 |
| | | , limits: [50, 500, 5000, 20000] |
| | | , cols: [[ |
| | | { type: 'checkbox', fixed: 'left' } |
| | | , { field: 'hmainid', title: '忮ID', hide: true } |
| | | , { field: 'ç¨æ·ç¼ç ', title: 'ç¨æ·ç¼ç ' } |
| | | , { field: 'ç¨æ·åç§°', title: 'ç¨æ·åç§°' } |
| | | , { field: '对åºèå', title: '对åºèå' } |
| | | , { field: '对åºä¿ç®¡', title: '对åºä¿ç®¡' } |
| | | , { field: '对åºéªæ¶', title: '对åºéªæ¶' } |
| | | , { field: '对åºä¸å¡å', title: '对åºä¸å¡å' } |
| | | , { field: '对åºé¨é¨', title: '对åºé¨é¨' } |
| | | , { field: '对åºä»åº', title: '对åºä»åº' } |
| | | , { field: '对åºè°å
¥ä»åº', title: '对åºè°å
¥ä»åº' } |
| | | , { field: '对åºä¾åºå', title: '对åºä¾åºå' } |
| | | , { field: '对åºCLOUDè´¦å·', title: '对åºCLOUDè´¦å·' } |
| | | , { field: '对åºCLOUDç»ç»', title: '对åºCLOUDç»ç»' } |
| | | |
| | | ]] |
| | | } |
| | | optionUserGroup = { |
| | | elem: '#mainTableUserGroup' |
| | | , toolbar: '#toolbarDemoUserGroup' |
| | | , height: 'full-50' |
| | | , page: true |
| | | , cellMinWidth: 90 |
| | | , limit: 50 |
| | | , limits: [50, 500, 5000, 20000] |
| | | , cols: [[ |
| | | { type: 'checkbox', fixed: 'left' } |
| | | , { field: 'HGroupID', title: 'HGroupID', sort: true, hide: true } |
| | | , { field: 'è§è²', title: 'è§è²' } |
| | | , { field: '级å«', title: '级å«' } |
| | | , { field: '说æ', title: '说æ' } |
| | | ]] |
| | | }; |
| | | } |
| | | |
| | | //å è½½æ°æ®å°ç½æ ¼ |
| | | function get_DisplayUser() { |
| | | var sWhere = ""; |
| | | var wait = layer.load();//é®ç½© |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Xt_User/list', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | optionUser.data = data1.data; |
| | | ins = table.render(optionUser); |
| | | layer.close(wait); |
| | | if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") { |
| | | ColFilter(); |
| | | } |
| | | } else { |
| | | layer.close(wait); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(wait); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | function get_DisplayUserGroup() { |
| | | var index = layer.load(0, { shade: false }); |
| | | var sWhere = ""; |
| | | //è¿å
¥é¡µé¢æ¾ç¤ºçç¼åå表 |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Xt_UserGroup/list', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | optionUserGroup.data = data1.data; |
| | | ins = table.render(optionUserGroup); |
| | | layer.close(index); |
| | | if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") { |
| | | ColFilter(); |
| | | } |
| | | } else { |
| | | layer.close(index); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(index); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | //#endregion |
| | | |
| | | //#region çå¬Tab忢ï¼åæ¢æ¶è§¦å |
| | | element.on('tab(table)', function (data) { |
| | | // è·åè¢«åæ¢å°ç颿¿çç´¢å¼ |
| | | var index = data.index; |
| | | // æ§è¡ä¸äºæä½ï¼ä¾å¦æ¹å页é¢å
容 |
| | | tabIndex = index + 1; |
| | | if (tabIndex === 1) { |
| | | HSouceBillType = "yh"; |
| | | get_DisplayUser(); |
| | | } else { |
| | | HSouceBillType = "js"; |
| | | get_DisplayUserGroup(); |
| | | } |
| | | |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region ç¹å»è¡éä¸é«äº® |
| | | table.on('row(mainTableUser)', function (obj) { |
| | | //éä¸è¡æ¹åé¢è² |
| | | var flag = !obj.tr.find(':checkbox:first').prop('checked'); |
| | | obj.tr.find(':checkbox').prop('checked', flag); |
| | | if (flag) { |
| | | obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked'); //设置å¤éæ¡é䏿 ·å¼ |
| | | $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//æ¹åå½åtrèæ¯é¢è²ååä½é¢è² |
| | | } else { |
| | | obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//åæ¶å¤éæ¡é䏿 ·å¼ |
| | | $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:" });//åæ¶å½åtré¢è² |
| | | } |
| | | /*mainTable ä¸ºè¡¨æ ¼ID æ³¨ææ¤å¤å¦æID䏿£ç¡®å°å¯¼è´ä½ å¨çå¬å¤éæ¡æ¶è·åä¸å°ä½ éæ©çæ°æ®ï¼åé¢çåªæ¯æ·»å æå é¤é䏿ªé䏿 ·å¼ä»¥åè®¾ç½®èæ¯è²ï¼åä½é¢è²*/ |
| | | layui.each(table.cache.mainTableUser, function (i, l) { |
| | | if (obj.tr.index() == l.LAY_TABLE_INDEX) { |
| | | l.LAY_CHECKED = flag; |
| | | } |
| | | }); |
| | | }) |
| | | table.on('row(mainTableUserGroup)', function (obj) { |
| | | //éä¸è¡æ¹åé¢è² |
| | | var flag = !obj.tr.find(':checkbox:first').prop('checked'); |
| | | obj.tr.find(':checkbox').prop('checked', flag); |
| | | if (flag) { |
| | | obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked'); //设置å¤éæ¡é䏿 ·å¼ |
| | | $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//æ¹åå½åtrèæ¯é¢è²ååä½é¢è² |
| | | } else { |
| | | obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//åæ¶å¤éæ¡é䏿 ·å¼ |
| | | $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:" });//åæ¶å½åtré¢è² |
| | | } |
| | | /*mainTable ä¸ºè¡¨æ ¼ID æ³¨ææ¤å¤å¦æID䏿£ç¡®å°å¯¼è´ä½ å¨çå¬å¤éæ¡æ¶è·åä¸å°ä½ éæ©çæ°æ®ï¼åé¢çåªæ¯æ·»å æå é¤é䏿ªé䏿 ·å¼ä»¥åè®¾ç½®èæ¯è²ï¼åä½é¢è²*/ |
| | | layui.each(table.cache.mainTableUserGroup, function (i, l) { |
| | | if (obj.tr.index() == l.LAY_TABLE_INDEX) { |
| | | l.LAY_CHECKED = flag; |
| | | } |
| | | }); |
| | | }) |
| | | //#endregion |
| | | |
| | | //éåº |
| | | form.on('submit(Exit)', function (data) { |
| | |
| | | layer.alert("左侧ç¹å»æ åæ°æ®å·²å¤±æ!", { icon: 5 }); |
| | | return false; |
| | | } |
| | | if (tabIndex === 1) { |
| | | var checkStatus = table.checkStatus('mainTableUser') |
| | | , data = checkStatus.data; |
| | | if (checkStatus.data.length === 1) { |
| | | var linterid = data[0].ç¨æ·ç¼ç .toString(); |
| | | |
| | | } else { |
| | | layer.msg('è¯·éæ©ä¸ä½ç¨æ·ï¼'); |
| | | return false; |
| | | } |
| | | } else { |
| | | var checkStatus = table.checkStatus('mainTableUser') |
| | | , data = checkStatus.data; |
| | | if (checkStatus.data.length === 1) { |
| | | var linterid = data[0].HGroupID; |
| | | |
| | | } else { |
| | | layer.msg('è¯·éæ©ä¸ä½è§è²ï¼'); |
| | | return false; |
| | | } |
| | | } |
| | | var sSubStr = JSON.stringify(table.cache['mainTable']); |
| | | var sMainSub = TagId + ';' + sSubStr + ';' + linterid + ";" + HSouceBillType; |
| | | //console.log(sMainSub); |
| | |
| | | |
| | | //å è½½æ°æ®è¡¨æ ¼ |
| | | function get_Display(sGnbm) { |
| | | if (tabIndex === 1) { |
| | | var checkStatus = table.checkStatus('mainTableUser') |
| | | , data = checkStatus.data; |
| | | if (checkStatus.data.length === 1) { |
| | | var linterid = data[0].ç¨æ·ç¼ç .toString(); |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/PublicPageMethod/PowerList', |
| | | type: "GET", |
| | |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } else { |
| | | layer.msg('è¯·éæ©ä¸ä½ç¨æ·ï¼'); |
| | | } |
| | | |
| | | } else if (tabIndex == 2) { |
| | | var checkStatus = table.checkStatus('mainTableUserGroup') |
| | | , data = checkStatus.data; |
| | | if (checkStatus.data.length === 1) { |
| | | var linterid = data[0].HGroupID; |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/PublicPageMethod/PowerList', |
| | | type: "GET", |
| | | data: { "czybm": linterid, "sGnbm": sGnbm, "HSouceBillType": HSouceBillType }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option.data = data1.data; |
| | | table.render(option); |
| | | layer.close(index); |
| | | } |
| | | }, error: function () { |
| | | layer.close(index); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } else { |
| | | layer.msg('è¯·éæ©ä¸ä½è§è²ï¼'); |
| | | } |
| | | } |
| | | } |
| | | //以䏿¯layui模å |
| | | }); |
| | | |