|  |  | 
 |  |  |             color: black; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #templatePreview3 { | 
 |  |  |             color: black; | 
 |  |  |             border-color: black; | 
 |  |  |             border-collapse: collapse; /* 折叠边框 */ | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         /* 将样式只应用到具有特定id的table、th、td */ | 
 |  |  |         #templatePreview3, #myTable th, #myTable td { | 
 |  |  |             color: black; | 
 |  |  |             border: 2px solid black; /* 2像素黑色边框 */ | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #templatePreview3 th, #myTable td { | 
 |  |  |             color: black; | 
 |  |  |             border-color: black; | 
 |  |  |             text-align: left; | 
 |  |  |             padding: 8px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  | 
 |  |  |         <div class="layui-card-body"> | 
 |  |  |             <div class="layui-form toolbar" id="search-box"> | 
 |  |  |                 <div class="layui-form-item"> | 
 |  |  | <!--                    <div class="layui-inline">--> | 
 |  |  | <!--                        <label class="layui-form-label">编号:</label>--> | 
 |  |  | <!--                        <div class="layui-input-inline">--> | 
 |  |  | <!--                            <input class="layui-input" type="text" name="id" placeholder="编号" autocomplete="off">--> | 
 |  |  | <!--                        </div>--> | 
 |  |  | <!--                    </div>--> | 
 |  |  |                     <div class="layui-inline"> | 
 |  |  |                         <label class="layui-form-label">编号:</label> | 
 |  |  |                         <div class="layui-input-inline"> | 
 |  |  |                             <input class="layui-input" type="text" name="id" placeholder="编号" autocomplete="off"> | 
 |  |  |                         <label class="layui-form-label">打印情况: </label> | 
 |  |  |                         <div class="layui-input-block"> | 
 |  |  |                             <select name="status"> | 
 |  |  |                                 <option value="">请选择打印情况</option> | 
 |  |  |                                 <option value="1">未打印</option> | 
 |  |  |                                 <option value="2">已打印</option> | 
 |  |  |                             </select> | 
 |  |  |                         </div> | 
 |  |  |                     </div> | 
 |  |  | <!--                    <div class="layui-inline">--> | 
 |  |  | <!--                        <div class="layui-input-inline">--> | 
 |  |  | <!--                            <input class="layui-input" type="text" name="ownerId" placeholder="货主" autocomplete="off">--> | 
 |  |  | <!--                        </div>--> | 
 |  |  | <!--                    </div>--> | 
 |  |  |                     <div class="layui-inline">  | 
 |  |  |                         <button class="layui-btn icon-btn" lay-filter="search" lay-submit> | 
 |  |  |                             <i class="layui-icon"></i>搜索 | 
 |  |  | 
 |  |  |  | 
 |  |  | <script type="text/html" id="toolbar"> | 
 |  |  |     <div class="layui-btn-container"> | 
 |  |  | <!--        <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">新增</button>--> | 
 |  |  |         <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">新增</button> | 
 |  |  |         <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="deleteData">删除</button> | 
 |  |  |         <button class="layui-btn layui-btn-sm" id="btn-print-batch" lay-event="btnPrintBatch">批量打印</button> | 
 |  |  |  | 
 |  |  | 
 |  |  |                             <option value="1">未打印</option> | 
 |  |  |                             <option value="2">已打印</option> | 
 |  |  |                         </select> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="layui-form-item"> | 
 |  |  |                     <label class="layui-form-label">货主编号: </label> | 
 |  |  |                     <div class="layui-input-block"> | 
 |  |  |                         <input class="layui-input" name="owner" placeholder="请输入货主编号"> | 
 |  |  |                     </div> | 
 |  |  |                 </div> | 
 |  |  |                 <div class="layui-form-item"> | 
 |  |  | 
 |  |  |             <td colspan="2"><strong>{{this.maktx}}</strong></td> | 
 |  |  |             <td colspan="3" rowspan="4" class="barcode-section" style="white-space: normal; "> | 
 |  |  |                 <img class="template-code template-qrcode" src="{{this.barcodeUrl}}" alt="Barcode Image"> | 
 |  |  |                 <div><span >{{this.matnr}}</span></div> | 
 |  |  |                 <div><span >{{this.owner}}</span></div> | 
 |  |  |             </td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  | 
 |  |  |             <td colspan="2"><strong>{{this.batch}}</strong></td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <th>数量</th> | 
 |  |  |             <td colspan="2"><strong>{{this.anfme}}</strong></td> | 
 |  |  |             <th>重量</th> | 
 |  |  |             <td colspan="2"><strong>{{this.anfme}}kg</strong></td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <th>备注</th> | 
 |  |  |             <td colspan="2"><strong>{{this.memo}}</strong></td> | 
 |  |  |             <th>库位</th> | 
 |  |  |             <td colspan="2"><strong>{{this.locNo}}</strong></td> | 
 |  |  |         </tr> | 
 |  |  |         <tr> | 
 |  |  |             <th>品号</th> | 
 |  |  |             <td colspan="5"><strong>{{this.matnr}}</strong></td> | 
 |  |  |         </tr> | 
 |  |  |     </table> | 
 |  |  |     {{/each}} |