|  |  |  | 
|---|
|  |  |  | <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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | </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 btn-add"><i class="layui-icon"></i>添加 | 
|---|
|  |  |  | <button id="orderAddBtn" class="layui-btn icon-btn btn-add"> | 
|---|
|  |  |  | <i class="layui-icon"></i>添加 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | <button id="importOrder" class="layui-btn icon-btn btn-add"> | 
|---|
|  |  |  | <i class="layui-icon layui-icon-upload"></i> 导入销售单 | 
|---|
|  |  |  | </button> | 
|---|
|  |  |  | <input style="display:none" id="importExcel" type="file" onchange="upload(this)" > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </a> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </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="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" | 
|---|
|  |  |  | {{# if( d.settle === 1){ }} | 
|---|
|  |  |  | 
|---|
|  |  |  | </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%"> | 
|---|
|  |  |  | <thead> | 
|---|
|  |  |  | <tr style="background: none"> | 
|---|
|  |  |  | <td>No.</td> | 
|---|
|  |  |  | <td>商品编号</td> | 
|---|
|  |  |  | <td>数量</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </thead> | 
|---|
|  |  |  | <tbody> | 
|---|
|  |  |  | {{#  layui.each(item.wrkDetls, function(idx, wrkDetl){ }} | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td><span class="layui-badge layui-bg-cyan">{{ idx+1 }}</span></td> | 
|---|
|  |  |  | <td>{{ wrkDetl.matnr }}</td> | 
|---|
|  |  |  | <td style="font-weight: bold">{{ wrkDetl.anfme }}</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> | 
|---|
|  |  |  |  | 
|---|