| New file |
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html> |
|---|
| | | <head> |
|---|
| | | <meta charset="utf-8" /> |
|---|
| | | <title>æåå¢</title> |
|---|
| | | <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/Scripts/json2.js"></script> |
|---|
| | | <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script> |
|---|
| | | <script src="../../../layuiadmin/Scripts/webConfig.js"></script> |
|---|
| | | <script src="../../../layuiadmin/PubCustom.js"></script> |
|---|
| | | <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script> |
|---|
| | | <script src="../../../layuiadmin/HideButton.js"></script> |
|---|
| | | <script src="../../../layuiadmin/soulTable.slim.js"></script> |
|---|
| | | <style> |
|---|
| | | .layui-table-cell { |
|---|
| | | height: 52px; |
|---|
| | | line-height: 52px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | </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-collapse"> |
|---|
| | | <div class="layui-colla-item"> |
|---|
| | | <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-inline"> |
|---|
| | | <input type="text" name="HDeptName" id="HDeptName" class="layui-input" value="" style="float: left; width: 150px;"> |
|---|
| | | <input type="hidden" name="HDeptID" id="HDeptID" class="layui-input" value="0" style="float: left; width: 150px;"> |
|---|
| | | <button type="button" class="layui-btn" lay-submit="" lay-filter="btnHDept" id="btnHDept" style="width: 40px; padding: 0 10px;"> |
|---|
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
|---|
| | | </button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch" style="padding: 0 5px;width:55px; ">æ¥è¯¢</button> |
|---|
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btn-Exit" id="btn-Exit" style="padding: 0 5px; width: 55px;">éåº</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
|---|
| | | </form> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| | | <script> |
|---|
| | | layui.config({ |
|---|
| | | base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾ |
|---|
| | | }).extend({ |
|---|
| | | index: 'lib/index', //主å
¥å£æ¨¡å |
|---|
| | | }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate','soulTable'], function () { |
|---|
| | | |
|---|
| | | //#region å
Œ
±åé |
|---|
| | | var $ = layui.$ |
|---|
| | | , admin = layui.admin |
|---|
| | | , layer = layui.layer |
|---|
| | | , table = layui.table |
|---|
| | | , form = layui.form |
|---|
| | | , element = layui.element |
|---|
| | | , laypage = layui.laypage |
|---|
| | | , laydate = layui.laydate |
|---|
| | | , soulTable = layui.soulTable |
|---|
| | | var sWhere = ""; |
|---|
| | | var titleData = [""]; |
|---|
| | | var option = []; |
|---|
| | | var HModName = "SingleRowWallList"; |
|---|
| | | |
|---|
| | | //#endregion |
|---|
| | | |
|---|
| | | //#region è¿å
¥é¡µé¢å³å è½½ |
|---|
| | | |
|---|
| | | //åå§åçé¢ |
|---|
| | | set_ClearBill(); |
|---|
| | | |
|---|
| | | //#endregion |
|---|
| | | |
|---|
| | | //#region 触åäºä»¶ï¼å
æ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç |
|---|
| | | |
|---|
| | | //æ¥è¯¢æé® |
|---|
| | | form.on('submit(btnSearch)', function (data) { |
|---|
| | | get_FastQuery(); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | //çäº§è½¦é´ |
|---|
| | | form.on('submit(btnHDept)', function (data) { |
|---|
| | | get_btnHDept(); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | //éåº |
|---|
| | | form.on('submit(btn-Exit)', function (data) { |
|---|
| | | Pub_Close(2); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | //#endregion |
|---|
| | | |
|---|
| | | //#region æ¤é¡µé¢ææçæ¹æ³ |
|---|
| | | |
|---|
| | | // åå§åçé¢ |
|---|
| | | function set_ClearBill() { |
|---|
| | | //æ¥è¯¢ |
|---|
| | | get_FastQuery(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | //è·å车é´å表 |
|---|
| | | function get_btnHDept() { |
|---|
| | | layer.open({ |
|---|
| | | type: 2//å¼¹çªç±»å |
|---|
| | | , skin: 'layui-layer-rim' //å ä¸è¾¹æ¡ |
|---|
| | | , area: ['90%', '90%']//å¤§å° |
|---|
| | | , title: 'ç产车é´å表'//æ é¢ |
|---|
| | | , shift: 2//å¼¹åºå¨ç» |
|---|
| | | , content: ['../../åºç¡èµæ/å
¬ç¨åºç¡èµæ/Gy_DepartmentList.html', 'yes'] |
|---|
| | | , btn: ['ç¡®å®', 'åæ¶'] |
|---|
| | | , btn1: function (index, layero) {//æé®ãæé®ä¸ãçåè° |
|---|
| | | var iframeWindow = window['layui-layer-iframe' + index] //è·åå¼¹æ¡é¡µé¢ |
|---|
| | | var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//è·åtableçelem:"#test" |
|---|
| | | if (checkStatus.data.length === 0) { |
|---|
| | | return layer.msg('请éæ©æ°æ®'); |
|---|
| | | } |
|---|
| | | $("#HDeptName").val(checkStatus.data[0].é¨é¨å称); |
|---|
| | | $("#HDeptID").val(checkStatus.data[0].HItemID); |
|---|
| | | layer.close(index); //å®è·åçå§ç»æ¯ææ°å¼¹åºçæ个å±ï¼å¼æ¯ç±layerå
é¨å¨æéå¢è®¡ç®ç |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | | // æ¥è¯¢ |
|---|
| | | function get_Display(sWhere) { |
|---|
| | | var ajaxLoad = layer.load(); |
|---|
| | | $.ajax({ |
|---|
| | | url: GetWEBURL() + '/Sc_ProcExchWorkBackBill/SingleRowWallList', |
|---|
| | | type: "GET", |
|---|
| | | data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] }, |
|---|
| | | success: function (data1) { |
|---|
| | | |
|---|
| | | if (data1.count == 1) { |
|---|
| | | layer.close(ajaxLoad); |
|---|
| | | |
|---|
| | | 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: 'numbers', title: 'åºå·', width:80 }); |
|---|
| | | for (var i = 0; i < data.length; i++) { |
|---|
| | | 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', templet: "<div>{{d." + data[i].name + " ==null ?'':layui.util.toDateString(d." + data[i].name + ", 'yyyy-MM-dd')}}</div>", width: 200 }); |
|---|
| | | break; |
|---|
| | | default: |
|---|
| | | col.push({ field: data[i].id, title: data[i].name, align: 'center', width: 200 }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | option = { |
|---|
| | | elem: '#mainTable' |
|---|
| | | //, toolbar: '#toolbarDemo' |
|---|
| | | , height: 800 |
|---|
| | | , page: true //å¼å¯å页 |
|---|
| | | , limit: 50 |
|---|
| | | , limits: [50, 500, 5000, 20000] |
|---|
| | | , cols: [col] |
|---|
| | | , data: data1.data.DataSouce |
|---|
| | | , done: function (res, curr, count) { |
|---|
| | | //soulTable.render(this); |
|---|
| | | //resä¸ºè¡¨æ ¼çæææ°æ®ï¼curr为å½å页ç ï¼count为æ°æ®æ»æ¡æ° |
|---|
| | | //éåæ¬é¡µææè¡¨æ ¼æ°æ®çå¼ï¼ä¾æ¬¡å¤ææ¯å¦ä¸ºç©ºé²ä¸ç¶æï¼è¥ä¸æ¯åéè¿data-indexæ¹å该è¡æ ·å¼ |
|---|
| | | //è¿éitemåindexåå«å¯¹åºæ¯è¡çæ°æ®ådata-indexç´¢å¼å¼ |
|---|
| | | res.data.forEach(function (item, index) { |
|---|
| | | if (data1.data.DataColor != undefined) { |
|---|
| | | var sj = data1.data.DataColor; |
|---|
| | | //ç¦ç¨å¤éæ¡ï¼è®¾ç½®ä¸å¯éä¸æ è¯ï¼å°è¯¥è¡è®¾ç½®ä¸ºé´å½±è² |
|---|
| | | var tr = $(".layui-table tr[data-index=" + index + "]"); |
|---|
| | | var td = tr.children('td'); //è·åträ¸ææçtd |
|---|
| | | if (sj.length > index) { |
|---|
| | | for (var i = 1; i < td.length; i++) { |
|---|
| | | var title = option.cols[0][i].field; |
|---|
| | | if (sj[index][title] != "" && sj[index][title] != null) { |
|---|
| | | td.eq(i).css("background-color", sj[index][title]); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | table.render(option); |
|---|
| | | |
|---|
| | | } else { |
|---|
| | | layer.close(ajaxLoad); |
|---|
| | | layer.msg(data1.code + data1.Message, { icon: 5 }); |
|---|
| | | } |
|---|
| | | }, error: function () { |
|---|
| | | layer.close(ajaxLoad); |
|---|
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å¿«éè¿æ»¤ |
|---|
| | | function get_FastQuery() { |
|---|
| | | |
|---|
| | | var HDeptID = $("#HDeptID").val();//è½¦é´ |
|---|
| | | |
|---|
| | | if (HDeptID) { |
|---|
| | | sWhere += HDeptID; |
|---|
| | | } |
|---|
| | | |
|---|
| | | get_Display(sWhere); |
|---|
| | | sWhere = "";//è°ç¨æ¥å£åæ¸
空sWhereç¼å |
|---|
| | | } |
|---|
| | | |
|---|
| | | //#endregion |
|---|
| | | |
|---|
| | | //以ä¸æ¯layui模å |
|---|
| | | }); |
|---|
| | | </script> |
|---|
