From d17c089f1d7ff3be848b05161917346e7f664a1d Mon Sep 17 00:00:00 2001
From: mrzhssss <pro6@qq.com>
Date: 星期二, 26 四月 2022 15:17:53 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/pickout/pickout.html |  209 +++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 190 insertions(+), 19 deletions(-)

diff --git a/src/main/webapp/views/pickout/pickout.html b/src/main/webapp/views/pickout/pickout.html
index 263db8c..6825de9 100644
--- a/src/main/webapp/views/pickout/pickout.html
+++ b/src/main/webapp/views/pickout/pickout.html
@@ -10,44 +10,172 @@
     <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
     <link rel="stylesheet" href="../../static/css/cool.css" media="all">
     <link rel="stylesheet" href="../../static/css/common.css" media="all">
+    <style>
+        body {
+            color: #595959;
+            background-color: #f5f7f9;
+        }
+
+        /* 宸﹁〃 */
+        #leftTable + .layui-table-view .layui-table-tool-temp {
+            padding-right: 0;
+        }
+
+        #leftTable + .layui-table-view .layui-table-body tbody > tr td {
+            cursor: pointer;
+        }
+
+        #leftTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click {
+            background-color: #fff3e0;
+        }
+
+        #leftTable + .layui-table-view .layui-table-body tbody > tr.layui-table-click td:last-child > div:before {
+            position: absolute;
+            right: 6px;
+            content: "\e602";
+            font-size: 12px;
+            font-style: normal;
+            font-family: layui-icon,serif !important;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+
+        #left-table .layui-table-grid-down {
+            display: none;
+        }
+
+
+        .layui-form.layui-border-box.layui-table-view {
+            border-width: 1px;
+        }
+        #left-table .layui-table thead th {
+            /* font-weight: bold; */
+            text-align: left;
+        }
+    </style>
 </head>
 <body>
-
-<!-- 鎼滅储鏍� -->
-<div id="search-box" class="layui-form layui-card-header">
-    <div class="layui-inline">
-        <div class="layui-input-inline">
-            <input class="layui-input" type="text" name="id" placeholder="缂栧彿" autocomplete="off">
+<!-- 姝f枃寮�濮� -->
+<div class="layui-fluid" style="padding-bottom: 0;">
+    <div class="layui-row layui-col-space15">
+        <div class="layui-col-md3" id="left-table">
+            <div class="layui-card">
+                <div class="layui-card-body" style="padding: 10px;">
+                    <!-- 琛ㄦ牸宸ュ叿鏍�1 -->
+                    <div class="layui-form toolbar">
+                        <div class="layui-form-item">
+                            <div class="layui-inline" style="max-width: 140px;">
+                                <input name="docName" id="docName" class="layui-input" placeholder="璇疯緭鍏ヤ换鍔″彿"/>
+                            </div>
+                            <div class="layui-inline">
+                                <button class="layui-btn icon-btn" lay-filter="leftResearch" lay-submit>
+                                    <i class="layui-icon">&#xe615;</i>鎼滅储
+                                </button>
+                                <button class="layui-btn icon-btn" lay-filter="leftReset" lay-submit>
+                                    <i class="layui-icon">&#xe666;</i>閲嶇疆
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 鏁版嵁琛ㄦ牸1 -->
+                    <table id="leftTable" lay-filter="leftTable"></table>
+                </div>
+            </div>
+        </div>
+        <div class="layui-col-md9">
+            <div class="layui-card">
+                <div class="layui-card-body" style="padding: 10px;">
+                    <!-- 琛ㄦ牸宸ュ叿鏍�2 -->
+                    <div class="layui-form toolbar">
+                        <div class="layui-form-item">
+                            <div class="layui-inline">
+                                <label class="layui-form-label">鍟嗗搧缂栫爜:</label>
+                                <div class="layui-input-inline">
+                                    <input name="matnr" id="matnr" class="layui-input"type="text"  placeholder="缂栫爜" autocomplete="off"/>
+                                </div>
+                            </div>
+                            <div class="layui-inline">&emsp;
+                                <button class="layui-btn icon-btn" lay-filter="rightSearch" lay-submit>
+                                    <i class="layui-icon">&#xe615;</i>鎼滅储
+                                </button>
+                                <button class="layui-btn icon-btn" lay-filter="reset" lay-submit>
+                                    <i class="layui-icon">&#xe666;</i>閲嶇疆
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 鏁版嵁琛ㄦ牸2 -->
+                    <table id="pickout" lay-filter="pickout"></table>
+                </div>
+            </div>
         </div>
     </div>
-    <!-- 寰呮坊鍔� -->
-    <div id="data-search-btn" class="layui-btn-container layui-form-item">
-        <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">鎼滅储</button>
-        <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">閲嶇疆</button>
-    </div>
 </div>
 
-<!-- 琛ㄦ牸 -->
-<div class="layui-form">
-    <table class="layui-hide" id="pickout" lay-filter="pickout"></table>
-</div>
+<!-- 鎵撳嵃瀹瑰櫒 -->
+<div id="pakoutPrintBox" style="display: none"></div>
+<!--&lt;!&ndash; 鎼滅储鏍� &ndash;&gt;-->
+<!--<div id="search-box" class="layui-form layui-card-header">-->
+<!--    <div class="layui-inline">-->
+<!--        <div class="layui-input-inline">-->
+<!--            <input class="layui-input" type="text" name="id" placeholder="缂栧彿" autocomplete="off">-->
+<!--        </div>-->
+<!--    </div>-->
+<!--    &lt;!&ndash; 寰呮坊鍔� &ndash;&gt;-->
+<!--    <div id="data-search-btn" class="layui-btn-container layui-form-item">-->
+<!--        <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">鎼滅储</button>-->
+<!--        <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">閲嶇疆</button>-->
+<!--    </div>-->
+<!--</div>-->
+
+<!--&lt;!&ndash; 琛ㄦ牸 &ndash;&gt;-->
+<!--<div class="layui-form">-->
+<!--    <table class="layui-hide" id="pickout" lay-filter="pickout"></table>-->
+<!--</div>-->
 <script type="text/html" id="toolbar">
     <div class="layui-btn-container">
-        <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">鏂板</button>
-        <button class="layui-btn layui-btn-sm" id="btn-delete" lay-event="deleteData">鍒犻櫎</button>
+<!--        <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">鏂板</button>-->
+<!--        <button class="layui-btn layui-btn-sm" id="btn-delete" lay-event="deleteData">鍒犻櫎</button>-->
         <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData">瀵煎嚭</button>
     </div>
 </script>
 
 <script type="text/html" id="operate">
-    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">淇敼</a>
-    <a class="layui-btn layui-btn-danger layui-btn-xs btn-edit" lay-event="del">鍒犻櫎</a>
+
+    {{#if (d.wrkSts == 1||d.wrkSts == 2){ }}
+    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="printOrder">鎵撳嵃鎷h揣鍗�</a>
+    {{# } }}
+
+
+
+<!--    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">璇︽儏</a>-->
+    {{#if (d.wrkSts == 1){ }}
+    <a class="layui-btn layui-btn-danger layui-btn-xs btn-edit" lay-event="del">鎾ら攢</a>
+    {{# } }}
+    {{#if (d.wrkSts == 2){ }}
+    <a class="layui-btn layui-btn-xs btn-complete" lay-event="complete">瀹屾垚</a>
+    {{# } }}
+<!--    <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">淇敼</a>-->
+
+</script>
+<script type="text/html" id="wrkStsTpl">
+    <span name="wrkSts"
+          {{# if( d.wrkSts === 1){ }}
+          class="layui-badge layui-badge-blue"
+          {{# } else if(d.wrkSts === 2){ }}
+          class="layui-badge layui-badge-red"
+          {{# } else if(d.wrkSts === 3){ }}
+          class="layui-badge layui-badge-green"
+          {{# } }}
+    >{{d.wrkSts$}}</span>
 </script>
 
 <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
 <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
 <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script>
 <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
+<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
 <script type="text/javascript" src="../../static/js/pickout/pickout.js" charset="utf-8"></script>
 </body>
 <!-- 琛ㄥ崟寮圭獥 -->
@@ -126,5 +254,48 @@
         </div>
     </form>
 </script>
+
+
+<script type="text/template" id="pakoutPrintTpl">
+    <!-- 澶� -->
+    <div id="print-header" style="margin: 20px 0">
+        <div style="text-align: center">
+            <div style="text-align: center;margin-bottom: 10px">
+                <span style="font-family: 瀹嬩綋"> 鎷h揣鍗� </span>
+            </div>
+
+            <img class="template-code template-qrcode" src="{{data.barcodeUrl}}" style="width: 80%">
+            <p style="letter-spacing: 2px;margin-top: 5px">{{data.pickout.wrkNo}}</p>
+        </div>
+        <div style="font-size: xx-small; text-align: left; margin-top: 10px">
+            <span style="font-family: 瀹嬩綋">瀹㈡埛锛歿{data.custName}}</span>
+        </div>
+        <div style="margin-top: 10px">
+            <div style="float: left;width: 50%; text-align: left">
+                <span style="font-size: xx-small;font-family: 瀹嬩綋">鎷h揣鏁伴噺锛歿{data.total}}</span>
+            </div>
+            <div style="float: left; width: 50%; text-align: right">
+                <span style="font-size: xx-small;font-family: 瀹嬩綋">鎷h揣浜猴細{{data.workerName}}</span>
+            </div>
+            <div style="clear:both;"></div>
+        </div>
+    </div>
+
+    <!-- 涓讳綋 -->
+    <div style="margin-top: 10px">
+        {{#each data.pickoutDetls}}
+        <div class="pakout-item" style="padding: 10px 5px 10px 5px;border-top: 1px solid #525252">
+            <div class="item-header" style="margin-top: 10px;font-family: 瀹嬩綋; font-size: x-small">
+                {{maktx}}
+            </div>
+            <div class="item-content" style="margin: 10px 0 ">
+                <div style="float: left;font-family: 瀹嬩綋; font-size: xx-small">{{anfme}}{{unit}}</div>
+                <div style="float: right;font-family: 瀹嬩綋; font-size: xx-small">璐т綅锛歿{nodeName}}</div>
+                <div style="clear: both;"></div>
+            </div>
+        </div>
+        {{/each}}
+    </div>
+</script>
 </html>
 

--
Gitblit v1.9.1