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