| <!DOCTYPE html> | 
| <html lang="en"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <title></title> | 
|     <meta name="renderer" content="webkit"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <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/originTable.css" media="all"> | 
|     <style> | 
|         body { | 
|             color: #595959; | 
|             background-color: #f5f7f9; | 
|         } | 
|   | 
|         .admin-form { | 
|             padding: 25px 30px 0 0 !important; | 
|             margin: 0 !important; | 
|         } | 
|   | 
|         .layui-table-view .layui-table-cell .layui-select-title .layui-input { | 
|             height: 28px; | 
|             line-height: 28px; | 
|         } | 
|   | 
|         .layui-table-view [lay-size="lg"] .layui-table-cell .layui-select-title .layui-input { | 
|             height: 40px; | 
|             line-height: 40px; | 
|         } | 
|   | 
|         .layui-table-view [lay-size="lg"] .layui-table-cell .layui-select-title .layui-input { | 
|             height: 40px; | 
|             line-height: 40px; | 
|         } | 
|   | 
|         .layui-table-view [lay-size="sm"] .layui-table-cell .layui-select-title .layui-input { | 
|             height: 20px; | 
|             line-height: 20px; | 
|         } | 
|   | 
|         .layui-table-view [lay-size="sm"] .layui-table-cell .layui-btn-xs { | 
|             height: 18px; | 
|             line-height: 18px; | 
|         } | 
|   | 
|         /* 权限控制 */ | 
|         #btn-pakoutPreview { | 
|             display: none; | 
|         } | 
|         /*#btn-delete {*/ | 
|         /*    display: none;*/ | 
|         /*}*/ | 
|         /*.btn-edit {*/ | 
|         /*    display: none;*/ | 
|         /*}*/ | 
|         /*.btn-more {*/ | 
|         /*    display: none;*/ | 
|         /*}*/ | 
|     </style> | 
| </head> | 
| <body> | 
| <!-- 正文开始 --> | 
| <div class="layui-fluid" style="padding-bottom: 0;"> | 
|     <div class="layui-row layui-col-space15"> | 
|         <!-- 左 --> | 
|         <div class="layui-col-md3" id="left-table"> | 
|             <div class="layui-card"> | 
|                 <div class="layui-card-body" style="padding: 10px;"> | 
|                     <form class="layui-form toolbar"> | 
|                         <div class="layui-form-item"> | 
|                             <div class="layui-inline" style="max-width: 300px;"> | 
|                                 <input name="orderNo" class="layui-input" placeholder="输入单据编号" autocomplete="off"/> | 
|                             </div> | 
|                             <div class="layui-inline"> | 
|                                 <button class="layui-btn icon-btn" lay-filter="originTableSearch" lay-submit> | 
|                                     <i class="layui-icon"></i>搜索 | 
|                                 </button> | 
|                                 <button class="layui-btn icon-btn" lay-filter="originTbReset" lay-submit> | 
|                                     <i class="layui-icon"></i>重置 | 
|                                 </button> | 
|                             </div> | 
|                         </div> | 
|                     </form> | 
|                     <table id="originTable" lay-filter="originTable"></table> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|         <!-- 右 --> | 
|         <div class="layui-col-md9"> | 
|             <div class="layui-card"> | 
|                 <div class="layui-card-body" style="padding: 10px;"> | 
|                     <form class="layui-form toolbar"> | 
|                         <div class="layui-form-item"> | 
|                             <div class="layui-inline"> | 
|                                 <label class="layui-form-label">商品编码:</label> | 
|                                 <div class="layui-input-inline"> | 
|                                     <input name="matnr" class="layui-input" placeholder="商品编码"/> | 
|                                 </div> | 
|                             </div> | 
|                             <div class="layui-inline"> | 
|                                 <label class="layui-form-label">商品名称:</label> | 
|                                 <div class="layui-input-inline"> | 
|                                     <input name="maktx" class="layui-input" placeholder="商品名称"/> | 
|                                 </div> | 
|                             </div> | 
|                             <div class="layui-inline"> | 
|                                 <label class="layui-form-label">序列码:</label> | 
|                                 <div class="layui-input-inline"> | 
|                                     <input name="batch" class="layui-input" placeholder="序列码"/> | 
|                                 </div> | 
|                             </div> | 
|                             <!--                            <div class="layui-inline">--> | 
|                             <!--                                <label class="layui-form-label">状态:</label>--> | 
|                             <!--                                <div class="layui-input-inline">--> | 
|                             <!--                                    <select name="isOnline">--> | 
|                             <!--                                        <option value="1">充电中</option>--> | 
|                             <!--                                        <option value="1">充电中</option>--> | 
|                             <!--                                        <option value="0">不在充电</option>--> | 
|                             <!--                                    </select>--> | 
|                             <!--                                </div>--> | 
|                             <!--                            </div>--> | 
|                             <div class="layui-inline">  | 
|                                 <button class="layui-btn icon-btn" lay-filter="sensorTbSearch" lay-submit> | 
|                                     <i class="layui-icon"></i>搜索 | 
|                                 </button> | 
|                             </div> | 
|                         </div> | 
|                     </form> | 
|                     <table id="orderDetlTable" lay-filter="orderDetlTable"></table> | 
|                 </div> | 
|             </div> | 
|         </div> | 
|     </div> | 
| </div> | 
|   | 
| <!-- 头工具栏 --> | 
| <script type="text/html" id="orderDetToolbar"> | 
|   | 
|     <!--    <div class="layui-btn-container">--> | 
|     <!--        <div class="layui-col-md3">--> | 
|     <!--            <select id="staNoSelect" lay-verify="required">--> | 
|     <!--                <option value="">请选择站点</option>--> | 
|     <!--            </select>--> | 
|     <!--        </div>--> | 
|     <!--    </div>--> | 
|     <button class="layui-btn layui-btn-sm layui-btn-danger btn-pakoutPreview" id="btn-pakoutPreview" lay-event="pakoutPreview">批量出库</button> | 
|   | 
| </script> | 
|   | 
| <!-- 行工具栏 --> | 
| <script type="text/html" id="operate"> | 
|     {{#if (d.anfme > d.workQty){ }} | 
|     <a class="layui-btn layui-btn-xs layui-btn-danger btn-pakoutPreview" lay-event="pakoutPreview"><i class="layui-icon layui-icon-prev-circle"></i>出库</a> | 
|     {{# } }} | 
| </script> | 
|   | 
| <!-- 出库预览 --> | 
| <script type="text/html" id="pakoutPreviewBox" style="display: none"> | 
|     <div style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;"> | 
|         <span style="font-size: large; font-weight: bold">出库预览</span> | 
|     </div> | 
|     <div class="layui-card"> | 
|         <div class="layui-card-body" style="padding: 10px"> | 
|             <table id="stoPreTab" lay-filter="stoPreTab"></table> | 
|         </div> | 
|         <button class="layui-btn layui-btn-primary layui-border-black layui-btn-sm" lay-filter="batchModifySta" lay-submit style="display: block;float: right;margin-right: 1rem"> | 
|             批量修改 | 
|         </button> | 
|     </div> | 
| </script> | 
|   | 
| <script type="text/html" id="tbBasicTbStaNos"> | 
|     <div class="ew-select-fixed"> | 
|         <select class="order-sta-select" lay-filter="tbBasicTbStaNos"> | 
|             {{#if (d.staNos!=null) {}} | 
|             {{# for(let i=0; i<d.staNos.length; i++) { }} | 
|             <option value="{{d.staNos[i]}}">{{d.staNos[i]}}</option> | 
|             {{# } }} | 
|             {{# } }} | 
|         </select> | 
|     </div> | 
| </script> | 
|   | 
| <script type="text/html" id="staBatchSelectDialog"> | 
|     <form class="layui-form" style="padding: 25px 50px 30px 50px;text-align: center"> | 
|         <select id="batchSelectStaBox" name="batchSta" lay-vertype="tips" lay-verify="required" required=""> | 
|         </select> | 
|         <button style="margin-top: 30px" class="layui-btn" lay-filter="staBatchSelectConfirm" lay-submit="">确定</button> | 
|     </form> | 
| </script> | 
|   | 
| <script type="text/html" id="locNoTpl"> | 
|     <span name="locNo" | 
|           {{# if( d.lack === false){ }} | 
|           class="layui-badge layui-badge-green" >{{d.locNo}}</span> | 
|     {{# } else { }} | 
|     class="layui-badge layui-badge-red" >库存不足</span> | 
|     {{# } }} | 
| </script> | 
|   | 
| <!-- 行样式 --> | 
| <script type="text/html" id="orderNoTpl"> | 
|     <span name="orderNo" class="layui-badge layui-badge-gray">{{d.orderNo}}</span> | 
| </script> | 
| <script type="text/html" id="statusTpl"> | 
|     <input type="checkbox" name="status" value="{{d.status}}" lay-skin="switch" lay-text="正常|禁用" lay-filter="statusSwitch" {{ d.status === 1 ? 'checked' : '' }}> | 
| </script> | 
|   | 
| <!-- 表单弹窗 --> | 
| <script type="text/html" id="editDialog"> | 
|     <form id="detail" lay-filter="detail" class="layui-form admin-form"> | 
|         <input name="id" type="hidden"> | 
|         <input name="status" type="hidden"> | 
|         <div class="layui-row"> | 
|   | 
|             <div class="layui-col-md4"> | 
|                 <div class="layui-form-item"> | 
|                     <label class="layui-form-label layui-form-required">设备编号</label> | 
|                     <div class="layui-input-block"> | 
|                         <input name="uuid" placeholder="请输入设备编号" class="layui-input" lay-vertype="tips" lay-verify="required" required=""> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <div class="layui-col-md4"> | 
|                 <div class="layui-form-item"> | 
|                     <label class="layui-form-label">设备类型:</label> | 
|                     <div class="layui-input-block"> | 
|                         <div id="modelSel" class="ew-xmselect-tree"></div> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <div class="layui-col-md4"> | 
|                 <div class="layui-form-item"> | 
|                     <label class="layui-form-label layui-form-required">所属项目: </label> | 
|                     <div class="layui-input-block cool-auto-complete"> | 
|                         <input name="hostId" class="layui-input" style="display: none"> | 
|                         <input id="hostId$" name="hostId$" 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="hostQueryByhostId" onkeyup="autoLoad(this.getAttribute('data-key'))"> | 
|                             <select class="cool-auto-complete-window-select" data-key="hostQueryByhostIdSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <div class="layui-col-md12"> | 
|                 <div class="layui-form-item"> | 
|                     <label class="layui-form-label">详细地址</label> | 
|                     <div class="layui-input-block"> | 
|                         <input name="addr" placeholder="请输入详细地址" class="layui-input"> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <hr class="layui-bg-gray"> | 
|             <div class="layui-col-md12" style="text-align: center"> | 
|                 <iframe id="mapIframe" src="map.html" scrolling="no" frameborder="0" | 
|                         style="display: inline-block; width: 90%;height: 400px;margin: auto"> | 
|                 </iframe> | 
|             </div> | 
|   | 
|         </div> | 
|         <hr class="layui-bg-gray"> | 
|         <div class="layui-form-item text-right"> | 
|             <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button> | 
|             <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button> | 
|         </div> | 
|     </form> | 
| </script> | 
|   | 
| <!--根据需求出库量和实际出库量做对比,展示不同颜色--> | 
| <script type="text/html" id="checkAnfme"> | 
|     {{#  if(d.needQty < d.anfme){ }} | 
|     <span style="color: red; font-weight: bold;" >{{d.anfme}}</span> | 
|     {{#  } }} | 
|     {{#  if(d.needQty == d.anfme){ }} | 
|     <span style="font-weight: bold;" >{{d.anfme}}</span> | 
|     {{#  } }} | 
|   | 
|     {{#  if(d.needQty > d.anfme){ }} | 
|     <span style="color: red;font-weight: bold;" >{{d.anfme}}</span> | 
|     {{#  } }} | 
| </script> | 
|   | 
| <script type="text/html" id="checkNeedQty"> | 
|     {{#  if(d.needQty < d.anfme){ }} | 
|     <span style="color: red; font-weight: bold;" >{{d.needQty}}</span> | 
|     {{#  } }} | 
|     {{#  if(d.needQty == d.anfme){ }} | 
|     <span style="font-weight: bold;" >{{d.needQty}}</span> | 
|     {{#  } }} | 
|     {{#  if(d.needQty > d.anfme){ }} | 
|     <span style="color: red;font-weight: bold;" >{{d.needQty}}</span> | 
|     {{#  } }} | 
| </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/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/tools/md5.js"></script> | 
| <script type="text/javascript" src="../../static/js/orderTable.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/order/out.js" charset="utf-8"></script> | 
| <!--<script type="text/template" id="takeSiteSelectTemplate">--> | 
| <!--    {{#each data}}--> | 
| <!--    <option value="{{siteId}}">{{desc}}</option>--> | 
| <!--    {{/each}}--> | 
| <!--</script>--> | 
| <!-- 项目编辑窗口 --> | 
| <script type="text/html" id="hostEditDialog"> | 
|     <form id="hostEditForm" lay-filter="hostEditForm" class="layui-form model-form"> | 
|         <input name="id" type="hidden"/> | 
|         <div class="layui-form-item"> | 
|             <label class="layui-form-label layui-form-required">项目名称:</label> | 
|             <div class="layui-input-block"> | 
|                 <input name="name" placeholder="请输入类型名称" class="layui-input" | 
|                        lay-verType="tips" lay-verify="required" required/> | 
|             </div> | 
|         </div> | 
|         <div class="layui-form-item text-right"> | 
|             <button class="layui-btn" lay-filter="hostEditSubmit" lay-submit>保存</button> | 
|             <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button> | 
|         </div> | 
|     </form> | 
| </script> | 
|   | 
| </body> | 
|   | 
| <script type="text/template" id="batchStaSelectTpl"> | 
|     <option value="">选择出库站</option> | 
|     {{#each list}} | 
|     <option value="{{this}}">{{this}}</option> | 
|     {{/each}} | 
| </script> | 
|   | 
| </html> |