| | |
| | | color: #333; |
| | | } |
| | | |
| | | /* ------------------------------------------------ */ |
| | | /* ------------------------- 打印表格 ----------------------- */ |
| | | .template-preview { |
| | | display: inline-block; |
| | | } |
| | | |
| | | |
| | | .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> |
| | |
| | | <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;"> |
| | | <legend>打印预览</legend> |
| | | <div id="template-container" style="margin: 20px;text-align: center"> |
| | | |
| | | <!-- 预览图 1 --> |
| | | <div id="template-preview-1" class="template-preview" style="display: none"> |
| | | <!-- <table class="contain" height="317" width="317" style="overflow: hidden">--> |
| | | <!-- <tr>--> |
| | | <!-- <td width="20%" align="right" scope="col">客户</td>--> |
| | | <!-- <td class="customer" width="30%" align="left" scope="col">{{this.customer}}</td>--> |
| | | <!-- <td width="80%" 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="" 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>--> |
| | | <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> |
| | | <tr> |
| | | <td colspan="1" align="center" scope="col">条码</td> |
| | |
| | | </div> |
| | | |
| | | <!-- 预览图 2 --> |
| | | <div id="template-preview-2" class="template-preview" style="display: inline-block"> |
| | | <div id="template-preview-2" class="template-preview" style="display: none"> |
| | | <table class="contain" height="217" width="317" style="overflow: hidden;font-size: xx-small"> |
| | | <tr> |
| | | <td align="center" scope="col" width="20%" colspan="1">物料编码</td> |
| | |
| | | </div> |
| | | |
| | | <!-- 预览图 3 --> |
| | | <div id="template-preview-3" class="template-preview"></div> |
| | | <div id="template-preview-3" class="template-preview" style="display: inline-block"> |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | </fieldset> |
| | | |