| | |
| | | <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> |
| | | <script src="../../../layuiadmin/soulTable.slim.js"></script> |
| | | <style media="screen"> |
| | | .custom-tree-item-clicked { |
| | | color: #FC9003 |
| | | } |
| | | |
| | | .layui-form-label { |
| | | width: 40px; |
| | | padding: 9px 5px; |
| | | } |
| | | |
| | | .layui-input-block { |
| | | margin-left: 50px; |
| | | } |
| | | </style> |
| | | </head> |
| | |
| | | <div class="layui-colla-item"> |
| | | <div style="padding: 10px;"> |
| | | <!--<div class="layui-col-xs2"> |
| | | <div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="width: 200px; height: 500px; overflow: scroll;"></div> |
| | | </div>--> |
| | | <div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="width: 200px; height: 500px; overflow: scroll;"></div> |
| | | </div>--> |
| | | |
| | | <button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btnAdd"><i class="layui-icon layui-icon-add-1"></i>æ°å¢</button> |
| | | <button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btnModify"><i class="layui-icon layui-icon-edit"></i>ä¿®æ¹</button> |
| | | <button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btndelete"><i class="layui-icon layui-icon-delete"></i>å é¤</button> |
| | | <button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="set_HideColumn"><i class="layui-icon layui-icon-form"></i>å设置</button> |
| | | </div> |
| | | |
| | | <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 id="treeCheckItem" lay-filter="treeCheckItem" class="demo-tree demo-tree-box" style="height: 520px; overflow: scroll;"></div> |
| | | <div class="layui-colla-title layui-inline"> |
| | | <div class="layui-inline"> |
| | | <span>æ´å¤</span> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">代ç </label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HNumber" id="HNumber"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">åç§°</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HName" id="HName"> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button> |
| | | <div class="layui-colla-content" style="padding: 0px; margin-left: 6%;"> |
| | | <div class="layui-row" style="margin-top:5px"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">è¿æ»¤</label> |
| | | <div class="layui-input-block"> |
| | | <select name="ColName" id="ColName" lay-filter="ColName" style="width:190px;"> |
| | | </select> |
| | | </div> |
| | | </div> |
| | | <div class="layui-col-xs9 layui-inline"> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">代ç </label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HNumber" id="HNumber"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">åç§°</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HName" id="HName"> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | </div> |
| | | <div> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <select name="Comparator" id="Comparator" lay-filter="Comparator" style="width:190px;"> |
| | | <option value="0" selected="selected"></option> |
| | | <option value="=">=</option> |
| | | <option value=">=">>=</option> |
| | | <option value=">">></option> |
| | | <option value="<="><=</option> |
| | | <option value="<"><</option> |
| | | <option value="<>"><></option> |
| | | <option value="7">å
å«</option> |
| | | <option value="8">å·¦å
å«</option> |
| | | <option value="9">å³å
å«</option> |
| | | <option value="10">ä¸å
å«</option> |
| | | </select> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <input type="text" class="layui-input" value="" name="ColContent" id="ColContent"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | | </div> |
| | | |
| | | <div class="layui-row layui-form-item"> |
| | | <!--<div class="layui-inline"> |
| | | <div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="width: 200px; height: 500px; overflow: scroll;"></div> |
| | | </div>--> |
| | | <!--<div class="" style="padding-top: 10px;"> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">é¨é¨ä»£ç </label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HNumber" id="HNumber"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">é¨é¨åç§°</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HName" id="HName"> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | </div> |
| | | </div>--> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
| | | }).extend({ |
| | | index: 'lib/index', //主å
¥å£æ¨¡å |
| | | }).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate'], function () { |
| | | }).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate','soulTable'], function () { |
| | | // #region å
¬ç¨åé |
| | | var $ = layui.$ |
| | | , admin = layui.admin |
| | | , layer = layui.layer |
| | |
| | | , laydate = layui.laydate |
| | | , util = layui.util |
| | | , tree = layui.tree |
| | | , soulTable = layui.soulTable |
| | | var sWhere = ""; |
| | | var option = []; |
| | | var HModName = "Gy_QCCheckClass"; |
| | | //ä¸éè¦æ¾ç¤ºçåæ®µ 坿©å± |
| | | var titleData = ["HItemID","ParentID"]; |
| | | //#endregion |
| | | |
| | | tree.render({ |
| | | elem: '#treeCheckItem', |
| | | 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 = ""; |
| | | } |
| | | //è·åææéä¸èç¹idæ°ç» |
| | | //var oCks = tree.getChecked('demoId'); //è·åéä¸èç¹çæ°æ® |
| | | //for (var i = 0; i < oCks.length; i++) { |
| | | // //console.log(oCks[0].id, obj.data.id); |
| | | // if (oCks[i].id != obj.data.id) { |
| | | // console.log(oCks[i]); |
| | | // //æ§è¡èç¹å¾é |
| | | //#region è¿å
¥é¡µé¢å³å è½½ |
| | | |
| | | // $(oCks[i]).prop("checked", false); |
| | | // $(this).prop("checked", false); |
| | | // } |
| | | //} |
| | | //form.render('checkbox'); |
| | | |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_QCCheckClass/cx', |
| | | 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({ |
| | | // type: "get", |
| | | // url: GetWEBURL() + '/Gy_Department/LoadTree', |
| | | // async: true, |
| | | // success: function (result) { |
| | | // // console.log(result.data); |
| | | // var tree = Customerdatatree('treeDepartment', result.data, true); |
| | | // tree.onspread = function () { |
| | | // var obj = this; |
| | | // //模æpoståå°æ°æ®ï¼å»¶è¿2ç§ |
| | | // setTimeout(() => { |
| | | // var data = getTreeJson(obj.data.HParentID); //弿¥è·åæ°æ® |
| | | // obj.lazytree(data); |
| | | // }, 2000); |
| | | // } |
| | | // tree.onclick = function () { |
| | | // var obj = this; |
| | | // console.log(obj.data); //å¾å°å½åç¹å»çèç¹æ°æ® |
| | | // console.log(obj.state); //å¾å°å½åèç¹çå±å¼ç¶æï¼openãcloseãnormal |
| | | // console.log(obj.elem); //å¾å°å½åèç¹å
ç´ |
| | | // console.log(obj.data.children); //å½åèç¹ä¸æ¯å¦æåèç¹ |
| | | // } |
| | | // tree.oncheck = function () { |
| | | // var obj = this; |
| | | // console.log(obj.data); //å¾å°å½åç¹å»çèç¹æ°æ® |
| | | // console.log(obj.checked); //å¾å°å½åèç¹çå±å¼ç¶æï¼openãcloseãnormal |
| | | // console.log(obj.elem); //å¾å°å½åèç¹å
ç´ |
| | | // } |
| | | //åå§åå è½½æ å |
| | | //tree.render({ |
| | | // elem: '#treeCheckItem', |
| | | // data: getData(sWhere), |
| | | // showCheckbox: false, //æ¯å¦æ¾ç¤ºå¤éæ¡ |
| | | // id: 'demoId', |
| | | // isJump: false, //æ¯å¦å
许ç¹å»èç¹æ¶å¼¹åºæ°çªå£è·³è½¬ |
| | | // showLine: true,//æ¯å¦å¼å¯è¿æ¥çº¿ |
| | | // onlyIconControl: true, //ç¹å»å䏿¶ç¼© |
| | | // click: function (obj) { |
| | | // TreeClick(obj); |
| | | // } |
| | | //}); |
| | | |
| | | //åå§åè¡¨æ ¼ |
| | | set_ClearBill(); |
| | | |
| | | //#endregion |
| | | |
| | | var option = { |
| | | elem: '#mainTable' |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: 'full-50' |
| | | , page: true |
| | | , cellMinWidth: 90 |
| | | , cols: [[ |
| | | { type: 'radio', fixed: 'left' } |
| | | , { field: 'HItemID', title: 'HItemID', sort: true, hide: true } |
| | | , { field: 'ParentID', title: 'ParentID', sort: true, hide: true } |
| | | , { field: '代ç ', title: '代ç ' } |
| | | , { field: 'åç§°', title: 'åç§°' } |
| | | , { field: 'ç级', title: 'ç级' } |
| | | , { field: 'æç»æ è®°', title: 'æç»æ è®°' } |
| | | , { field: 'ç¦ç¨æ è®°', title: 'ç¦ç¨æ è®°' } |
| | | , { field: '夿³¨', title: '夿³¨' } |
| | | , { field: 'ä½¿ç¨æ è®°', title: 'ä½¿ç¨æ è®°' } |
| | | ]] |
| | | }; |
| | | |
| | | var index = layer.load(0, { shade: false }); |
| | | //è¿å
¥é¡µé¢æ¾ç¤ºçç¼åå表 |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_QCCheckClass/list', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | 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 }); |
| | | } |
| | | }); |
| | | |
| | | |
| | | //#region 触åäºä»¶ï¼å
æ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç |
| | | |
| | | //æ°å¢ |
| | | form.on('submit(btnAdd)', function (obj) { |
| | | set_AddNew(obj); |
| | | }) |
| | | |
| | | //ä¿®æ¹æé® |
| | | form.on('submit(btnModify)', function (data) { |
| | | set_ShowBill(data); |
| | | }); |
| | | |
| | | //å é¤ |
| | | form.on('submit(btndelete)', function (obj) { |
| | | set_DeleteBill(obj); |
| | | }); |
| | | |
| | | //å设置 |
| | | form.on('submit(set_HideColumn)', function (obj) { |
| | | get_HideColumn(); |
| | | }); |
| | | |
| | | //æ¥è¯¢æé® |
| | | form.on('submit(btnSearch)', function (data) { |
| | | get_FastQuery(); |
| | | }); |
| | | |
| | | //#region åå»è¿åæ°æ® |
| | | table.on('rowDouble(mainTable)', function (obj) { |
| | | var data = []; |
| | | data.push(obj.data); |
| | | parent.GetQCCheckClassValue(data); |
| | | var index = parent.layer.getFrameIndex(window.name); |
| | | parent.layer.close(index); |
| | | }); |
| | | //#endregion |
| | | |
| | | //#endregion |
| | | |
| | | //#region æ¬é¡µé¢ææè¢«è°ç¨çæ¹æ³ |
| | | |
| | | //æ¥è¯¢æ ç¶æ°æ® |
| | | function getData(sWhere) { |
| | | var treeData; |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_QCCheckClass/LoadTree', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | async: false, |
| | | success: function (result) { |
| | | console.log(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] = it; //ID为æ¯ä¸ªèç¹çid |
| | | }) |
| | | //çæç»æé |
| | | data.forEach(it => { |
| | | const parent = map[it.ParentID]; //ParentID为ç¶èç¹çid |
| | | if (parent) { |
| | | if (!Array.isArray(parent.children)) parent.children = []; |
| | | parent.children.push(it); |
| | | } else { |
| | | treeData.push(it) |
| | | } |
| | | }) |
| | | return treeData; |
| | | } |
| | | |
| | | //åå§åè¡¨æ ¼ |
| | | function set_ClearBill() |
| | | { |
| | | //åå§åè¡¨æ ¼ |
| | | set_InitGrid(); |
| | | |
| | | //æ¥è¯¢ |
| | | get_Display(sWhere); |
| | | } |
| | | |
| | | //æ åç¹å»æ¥è¯¢ |
| | | function TreeClick(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_QCCheckClass/cx', |
| | | 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 }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //åå§åè¡¨æ ¼ |
| | | function set_InitGrid() |
| | | { |
| | | option = { |
| | | elem: '#mainTable' |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: 'full-50' |
| | | , page: true |
| | | , totalRow: true |
| | | , limits: [50, 500, 5000, 50000] |
| | | , limit: 50 |
| | | , cellMinWidth: 90 |
| | | //, cols: [[ |
| | | // { type: 'radio', fixed: 'left' } |
| | | // , { field: 'HItemID', title: 'HItemID', sort: true, hide: true } |
| | | // , { field: 'ParentID', title: 'ParentID', sort: true, hide: true } |
| | | // , { field: '代ç ', title: '代ç ' } |
| | | // , { field: 'åç§°', title: 'åç§°' } |
| | | // , { field: 'ç级', title: 'ç级' } |
| | | // , { field: 'æç»æ è®°', title: 'æç»æ è®°' } |
| | | // , { field: 'ç¦ç¨æ è®°', title: 'ç¦ç¨æ è®°' } |
| | | // , { field: '夿³¨', title: '夿³¨' } |
| | | // , { field: 'ä½¿ç¨æ è®°', title: 'ä½¿ç¨æ è®°' } |
| | | //]] |
| | | }; |
| | | } |
| | | |
| | | //æ¥è¯¢ |
| | | function get_Display(sWhere) |
| | | { |
| | | var ajaxLoad = layer.load(); |
| | | //è¿å
¥é¡µé¢æ¾ç¤ºçç¼åå表 |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_QCCheckClass/list', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | var data = []; |
| | | var col = []; |
| | | //ç»ç©ºçæ°ç»èµå¼ |
| | | for (var key in data1.list) { |
| | | data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType }); |
| | | } |
| | | //å¨å表左边添å å¾éæ¡ |
| | | col.push({ type: 'checkbox', fixed: 'left', totalRowText: 'å计è¡' }); |
| | | for (var i = 0; i < data.length; i++) { |
| | | // if (data[i].name == 'HInterID' || data[i].name == 'HBillType' || data[i].name == 'hmainid') { |
| | | if ($.inArray(data[i].name, titleData) > -1) { |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //éèidå |
| | | } |
| | | else { |
| | | switch (data[i].Type) { |
| | | //int |
| | | case 'DateTime': |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 }); |
| | | break; |
| | | case 'long': |
| | | case 'Int32': |
| | | case 'Int64': |
| | | case 'double': |
| | | case 'Decimal': |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 120, totalRow: true }); |
| | | break; |
| | | default: |
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 }); |
| | | } |
| | | } |
| | | } |
| | | |
| | | //卿æ¾ç¤ºåå |
| | | option = { |
| | | elem: '#mainTable' |
| | | , toolbar: '#toolbarDemo' |
| | | , totalRow: true |
| | | , cols: [col] |
| | | , data: data1.data |
| | | , height: 'full-130' |
| | | , page: true |
| | | , limits: [50, 500, 5000, 50000] |
| | | , limit: 50 |
| | | , cellMinWidth: 90 |
| | | , done: function (res, curr, count) { |
| | | soulTable.render(this); |
| | | } |
| | | } |
| | | table.render(option); |
| | | |
| | | //å·æ°è¡¨æ ¼æ°æ® |
| | | DisPlay_HideColumn(); |
| | | |
| | | layer.close(ajaxLoad); |
| | | if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") { |
| | | ColFilter(); |
| | | } |
| | | |
| | | //layer.alert("æ¥è¯¢æå", { icon: 1 }); |
| | | } else { |
| | | layer.close(ajaxLoad); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(ajaxLoad); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //å¿«éæ¥è¯¢ |
| | | function get_FastQuery() { |
| | | var HNumber = $("#HNumber").val(); |
| | | var HName = $("#HName").val(); |
| | | var ColName = $("#ColName").val();//å¤éæ¡ |
| | | var Comparator = $("#Comparator").val() |
| | | var ColContent = $("#ColContent").val(); |
| | | |
| | | if (ColName != 0 && Comparator != 0) { |
| | | var com = ""; |
| | | switch (Comparator) { |
| | | case "7": |
| | | com = "like'%" + ColContent + "%'"; |
| | | break; |
| | | case "8": |
| | | com = "like'%" + ColContent + "'"; |
| | | break; |
| | | case "9": |
| | | com = "like'" + ColContent + "%'"; |
| | | break; |
| | | case "10": |
| | | com = "not like'%" + ColContent + "%'"; |
| | | break; |
| | | default: |
| | | com = "" + Comparator + "'" + ColContent + "'"; |
| | | break; |
| | | } |
| | | sWhere += " and " + ColName + " " + com; |
| | | } |
| | | if (HNumber) { |
| | | sWhere += " and 代ç like '%" + HNumber + "%'"; |
| | | } |
| | | if (HName) { |
| | | sWhere += " and åç§° like '%" + HName + "%'"; |
| | | } |
| | | get_Display(sWhere); |
| | | sWhere = "";//è°ç¨æ¥å£åæ¸
空sWhereç¼å |
| | | } |
| | | |
| | | // éç½®æé® |
| | | form.on('submit(btnReSearch)', function (data) { |
| | | set_ClearQuery(); |
| | | }); |
| | | |
| | | //éç½®å¿«éæ¥è¯¢ |
| | | function set_ClearQuery() { |
| | | $("#HNumber").val(""); |
| | | $("#HName").val(""); |
| | | $("#btnSearch").click(); |
| | | $("#ColContent").val(""); |
| | | $("#ColName").val("0"); |
| | | $("#Comparator").val("0"); |
| | | form.render('select'); |
| | | |
| | | sWhere = ""; |
| | | } |
| | | |
| | | //æ°å¢ |
| | | function set_AddNew(obj) |
| | | { |
| | | //页é¢å±-èªå®ä¹ |
| | | layer.open({ |
| | | type: 2, |
| | |
| | | } |
| | | }); |
| | | return false;//è¿éå 个return false;å°±ä¸ä¼ä¸¤æ¬¡æäº¤ |
| | | } |
| | | |
| | | //ä¿®æ¹ |
| | | function set_ShowBill(data) { |
| | | if (TagId != "") { |
| | | layer.open({ |
| | | type: 2 |
| | | , area: ['50%', '50%'] |
| | | , title: 'ç¼è¾æ£éªé¡¹ç®ç±»å«' |
| | | , closeBtn: 1 |
| | | , shade: 0.6 //é®ç½©éæåº¦ |
| | | , maxmin: true //å
许å
¨å±æå°å |
| | | , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯ |
| | | , content: ['../å
¬ç¨åºç¡èµæ/Add_Edit_Gy_QCCheckClass.html?hID=' + TagId + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes'] |
| | | , resize: false, |
| | | end: function () { |
| | | //å·æ°é¡µé¢, |
| | | location.reload(); |
| | | } |
| | | , cancel: function () { |
| | | //$(".layui-btn").removeClass("layui-btn-disabled"); |
| | | } |
| | | }) |
| | | } |
| | | else { |
| | | var checkStatus = table.checkStatus('mainTable') |
| | | , data = checkStatus.data; |
| | | if (checkStatus.data.length === 1) { |
| | | var hID = data[0].HItemID.toString(); |
| | | TagParentId = data[0].ParentID.toString(); |
| | | //if (AllowLoadData(sSubStr) != false) {//é空éªè¯ |
| | | layer.open({ |
| | | type: 2 |
| | | , area: ['55%', '55%'] |
| | | , title: 'ç¼è¾æ£éªé¡¹ç®ç±»å«' |
| | | , closeBtn: 1 |
| | | , shade: 0.6 //é®ç½©éæåº¦ |
| | | , maxmin: true //å
许å
¨å±æå°å |
| | | , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯ |
| | | , content: ['../å
¬ç¨åºç¡èµæ/Add_Edit_Gy_QCCheckClass.html?hID=' + hID + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes'] |
| | | |
| | | , resize: false, |
| | | end: function () { |
| | | //å·æ°é¡µé¢, |
| | | location.reload(); |
| | | } |
| | | , cancel: function () { |
| | | //$(".layui-btn").removeClass("layui-btn-disabled"); |
| | | } |
| | | }) |
| | | |
| | | } else { |
| | | layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼'); |
| | | } |
| | | } |
| | | } |
| | | |
| | | //#region ç¹å»è¡éä¸é«äº® |
| | | 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; |
| | | } |
| | | }); |
| | | }) |
| | | //#endregion |
| | | |
| | | |
| | | //å é¤ |
| | | form.on('submit(btndelete)', function (obj) { |
| | | var ModRightNameDelete = 'Gy_QCCheckItem_Delete' |
| | | function set_DeleteBill(obj) { |
| | | var ModRightNameDelete = 'Gy_QCCheckClass_Drop' |
| | | if (TagId != "") { |
| | | layer.confirm('æ¨ç¡®å®è¦å é¤åï¼', { |
| | | btn: ['ç¡®å®', 'åæ¶'] //æé® |
| | |
| | | layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼'); |
| | | } |
| | | } |
| | | }); |
| | | } |
| | | |
| | | //#endregion |
| | | |
| | | |
| | | |
| | | //æ¥è¯¢æé® |
| | | form.on('submit(btnSearch)', function (data) { |
| | | var HNumber = $("#HNumber").val(); |
| | | var HName = $("#HName").val(); |
| | | if (HNumber) { |
| | | sWhere += " and æ£éªé¡¹ç®ç±»å«ä»£ç like '%" + HNumber + "%'"; |
| | | //#region éèå设置 |
| | | function get_HideColumn() { |
| | | var colName = ""; |
| | | var contentUrl = ""; |
| | | for (var i = 1; i < option.cols[0].length - 1; i++) { |
| | | colName += option.cols[0][i]["title"] + ","; |
| | | } |
| | | if (HName) { |
| | | sWhere += " and æ£éªé¡¹ç®ç±»å«åç§° like '%" + HName + "%'"; |
| | | var urlStr = window.document.location.pathname;//è·åæä»¶è·¯å¾ |
| | | var urlLen = urlStr.split('/'); |
| | | for (var i = 0; i < urlLen.length - 4; i++) { |
| | | contentUrl += "../"; |
| | | } |
| | | colName = encodeURI(colName.substring(0, colName.length - 1));//对 URI è¿è¡ç¼ç |
| | | |
| | | contentUrl += 'åºç¡èµæ/éèå设置/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName; |
| | | |
| | | layer.open({ |
| | | type: 2 |
| | | , skin: "layui-layer-rim" //å ä¸è¾¹æ¡ |
| | | , title: "éèå设置" //æ é¢ |
| | | , closeBtn: 1 //çªä½å³ä¸è§å
³é ç æ ·å¼ |
| | | , shift: 2 //å¼¹åºå¨ç» |
| | | , area: ["50%", "90%"] //çªä½å¤§å° |
| | | , maxmin: true //设置æå¤§æå°æé®æ¯å¦æ¾ç¤º |
| | | , content: [contentUrl, "yes"] |
| | | , btn: ["ç¡®å®", "åæ¶"] |
| | | , btn1: function (index, laero) { |
| | | //å·æ°è¡¨æ ¼æ°æ® |
| | | DisPlay_HideColumn(); |
| | | //æ´æ°è¡¨æ ¼ç¼åçæ°æ® |
| | | layer.close(index);//å
³éå¼¹çª |
| | | } |
| | | }) |
| | | } |
| | | //#endregion |
| | | //#region æ¾ç¤ºåæ°æ® |
| | | function DisPlay_HideColumn() { |
| | | $.ajax({ |
| | | //url: "http://61.130.49.162:9090/WMSAPI///Web/GetMAXNum", |
| | | url: GetWEBURL() + '/Gy_QCCheckClass/list', |
| | | url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | data: { "HModName": HModName, "user": sessionStorage["HUserName"] }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option.data = data1.data; |
| | | if (data1.data.length != 0) { |
| | | |
| | | var dataCol = [];//æ°æ®åºæ¥è¯¢åºçåæ°æ® |
| | | //var titleData = ["åæ®ID", "HMouldID", "hsubid", "HManagerID", "æºå主å
ç ", "æºååå
ç "];//ä¸éè¦æ¾ç¤ºçåæ®µ 坿©å± |
| | | |
| | | dataCol = data1.data[0].HGridString.split(','); |
| | | |
| | | for (var i = 0; i < option.cols[0].length - 2; i++) { |
| | | var dataCols = dataCol[i].split('|'); |
| | | //éèå |
| | | if (dataCols[1] == 1) { |
| | | option.cols[0][i + 1]["hide"] = true; |
| | | } |
| | | //设置å宽 |
| | | if (dataCols[3] > 0) { |
| | | option.cols[0][i + 1]["width"] = dataCols[3]; |
| | | } |
| | | //设置å
容åä½å¤§å° |
| | | if (data1.data[0].HFontSize != 0) { |
| | | option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;"; |
| | | } else { |
| | | option.cols[0][i + 1]["style"] = "font-size:100%"; |
| | | } |
| | | //设置å宽 |
| | | //if (data1.data[0].HColumnWidth != 0) { |
| | | // option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;"; |
| | | //} else { |
| | | // option.cols[0][i + 1]["width"] = ""; |
| | | //} |
| | | //æ¾ç¤ºå |
| | | if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) { |
| | | option.cols[0][i + 1]["hide"] = false; |
| | | } |
| | | //å使å¨ä½ç½®(å·¦ å±
ä¸ å³) |
| | | switch (dataCols[2]) { |
| | | case "L": |
| | | option.cols[0][i + 1]["align"] = "left"; |
| | | break; |
| | | case "M": |
| | | option.cols[0][i + 1]["align"] = "center"; |
| | | break; |
| | | case "R": |
| | | option.cols[0][i + 1]["align"] = "right"; |
| | | break; |
| | | } |
| | | } |
| | | |
| | | //åæ¶å»ç»å |
| | | for (var i = 1; i < option.cols[0].length - 1; i++) { |
| | | if (option.cols[0][i]["fixed"] != null) { |
| | | option.cols[0][i]["fixed"] = null; |
| | | } |
| | | else { |
| | | break; |
| | | } |
| | | } |
| | | //å»ç»å |
| | | if (data1.data[0].HFixCols != 0) { |
| | | for (var i = 0; i < data1.data[0].HFixCols; i++) { |
| | | if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) { |
| | | data1.data[0].HFixCols += 1; |
| | | } |
| | | option.cols[0][i + 1]["fixed"] = "left"; |
| | | } |
| | | } |
| | | table.render(option); |
| | | layer.alert("æ¥è¯¢æå", { icon: 1 }); |
| | | } else { |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | table.render(option); |
| | | } |
| | | }, error: function () { |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | sWhere = "";//è°ç¨æ¥å£åæ¸
空sWhereç¼å |
| | | }); |
| | | }) |
| | | } |
| | | //#endregion |
| | | |
| | | |
| | | //ä¿®æ¹æé® |
| | | form.on('submit(btnModify)', function (data) { |
| | | if (TagId != "") { |
| | | layer.open({ |
| | | type: 2 |
| | | , area: ['50%', '50%'] |
| | | , title: 'ç¼è¾æ£éªé¡¹ç®ç±»å«' |
| | | , closeBtn: 1 |
| | | , shade: 0.6 //é®ç½©éæåº¦ |
| | | , maxmin: true //å
许å
¨å±æå°å |
| | | , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯ |
| | | , content: ['../å
¬ç¨åºç¡èµæ/Add_Edit_Gy_QCCheckClass.html?hID=' + TagId + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes'] |
| | | , resize: false, |
| | | end: function () { |
| | | //å·æ°é¡µé¢, |
| | | location.reload(); |
| | | } |
| | | , cancel: function () { |
| | | //$(".layui-btn").removeClass("layui-btn-disabled"); |
| | | } |
| | | }) |
| | | } |
| | | else { |
| | | var checkStatus = table.checkStatus('mainTable') |
| | | , data = checkStatus.data; |
| | | if (checkStatus.data.length === 1) { |
| | | var hID = data[0].HItemID.toString(); |
| | | TagParentId = data[0].ParentID.toString(); |
| | | //if (AllowLoadData(sSubStr) != false) {//é空éªè¯ |
| | | layer.open({ |
| | | type: 2 |
| | | , area: ['55%', '55%'] |
| | | , title: 'ç¼è¾æ£éªé¡¹ç®ç±»å«' |
| | | , closeBtn: 1 |
| | | , shade: 0.6 //é®ç½©éæåº¦ |
| | | , maxmin: true //å
许å
¨å±æå°å |
| | | , anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯ |
| | | , content: ['../å
¬ç¨åºç¡èµæ/Add_Edit_Gy_QCCheckClass.html?hID=' + hID + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes'] |
| | | |
| | | , resize: false, |
| | | end: function () { |
| | | //å·æ°é¡µé¢, |
| | | location.reload(); |
| | | } |
| | | , cancel: function () { |
| | | //$(".layui-btn").removeClass("layui-btn-disabled"); |
| | | } |
| | | }) |
| | | |
| | | } else { |
| | | layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼'); |
| | | //#region åææ¾ç¤ºä¸ææ¡ |
| | | function ColFilter() { |
| | | var Organization = '<option value="0" selected="selected" ></option>'; |
| | | for (var i = 1; i < option.cols[0].length; i++) { |
| | | if (option.cols[0][i].hide != true) { |
| | | Organization += '<option style="color:blue;" value="' + option.cols[0][i].field + '">' + option.cols[0][i].field + '</option>'; |
| | | } |
| | | } |
| | | }); |
| | | |
| | | |
| | | //laydate.render({ |
| | | // elem: '#HDate' |
| | | // , type: 'datetime' |
| | | // , trigger: 'click' |
| | | // , format:'yyyy-MM-dd HH:mm' |
| | | //}); |
| | | |
| | | $("#ColName").empty(); |
| | | $("#ColName").append(Organization); |
| | | form.render('select'); |
| | | } |
| | | //#endregion |
| | | |
| | | //以䏿¯layui模å |
| | | }); |
| | | |
| | | //æ¥è¯¢æ ç¶æ°æ® |
| | | function getData(sWhere) { |
| | | var treeData; |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_QCCheckClass/LoadTree', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | async: false, |
| | | success: function (result) { |
| | | console.log(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] = it; //ID为æ¯ä¸ªèç¹çid |
| | | }) |
| | | //çæç»æé |
| | | data.forEach(it => { |
| | | const parent = map[it.ParentID]; //ParentID为ç¶èç¹çid |
| | | if (parent) { |
| | | if (!Array.isArray(parent.children)) parent.children = []; |
| | | parent.children.push(it); |
| | | } else { |
| | | treeData.push(it) |
| | | } |
| | | }) |
| | | return treeData; |
| | | } |
| | | |
| | | |
| | | </script> |
| | | |
| | | </body> |