| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | <html lang="en" xmlns="http://www.w3.org/1999/html"> |
|---|
| | | <head> |
|---|
| | | <meta charset="utf-8"> |
|---|
| | | <title></title> |
|---|
| | |
|---|
| | | position: fixed; |
|---|
| | | z-index: 999; |
|---|
| | | } |
|---|
| | | /* ------------------------- 打印表格 ----------------------- */ |
|---|
| | | .template-preview { |
|---|
| | | height: 400px; |
|---|
| | | display: inline-block; |
|---|
| | | } |
|---|
| | | .contain td { |
|---|
| | | border: 0px solid #000; |
|---|
| | | white-space:nowrap; |
|---|
| | | /*font-family: 黑体;*/ |
|---|
| | | /*font-weight: bold;*/ |
|---|
| | | color: #000000; |
|---|
| | | } |
|---|
| | | .layui-inline{ |
|---|
| | | width: 100px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </head> |
|---|
| | | <body style="padding-bottom: 30px"> |
|---|
| | |
|---|
| | | <!-- 搜索栏 --> |
|---|
| | | <div id="search-box" > |
|---|
| | | <div class="layui-form layui-card-header"> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-inline" style="width: 70px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="batch" placeholder="批号" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" name="package_noMin" placeholder="最小包号" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-inline" style="width: 70px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="package_no" placeholder="包号" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" name="package_noMax" placeholder="最大包号" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-inline" style="width: 270px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="brand" placeholder="牌号" autocomplete="off"> |
|---|
| | | <div id="mat" name="mat"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <!-- <div class="layui-inline">--> |
|---|
| | | <!-- <div class="layui-input-inline">--> |
|---|
| | | <!-- <input class="layui-input" type="text" name="batch" placeholder="批号" autocomplete="off">--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div class="layui-inline" style="width: 80px"> |
|---|
| | | <div class="layui-input-inline cool-auto-complete"> |
|---|
| | | <input id="maktx" class="layui-input" type="text" style="display: none"> |
|---|
| | | <input id="maktxV" name="brand" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" placeholder="牌号" type="text" onfocus=this.blur()> |
|---|
| | | <div class="cool-auto-complete-window"> |
|---|
| | | <input class="cool-auto-complete-window-input" data-key="matMaktxQueryByMaktx" onkeyup="autoLoad(this.getAttribute('data-key'))"> |
|---|
| | | <select class="cool-auto-complete-window-select" data-key="matMaktxQueryByMaktxSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> |
|---|
| | | </select> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline" style="width: 80px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <!-- <input class="layui-input" type="text" name="status" placeholder="状态" autocomplete="off">--> |
|---|
| | | <input class="layui-input" type="text" name="type" placeholder="物资类别" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline" style="width: 80px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <select name="status"> |
|---|
| | | <option value="">选择状态</option> |
|---|
| | | <option value="暂入库">暂入库</option> |
|---|
| | | <option value="待入库">待入库</option> |
|---|
| | | <option value="已入库">已入库</option> |
|---|
| | | <option value="待出库">待出库</option> |
|---|
| | | <option value="部分出库">部分出库</option> |
|---|
| | | <option value="全部出库">全部出库</option> |
|---|
| | | </select> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- <div class="layui-inline">--> |
|---|
| | | <!-- <div class="layui-input-inline">--> |
|---|
| | | <!-- <input class="layui-input" type="text" name="row" placeholder="排数" autocomplete="off">--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <select name="stock_freeze"> |
|---|
| | | <option value="">是否冻结</option> |
|---|
| | | <option value="0">是</option> |
|---|
| | | <option value="1">否</option> |
|---|
| | | </select> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline" style="width: 80px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="package_type" placeholder="包装类型" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline" style="width: 80px"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="zpallet_type" placeholder="托盘类型" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="condition" placeholder="请输入" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="layui-inline" style="width: 300px"> |
|---|
| | | <!-- <div class="layui-input-inline">--> |
|---|
| | | <!-- <input class="layui-input layui-laydate-range" name="create_time" type="text" placeholder="起始时间 - 终止时间" autocomplete="off" style="width: 300px">--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input type="text" class="layui-input" style="width: 290px" name="create_time" id="ID-laydate-range-datetime" placeholder="起始时间 - 终止时间"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- 待添加 --> |
|---|
| | | <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> |
|---|
| | | <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button> |
|---|
| | |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="finger_meltingMax" placeholder="最大熔指" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="opacityMin" placeholder="最小不透明度" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="opacityMax" placeholder="最大不透明度" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="waterMin" placeholder="最小水分" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="waterMax" placeholder="最大水分" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="opacityMin" placeholder="最小不透明度" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" name="vadf1Min" placeholder="最小挥发段" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="opacityMax" placeholder="最大不透明度" autocomplete="off"> |
|---|
| | | <input class="layui-input" type="text" name="vadf1Max" placeholder="最大挥发段" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="vadf2Min" placeholder="最小分解段" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="layui-inline"> |
|---|
| | | <div class="layui-input-inline"> |
|---|
| | | <input class="layui-input" type="text" name="vadf2Max" placeholder="最大分解段" autocomplete="off"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-viladate" lay-event="viladate" style="display: none">校验</button> |
|---|
| | | <button class="layui-btn layui-btn-sm layui-btn-danger " id="btn-freeze" lay-event="freezeData" style="display: none">冻结</button> |
|---|
| | | <button class="layui-btn layui-btn-sm layui-btn-checked " id="btn-disfreeze" lay-event="disFreezeData" style="display: none">解冻</button> |
|---|
| | | <button class="layui-btn layui-btn-sm layui-btn-checked " id="btn-printBatch" lay-event="btnPrintBatch" >批量打印</button> |
|---|
| | | <!-- 商品/物料 数据中心 --> |
|---|
| | | <div class="dropdown-menu" style="float: right"> |
|---|
| | | <button style="float: right" class="layui-btn layui-btn-sm layui-btn-checked " id="btn-exportMoudle" onclick="excelMouldDownload()" >模板下载</button> |
|---|
| | | <button style="float: right" class="layui-btn layui-btn-sm layui-btn-checked " id="btn-import" onclick="importExcel()" >导入excel</button> |
|---|
| | | |
|---|
| | | <div class="dropdown-menu" style="float: right; display: none"> |
|---|
| | | <button id="syncData" style="display: none;" class="layui-btn layui-btn-primary layui-border-black icon-btn layui-btn-sm"> 数据同步 <i class="layui-icon layui-icon-drop"></i></button> |
|---|
| | | <ul class="dropdown-menu-nav dark"> |
|---|
| | | <div class="dropdown-anchor"></div> |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <!-- 表格 --> |
|---|
| | | <table class="layui-table" id="plaDetl" lay-filter="plaDetl"></table> |
|---|
| | | <table class="layui-table" id="plaDetl" lay-filter="plaDetl"></table> |
|---|
| | | |
|---|
| | | <script type="text/html" id="tbLook"> |
|---|
| | | <span class="layui-text"> |
|---|
| | | <a href="javascript:;" lay-event="look"> |
|---|
| | | <i class="layui-icon" style="font-size: 12px;"></i> 查看明细 |
|---|
| | | <i class="layui-icon" style="font-size: 12px;"></i> 查看 |
|---|
| | | </a> |
|---|
| | | </span> |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/pla/plaDetl.js" charset="utf-8"></script> |
|---|
| | | <script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script> |
|---|
| | | |
|---|
| | | <!-- 打印操作弹窗 --> |
|---|
| | | <div id="printDataDiv" style="display: none;padding: 20px"> |
|---|
| | | <div class="layui-form" style="text-align: center"> |
|---|
| | | <hr> |
|---|
| | | <!--单选框--> |
|---|
| | | <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px"> |
|---|
| | | <input type="radio" name="selectTemplate" value="1" title="模板一" lay-filter="selectTemplateRadio" checked=""> |
|---|
| | | </div> |
|---|
| | | <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: center;"> |
|---|
| | | <legend>打印预览</legend> |
|---|
| | | <div id="template-container" style="margin: 20px;text-align: center"> |
|---|
| | | <!-- 预览图 3 --> |
|---|
| | | <div id="template-preview-1" class="template-preview" style="display: block"> |
|---|
| | | <div class="layui-row"> |
|---|
| | | <div class="layui-col-xs4" style="height: auto"> |
|---|
| | | <img src="../../static/image/hneLogo.jpg" style="display: inline-block; width: 40%;height: 30%"> |
|---|
| | | </div> |
|---|
| | | <div class="layui-col-xs8" style="margin-left: -40px; margin-top: 20px; text-align: left"> |
|---|
| | | 浙江省台州市台州湾新区台州湾大道188号</br> |
|---|
| | | Address：No. 188, Taizhou Bay Avenue, Taizhou Bay New Area, Taizhou City, Zhejiang Province |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- <div class="layui-row" style="font-size: xx-large; text-align: left; margin-left: 40px;">--> |
|---|
| | | <!-- </n>聚乳酸 Polylactic Acid--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div class="layui-row" style="alignment: center; margin-left: 65px;"> |
|---|
| | | <table class="contain" width="400" style="overflow: hidden;font-size: xx-small;table-layout: fixed;"> |
|---|
| | | <tr style="height: 74px" > |
|---|
| | | <td align="center" scope="col" colspan="4" style="font-size: x-large; font-weight: bold;"><strong style="font-weight: bold;color: black;">聚乳酸 Polylactic Acid</strong></td> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 74px"> |
|---|
| | | <td align="center" scope="col" colspan="1">牌号</td> |
|---|
| | | <td align="center" scope="col" colspan="1" style="">xxxxxx-xx/xx</td> |
|---|
| | | <td align="center" scope="col" colspan="2" rowspan="2"> |
|---|
| | | <img class="template-code template-qrcode" src="" width="80%"> |
|---|
| | | <div style="letter-spacing: 1px;margin-top: 1px; text-align: center"> |
|---|
| | | <span>xxxxxx</span> |
|---|
| | | </div> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 74px"> |
|---|
| | | <td align="center" colspan="1" style="text-align: left; padding-left: 20px" >重量</td> |
|---|
| | | <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 74px"> |
|---|
| | | <td align="center" colspan="1">批号</td> |
|---|
| | | <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> |
|---|
| | | <td align="center" colspan="1">包号</td> |
|---|
| | | <td align="center" colspan="1" style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;">xxxxxxx</td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </fieldset> |
|---|
| | | |
|---|
| | | <button class="layui-btn" id="doPrint" lay-submit lay-filter="doPrint" style="margin-top: 20px">确定</button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div id="box" style="display: block"></div> |
|---|
| | | |
|---|
| | | <!-- 初始化打印模板的条形码 --> |
|---|
| | | <script type="text/javascript"> |
|---|
| | | $('.template-barcode').attr("src", baseUrl+"/mac/code/auth?type=1¶m=123"); |
|---|
| | | $('.template-qrcode').attr("src", baseUrl+"/mac/code/auth?type=2¶m=123"); |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <!-- 模板引擎 --> |
|---|
| | | <!-- 模板3 --> |
|---|
| | | <script type="text/template" id="templatePreview1" class="template-qrcode"> |
|---|
| | | <div class="template-preview"> |
|---|
| | | {{#each data}} |
|---|
| | | <div class="layui-row" style="height: 230px;width: 750px; color:#000; margin-top: 40px"> |
|---|
| | | <div class="layui-col-xs6" style="height: auto; margin-top: 25px; margin-left: -20px"> |
|---|
| | | <img src="../../static/image/hneLogo.png" style="display: inline-block; width: 40%;height: 30%; margin-left: 30px; color:#000;"> |
|---|
| | | </div> |
|---|
| | | <div class="layui-col-xs6" style="margin-left: -185px;margin-right: 30px; margin-top: 80px; text-align: left; font-size: 20px; font-weight:bold"> |
|---|
| | | 浙江省台州市台州湾新区台州湾大道188号</br> |
|---|
| | | No.188 Taizhou Bay Avenue, Taizhou Bay New Area, Taizhou City, Zhejiang Province. P.R.China |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- <div class="layui-row" style="font-size: xx-large; text-align: left; margin-left: 40px;">--> |
|---|
| | | <!-- 聚乳酸 Polylactic Acid--> |
|---|
| | | <!-- </div>--> |
|---|
| | | <div class="layui-row" style="alignment: center; margin-left: 35px; margin-top: -20px; margin-bottom: 3.7px;"> |
|---|
| | | <table class="contain" width="500" style="overflow: hidden;table-layout: fixed; color:#000; font-size: 35px;text-align: left"> |
|---|
| | | <tr style="height: 100px;" > |
|---|
| | | <td align="center" scope="col" colspan="4" style="font-weight: bold; text-align: left; padding-left: 20px"><strong style="font-weight: bold;color: black;">聚乳酸 Polylactic Acid</strong></td> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 100px; text-align: left" > |
|---|
| | | <td align="center" scope="col" colspan="2" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>牌号: REVODE {{this.brand}}</strong></td> |
|---|
| | | <!-- <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:normal; "><strong style="font-weight: bold;color: black;">REVODE {{this.brand}}</strong></td>--> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 100px;text-align: left"> |
|---|
| | | <td align="center" colspan="2" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>批号：{{this.batch}}</strong></td> |
|---|
| | | <!-- <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}} KG</strong></td>--> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 100px;text-align: left"> |
|---|
| | | <td align="center" colspan="2" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>重量：{{this.weight}} kg</strong></td> |
|---|
| | | <!-- <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}} KG</strong></td>--> |
|---|
| | | <td align="center" scope="col" colspan="2" rowspan="2"> |
|---|
| | | <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" width="80%"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 100px;text-align: left"> |
|---|
| | | <td align="center" colspan="2" rowspan="1" style="font-weight: bold;color: black; text-align: left; padding-left: 20px"><strong>追踪码：{{this.line}} {{this.packageNo$}}</strong></td> |
|---|
| | | <!-- <td align="center" colspan="1" style="font-weight: bold;color: black;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><strong style="font-weight: bold;color: black;">{{this.weightAnfme}} KG</strong></td>--> |
|---|
| | | </tr> |
|---|
| | | <tr style="height: 100px;text-align: left"> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </div> |
|---|
| | | </br> |
|---|
| | | {{/each}} |
|---|
| | | </div> |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
