From 36bfcfbcdb69ef8ddfe1cc0ba543c979a0b12eff Mon Sep 17 00:00:00 2001 From: cwjbxqmz <1134865194@qq.com> Date: 星期五, 08 十二月 2023 08:51:31 +0800 Subject: [PATCH] 发货通知单看板 --- Delivery.html | 110 ++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 77 insertions(+), 33 deletions(-) diff --git a/Delivery.html b/Delivery.html index 626c610..a3e8481 100644 --- a/Delivery.html +++ b/Delivery.html @@ -262,6 +262,7 @@ } + .bootstrap-table .table { border-radius: none } @@ -687,6 +688,10 @@ mychart3.setOption(option3); } + + + + function DataTable() { layui.use(['table', 'jquery', 'form'], function () { var table = layui.table @@ -707,24 +712,23 @@ success: function (result) { var col = []; //缁欑┖鐨勬暟缁勮祴鍊� - col.push({ filed: 'checked', checkbox: true, formatter: stateFormatter }); + col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50}); for (var key in result.columnNameList) { if ($.inArray(result.columnNameList[key].ColmCols, titleData) > -1) { col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //闅愯棌id鍒� - } else - if (result.columnNameList[key].ColmType == "Decimal") { + } + else if (result.columnNameList[key].ColmType == "Decimal") { col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) { return parseFloat(value).toFixed(2); } }); - } else if (result.columnNameList[key].ColmType == "DateTime") { - col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', sort: true, templet: "<div>{{d." + result.columnNameList[key].ColmCols + " ==null ?'':layui.util.toDateString(d." + result.columnNameList[key].ColmCols + ", 'yyyy-MM-dd HH:mm:ss')}}</div>" }); + } + else { + col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 }); } - else { - col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' }); - } + } var num_total = (result.total) / 10; @@ -739,13 +743,22 @@ , page: true // 寮�鍚垎椤� , limit: 10 , cols: [col] - , done: function (res) { + , done: function (res, curr, count) { + res.data.forEach(function (item, index) { + // console.log(item); + //杩欓噷鐨別ntity_status_id 涓鸿〃鏍兼暟鎹腑鐨勪竴鍒楁暟鎹紝鐢ㄤ簬鍒ゆ柇鐗瑰畾琛� + if (item.鍑哄巶鏃堕棿 != null && item.鍑哄巶鏃堕棿 != "") { + var tr = $(".layui-one .layui-table tr[data-index=" + index + "]"); + tr.css("background-color", "black"); + } + + }) } }); - // 鐩戝惉table澶嶉�夋鐨勯�夋嫨浜嬩欢 - table.on('checkbox(tb_order)', function (obj) { + // 鐩戝惉table鍗曢�夋鐨勯�夋嫨浜嬩欢 + table.on('radio(tb_order)', function (obj) { selectedIds = table.checkStatus('tb_order').data.map(item => item.id).sort(function (a, b) { return a - b; }); @@ -760,36 +773,41 @@ } + + + //澶村伐鍏锋爮浜嬩欢 table.on('toolbar(tb_order)', function (obj) { var checkStatus = table.checkStatus('tb_order') , data = checkStatus.data; + var FID = data[0].FID.toString(); var FENTRYID = data[0].FENTRYID.toString(); switch (obj.event) { case 'InFactory1': Table_Button(FID, FENTRYID, 'InFactory1'); + DataTable(); break; case 'DInFactory1': Table_Button(FID, FENTRYID, 'DInFactory1'); + DataTable(); break; case 'OutFactory1': Table_Button(FID, FENTRYID, 'OutFactory1'); + DataTable(); break; case 'DOutFactory1': Table_Button(FID, FENTRYID, 'DOutFactory1'); + DataTable(); break; } }); - - - - + function Table_Button(FID,FENTRYID,OperationType) { $.ajax({ @@ -827,10 +845,10 @@ success: function (result) { var col = []; //缁欑┖鐨勬暟缁勮祴鍊� - col.push({ filed: 'checked', checkbox: true, formatter: stateFormatter }); + col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 }); for (var key in result.columnNameList) { if ($.inArray(result.columnNameList[key].ColmCols, titleData2) > -1) { - col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //闅愯棌id鍒� + col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //闅愯棌id鍒� } else if (result.columnNameList[key].ColmType == "Decimal") { @@ -840,7 +858,7 @@ } }); } else { - col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' }); + col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 }); } } @@ -857,13 +875,22 @@ , page: true // 寮�鍚垎椤� , limit: 10 , cols: [col] - , done: function (res) { + , done: function (res, curr, count) { + res.data.forEach(function (item, index) { + // console.log(item); + //杩欓噷鐨別ntity_status_id 涓鸿〃鏍兼暟鎹腑鐨勪竴鍒楁暟鎹紝鐢ㄤ簬鍒ゆ柇鐗瑰畾琛� + if (item.鍑哄巶鏃堕棿 != null && item.鍑哄巶鏃堕棿 !="") { + var tr = $(".layui-two .layui-table tr[data-index=" + index + "]"); + tr.css("background-color", "rgb(190,255,180)"); + } + + }) } }); - // 鐩戝惉table澶嶉�夋鐨勯�夋嫨浜嬩欢 - table.on('checkbox(tb_order2)', function (obj) { + // 鐩戝惉table鍗曢�夋鐨勯�夋嫨浜嬩欢 + table.on('radio(tb_order2)', function (obj) { selectedIds = table.checkStatus('tb_order2').data.map(item => item.id).sort(function (a, b) { return a - b; }); @@ -893,16 +920,20 @@ switch (obj.event) { case 'InFactory2': Table_Button(FID, FENTRYID, 'InFactory2'); + DataTable2(); break; case 'DInFactory2': Table_Button(FID, FENTRYID, 'DInFactory2'); + DataTable2(); break; case 'OutFactory2': Table_Button(FID, FENTRYID, 'OutFactory2'); + DataTable2(); break; case 'DOutFactory2': Table_Button(FID, FENTRYID, 'DOutFactory2'); + DataTable2(); break; } }); @@ -927,7 +958,7 @@ success: function (result) { var col = []; //缁欑┖鐨勬暟缁勮祴鍊� - col.push({ filed: 'checked', checkbox: true, formatter: stateFormatter }); + col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 }); for (var key in result.columnNameList) { if ($.inArray(result.columnNameList[key].ColmCols, titleData3) > -1) { col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //闅愯棌id鍒� @@ -940,7 +971,7 @@ } }); } else { - col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center' }); + col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180}); } } @@ -957,13 +988,22 @@ , page: true // 寮�鍚垎椤� , limit: 10 , cols: [col] - , done: function (res) { + , done: function (res, curr, count) { + res.data.forEach(function (item, index) { + // console.log(item); + //杩欓噷鐨別ntity_status_id 涓鸿〃鏍兼暟鎹腑鐨勪竴鍒楁暟鎹紝鐢ㄤ簬鍒ゆ柇鐗瑰畾琛� + if (item.鍑哄巶鏃堕棿 != null && item.鍑哄巶鏃堕棿 != "") { + var tr = $(".layui-three .layui-table tr[data-index=" + index + "]"); + tr.css("background-color", "grey"); + } + + }) } }); - // 鐩戝惉table澶嶉�夋鐨勯�夋嫨浜嬩欢 - table.on('checkbox(tb_order3)', function (obj) { + // 鐩戝惉table鍗曢�夋鐨勯�夋嫨浜嬩欢 + table.on('radio(tb_order3)', function (obj) { selectedIds = table.checkStatus('tb_order3').data.map(item => item.id).sort(function (a, b) { return a - b; }); @@ -993,16 +1033,20 @@ switch (obj.event) { case 'InFactory3': Table_Button(FID, FENTRYID, 'InFactory3'); + DataTable3(); break; case 'DInFactory3': Table_Button(FID, FENTRYID, 'DInFactory3'); + DataTable3(); break; case 'OutFactory3': Table_Button(FID, FENTRYID, 'OutFactory3'); + DataTable3(); break; case 'DOutFactory3': Table_Button(FID, FENTRYID, 'DOutFactory3'); + DataTable3(); break; } }); @@ -1039,13 +1083,13 @@ <form class="layui-form"> <div class="layui-tab"> <ul class="layui-tab-title"> - <li lay-id="1" style="padding: 1px; color: rgba(9, 209, 234, 1);" class="layui-this">鍩烘湰淇℃伅1</li> - <li lay-id="2" style="padding: 1px; color: rgba(9, 209, 234, 1);">淇℃伅2</li> - <li lay-id="3" style="padding: 1px; color: rgba(9, 209, 234, 1);">淇℃伅3</li> + <li lay-id="1" style="padding: 3px; color: rgba(9, 209, 234, 1);" class="layui-this">娴欐睙瀹変笢灏煎ゥ</li> + <li lay-id="2" style="padding: 3px; color: rgba(9, 209, 234, 1);">涓畨(娴欐睙)</li> + <li lay-id="3" style="padding: 3px; color: rgba(9, 209, 234, 1);">缁嶅叴涓摑绁ュ竼</li> </ul> <div class="layui-tab-content"> <!--鍩烘湰淇℃伅--> - <div class="layui-tab-item layui-show"> + <div class="layui-tab-item layui-show layui-one"> <div class="layui-form-item" style="padding-top: 10px;"> <div class="col-sm-8 left"> <div> @@ -1054,7 +1098,7 @@ </div> <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container"> - <button type="button" class="layui-btn layui-btn-sm" lay-event="InFactory1">杩涘巶</button> + <button type="button" class="layui-btn layui-btn-sm" lay-event="InFactory1" >杩涘巶</button> <button type="button" class="layui-btn layui-btn-sm" lay-event="DInFactory1">鎾ら攢杩涘巶</button> <button type="button" class="layui-btn layui-btn-sm" lay-event="OutFactory1">鍑哄巶</button> <button type="button" class="layui-btn layui-btn-sm" lay-event="DOutFactory1">鎾ら攢鍑哄巶</button> @@ -1063,7 +1107,7 @@ </div> </div> <!--鍩烘湰淇℃伅--> - <div class="layui-tab-item"> + <div class="layui-tab-item layui-two"> <div class="layui-form-item" style="padding-top: 10px;"> <div class="col-sm-8 left"> <div> @@ -1081,7 +1125,7 @@ </div> </div> <!--鍩烘湰淇℃伅--> - <div class="layui-tab-item"> + <div class="layui-tab-item layui-three"> <div class="layui-form-item" style="padding-top: 10px;"> <div class="col-sm-8 left"> <div> -- Gitblit v1.9.1