| | |
| | | <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" style="width: 23%;"> |
| | | <div class="layui-col-xs3 layui-inline" style="width: 23%;display:none;"> |
| | | <div id="treeUnit" lay-filter="treeUnit" class="demo-tree demo-tree-box" style="height: 580px; overflow: scroll;"></div> |
| | | </div> |
| | | <div class="layui-col-xs9 layui-inline"> |
| | | <div class="layui-col-xs12 layui-inline"> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">代码</label> |
| | |
| | | var sWhere = " where HStopFlag=0 and HEndFlag<>'1' "; //树型 |
| | | var sWhere1 = " where HStopFlag=0 and HEndFlag=1 "; //列表 |
| | | |
| | | tree.render({ |
| | | elem: '#treeUnit', |
| | | data: getData(sWhere), |
| | | showCheckbox: false, //是否显示复选框 |
| | | id: 'demoId', |
| | | isJump: false, //是否允许点击节点时弹出新窗口跳转 |
| | | showLine: true,//是否开启连接线 |
| | | onlyIconControl: true, //点击后不收缩 |
| | | 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 = ""; |
| | | } |
| | | //tree.render({ |
| | | // elem: '#treeUnit', |
| | | // data: getData(sWhere), |
| | | // showCheckbox: false, //是否显示复选框 |
| | | // id: 'demoId', |
| | | // isJump: false, //是否允许点击节点时弹出新窗口跳转 |
| | | // showLine: true,//是否开启连接线 |
| | | // onlyIconControl: true, //点击后不收缩 |
| | | // 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 = ""; |
| | | // } |
| | | |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_MaintenanceMode/UnitCX', |
| | | type: "GET", |
| | | data: { "HInterID": obj.data.id }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option.data = data1.data; |
| | | table.render(option); |
| | | layer.close(index); |
| | | } else { |
| | | layer.close(index); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(index); |
| | | layer.alert("接口请求失败!", { icon: 5 }); |
| | | } |
| | | }); |
| | | // $.ajax({ |
| | | // url: GetWEBURL() + '/Gy_MaintenanceMode/UnitCX', |
| | | // type: "GET", |
| | | // data: { "HInterID": obj.data.id }, |
| | | // success: function (data1) { |
| | | // if (data1.count == 1) { |
| | | // option.data = data1.data; |
| | | // table.render(option); |
| | | // layer.close(index); |
| | | // } else { |
| | | // layer.close(index); |
| | | // layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | // } |
| | | // }, error: function () { |
| | | // layer.close(index); |
| | | // layer.alert("接口请求失败!", { icon: 5 }); |
| | | // } |
| | | // }); |
| | | // } |
| | | //}); |
| | | |
| | | table.on('row(mainTable)', 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'); //设置复选框选中样式 |
| | | $(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//改变当前tr背景颜色和字体颜色 |
| | | } else { |
| | | obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//取消复选框选中样式 |
| | | $(obj.tr.selector).attr({ "style": "background:" });//取消当前tr颜色 |
| | | } |
| | | }); |
| | | |
| | | //mainTable 为表格ID 注意此处如果ID不正确将导致你在监听复选框时获取不到你选择的数据,前面的只是添加或删除选中未选中样式以及设置背景色,字体颜色 |
| | | layui.each(table.cache.mainTable, function (i, l) { |
| | | if (obj.tr.index() == l.LAY_TABLE_INDEX) { |
| | | l.LAY_CHECKED = flag; |
| | | } |
| | | }); |
| | | }) |
| | | |
| | | var option = { |
| | | elem: '#mainTable' |
| | |
| | | , page: true |
| | | , cellMinWidth: 90 |
| | | , cols: [[ |
| | | { type: 'radio', fixed: 'left' } |
| | | { type: 'checkbox', fixed: 'left' } |
| | | , { field: 'HItemID', title: 'HItemID', sort: true, hide: true } |
| | | , { field: 'ParentID', title: 'ParentID', sort: true, hide: true } |
| | | , { field: 'HNumber', title: '单位代码' } |