| | |
| | | <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all"> |
| | | </head> |
| | | <body> |
| | | <div class="layui-fluid"> |
| | | <div class="layui-card"> |
| | | <!--<div class="layui-card-header"></div>--> |
| | | <div class="layui-card-body" style="padding: 15px;"> |
| | | <form class="layui-form" action="" lay-filter="component-form-group"> |
| | | <div class="layui-fluid" style="padding: 0;"> |
| | | <div class="layui-card" style="padding: 15px;"> |
| | | <div class="layui-card-body" style="padding: 1px;"> |
| | | <form class="layui-form" lay-filter="component-form-group" action=""> |
| | | <div class="layui-form-item"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">è¿æ»¤å</label> |
| | |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="FH">è¿å</button> |
| | | </div> |
| | | </div> |
| | | <!--å表1--> |
| | | <table class="layui-hide" id="mainTable" lay-filter="mainTable"></table> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <table class="layui-hide" id="ck-table"></table> |
| | | <table class="layui-hide" id="mainTable" lay-filter="mainTable"></table> |
| | | <script src="../../../layuiadmin/layui/layui.js"></script> |
| | | <script src="../../../layuiadmin/Scripts/json2.js" type="text/javascript"></script> |
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js" type="text/javascript"></script> |
| | |
| | | |
| | | layui.use(['table', 'form', 'layer'], function () { |
| | | var table = layui.table |
| | | , form = layui.form |
| | | , layer = layui.layer; |
| | | , form = layui.form |
| | | , layer = layui.layer |
| | | , $ = layui.$; |
| | | |
| | | form.on('submit(HQuery)', function () {//éæ©ä»åº |
| | | //var sMainStr = JSON.stringify(table.cache['ck-table']); |
| | | //var sMainStr = JSON.stringify(table.cache['mainTable']); |
| | | RoadQuery($('#Value').val(), 0); |
| | | }); |
| | | |
| | | //å车触åè¿æ»¤ |
| | | $('#Value').on('keydown', function (event) { |
| | | if (event.keyCode == 13) { |
| | | RoadQuery($('#Value').val()); |
| | | } |
| | | }); |
| | | |
| | | form.on('submit(FH)', function () {//éæ©ä»åº |
| | | //var sMainStr = JSON.stringify(table.cache['ck-table']); |
| | | var checkStatus = table.checkStatus('ck-table') |
| | | , data = checkStatus.data; |
| | | var index = parent.layer.getFrameIndex(window.name); |
| | | var checkStatus = table.checkStatus('mainTable') |
| | | , data = checkStatus.data; |
| | | if (data.length == 0) { |
| | | parent.layer.close(index); |
| | | return; |
| | | } |
| | | switch (Type) { |
| | | case "HKeeper": //è¿åä¿ç®¡ |
| | | parent.GetHKeeperValue(data); |
| | |
| | | case "HWorker5": //è¿åæä½å·¥5 |
| | | parent.GetHWorkerValue5(data); |
| | | break; |
| | | case "HWorker6": //è¿åæä½å·¥6 |
| | | parent.GetHWorkerValue6(data); |
| | | break; |
| | | case "HWorker7": //è¿åæä½å·¥7 |
| | | parent.GetHWorkerValue7(data); |
| | | break; |
| | | case "HWorker8": //è¿åæä½å·¥8 |
| | | parent.GetHWorkerValue8(data); |
| | | break; |
| | | case "HEmp": //è¿åèå |
| | | parent.GetHEmpValue(data); |
| | | break; |
| | | case "HManager": //è¿å主管 |
| | | parent.GetHManagerValue(data); |
| | | break; |
| | | } |
| | | var index = parent.layer.getFrameIndex(window.name); |
| | | parent.layer.close(index); |
| | | }); |
| | | RoadQuery($('#Value').val(), 0); |
| | | table.render({ |
| | | elem: '#ck-table' |
| | | elem: '#mainTable' |
| | | // , url: '/demo/table/user/' |
| | | , data: [] |
| | | , cellMinWidth: 80 //å
¨å±å®ä¹å¸¸è§åå
æ ¼çæå°å®½åº¦ï¼layui 2.2.1 æ°å¢ |
| | | , cols: [[ |
| | | { type: 'radio' } |
| | | { type: 'checkbox' } |
| | | , { field: 'HItemID', width: 150, title: 'èåID', hide: true } |
| | | , { field: 'HNumber', width: 150, title: 'èå代ç ' } |
| | | , { field: 'HName', width: 150, title: 'èååç§°', sort: true } |
| | | , { field: 'HEmpRate', width: 150, title: 'èåç³»æ°', sort: true } |
| | | ]] |
| | | , page: true |
| | | , page: true |
| | | , limits: [50, 500, 5000, 50000], |
| | | limit: 50 |
| | | }); |
| | | |
| | | //#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 |
| | | |
| | | //#region åå»è¿åæ°æ® |
| | | table.on('rowDouble(mainTable)', function (obj) { |
| | | var data = []; |
| | | data.push(obj.data); |
| | | switch (Type) { |
| | | case "HKeeper": //è¿åä¿ç®¡ |
| | | parent.GetHKeeperValue(data); |
| | | break; |
| | | case "HSecManager": //è¿åéªæ¶ |
| | | parent.GetHSecManagerValue(data); |
| | | break; |
| | | case "HWorker": //è¿åæä½å·¥ |
| | | parent.GetHWorkerValue(data); |
| | | break; |
| | | case "HWorker2": //è¿åæä½å·¥2 |
| | | parent.GetHWorkerValue2(data); |
| | | break; |
| | | case "HWorker3": //è¿åæä½å·¥3 |
| | | parent.GetHWorkerValue3(data); |
| | | break; |
| | | case "HWorker4": //è¿åæä½å·¥4 |
| | | parent.GetHWorkerValue4(data); |
| | | break; |
| | | case "HWorker5": //è¿åæä½å·¥5 |
| | | parent.GetHWorkerValue5(data); |
| | | break; |
| | | case "HWorker6": //è¿åæä½å·¥6 |
| | | parent.GetHWorkerValue6(data); |
| | | break; |
| | | case "HWorker7": //è¿åæä½å·¥7 |
| | | parent.GetHWorkerValue7(data); |
| | | break; |
| | | case "HWorker8": //è¿åæä½å·¥8 |
| | | parent.GetHWorkerValue8(data); |
| | | break; |
| | | case "HEmp": //è¿åèå |
| | | parent.GetHEmpValue(data); |
| | | break; |
| | | case "HManager": //è¿å主管 |
| | | parent.GetHManagerValue(data); |
| | | break; |
| | | } |
| | | var index = parent.layer.getFrameIndex(window.name); |
| | | parent.layer.close(index); |
| | | }); |
| | | //#endregion |
| | | |
| | | ///å è½½æ¾ç¤ºæ°æ® |
| | | function RoadQuery(Where, HGroupID) { |
| | | var Value = Where; |
| | |
| | | //data: { "Value": Value }, |
| | | success: function (result) { |
| | | ajaxReturnData = JSON.parse(JSON.stringify(result)).data; |
| | | table.reload('ck-table', { |
| | | table.reload('mainTable', { |
| | | data: ajaxReturnData |
| | | , height: 'full-10' |
| | | , loading: false |