| | |
| | | <el-card v-for="(item, i) in barcodeData" :key="i" class="box-card" style="margin-bottom: 15px; font-size: 16px !important;"> |
| | | <el-checkbox :key="i" :label="i" style="position: relative;top:0;left:10px"><br></el-checkbox> |
| | | <div> |
| | | <div class="titleH1" style="text-align: center; margin-bottom: 2px;font-size: 16px">检测中心样品标识卡</div> |
| | | <div class="titleH1" style="text-align: center; margin-bottom: 2px;font-size: 16px">样品标识卡</div> |
| | | <div style="text-align: center;"> |
| | | <barcode :displayValue="false" :height="34" :value="item.barcode" :width="2"></barcode> |
| | | </div> |
| | | <div style="margin-left: 20px;text-align: left"> |
| | | <div class="item"> |
| | | <span class="full-title">样品名称</span>: |
| | | <span class="info">{{ item.sampleView }}</span> |
| | | <span class="full-title">委托编号</span>: |
| | | <span class="value-wrap">{{ item.entrustCode }}</span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title">生产单位</span>: |
| | | <span class="info">{{ item.production }}</span> |
| | | <div class="item2 label-row"> |
| | | <span class="label-col"> |
| | | <span class="full-title">样品名称</span>: |
| | | <span class="value-wrap">{{ item.sampleView }}</span> |
| | | </span> |
| | | <span class="label-col"> |
| | | <span class="full-title">样品编号</span>: |
| | | <span class="value-wrap">{{ item.sampleCode }}</span> |
| | | </span> |
| | | </div> |
| | | <div class="item2"> |
| | | <span class="full-title">规格型号</span>: |
| | | <span class="info">{{ item.sampleModel }}</span> |
| | | <div class="item label-row"> |
| | | <span class="label-col"> |
| | | <span class="full-title">送样单位</span>: |
| | | <span class="value-wrap">{{ item.production }}</span> |
| | | </span> |
| | | <span class="label-col"> |
| | | <span class="full-title">送样日期</span>: |
| | | <span class="value-wrap">{{ item.sendTime }}</span> |
| | | </span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title">送样日期</span>: |
| | | <span class="info">{{ item.sendTime }}</span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title">委托人</span>: |
| | | <span class="info2">{{ item.prepareUser }}</span> |
| | | <span class="full-title">检测编号</span>: |
| | | <span class="info">{{ item.entrustCode }}</span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title">样品数量</span>: |
| | | <span class="info2">{{ item.testQuantity }}</span> |
| | | <div class="item label-row"> |
| | | <span class="label-col"> |
| | | <span class="full-title">送样人</span>: |
| | | <span class="value-wrap">{{ item.prepareUser }}</span> |
| | | </span> |
| | | <span class="label-col"> |
| | | <span class="full-title">样品数量</span>: |
| | | <span class="value-wrap">{{ item.testQuantity }}</span> |
| | | </span> |
| | | </div> |
| | | <div style="font-weight: bold;display: flex;align-items: center;"> |
| | | <span class="full-title">样品状态</span>: |
| | |
| | | </el-row> |
| | | </span> |
| | | </el-dialog> |
| | | <div class="el-dialog-body" style="overflow-y: auto;margin-top: 0;position: fixed;top: 20px;right: 10px;z-index: 99999;"> |
| | | <div class="el-dialog-body" style="overflow-y: auto;margin-top: 0;position: fixed;top: -9999px;right: 10px;z-index: 99999;"> |
| | | <div id="printOrder" ref="printOrder" class="printOrder"> |
| | | <el-card v-for="(item, i) in checkDataList" :key="i" class="box-card" style="font-size: 0.29cm !important;font-weight: 700;page-break-after: always;color: #000;box-shadow: none;margin: 0 !important;padding: 0 !important;"> |
| | | <div> |
| | | <div class="titleH1" style="text-align: center;margin-bottom: 1px">检测中心样品标识卡</div> |
| | | <div class="titleH1" style="text-align: center;margin-bottom: 1px">样品标识卡</div> |
| | | <div style="text-align: center;"> |
| | | <barcode :displayValue="false" :height="22" :value="item.barcode" :width="1.6"></barcode> |
| | | </div> |
| | | <div style="margin-left: 12px;text-align: left"> |
| | | <div class="item"> |
| | | <span class="full-title4">样品名称:</span> |
| | | <span class="info4">{{ item.sampleView }}</span> |
| | | <span class="full-title4">委托编号:</span> |
| | | <span class="value-wrap">{{ item.entrustCode }}</span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title2">生产单位</span>: |
| | | <span class="info">{{ item.production }}</span> |
| | | <div class="item2 label-row"> |
| | | <span class="label-col"> |
| | | <span class="full-title4">样品名称:</span> |
| | | <span class="value-wrap">{{ item.sampleView }}</span> |
| | | </span> |
| | | <span class="label-col"> |
| | | <span class="full-title4">样品编号:</span> |
| | | <span class="value-wrap">{{ item.sampleCode }}</span> |
| | | </span> |
| | | </div> |
| | | <div class="item2"> |
| | | <span class="full-title4">规格型号:</span> |
| | | <span class="info4">{{ item.sampleModel }}</span> |
| | | <div class="item label-row"> |
| | | <span class="label-col"> |
| | | <span class="full-title4">送样单位:</span> |
| | | <span class="value-wrap">{{ item.production }}</span> |
| | | </span> |
| | | <span class="label-col"> |
| | | <span class="full-title4">送样日期:</span> |
| | | <span class="value-wrap">{{ item.sendTime }}</span> |
| | | </span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title2">送样日期</span>: |
| | | <span class="info">{{ item.sendTime }}</span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title2">委托人</span>: |
| | | <span class="info3">{{ item.prepareUser }}</span> |
| | | <span class="full-title2">检测编号</span>: |
| | | <span class="info">{{ item.entrustCode }}</span> |
| | | </div> |
| | | <div class="item"> |
| | | <span class="full-title2">样品数量</span>: |
| | | <span class="info3">{{ item.testQuantity }}</span> |
| | | <div class="item label-row"> |
| | | <span class="label-col"> |
| | | <span class="full-title4">送样人:</span> |
| | | <span class="value-wrap">{{ item.prepareUser }}</span> |
| | | </span> |
| | | <span class="label-col"> |
| | | <span class="full-title4">样品数量:</span> |
| | | <span class="value-wrap">{{ item.testQuantity }}</span> |
| | | </span> |
| | | </div> |
| | | <div> |
| | | <span class="full-title2">样品状态</span>: |
| | |
| | | vertical-align: top; |
| | | } |
| | | |
| | | .info { |
| | | margin-left: 2px; |
| | | .label-row { |
| | | display: flex; |
| | | align-items: flex-start; |
| | | } |
| | | |
| | | .info2 { |
| | | margin-left: 2px; |
| | | margin-right: 30px; |
| | | width: 80px; |
| | | display: inline-block; |
| | | .label-col { |
| | | flex: 1 1 0; |
| | | min-width: 0; |
| | | } |
| | | |
| | | .info3 { |
| | | margin-left: 2px; |
| | | margin-right: 8px; |
| | | width: 44px; |
| | | display: inline-block; |
| | | .label-col + .label-col { |
| | | margin-left: 6px; |
| | | } |
| | | |
| | | .info4 { |
| | | display: inline-block; |
| | | .value-wrap { |
| | | margin-left: 2px; |
| | | white-space: normal; |
| | | width: 260px; |
| | | word-break: break-all; |
| | | } |
| | | |
| | | .checkboxInfo { |