From e63d3f13f9db36de1871a70e3e4985fda62606ea Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期六, 06 六月 2020 17:00:34 +0800 Subject: [PATCH] # --- src/main/webapp/views/matCode/matCode.html | 155 +++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 123 insertions(+), 32 deletions(-) diff --git a/src/main/webapp/views/matCode/matCode.html b/src/main/webapp/views/matCode/matCode.html index 3fcf2e7..343e80b 100644 --- a/src/main/webapp/views/matCode/matCode.html +++ b/src/main/webapp/views/matCode/matCode.html @@ -9,44 +9,46 @@ <link rel="stylesheet" href="/static/layui/css/layui.css" media="all"> <link rel="stylesheet" href="/static/css/cool.css" media="all"> <link rel="stylesheet" href="/static/css/common.css" media="all"> + <style> + .btn-print { + display: none; + } + #btn-print-batch { + display: none; + } + .layui-btn-danger { + background-color: lightsalmon; + color: #333; + } + + /* ------------------------------------------------ */ + .contain { + border: 1px solid #000; + width: 100%; + } + .contain td { + border: 1px solid #000; + line-height: 46px; + text-align: center; + } + .qrcode { + margin: 3px; + } + </style> </head> <body> <!-- 鎼滅储鏍� --> <div id="search-box" class="layui-form layui-card-header"> <div class="layui-inline"> - <label class="layui-form-label">缂栥��銆�鍙凤細</label> + <label class="layui-form-label">鐗╂枡缂栫爜锛�</label> <div class="layui-input-inline"> - <input class="layui-input" type="text" name="id" placeholder="璇疯緭鍏�" autocomplete="off"> - </div> - </div> - <div class="layui-inline"> - <label class="layui-form-label">鍒� 寤� 鑰咃細</label> - <div class="layui-input-inline cool-auto-complete"> - <input id="appeUser" class="layui-input" name="appe_user" type="text" placeholder="璇疯緭鍏�" autocomplete="off" style="display: none"> - <input id="appeUser$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏�" onfocus=this.blur()> - <div class="cool-auto-complete-window"> - <input class="cool-auto-complete-window-input" data-key="userQueryByappeUser" onkeyup="autoLoad(this.getAttribute('data-key'))"> - <select class="cool-auto-complete-window-select" data-key="userQueryByappeUserSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> - </select> - </div> - </div> - </div> - <div class="layui-inline"> - <label class="layui-form-label">淇敼浜哄憳锛�</label> - <div class="layui-input-inline cool-auto-complete"> - <input id="modiUser" class="layui-input" name="modi_user" type="text" placeholder="璇疯緭鍏�" autocomplete="off" style="display: none"> - <input id="modiUser$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏�" onfocus=this.blur()> - <div class="cool-auto-complete-window"> - <input class="cool-auto-complete-window-input" data-key="userQueryBymodiUser" onkeyup="autoLoad(this.getAttribute('data-key'))"> - <select class="cool-auto-complete-window-select" data-key="userQueryBymodiUserSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> - </select> - </div> + <input class="layui-input" type="text" name="mat_no" placeholder="璇疯緭鍏�" autocomplete="off"> </div> </div> <!-- 寰呮坊鍔� --> - <div id="data-search-btn" class="layui-btn-container layui-form-item"> + <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> <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> @@ -58,16 +60,16 @@ </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-refresh" lay-event="refreshData">鍒锋柊</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> + <button class="layui-btn layui-btn-normal" id="btn-export" lay-event="exportData" style="float: inherit">瀵煎嚭</button> + <button class="layui-btn " id="btn-into" lay-event="intoData">瀵煎叆</button> + <button class="layui-btn layui-btn-danger" id="btn-print-batch" lay-event="btnPrintBatch">鎵归噺鎵撳嵃</button> </div> </script> <script type="text/html" id="operate"> <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">璇︽儏</a> - <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">缂栬緫</a> + <button class="layui-btn layui-btn-danger layui-btn-xs btn-print" lay-event="btnPrint">鎵撳嵃</button> +<!-- <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">缂栬緫</a>--> </script> <script type="text/javascript" src="/static/js/jquery/jquery-3.3.1.min.js"></script> @@ -78,6 +80,95 @@ <iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> +<!-- 瀵煎嚭鎿嶄綔寮圭獥 --> +<div id="exportDataDiv" style="display: none;padding: 20px"> + <div class="layui-form"> + <div class="layui-form-item"> + <label class="layui-form-label" style="padding: 9px 0">璁剧疆鏂囦欢鍚�</label> + <div class="layui-input-block" style="margin-left: 90px;"> + <input type="text" id="exportFileName" placeholder="閫夊~" autocomplete="off" class="layui-input"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label" style="padding: 9px 0">瀵煎嚭琛屾暟</label> + <div class="layui-input-block" style="margin-left: 90px;"> + <input type="text" id="exportRowCount" placeholder="閫夊~锛堥粯璁ゅ叏閮級" autocomplete="off" class="layui-input" lay-verify="number" lay-reqtext="璇疯緭鍏ユ暟瀛�"> + </div> + </div> + <div style="text-align: center; margin-top: 20px"> + <button class="layui-btn layui-btn-radius layui-btn-normal" id="exportDo" lay-submit lay-filter="exportDo">寮�濮嬪鍑�</button> + </div> + </div> +</div> + + +<!-- 瀵煎叆鎿嶄綔寮圭獥 --> +<div id="importDataDiv" style="display: none;padding: 20px 40px"> + <div class="layui-upload-drag" id="uploadEx" style="width: 200px; font-size: x-small; padding: 10px; text-align: center; box-sizing: border-box"> + <div id="uploadDesc" style="display: inline-block; "> + <i class="layui-icon">顧�</i> + <p>鐐瑰嚮娣诲姞锛屾垨灏嗘枃浠舵嫋鎷藉埌姝ゅ</p> + </div> + <div id="uploadDemoView" style="display: none"> + <img src="../../static/image/Excel.png" alt="涓婁紶鎴愬姛鍚庢覆鏌�" style="max-width: 196px; padding: 20px 0 10px 0"> + <span id="fileMame" style="display: block; font-size: small; color: #333"></span> + </div> + </div> + <div style="text-align: center; margin-top: 20px"> + <button class="layui-btn layui-btn-radius" id="uploadDo">寮�濮嬪鍏�</button> + </div> +</div> + +<!-- 鎵撳嵃鎿嶄綔寮圭獥 --> +<div id="printDataDiv" style="display: none;padding: 20px 40px"> + + + + <div id="template-container"> + <div class="template-preview"> + + <table height="317" style="overflow: hidden;width: 100%"> + <tr><td valign="middle"> + <table class="contain"> + <tr> + <td width="20%" align="right" scope="col">瀹㈡埛</td> + <td class="customer" width="30%" align="left" scope="col">{{this.customer}}</td> + <td width="20%" align="right" scope="col">棰滆壊</td> + <td class="color" width="30%" align="left" scope="col">1</td> + </tr> + <tr> + <td align="right">鐢熶骇鏃ユ湡</td> + <td class="createTime" align="left">{{this.createTime$}}</td> + <td align="right">鏁伴噺</td> + <td class="amount" align="left">{{this.amount}}</td> + </tr> + <tr> + <td align="right">鍨嬪彿鎵撳瓧</td> + <td class="modelType" align="left" colspan="3">{{this.modelType}}</td> + </tr> + <tr> + <td align="right">浜у搧鎵瑰彿</td> + <td class="seq" align="left">{{this.seq}}</td> + <td colspan="2" rowspan="3" align="right"><img class="qrcode" src="{{this.qrCodeUrl}}" style="width: 80%"></td> + </tr> + <tr> + <td align="right">瑁呮楠屽彿</td> + <td class="boxCheck" align="left">{{this.boxCheck}}</td> + </tr> + <tr> + <td align="right">绠卞彿</td> + <td class="boxNumber" align="left">{{this.boxNumber}}</td> + </tr> + </table> + </td></tr> + </table> + + </div> + <div class="template-preview"></div> + <div class="template-preview"></div> + </div> +</div> + </body> </html> -- Gitblit v1.9.1