<!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"> 
 | 
        <button class="layui-btn layui-btn-sm layui-btn-danger btn-pakoutPreview" id="btn-pakoutPreview" lay-event="pakoutPreview">批量出库</button> 
 | 
    </div> 
 | 
</script> 
 | 
  
 | 
<!-- 行工具栏 --> 
 | 
<script type="text/html" id="operate"> 
 | 
    {{#if (d.anfme > d.qty){ }} 
 | 
        <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> 
 | 
<!--        <div class="layui-inline">--> 
 | 
<!--            <button class="layui-btn layui-btn-primary layui-border-black layui-btn-sm" lay-filter="originTableSearch" lay-submit>--> 
 | 
<!--                批量修改--> 
 | 
<!--            </button>--> 
 | 
<!--        </div>--> 
 | 
    </div> 
 | 
</script> 
 | 
  
 | 
<script type="text/html" id="tbBasicTbStaNos"> 
 | 
    <div class="ew-select-fixed"> 
 | 
        <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="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/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/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> 
 | 
</html> 
 |