From 135e1039d78e767536d91bcbce04d2efedb2f7b2 Mon Sep 17 00:00:00 2001 From: jiazx0107@163.com <jiazx0107@163.com> Date: 星期一, 29 五月 2023 20:37:18 +0800 Subject: [PATCH] 出入库优化-登记1 --- igds-web/src/main/resources/templates/admin/inout/in-register.html | 655 ++++++++++++++++++++++++++++------------------------------ 1 files changed, 316 insertions(+), 339 deletions(-) diff --git a/igds-web/src/main/resources/templates/admin/inout/in-register.html b/igds-web/src/main/resources/templates/admin/inout/in-register.html index 36d1695..ea69c2f 100644 --- a/igds-web/src/main/resources/templates/admin/inout/in-register.html +++ b/igds-web/src/main/resources/templates/admin/inout/in-register.html @@ -1,348 +1,324 @@ <!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}"> +<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 { + padding-right: 120px; + position: relative; + margin-top: 10px; + z-index: 99; +} - .kccz-r-con2 { - /* height: 230px; */ - padding-right: 120px; - position: relative; - margin-top: 10px; - z-index: 99; - } +.kccz-r-vedio { + width: 100%; + height: 280px; + background: #000; + color: #FFF; + text-align: center; +} - .kccz-r-vedio { - width: 100%; - height: 280px; - /* background: #dee6ec; */ - background: #000; - color: #FFF; - text-align: center; - } +.layui-form-label { + font-weight: bold; +} - .kccz-r-btnbox { - width: 100px; - position: absolute; - right: 0px; - top: 0px; - z-index: 99; - } +.iframe-video { + position: absolute; + visibility: inherit; + top: 0px; + left: 0px; + z-index: -1; + width: 100%; + height: 100%; +} - .layui-form-label { - font-weight: bold; - } +.ckdj-radiobox .layui-form-item { + margin-bottom: 0px; + margin-top: 10px; +} - .iframe-video { - position: absolute; - visibility: inherit; - top: 0px; - left: 0px; - z-index: -1; - width: 100%; - height: 100%; - } +.rk-step-wrap { + padding: 0px; + border-bottom: 0px; + text-align: center; +} - .ckdj-radiobox .layui-form-item { - margin-bottom: 0px; - margin-top: 10px; - } +.qyzj-btnbox .rkbk-quick { + margin-top: 15px !important; +} - .rk-step-wrap { - padding: 0px; - border-bottom: 0px; - text-align: center; - } +.color-red { + color: red !important; +} - .qyzj-btnbox .rkbk-quick { - margin-top: 15px !important; - } +.layui-form-item .layui-input-inline { + width: unset; +} - .color-red { - color: red !important; - } +.rkbk-search-input { + background: #FFF !important; +} - .layui-form-item .layui-input-inline { - width: unset; - } - - .rkbk-search-input{ - background: #FFF !important; - } - .rkbk-search-input.bg-date { - background: #FFF !important; - } - </style> +.rkbk-search-input.bg-date { + background: #FFF !important; +} +</style> </head> <body> -<div class="l-container layui-clear"> - <div class="rk-main"> + <div class="l-container layui-clear"> + <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> + <!-- 鎿嶄綔鑿滃崟--> + <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> + </div> - <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"><span + class="rk-step-span"> <img + th:src="@{../../static/images/icon-dengji.png}" /> + </span> + <p>鍏ュ簱鐧昏</p></li> + <li id="progress-check"><span class="rk-step-span"> <img + th:src="@{../../static/images/icon-zhijian.png}" /> + </span> + <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-hand"><span class="rk-step-span"> <img + th:src="@{../../static/images/icon-xiehuo.png}" /> + </span> + <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-cardBack"><span class="rk-step-span"> + <img th:src="@{../../static/images/icon-banli.png}" /> + </span> + <p>绂诲簱纭</p></li> + </ul> + </div> + <!--娴佺▼寮曞缁撴潫--> + </div> - <!--娴佺▼寮曞--> - <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-check"> - <span class="rk-step-span"> - <img th:src="@{../../static/images/icon-zhijian.png}"/> - </span> - <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-hand"> - <span class="rk-step-span"> - <img th:src="@{../../static/images/icon-xiehuo.png}"/> - </span> - <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-cardBack"> - <span class="rk-step-span"> - <img th:src="@{../../static/images/icon-banli.png}"/> - </span> - <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="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="layui-form-item display-none"> + <label class="layui-form-label">闅愯棌-绫诲瀷</label> + <div class="layui-input-block"> + <input type="text" name="type" autocomplete="off" + th:value="${type}" class="layui-input rkbk-search-input"> + </div> + </div> - <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="rkbk-form-box1"> - <div class="layui-form-item display-none"> - <label class="layui-form-label">闅愯棌-绫诲瀷</label> - <div class="layui-input-block"> - <input type="text" name="type" autocomplete="off" - th:value="${type}" class="layui-input rkbk-search-input"> - </div> - </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" + lay-verify="required" placeholder="蹇呭~淇℃伅" autocomplete="off" + class="layui-input rkbk-search-input"> + </div> + </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" - 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" + 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 color-red">韬唤璇佸彿锛�</label> - <div class="layui-input-block"> - <input type="text" name="userId" id="userId" - 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" + 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="userNation" id="userNation" placeholder="璇疯緭鍏�" - autocomplete="off" class="layui-input rkbk-search-input"> - </div> - </div> + </div> + <!--rk-form-left end--> - </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" 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" + 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> + <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 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 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>鏈瘑鍒�</span> + <p>杞︾墝璇嗗埆</p> + </div> + + <a href="javascript:;" class="kccz-r-btn kccz-r-btn1 active mt-10"> <span class="kccz-r-pz"></span> + <p>绯荤粺鑷姩鎶撴媿</p> + </a> + + </div> + </div> + </div> + </div> + <!--rkbk-right end--> + </div> + <!--rkbk-con end--> + </form> + </div> + <!--rk-main end--> - </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> + <!--l-container end--> -</div> -<!--l-container end--> - -<script th:inline="javascript"> + <script th:inline="javascript"> //娴佺▼鐜妭 var inoutProgress = [[${inoutProgress}]]; //褰撳墠鑺傜偣 @@ -359,42 +335,43 @@ var ship = null; //鏄惁鑸硅繍椤甸潰鏍囪瘑 </script> -<script th:src="@{../../static/plugins/layui/layui.js}"></script> -<script th:src="@{../../static/js/jquery.min.js}"></script> -<script th:src="@{../../static/js/constant.js}"></script> -<script th:src="@{../../static/js/igds-common.js}"></script> -<script th:src="@{../../static/admin/inout/video-play.js}"></script> -<script th:src="@{../../static/admin/inout/in-register.js}"></script> + <script th:src="@{../../static/plugins/layui/layui.js}"></script> + <script th:src="@{../../static/js/jquery.min.js}"></script> + <script th:src="@{../../static/js/constant.js}"></script> + <script th:src="@{../../static/js/igds-common.js}"></script> + <script th:src="@{../../static/admin/inout/video-play.js}"></script> + <script th:src="@{../../static/admin/inout/in-register.js}"></script> -<!-- 寮瑰嚭妗嗙殑淇℃伅 --> -<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> -</div> + <!-- 寮瑰嚭妗嗙殑淇℃伅 --> + <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> + </div> </body> </html> \ No newline at end of file -- Gitblit v1.9.3