| | |
| | | </div> |
| | | <div class="column"> |
| | | <span class="label">ä¾åºåç¼ç </span> |
| | | <span class="value full-width">{{ item.supplierCode }}</span> |
| | | <span class="value full-width">{{ item.suplierCode }}</span> |
| | | </div> |
| | | <div class="column"> |
| | | <span class="label">æ°é/æ»æ°</span> |
| | | <span class="value full-width">{{ item.quantity }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | <div class="column"> |
| | | <span class="label">éè´åå·</span> |
| | | <span class="value full-width">{{ item.purchaseOrderNo }}</span> |
| | | <span class="value full-width">{{ item.pruchaseOrderNo }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="row dual-column"> |
| | | <div class="column"> |
| | | <span class="label">è§æ ¼</span> |
| | | <span class="value full-width">{{ item.specification }}</span> |
| | | <span class="value full-width">{{ item.materialSpec }}</span> |
| | | </div> |
| | | <div class="column"> |
| | | <span class="label">æ°é/æ»æ°</span> |
| | | <span class="value full-width">{{ item.quantityTotal }}</span> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <div class="row dual-column"> |
| | | <div class="column"> |
| | | <span class="label">æ¹å·</span> |
| | | <span class="value full-width">{{ item.batchNumber }}</span> |
| | | <span class="value full-width">{{ item.barcode }}</span> |
| | | </div> |
| | | <div class="column"> |
| | | <span class="label">æ¹æ¬¡</span> |
| | | <span class="value full-width">{{ item.batch }}</span> |
| | | <span class="value full-width">{{ item.batchNo }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="row dual-column"> |
| | | <div class="column"> |
| | | <span class="label">ååº</span> |
| | | <span class="value full-width">{{ item.factory }}</span> |
| | | <span class="value full-width">{{ item.factoryArea }}</span> |
| | | </div> |
| | | <div class="column"> |
| | | <span class="label">æ¥æ</span> |
| | |
| | | </div> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">ä¾åºåç¼ç </span> |
| | | <span class="value-preview full-width">{{ item.supplierCode }}</span> |
| | | <span class="value-preview full-width">{{ item.suplierCode }}</span> |
| | | </div> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">æ°é/æ»æ°</span> |
| | | <span class="value-preview full-width">{{ item.quantity }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | </div> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">éè´åå·</span> |
| | | <span class="value-preview full-width">{{ item.purchaseOrderNo }}</span> |
| | | <span class="value-preview full-width">{{ item.pruchaseOrderNo }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="row-preview dual-column"> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">è§æ ¼</span> |
| | | <span class="value-preview full-width">{{ item.specification }}</span> |
| | | <span class="value-preview full-width">{{ item.materialSpec }}</span> |
| | | </div> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">æ°é/æ»æ°</span> |
| | | <span class="value-preview full-width">{{ item.quantityTotal }}</span> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <div class="row-preview dual-column"> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">æ¹å·</span> |
| | | <span class="value-preview full-width">{{ item.batchNumber }}</span> |
| | | <span class="value-preview full-width">{{ item.barcode }}</span> |
| | | </div> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">æ¹æ¬¡</span> |
| | | <span class="value-preview full-width">{{ item.batch }}</span> |
| | | <span class="value-preview full-width">{{ item.batchNo }}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="row-preview dual-column"> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">ååº</span> |
| | | <span class="value-preview full-width">{{ item.factory }}</span> |
| | | <span class="value-preview full-width">{{ item.factoryArea }}</span> |
| | | </div> |
| | | <div class="column-preview"> |
| | | <span class="label-preview">æ¥æ</span> |
| | |
| | | }, |
| | | methods: { |
| | | generateQr(item) { |
| | | return `${item.batchNumber}` |
| | | return `${item.barcode}` |
| | | }, |
| | | |
| | | open(rows) { |
| | |
| | | return |
| | | } |
| | | |
| | | |
| | | printWindow.document.write(` |
| | | <!DOCTYPE html> |
| | | <html> |
| | |
| | | margin: 0 !important; |
| | | padding: 0 !important; |
| | | } |
| | | |
| | | body { |
| | | |
| | | html { |
| | | height: auto !important; |
| | | width: 80mm !important; |
| | | height: 60mm !important; |
| | | margin: 0 !important; |
| | | padding: 0 !important; |
| | | background: white !important; |
| | | } |
| | | |
| | | |
| | | body { |
| | | height: auto !important; |
| | | width: 80mm !important; |
| | | margin: 0 !important; |
| | | padding: 0 !important; |
| | | background: white !important; |
| | | overflow: visible !important; |
| | | min-height: 0 !important; |
| | | max-height: none !important; |
| | | } |
| | | |
| | | .print-page { |
| | | width: 80mm !important; |
| | | height: 60mm !important; |
| | | page-break-after: always !important; |
| | | margin: 0 !important; |
| | | padding: 1mm !important; |
| | | display: block !important; |
| | | background: white !important; |
| | | page-break-inside: avoid !important; |
| | | position: relative !important; |
| | | page-break-after: always !important; |
| | | } |
| | | |
| | | |
| | | .print-page:last-child { |
| | | page-break-after: avoid !important; |
| | | page-break-after: auto !important; |
| | | } |
| | | |
| | | .material-card { |
| | |
| | | } |
| | | |
| | | .content { |
| | | height: calc(100% - 10mm) !important; |
| | | position: relative !important; |
| | | } |
| | | |
| | | .row { |
| | | display: flex !important; |
| | | margin-bottom: 1.2mm !important; |
| | | min-height: 6.5mm !important; |
| | | min-height: 5.5mm !important; |
| | | align-items: stretch !important; |
| | | } |
| | | |
| | |
| | | flex: 1 !important; |
| | | display: flex !important; |
| | | align-items: center !important; |
| | | min-height: 5mm !important; |
| | | min-height: 4mm !important; |
| | | } |
| | | |
| | | .column:first-child { |
| | | margin-right: 2.5mm !important; |
| | | } |
| | | |
| | | .label { |
| | | flex: 0 0 8mm !important; |
| | | white-space: nowrap !important; |
| | | font-size: 2.5mm !important; |
| | | line-height: 1.3 !important; |