From 7fff423ea251afed364dc523fb5be4d0b23f39b1 Mon Sep 17 00:00:00 2001 From: YYC <1833023622@qq.com> Date: 星期三, 05 七月 2023 09:13:12 +0800 Subject: [PATCH] 出库登记 --- igds-web/src/main/resources/templates/admin/inout/out-register.html | 622 ++++++++++++++++++++++++++++--------------------------- 1 files changed, 317 insertions(+), 305 deletions(-) diff --git a/igds-web/src/main/resources/templates/admin/inout/out-register.html b/igds-web/src/main/resources/templates/admin/inout/out-register.html index 1edc54e..39f8f5e 100644 --- a/igds-web/src/main/resources/templates/admin/inout/out-register.html +++ b/igds-web/src/main/resources/templates/admin/inout/out-register.html @@ -1,337 +1,349 @@ <!DOCTYPE html> <html lang="zh-cn" xmlns:th=http://www.thymeleaf.org> <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> - <meta name="viewport" - content="width=device-width, initial-scale=1, maximum-scale=1"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <meta name="renderer" content="webkit"> - <title>鍑哄叆搴撶鐞�-鍑哄簱鐧昏</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <meta name="viewport" + content="width=device-width, initial-scale=1, maximum-scale=1"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <meta name="renderer" content="webkit"> + <title>鍑哄叆搴撶鐞�-鍑哄簱鐧昏</title> - <link rel="stylesheet" type="text/css" - th:href="@{../../static/plugins/layui/css/layui.css?v=2.5.5}"> - <link rel="stylesheet" type="text/css" - th:href="@{../../static/admin/inout/style.css}"> + <link rel="stylesheet" type="text/css" + th:href="@{../../static/plugins/layui/css/layui.css?v=2.5.5}"> + <link rel="stylesheet" type="text/css" + th:href="@{../../static/admin/inout/style.css}"> - <style> - .display-none { - display: none; - } + <style> + .display-none { + display: none; + } - .kccz-r-con2 { - /* height: 230px; */ - padding-right: 120px; - position: relative; - margin-top: 10px; - } + .kccz-r-con2 { + /* height: 230px; */ + padding-right: 120px; + position: relative; + margin-top: 10px; + } - .kccz-r-vedio { - width: 100%; - height: 280px; - /* background: #dee6ec; */ - background: #000; - color: #FFF; - text-align: center; - } + .kccz-r-vedio { + width: 100%; + height: 280px; + /* background: #dee6ec; */ + background: #000; + color: #FFF; + text-align: center; + } - .kccz-r-btnbox { - width: 100px; - position: absolute; - right: 0px; - top: 0px; - z-index: 99; - } + .kccz-r-btnbox { + width: 100px; + position: absolute; + right: 0px; + top: 0px; + z-index: 99; + } - .layui-form-label { - font-weight: bold; - } + .layui-form-label { + font-weight: bold; + } - .ckdj-radiobox .layui-form-item { - margin-bottom: 0px; - margin-top: 10px; - } + .ckdj-radiobox .layui-form-item { + margin-bottom: 0px; + margin-top: 10px; + } - .rk-step-wrap { - padding: 0px; - border-bottom: 0px; - text-align: center; - } + .rk-step-wrap { + padding: 0px; + border-bottom: 0px; + text-align: center; + } - .qyzj-btnbox .rkbk-quick { - margin-top: 15px !important; - } - .color-red { - color: red !important; - } - .layui-form-item .layui-input-inline { - width: unset; - } - .rkbk-search-input{ - background: #FFF !important; - } - .rkbk-search-input.bg-date { - background: #FFF !important; - } - </style> + .qyzj-btnbox .rkbk-quick { + margin-top: 15px !important; + } + + .color-red { + color: red !important; + } + + .layui-form-item .layui-input-inline { + width: unset; + } + + .rkbk-search-input { + background: #FFF !important; + } + + .rkbk-search-input.bg-date { + background: #FFF !important; + } + </style> </head> <body> <div class="l-container layui-clear"> - <div class="rk-main"> + <div class="rk-main"> - <div class="qyzj-btnbox layui-clear"> - <!-- 鎿嶄綔鑿滃崟--> - <div class="rkbk-quick fl"> - <button class="rkbk-quick-btn layui-btn btn-red" - onclick="resetForm()"> - <i><img th:src="@{../../static/images/icon-clear.png}"/></i> 娓呯┖鏁版嵁 - </button> - <button class="rkbk-quick-btn layui-btn btn-green" - onclick="submit()"> - <i><img th:src="@{../../static/images/icon-ok.png}"/></i> 瀹屾垚鐧昏 - </button> - <button class="rkbk-quick-btn layui-btn btn-violet" - onclick="resetPlateNum()"> - <i><img th:src="@{../../static/images/icon-che.png}"/></i>閲嶇疆杞︾墝璇嗗埆 - </button> - </div> + <div class="qyzj-btnbox layui-clear"> + <!-- 鎿嶄綔鑿滃崟--> + <div class="rkbk-quick fl"> + <button class="rkbk-quick-btn layui-btn btn-red" + onclick="resetForm()"> + <i><img th:src="@{../../static/images/icon-clear.png}"/></i> 娓呯┖鏁版嵁 + </button> + <button class="rkbk-quick-btn layui-btn btn-green" + onclick="submit()"> + <i><img th:src="@{../../static/images/icon-ok.png}"/></i> 瀹屾垚鐧昏 + </button> + <button class="rkbk-quick-btn layui-btn btn-violet" + onclick="resetPlateNum()"> + <i><img th:src="@{../../static/images/icon-che.png}"/></i>閲嶇疆杞︾墝璇嗗埆 + </button> + </div> - <!--娴佺▼寮曞--> - <div class="rk-step-wrap fr"> - <ul class="rk-step"> - <li id="progress-register" class="active rk-step-first"> + <!--娴佺▼寮曞--> + <div class="rk-step-wrap fr"> + <ul class="rk-step"> + <li id="progress-register" class="active rk-step-first"> <span class="rk-step-span"> <img th:src="@{../../static/images/icon-dengji.png}"/> </span> - <p>鍑哄簱鐧昏</p> - </li> - <li id="progress-emptyWeight"> + <p>鍑哄簱鐧昏</p> + </li> + <li id="progress-emptyWeight"> <span class="rk-step-span"> <img th:src="@{../../static/images/icon-chengzhong.png}"/> </span> - <p>绌鸿溅绉伴噸</p> - </li> - <li id="progress-hand"> + <p>绌鸿溅绉伴噸</p> + </li> + <li id="progress-hand"> <span class="rk-step-span"> <img th:src="@{../../static/images/icon-xiehuo.png}"/> </span> - <p>鍑哄簱鍊间粨</p> - </li> - <li id="progress-fullWeight"> + <p>鍑哄簱鍊间粨</p> + </li> + <li id="progress-fullWeight"> <span class="rk-step-span"> <img th:src="@{../../static/images/icon-chengzhong.png}"/> </span> - <p>婊¤溅绉伴噸</p> - </li> - <li id="progress-cardBack"> + <p>婊¤溅绉伴噸</p> + </li> + <li id="progress-cardBack"> <span class="rk-step-span"> <img th:src="@{../../static/images/icon-banli.png}"/> </span> - <p>绂诲簱纭</p> - </li> - </ul> - </div> - <!--娴佺▼寮曞缁撴潫--> - </div> + <p>绂诲簱纭</p> + </li> + </ul> + </div> + <!--娴佺▼寮曞缁撴潫--> + </div> - <form class="layui-form" action="" id="form-data" - lay-filter="form-data"> + <form class="layui-form" action="" id="form-data" + lay-filter="form-data"> - <div class="rkbk-con"> + <div class="rkbk-con"> - <div class="radius-6 rkbk-left-wrap fl"> - <div class="rkbk-left"> - <div class="rkbk-tit"> - <i></i> - <h3>鎵胯繍浜轰俊鎭�</h3> - </div> - <div class="rkbk-left-form"> + <div class="radius-6 rkbk-left-wrap fl"> + <div class="rkbk-left"> + <div class="rkbk-tit"> + <i></i> + <h3>鎵胯繍浜轰俊鎭�</h3> + </div> + <div class="rkbk-left-form"> - <div class="rkbk-form-box1"> + <div class="rkbk-form-box1"> - <div class="layui-form-item display-none"> - <label class="layui-form-label">闅愯棌瀛楁-绫诲瀷</label> - <input type="text" name="type" th:value="${type}" > - </div> + <div class="layui-form-item display-none"> + <label class="layui-form-label">闅愯棌瀛楁-绫诲瀷</label> + <input type="text" name="type" th:value="${type}"> + </div> - <div class="rkbk-form-left"> - <div class="layui-form-item"> - <label class="layui-form-label color-red">濮� 鍚嶏細</label> - <div class="layui-input-block"> - <input type="text" name="userName" id="userName" required - lay-verify="required" placeholder="蹇呭~淇℃伅" autocomplete="off" - class="layui-input rkbk-search-input"> - </div> - </div> - <div class="layui-form-item"> - <label class="layui-form-label color-red">韬唤璇佸彿锛�</label> - <div class="layui-input-block"> - <input type="text" name="userId" id="userId" required - lay-verify="required" placeholder="蹇呭~淇℃伅" autocomplete="off" - class="layui-input rkbk-search-input"> - </div> - </div> - <div class="layui-form-item"> - <label class="layui-form-label">鑱旂郴鏂瑰紡锛�</label> - <div class="layui-input-block"> - <input type="text" name="userContact" id="userContact" - placeholder="璇疯緭鍏�" autocomplete="off" - class="layui-input rkbk-search-input"> - </div> - </div> - <div class="layui-form-item"> - <label class="layui-form-label">鍑虹敓鏃ユ湡锛�</label> - <div class="layui-input-block"> - <input type="text" name="userBirthday" id="userBirthday" - placeholder="yyyy-MM-dd" autocomplete="off" - class="layui-input rkbk-search-input bg-date"> - </div> - </div> - <div class="layui-form-item"> - <label class="layui-form-label">鎬� 鍒細</label> - <div class="layui-input-block rkbk-selBox"> - <input type="radio" name="userSex" id="userSex" value="鐢�" - title="鐢�" checked> <input type="radio" - name="userSex" value="濂�" title="濂�"> - </div> - </div> - <div class="layui-form-item"> - <label class="layui-form-label">姘� 鏃忥細</label> - <div class="layui-input-block"> - <input type="text" name="userNation" id="userNation" - required lay-verify="required" placeholder="璇疯緭鍏�" - autocomplete="off" class="layui-input rkbk-search-input"> - </div> - </div> - </div> - <!--rk-form-left end--> + <div class="rkbk-form-left"> + <div class="layui-form-item"> + <label class="layui-form-label color-red">濮� 鍚嶏細</label> + <div class="layui-input-block"> + <input type="text" name="userName" id="userName" required + lay-verify="required" placeholder="蹇呭~淇℃伅" autocomplete="off" + class="layui-input rkbk-search-input"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label color-red">韬唤璇佸彿锛�</label> + <div class="layui-input-block"> + <input type="text" name="userId" id="userId" required + lay-verify="required" placeholder="蹇呭~淇℃伅" autocomplete="off" + class="layui-input rkbk-search-input"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">鑱旂郴鏂瑰紡锛�</label> + <div class="layui-input-block"> + <input type="text" name="userContact" id="userContact" + placeholder="璇疯緭鍏�" autocomplete="off" + class="layui-input rkbk-search-input"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">鍑虹敓鏃ユ湡锛�</label> + <div class="layui-input-block"> + <input type="text" name="userBirthday" id="userBirthday" + placeholder="yyyy-MM-dd" autocomplete="off" + class="layui-input rkbk-search-input bg-date"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">鎬� 鍒細</label> + <div class="layui-input-block rkbk-selBox"> + <input type="radio" name="userSex" id="userSex" value="鐢�" + title="鐢�" checked> <input type="radio" + name="userSex" value="濂�" title="濂�"> + </div> + </div> + <div class="layui-form-item"> + <label class="layui-form-label">姘� 鏃忥細</label> + <div class="layui-input-block"> + <input type="text" name="userNation" id="userNation" + required lay-verify="required" placeholder="璇疯緭鍏�" + autocomplete="off" class="layui-input rkbk-search-input"> + </div> + </div> + </div> + <!--rk-form-left end--> - <div class="rkbk-photo"> - <a href="#"><img id="id_img_pers" - th:src="@{../../static/images/rkbk-photo_03.png}"/></a> - </div> + <div class="rkbk-photo"> + <a href="#"><img id="id_img_pers" + th:src="@{../../static/images/rkbk-photo_03.png}"/></a> + </div> - </div> - <!--rkbk-form-box1 end--> + </div> + <!--rkbk-form-box1 end--> - <div class="rkbk-form-box2" style="padding-top: 20px;"> - <div class="layui-form-item"> - <label class="layui-form-label">鍦� 鍧�锛�</label> - <div class="layui-input-block"> - <input type="text" name="userAddress" id="userAddress" - placeholder="璇疯緭鍏�" autocomplete="off" - class="layui-input rkbk-search-input"> - </div> - </div> - </div> - <!--rkbk-form-box2 end--> + <div class="rkbk-form-box2" style="padding-top: 20px;"> + <div class="layui-form-item"> + <label class="layui-form-label">鍦� 鍧�锛�</label> + <div class="layui-input-block"> + <input type="text" name="userAddress" id="userAddress" + placeholder="璇疯緭鍏�" autocomplete="off" + class="layui-input rkbk-search-input"> + </div> + </div> + </div> + <!--rkbk-form-box2 end--> - <div class="rkbk-quick layui-text-center"> - <button id="button_readID" type="button" - onclick="flushIdCard()" - class="rkbk-quick-btn layui-btn btn-blue">璇诲彇韬唤璇� - </button> - </div> + <div class="rkbk-quick layui-text-center"> + <button id="button_readID" type="button" + onclick="flushIdCard()" + class="rkbk-quick-btn layui-btn btn-blue">璇诲彇韬唤璇� + </button> + </div> - </div> - </div> + </div> + </div> - </div> - <!--rkbk-left end--> + </div> + <!--rkbk-left end--> - <div class="radius-6 rkbk-right-wrap fr" style="height: 512px;"> - <div class="rkbk-left"> - <div class="rkbk-tit"> - <i></i> - <h3>杩愯緭淇℃伅</h3> - </div> + <div class="radius-6 rkbk-right-wrap fr" style="height: 512px;"> + <div class="rkbk-left"> + <div class="rkbk-tit"> + <i></i> + <h3>杩愯緭淇℃伅</h3> + </div> - <div class="rkbk-left-form rkbk-right-form"> - <div class="layui-form-item"> - <input type="button" value="璇诲崱" class="rkbk-r-btn fr layui-btn" onclick="flushICCard()"/> - <label class="layui-form-label color-red">鏅烘収鍗″彿锛�</label> - <div class="layui-input-block"> - <input type="text" name="intelCard" id="intelCard" required - lay-verify="required" placeholder="鍏堟斁鍗★紝鐒跺悗鐐瑰嚮璇诲崱" - autocomplete="off" class="layui-input rkbk-search-input"> - </div> - </div> + <div class="rkbk-left-form rkbk-right-form"> + <div class="layui-form-item"> + <input type="button" value="璇诲崱" class="rkbk-r-btn fr layui-btn" + onclick="flushICCard()"/> + <label class="layui-form-label color-red">鏅烘収鍗″彿锛�</label> + <div class="layui-input-block"> + <input type="text" name="intelCard" id="intelCard" required + lay-verify="required" placeholder="鍏堟斁鍗★紝鐒跺悗鐐瑰嚮璇诲崱" + autocomplete="off" class="layui-input rkbk-search-input"> + </div> + </div> - <div class="layui-form-item"> - <input type="button" value="璇昏溅鐗�" - class="rkbk-r-btn fr layui-btn layui-btn-normal" - onclick="flushPlateNum()"/> - <label class="layui-form-label color-red">杩愯緭杞︾墝锛�</label> - <div class="layui-input-block"> - <input type="text" name="plateNum" id="plateNum" required placeholder="鏃犺溅鐗岃溅杈嗭紝濉啓 鏃犺溅鐗�" - lay-verify="required" autocomplete="off" - class="layui-input rkbk-search-input"> - </div> - </div> + <div class="layui-form-item"> + <input type="button" value="璇昏溅鐗�" + class="rkbk-r-btn fr layui-btn layui-btn-normal" + onclick="flushPlateNum()"/> + <label class="layui-form-label color-red">杩愯緭杞︾墝锛�</label> + <div class="layui-input-block"> + <input type="text" name="plateNum" id="plateNum" required placeholder="鏃犺溅鐗岃溅杈嗭紝濉啓 鏃犺溅鐗�" + lay-verify="required" autocomplete="off" + class="layui-input rkbk-search-input"> + </div> + </div> - <div class="layui-form-item"> - <div class="layui-inline"> - <label class="layui-form-label">杩愯緭鏂瑰紡锛�</label> - <div class="layui-input-inline"> - <input type="radio" name="transType" value="1" title="姹借溅" checked> - <input type="radio" name="transType" value="2" title="鐏溅"> - <input type="radio" name="transType" value="3" title="杞埞"> - <input type="radio" name="transType" value="9" title="鍏朵粬"> - </div> - </div> - </div> - </div> + <div class="layui-form-item"> + <div class="layui-inline"> + <label class="layui-form-label">杩愯緭鏂瑰紡锛�</label> + <div class="layui-input-inline"> + <input type="radio" name="transType" value="1" title="姹借溅" checked> + <input type="radio" name="transType" value="2" title="鐏溅"> + <input type="radio" name="transType" value="3" title="杞埞"> + <input type="radio" name="transType" value="9" title="鍏朵粬"> + </div> + </div> + </div> + </div> - </div> + </div> - <!-- 瑙嗛 --> - <div class="rkbk-left"> - <div class="rkbk-tit"> - <i></i> - <h3>鐧昏瑙嗛</h3> - </div> - <div class="kccz-r-con2"> - <div class="kccz-r-vedio" id="kccz-r-video1"> - - </div> - <div class="kccz-r-btnbox"> - <a href="javascript:;" class="kccz-r-btn kccz-r-btn1 active"> - <span class="kccz-r-pz"></span> - <p>杞︾墝璇嗗埆</p> - </a> - <a href="javascript:;" class="kccz-r-btn mt-10"> - <span id="pz-img" class="kccz-r-img"></span> - <p id="pz-text">鑷姩鎶撴媿</p> - </a> - </div> - </div> - </div> - </div> - <!--rkbk-right end--> - </div> - <!--rkbk-con end--> - </form> - </div> - <!--rk-main end--> + <!-- 瑙嗛 --> + <div class="rkbk-left"> + <div class="rkbk-tit"> + <i></i> + <h3>鐧昏瑙嗛</h3> + </div> + <div class="kccz-r-con2"> + <div class="kccz-r-vedio" id="kccz-r-video1"></div> + <div class="kccz-r-btnbox"> + <div class="kccz-r-div"> + <span id="plateNum2">鏈瘑鍒�</span> + <p>杞︾墝璇嗗埆</p> + </div> + <a href="javascript:;" class="kccz-r-btn kccz-r-btn1 active mt-10"> + <span id="pz-img" class="kccz-r-pz"></span> + <p id="pz-text">鑷姩鎶撴媿</p> + </a> + <!-- <a href="javascript:;" class="kccz-r-btn kccz-r-btn1 active">--> + <!-- <span class="kccz-r-pz"></span>--> + <!-- <span id="plateNum2">鏈瘑鍒�</span>--> + <!-- <p>杞︾墝璇嗗埆</p>--> + <!-- </a>--> + <!-- <a href="javascript:;" class="kccz-r-btn kccz-r-btn1 active mt-10">--> + <!-- <span id="pz-img" class="kccz-r-img"></span>--> + <!-- <p id="pz-text">鑷姩鎶撴媿</p>--> + <!-- </a>--> + </div> + </div> + </div> + </div> + <!--rkbk-right end--> + </div> + <!--rkbk-con end--> + </form> + </div> + <!--rk-main end--> </div> <!--l-container end--> <script th:inline="javascript"> - //娴佺▼鐜妭 - var inoutProgress = [[${inoutProgress}]]; - //褰撳墠鑺傜偣 - var progress = [[${progress}]]; - //涓氬姟姝ラ - var bizType = [[${bizType}]]; - var deptId = [[${deptId}]]; - //鍑哄叆搴撶被鍨� - var type = [[${type}]]; - var userId = [[${loginUser.username}]]; - var companyId = [[${loginUser.companyId}]]; - //杞︾墝璇嗗埆 - var lprDto = [[${lprDto}]]; - var ship = null; //鏄惁鑸硅繍椤甸潰鏍囪瘑 + //娴佺▼鐜妭 + var inoutProgress = [[${inoutProgress}]]; + //褰撳墠鑺傜偣 + var progress = [[${progress}]]; + //涓氬姟姝ラ + var bizType = [[${bizType}]]; + var deptId = [[${deptId}]]; + //鍑哄叆搴撶被鍨� + var type = [[${type}]]; + var userId = [[${loginUser.username}]]; + var companyId = [[${loginUser.companyId}]]; + //杞︾墝璇嗗埆 + var lprDto = [[${lprDto}]]; + var ship = null; //鏄惁鑸硅繍椤甸潰鏍囪瘑 </script> <script th:src="@{../../static/plugins/layui/layui.js}"></script> @@ -343,33 +355,33 @@ <!-- 寮瑰嚭妗嗙殑淇℃伅 --> <div class="layui-tab-content" id="dialog-from-notify" style="display: none;"> - <table class="layui-table"> - <colgroup> - <col width="100"> - </colgroup> - <tbody> - <tr> - <td>杩斿洖淇℃伅</td> - <td id="resultMsg" style="color: red;font-weight: bold;"></td> - </tr> - <tr> - <td>鎵胯繍浜�</td> - <td id="resultUserName" style="font-weight: bold;"></td> - </tr> - <tr> - <td>杞︾墝鍙�</td> - <td id="resultPlateNum" style="font-weight: bold;"></td> - </tr> - <tr> - <td>涓嬩竴姝�</td> - <td id="resultType" style="font-weight: bold;"></td> - </tr> - <tr> - <td>鏅烘収鍗″彿</td> - <td id="resultIntelCard" style="font-weight: bold;"></td> - </tr> - </tbody> - </table> + <table class="layui-table"> + <colgroup> + <col width="100"> + </colgroup> + <tbody> + <tr> + <td>杩斿洖淇℃伅</td> + <td id="resultMsg" style="color: red;font-weight: bold;"></td> + </tr> + <tr> + <td>鎵胯繍浜�</td> + <td id="resultUserName" style="font-weight: bold;"></td> + </tr> + <tr> + <td>杞︾墝鍙�</td> + <td id="resultPlateNum" style="font-weight: bold;"></td> + </tr> + <tr> + <td>涓嬩竴姝�</td> + <td id="resultType" style="font-weight: bold;"></td> + </tr> + <tr> + <td>鏅烘収鍗″彿</td> + <td id="resultIntelCard" style="font-weight: bold;"></td> + </tr> + </tbody> + </table> </div> </body> -- Gitblit v1.9.3