From 40e24ffdfc95c186bccc24c2bc99a0ffcfec73e3 Mon Sep 17 00:00:00 2001 From: zc <zc> Date: 星期一, 29 七月 2024 10:48:21 +0800 Subject: [PATCH] 订单组托代码 --- src/main/webapp/views/order/order.html | 205 ++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 193 insertions(+), 12 deletions(-) diff --git a/src/main/webapp/views/order/order.html b/src/main/webapp/views/order/order.html index 391d8b2..3e88192 100644 --- a/src/main/webapp/views/order/order.html +++ b/src/main/webapp/views/order/order.html @@ -8,12 +8,36 @@ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> <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/cool.css" media="all"> <!-- <link rel="stylesheet" href="../../static/css/common.css" media="all">--> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> + <style> + .wrk-trace { + color: green; + cursor: pointer; + margin-left: 6px; + font-size: 18px; + } + + .layui-timeline:first-child .layui-timeline-item { + margin-top: 30px; + } + .btn-add { + display: none; + } + .btn-edit { + display: none; + } + .btn-complete { + display: none; + } + .btn-delete { + display: none; + } + </style> </head> <body> @@ -35,10 +59,27 @@ </div> </div> <div class="layui-inline"> + <div class="layui-input-inline"> + <select name="doc_type" id="docType-query"> + </select> + </div> + </div> + <div class="layui-inline"> + <div class="layui-input-inline"> + <select name="settle"> + <option value="">閫夋嫨鐘舵��</option> + <option value="1">寰呭鐞�</option> + <option value="2">浣滀笟涓�</option> + <option value="4">宸插畬鎴�</option> + <option value="6">涓婃姤瀹屾垚</option> + </select> + </div> + </div> + <div class="layui-inline"> <button class="layui-btn icon-btn" lay-filter="tbSearch" lay-submit> <i class="layui-icon"></i>鎼滅储 </button> - <button id="orderAddBtn" class="layui-btn icon-btn"><i class="layui-icon"></i>娣诲姞 + <button id="orderAddBtn" class="layui-btn icon-btn btn-add"><i class="layui-icon"></i>娣诲姞 </button> </div> </div> @@ -55,8 +96,13 @@ </div> <!-- 琛ㄦ牸鎿嶄綔鍒� --> <script type="text/html" id="operate"> - <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">淇敼</a> - <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">鍒犻櫎</a> + {{# if (d.settle == 0 || d.settle == 1) { }} + <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-delete" lay-event="del">鍒犻櫎</a> + {{# } }} + {{# if (d.settle == 2) { }} + <a class="layui-btn layui-btn-primary layui-border-blue layui-btn-xs btn-complete" lay-event="complete">瀹岀粨</a> + {{# } }} </script> <!-- 琛ㄦ牸鎿嶄綔鍒� --> <script type="text/html" id="tbLook"> @@ -66,18 +112,43 @@ </a> </span> </script> +<script type="text/html" id="orderNoTpl"> + {{d.orderNo}} + {{# if(d.settle > 1 && d.settle !== 3){ }} + + {{# } }} + <i class="layui-icon layui-icon-about wrk-trace" lay-tips="鏌ョ湅浠诲姟杩芥函" lay-direction="2" lay-offset="-10px,0px" lay-event="wrkTrace"></i> +</script> + +<!--<script type="text/html" id="settleTpl">--> +<!-- <span name="settle" class="layui-badge layui-badge-gray">{{d.settle$}}</span>--> +<!--</script>--> <script type="text/html" id="settleTpl"> - <span name="settle" class="layui-badge layui-badge-gray">{{d.settle$}}</span> + <span name="settle" + {{# if( d.settle === 1){ }} + class="layui-badge layui-badge-red" + {{# }else if(d.settle === 2){ }} + class="layui-badge layui-badge-green" + {{# }else if(d.settle === 3){ }} + class="layui-badge layui-badge-gray" + {{# }else if(d.settle === 4){ }} + class="layui-badge layui-badge-blue" + {{# }else if(d.settle === 5){ }} + class="layui-badge layui-badge-gray" + {{# }else if(d.settle === 6){ }} + class="layui-badge layui-badge-gray" + {{# } }} + >{{d.settle$}}</span> </script> <!-- 琛ㄥ崟寮圭獥 --> <script type="text/html" id="editDialog"> <form id="editForm" lay-filter="editForm" class="layui-form model-form"> - <input name="experimentTypeId" type="hidden"/> + <input name="id" type="hidden"/> <div class="layui-form-item"> - <label class="layui-form-label">鍗曟嵁绫诲瀷: </label> + <label class="layui-form-label">鍗曟嵁绫诲瀷锛�</label> <div class="layui-input-block cool-auto-complete"> <input class="layui-input" name="docType" placeholder="璇疯緭鍏ュ崟鎹被鍨�" style="display: none"> - <input id="docType$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏ュ崟鎹被鍨�" onfocus=this.blur()> + <input id="docType$" name="docType$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="璇疯緭鍏ュ崟鎹被鍨�" onfocus=this.blur() lay-verType="tips" lay-verify="required"> <div class="cool-auto-complete-window"> <input class="cool-auto-complete-window-input" data-key="docTypeQueryBydocType" onkeyup="autoLoad(this.getAttribute('data-key'))"> <select class="cool-auto-complete-window-select" data-key="docTypeQueryBydocTypeSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> @@ -88,7 +159,8 @@ <div class="layui-form-item"> <label class="layui-form-label">鍗曟嵁缂栧彿锛�</label> <div class="layui-input-block"> - <input id="billNo" name="billNo" placeholder="杈撳叆鍗曟嵁缂栧彿" type="text" class="layui-input" maxlength="20" lay-verType="tips" lay-verify="required"/> + <input id="orderNo" name="orderNo" placeholder="杈撳叆鍗曟嵁缂栧彿" type="text" class="layui-input" maxlength="20" lay-verType="tips" /> +<!-- lay-verify="required"--> </div> </div> <div class="layui-form-item" style="position: relative;"> @@ -103,7 +175,7 @@ </div> <div class="layui-form-item text-right"> <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button> - <button class="layui-btn" lay-filter="waitMatinEditSubmit" lay-submit>淇濆瓨</button> + <button class="layui-btn" lay-filter="orderEditSubmit" lay-submit>淇濆瓨</button> </div> </form> </script> @@ -116,25 +188,134 @@ <script type="text/html" id="matEditDialog"> <form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form"> <input name="experimentId" type="hidden"/> - <div class="layui-form-item"> + <div class="layui-form-item" style="float: left"> <label class="layui-form-label">鐗╂枡 - 澶氶��</label> <div class="layui-input-block"> <div id="mat" name="mat"> </div> </div> </div> - <div class="layui-form-item text-right"> + <div class="layui-form-item text-right" style="display: inline-block; margin-left: 35px"> <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">鍙栨秷</button> <button class="layui-btn" lay-filter="matEditSubmit" lay-submit>淇濆瓨</button> </div> </form> </script> +<!-- 璁㈠崟浠诲姟杩芥函 --> +<script id="wrkTraceDialog" type="text/html" style="position: relative"> + <div style="position: absolute; top: 0; left: 0;"> + <div class="layui-card" style="overflow: hidden;"> + <div class="layui-card-header" style="text-align: center;width: 80%;font-weight: inherit;font-size: 18px">{{ d.orderNo }}</div> + <div class="layui-card-body"> + <div id="wrkTraceCharts" style="height: 300px;width: 400px;transform: translateX(-10%);"></div> + </div> + </div> + </div> + <div class="layui-row" > + <div class="layui-col-md5"> + <h1 style="opacity: 0;">Hello World</h1> + </div> + <div class="layui-col-md7" style=""> + {{# if(d.list.length > 0){ }} + <ul class="layui-timeline" style="height: 400px; overflow: scroll;"> + {{# layui.each(d.list, function(index, item){ }} + <li class="layui-timeline-item"> + <i class="layui-icon layui-timeline-axis"></i> + <div class="layui-timeline-content layui-text"> + <div class="layui-timeline-title"> + <h3 class="inline-block"> + {{ item.wrkNo }} + {{# if(item.wrkMast.ioType < 100){ }} + <span class="layui-badge layui-bg-blue" style="line-height: 20px;"> + {{ item.wrkMast.ioType$ }} + </span> + {{# } }} + + {{# if(item.wrkMast.ioType > 100){ }} + <span class="layui-badge layui-bg-orange" style="line-height: 20px;"> + {{ item.wrkMast.ioType$ }} + </span> + {{# } }} + + + {{# if(item.wrkMast.wrkSts < 14){ }} + <span class="layui-badge layui-bg-red" style="line-height: 20px;"> + {{ item.wrkMast.wrkSts$ }} + </span> + {{# } }} + + {{# if(item.wrkMast.wrkSts >= 14){ }} + <span class="layui-badge layui-bg-green" style="line-height: 20px;"> + {{ item.wrkMast.wrkSts$ }} + </span> + {{# } }} + + </h3>  + {{ item.wrkMast.ioTime$ }} + </div> + + <table class="layui-table" lay-skin="nob" style="width: 80%"> + <tbody> + {{# layui.each(item.wrkDetls, function(idx, wrkDetl){ }} + <tr style="background: none"> + <td>No.</td> + <td><span class="layui-badge layui-bg-cyan">{{ idx+1 }}</span></td> + </tr> + <tr style="background: none"> + <td>鍝佸彿锛�</td> + <td>{{ wrkDetl.matnr }}</td> + </tr> + <tr style="background: none"> + <td>鍝佸悕锛�</td> + <td>{{ wrkDetl.maktx }}</td> + </tr> + <tr style="background: none"> + <td>瑙勬牸锛�</td> + <td>{{ wrkDetl.specs }}</td> + </tr> + <tr style="background: none"> + <td>鏁伴噺锛�</td> + <td style="font-weight: bold">{{ wrkDetl.anfme }}</td> + </tr> + <tr style="background: none"> + <td>鏉$爜锛�</td> + <td style="font-weight: bold">{{ wrkDetl.zpallet }}</td> + </tr> + {{# }); }} + </tbody> + </table> + + <hr class="layui-border-cyan" style="width: 90%; opacity: .6;"> + </div> + </li> + {{# }); }} + </ul> + {{# } else { }} + <div style="height: 350px;display: flex;justify-content: center;align-items: center;"> + <h2 style="font-weight: bold;letter-spacing: 2px">鏆傛棤浠诲姟</h2> + </div> + {{# } }} + </div> + </div> + + +</script> <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> +<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> +<script type="text/javascript" src="../../static/js/echarts/echarts.min.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/cool.js" charset="utf-8"></script> <script type="text/javascript" src="../../static/js/order/order.js" charset="utf-8"></script> + +<script type="text/template" id="docTypeTpl"> + <option value="">閫夋嫨绫诲瀷</option> + {{#each records}} + <option value="{{docId}}">{{docName}}</option> + {{/each}} +</script> </body> + </html> -- Gitblit v1.9.1