| | |
| | | <div style="width:100%;height: 400px;overflow-y: auto;"> |
| | | <div id="qrCard" class="dia_body"> |
| | | <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 10px;"> |
| | | <el-row> |
| | | <div style="padding: 5px;"> |
| | | <table border="2px" class="x1111116"> |
| | | <tr class="x1111113"> |
| | | <td class="x1111114" colspan=6> |
| | | <div style="height: 75px;display: flex;margin-top: 2px;"> |
| | | <div style="margin-top: 5px;"> |
| | | <img width="150" height="48" src="../../../../public/img/image001.jpg" alt="IMG_256"> |
| | | </div> |
| | | <div style="margin-left: 45px;margin-top: 15px ;"> |
| | | <span lang="EN-US" class="x1111111">中天海洋科技有限公司</span> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr class="x1111117"> |
| | | <td class="x1111114"> |
| | | <span style="font-family: 宋体;text-align: center;">序 号:</span> |
| | | </td> |
| | | <td class="x1111114" colspan=4 >{{ i + 1 }} </td> |
| | | <td class="x1111114" rowspan=3 > |
| | | <div style="padding: 1px;"> |
| | | <vueQr :text=str+item.packageBoxId :size="110" :margin="1"></vueQr> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr class="x1111117"> |
| | | <td class="x1111114"> |
| | | <span style="font-family: 宋体;text-align: center;">包 装 编号:</span> |
| | | </td> |
| | | <td class="x1111114" colspan=4>{{ item.packageNo }}</td> |
| | | </tr> |
| | | <tr class="x1111117"> |
| | | <td class="x1111114"> |
| | | <span style="font-family: 宋体;text-align: center;">合 同 号:</span> |
| | | </td> |
| | | <td class="x1111114" colspan=4>{{ item.contractNo }}</td> |
| | | |
| | | </tr> |
| | | <tr class="x1111113"> |
| | | <td class="x1111114" colspan=6> |
| | | <div style="height: 75px;" > |
| | | <p><span lang="EN-US" class="x1111112">地址:江苏省南通经济技术开发区常兴路96号</span></p> |
| | | <p><span lang="EN-US" class="x1111112">电话/传真:0513—89191125</span></p> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <!-- <el-row> |
| | | <el-col :span="10" :offset="3">序号:</el-col> |
| | | <el-col :span="10" style="font-weight: bold;">{{ i + 1 }}</el-col> |
| | | </el-row> |
| | |
| | | <vueQr :text=str+item.packageBoxId :size="110" :margin="1"></vueQr> |
| | | </el-col> |
| | | </el-row> |
| | | <div style="background-color: blueviolet;height: 80px;"> |
| | | 1111 |
| | | </div> --> |
| | | </el-card> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | } |
| | | </script> |
| | | <style> |
| | | .x1111111{ |
| | | color: black; |
| | | font-size: 18pt; |
| | | font-family: 黑体; |
| | | justify-content: center; |
| | | text-align: center; |
| | | } |
| | | .x1111113{ |
| | | border: 1px solid black; |
| | | height: 40px; |
| | | } |
| | | .x1111117{ |
| | | border: 1px solid black; |
| | | height: 40px; |
| | | } |
| | | .x1111116{ |
| | | border: 1px solid black; |
| | | height: 220px; |
| | | width: 450px; |
| | | } |
| | | .x1111114{ |
| | | border: 1px solid black; |
| | | width: 80px; |
| | | } |
| | | .x1111115{ |
| | | border: 1px solid black; |
| | | } |
| | | .x1111112{ |
| | | color: black; |
| | | font-size: 12pt; |
| | | font-family: 宋体; |
| | | } |
| | | </style> |