|  |  |  | 
|---|
|  |  |  | <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/cool.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="/static/css/common.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | .btn-print { | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | #btn-print-batch { | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-btn-danger { | 
|---|
|  |  |  | background-color: lightsalmon; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* ------------------------------------------------  */ | 
|---|
|  |  |  | .contain { | 
|---|
|  |  |  | border: 1px solid #000; | 
|---|
|  |  |  | /*width: 100%;*/ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | /*.contain td {*/ | 
|---|
|  |  |  | /*    border: 1px solid #000;*/ | 
|---|
|  |  |  | /*    line-height: 46px;*/ | 
|---|
|  |  |  | /*    text-align: center;*/ | 
|---|
|  |  |  | /*}*/ | 
|---|
|  |  |  | /*.qrcode {*/ | 
|---|
|  |  |  | /*    margin: 3px;*/ | 
|---|
|  |  |  | /*}*/ | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 待添加 --> | 
|---|
|  |  |  | <div id="data-search-btn" class="layui-btn-container layui-form-item"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div class="layui-btn-container"> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-normal" id="btn-export" lay-event="exportData" style="float: inherit">导出</button> | 
|---|
|  |  |  | <button class="layui-btn " id="btn-into" lay-event="intoData">导入</button> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-danger" id="btn-print-batch" lay-event="btnPrintBatch">批量打印</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script type="text/html" id="operate"> | 
|---|
|  |  |  | <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a> | 
|---|
|  |  |  | <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">编辑</a> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-danger layui-btn-xs btn-print" lay-event="btnPrint">打印</button> | 
|---|
|  |  |  | <!--    <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">编辑</a>--> | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script type="text/javascript" src="/static/js/jquery/jquery-3.3.1.min.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/matCode/matCode.js" charset="utf-8"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></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/matCode/matCode.js" charset="utf-8"></script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 导入操作弹窗 --> | 
|---|
|  |  |  | <div id="importDataDiv" style="display: none"> | 
|---|
|  |  |  | <div class="layui-upload-drag" id="uploadEx"> | 
|---|
|  |  |  | <i class="layui-icon"></i> | 
|---|
|  |  |  | <p>点击添加,或将文件拖拽到此处</p> | 
|---|
|  |  |  | <div class="layui-hide" id="uploadDemoView"> | 
|---|
|  |  |  | <hr> | 
|---|
|  |  |  | <img src="../../static/image/Excel.png" alt="上传成功后渲染" style="max-width: 196px"> | 
|---|
|  |  |  | <!-- 导出操作弹窗 --> | 
|---|
|  |  |  | <div id="exportDataDiv" style="display: none;padding: 20px"> | 
|---|
|  |  |  | <div class="layui-form"> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label" style="padding: 9px 0">设置文件名</label> | 
|---|
|  |  |  | <div class="layui-input-block" style="margin-left: 90px;"> | 
|---|
|  |  |  | <input type="text" id="exportFileName" placeholder="选填" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="layui-form-item"> | 
|---|
|  |  |  | <label class="layui-form-label"  style="padding: 9px 0">导出行数</label> | 
|---|
|  |  |  | <div class="layui-input-block" style="margin-left: 90px;"> | 
|---|
|  |  |  | <input type="text" id="exportRowCount" placeholder="选填(默认全部)" autocomplete="off" class="layui-input" lay-verify="number" lay-reqtext="请输入数字"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="text-align: center; margin-top: 20px"> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-radius layui-btn-normal" id="exportDo" lay-submit lay-filter="exportDo">开始导出</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <button class="layui-btn" id="uploadDo">开始导入</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 导入操作弹窗 --> | 
|---|
|  |  |  | <div id="importDataDiv" style="display: none;padding: 20px 40px"> | 
|---|
|  |  |  | <div class="layui-upload-drag" id="uploadEx" style="width: 200px; font-size: x-small; padding: 10px; text-align: center; box-sizing: border-box"> | 
|---|
|  |  |  | <div id="uploadDesc" style="display: inline-block; "> | 
|---|
|  |  |  | <i class="layui-icon"></i> | 
|---|
|  |  |  | <p>点击添加,或将文件拖拽到此处</p> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div id="uploadDemoView" style="display: none"> | 
|---|
|  |  |  | <img src="../../static/image/Excel.png" alt="上传成功后渲染" style="max-width: 196px; padding: 20px 0 10px 0"> | 
|---|
|  |  |  | <span id="fileMame" style="display: block; font-size: small; color: #333"></span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="text-align: center; margin-top: 20px"> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-radius" id="uploadDo">开始导入</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 打印操作弹窗 --> | 
|---|
|  |  |  | <div id="printDataDiv" style="display: none;padding: 20px"> | 
|---|
|  |  |  | <div id="template-container"> | 
|---|
|  |  |  | <!-- 预览图 1 --> | 
|---|
|  |  |  | <div id="template-preview-1" class="template-preview"> | 
|---|
|  |  |  | <table height="317" width="317" style="overflow: hidden"> | 
|---|
|  |  |  | <tr><td valign="middle"> | 
|---|
|  |  |  | <table class="contain"> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td width="20%" align="right" scope="col">客户</td> | 
|---|
|  |  |  | <td class="customer" width="30%" align="left" scope="col">{{this.customer}}</td> | 
|---|
|  |  |  | <td width="20%" align="right" scope="col">颜色</td> | 
|---|
|  |  |  | <td class="color" width="30%" align="left" scope="col">1</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="right">生产日期</td> | 
|---|
|  |  |  | <td class="createTime" align="left">{{this.createTime$}}</td> | 
|---|
|  |  |  | <td align="right">数量</td> | 
|---|
|  |  |  | <td class="amount" align="left">{{this.amount}}</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="right">型号打字</td> | 
|---|
|  |  |  | <td class="modelType" align="left" colspan="3">{{this.modelType}}</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="right">产品批号</td> | 
|---|
|  |  |  | <td class="seq" align="left">{{this.seq}}</td> | 
|---|
|  |  |  | <td colspan="2" rowspan="3" align="right"><img class="qrcode" src="{{this.qrCodeUrl}}" style="width: 80%"></td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="right">装检验号</td> | 
|---|
|  |  |  | <td class="boxCheck" align="left">{{this.boxCheck}}</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | <tr> | 
|---|
|  |  |  | <td align="right">箱号</td> | 
|---|
|  |  |  | <td class="boxNumber" align="left">{{this.boxNumber}}</td> | 
|---|
|  |  |  | </tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </td></tr> | 
|---|
|  |  |  | </table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <!-- 预览图 2 --> | 
|---|
|  |  |  | <div class="template-preview"></div> | 
|---|
|  |  |  | <!-- 预览图 3 --> | 
|---|
|  |  |  | <div class="template-preview"></div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </body> | 
|---|