New file |
| | |
| | | <!DOCTYPE html> |
| | | <html xmlns="http://www.w3.org/1999/xhtml"> |
| | | <head> |
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | | <title>æéæ¥è¯¢</title> |
| | | <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> |
| | | <style media="screen"> |
| | | .custom-tree-item-clicked { |
| | | color: #FC9003 |
| | | } |
| | | .layui-form-item .layui-inline { |
| | | margin-bottom: 5px; |
| | | margin-right: 0px; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | <div class="layui-fluid"> |
| | | <div class="layui-col-md12"> |
| | | <div class="layui-card" style="padding: 1px"> |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | <form class="layui-form" action="" lay-filter="component-form-group"> |
| | | <div class="layui-card-header"> |
| | | <div class="layui-btn-group"> |
| | | |
| | | <button type="button" id="add-btn" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Saver">ææ</button> |
| | | <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">éåº</button> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | <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> |
| | | <div class="layui-col-xs9 layui-inline"> |
| | | <div> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </form> |
| | | </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> |
| | | //è·ååæ° |
| | | var params = get_UrlVars(); |
| | | if (typeof (params[params[0]]) == "undefined") { |
| | | 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 treeCkData = { id: 0 }; |
| | | var TagId = ""; |
| | | var TagParentId = ""; |
| | | |
| | | layui.config({ |
| | | base: '../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index', //主å
¥å£æ¨¡å |
| | | }).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate'], function () { |
| | | var $ = layui.$ |
| | | , admin = layui.admin |
| | | , layer = layui.layer |
| | | , table = layui.table |
| | | , form = layui.form |
| | | , element = layui.element |
| | | , laypage = layui.laypage |
| | | , laydate = layui.laydate |
| | | , util = layui.util |
| | | , tree = layui.tree |
| | | var sGnbm = ""; |
| | | if (TreeFlag == "false") { |
| | | //$(".layui-col-xs3").css("display", "none"); //éèæ å |
| | | //$(".layui-col-xs9").css("width", "100%"); //设置宽度 |
| | | } |
| | | else { |
| | | tree.render({ |
| | | elem: '#treeUser', |
| | | data: getData(), |
| | | showCheckbox: false, //æ¯å¦æ¾ç¤ºå¤éæ¡ |
| | | id: 'demoId', |
| | | isJump: false, //æ¯å¦å
许ç¹å»èç¹æ¶å¼¹åºæ°çªå£è·³è½¬ |
| | | showLine: true,//æ¯å¦å¼å¯è¿æ¥çº¿ |
| | | onlyIconControl: true, //ç¹å»å䏿¶ç¼© |
| | | isopen: false, //å è½½å®æ¯åçå±å¼ç¶æï¼é»è®¤å¼ï¼true |
| | | accordion: false, |
| | | click: function (obj) { |
| | | //ç¹å»é«å
|
| | | if (obj.data.id !== treeCkData.id) { |
| | | $('div[data-id="' + obj.data.id + '"] span').eq(1).last().addClass("custom-tree-item-clicked"); |
| | | $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked'); |
| | | treeCkData = obj.data; |
| | | TagId = obj.data.id; |
| | | TagParentId = obj.data.ParentID; |
| | | } |
| | | //else { |
| | | // $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked'); |
| | | // treeCkData = { id: 0 }; |
| | | // TagId = ""; |
| | | // TagParentId = ""; |
| | | //} |
| | | sGnbm = obj.data.id; |
| | | get_Display(sGnbm); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | |
| | | |
| | | var option = { |
| | | id: 'mainTable' |
| | | ,elem: '#mainTable' |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: '650' |
| | | , limit: Number.MAX_VALUE // æ°æ®è¡¨æ ¼é»è®¤å
¨é¨æ¾ç¤º |
| | | , page: false |
| | | , cellMinWidth: 90 |
| | | , cols: [[ |
| | | { type: 'checkbox', fixed: 'left', width: 60 } |
| | | , { field: 'hid', title: 'hid', sort: true, hide: true } |
| | | , { field: 'gnbm', title: 'gnbm', sort: true, hide: true } |
| | | , { field: 'AuthorityHID', title: 'AuthorityHID', edit: 'text', sort: true, hide: true } |
| | | , { |
| | | field: 'AuthorityID', title: 'æ¯å¦æé', templet: function (row) { |
| | | if (row.AuthorityID == 1) { |
| | | return "<span style='color:green;'>æ¯</span>"; |
| | | } |
| | | else { |
| | | return "å¦"; |
| | | } |
| | | } |
| | | } |
| | | //, { |
| | | // field: 'AuthorityHID', title: 'æ¯å¦æé', templet: function (row) { |
| | | // var html = "<input type='checkbox' lay-skin='primary' lay-filter='checkboxIsSelected' table-index='" + row.LAY_TABLE_INDEX + "' class='checkboxIsSelected' value='" + row.AuthorityHID + "' "; |
| | | // if (row.AuthorityID == 1) { |
| | | // html += " checked "; |
| | | // } |
| | | // html += ">"; |
| | | // return html; |
| | | // }} |
| | | , { field: 'gnms', title: 'åè½è¯´æ' } |
| | | ]], done: function (res, page, count) { |
| | | |
| | | //å¯ä»¥èªè¡æ·»å å¤æçæ¡ä»¶æ¯å¦éä¸ |
| | | //è¿å¥ææ¯çæ£éä¸ï¼éè¿è®¾ç½®å
³é®åLAY_CHECKED为trueéä¸ï¼è¿éåªå¯¹ç¬¬ä¸è¡éä¸ |
| | | for (var i = 0; i < res.data.length; i++) { |
| | | if (res.data[i].AuthorityID == 1) { |
| | | 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'); |
| | | } |
| | | } |
| | | |
| | | } |
| | | }; |
| | | |
| | | var index = layer.load(0, { shade: false }); |
| | | //è¿å
¥é¡µé¢æ¾ç¤ºçç¼åå表 |
| | | get_Display(sGnbm); |
| | | |
| | | |
| | | //éåº |
| | | form.on('submit(Exit)', function (data) { |
| | | if (OperationType == 1) { |
| | | //å
³éé¡µç¾ |
| | | Pub_Close(2); |
| | | } |
| | | else { |
| | | //å
³éé¡µç¾ |
| | | Pub_Close(1); |
| | | } |
| | | }); |
| | | |
| | | //çå¬é䏿°æ® |
| | | table.on('checkbox(mainTable)', function (obj) { |
| | | //console.log(obj.checked); //å½åæ¯å¦éä¸ç¶æ |
| | | //console.log(obj.data); //éä¸è¡çç¸å
³æ°æ® |
| | | //console.log(obj.type); //å¦æè§¦åçæ¯å
¨éï¼å为ï¼allï¼å¦æè§¦åçæ¯åéï¼å为ï¼one |
| | | if (obj.type == 'one') { |
| | | if (obj.checked) { |
| | | //åæ¥æ´æ°è¡¨æ ¼åç¼å对åºçå¼ |
| | | obj.update({ |
| | | AuthorityHID: 1, |
| | | }); |
| | | } |
| | | else { |
| | | //åæ¥æ´æ°è¡¨æ ¼åç¼å对åºçå¼ |
| | | obj.update({ |
| | | AuthorityHID: 0, |
| | | }); |
| | | } |
| | | } |
| | | else { |
| | | if (obj.checked) { |
| | | //åæ¥æ´æ°è¡¨æ ¼åç¼å对åºçå¼ |
| | | var tableBak = table.cache["mainTable"]; //è·åè¡¨æ ¼æ°æ® |
| | | buttonArr = [];//æ¸
空æ°ç» |
| | | for (var i = 0; i < tableBak.length; i++) { |
| | | tableBak[i].AuthorityHID = 1; |
| | | buttonArr.push(tableBak[i]); //å°ä¹åçæ°æ®åå¨ |
| | | } |
| | | //table.reload("mainTable", { |
| | | // data: buttonArr //å°æ°æ®éæ°è½½å
¥è¡¨æ ¼ |
| | | //}) |
| | | } |
| | | else { |
| | | //åæ¥æ´æ°è¡¨æ ¼åç¼å对åºçå¼ |
| | | var tableBak = table.cache["mainTable"]; //è·åè¡¨æ ¼æ°æ® |
| | | buttonArr = [];//æ¸
空æ°ç» |
| | | for (var i = 0; i < tableBak.length; i++) { |
| | | tableBak[i].AuthorityHID = 0; |
| | | buttonArr.push(tableBak[i]); //å°ä¹åçæ°æ®åå¨ |
| | | } |
| | | //table.reload("mainTable", { |
| | | // data: buttonArr //å°æ°æ®éæ°è½½å
¥è¡¨æ ¼ |
| | | //}) |
| | | |
| | | |
| | | } |
| | | } |
| | | |
| | | }); |
| | | |
| | | //ä¿å |
| | | form.on('submit(Saver)', function (data) { |
| | | if (TagId == "" || TagId == null) { |
| | | layer.alert("左侧ç¹å»æ åæ°æ®å·²å¤±æ!", { icon: 5 }); |
| | | return false; |
| | | } |
| | | var sSubStr = JSON.stringify(table.cache['mainTable']); |
| | | var sMainSub = TagId + ';' + sSubStr + ';' + linterid + ";" + HSouceBillType; |
| | | //console.log(sMainSub); |
| | | //return false; |
| | | $.ajax( |
| | | { |
| | | type: "POST", |
| | | url: GetWEBURL() + "/Gy_MaintenanceMode/SaverPower", //æ¹æ³æå¨é¡µé¢åæ¹æ³å |
| | | async: true, |
| | | data: { "msg": sMainSub }, |
| | | dataType: "json", |
| | | success: function (data) { |
| | | if (data.count == 1) { // 说æéªè¯æåäºï¼ |
| | | layer.msg(data.Message, { time: 1 * 1000, icon: 1 }, function () { |
| | | //$('#add-btn').addClass("layui-btn-disabled").attr("disabled", true); |
| | | get_Display(sGnbm); |
| | | }); |
| | | } |
| | | else { |
| | | layer.alert(data.Message); |
| | | } |
| | | layer.closeAll("loading"); |
| | | }, |
| | | error: function (err) { |
| | | layer.alert("é误:" + err); |
| | | } |
| | | }); |
| | | |
| | | |
| | | |
| | | }); |
| | | |
| | | //å è½½æ°æ®è¡¨æ ¼ |
| | | function get_Display(sGnbm) { |
| | | $.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 }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //以䏿¯layui模å |
| | | }); |
| | | |
| | | //æ¥è¯¢æ ç¶æ°æ® |
| | | function getData() { |
| | | var treeData; |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_MaintenanceMode/PowerLoadTree', |
| | | type: "GET", |
| | | //data: { "sWhere": sWhere }, |
| | | async: false, |
| | | success: function (result) { |
| | | var data = result.data; |
| | | //çææ°æ®å¯¹è±¡éå |
| | | treeData = LoadTree(data); |
| | | |
| | | } |
| | | }); |
| | | return treeData; |
| | | } |
| | | /**å¤çæ å½¢å±ç¤ºæ°æ®ï¼è¦æ±æIDåParentIDãtitleåæ®µ**/ |
| | | function LoadTree(data) { |
| | | let map = {}; |
| | | let treeData = []; |
| | | data.forEach(it => { |
| | | map[it.id.toUpperCase()] = it; //ID为æ¯ä¸ªèç¹çid |
| | | }) |
| | | //çæç»æé |
| | | data.forEach(it => { |
| | | const parent = map[it.ParentID.toUpperCase()]; //ParentID为ç¶èç¹çid |
| | | if (parent) { |
| | | if (!Array.isArray(parent.children)) parent.children = []; |
| | | parent.children.push(it); |
| | | } else { |
| | | treeData.push(it) |
| | | } |
| | | }) |
| | | return treeData; |
| | | } |
| | | |
| | | </script> |
| | | |
| | | </body> |
| | | </html> |