| | |
| | | <el-card class="box-card" v-for="(item, i) in qrData" :key="i+'wwwww'" style="margin-bottom: 15px; font-size: 16px !important;"> |
| | | <el-checkbox :label="i" :key="i" style="position: relative;top:-10px;left:5px"><br></el-checkbox> |
| | | <div> |
| | | <p style="text-align: center;font-size: 18px;font-weight: 700;">{{ item.sample }}</p> |
| | | <barcode :value="item.sampleCode" :height="34" :width="2" :displayValue="false" style="display: flex;justify-content: center;width: 100%;"></barcode> |
| | | <div> |
| | | <div style="width: 100%;line-height: 30px;"> |
| | | <p style="text-align: center;font-size: 26px;font-weight: 700;">{{ item.sample }}({{item.model}})</p> |
| | | <p style="text-align: center;font-size: 16px;">{{ item.sampleCode }}</p> |
| | | <el-divider></el-divider> |
| | | <el-row style="font-size: 16px;"> |
| | | <el-col :span="16" style="text-align: left;line-height: 28px;"> |
| | | <p><span> 委托单号: </span>{{ item.code }}</p> |
| | | <p><span> 电机编号: </span>{{ item.motorNumber }}</p> |
| | | <p><span> 样机完成时间: </span>{{ item.issueTime }}</p> |
| | | <p><span> 样机员: </span>{{ item.issueName }}</p> |
| | | <p class="ellipsis-multiline"><span> 检测项目: </span>{{ item.item }}</p> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: left;"> |
| | | <vueQr |
| | | :text="item.str" |
| | | :size="140" |
| | | :margin="2" |
| | | ></vueQr> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <div> |
| | | <div> |
| | | <el-row style="font-size: 16px;"> |
| | | <el-col :span="16" style="text-align: left;"><span> 样品编号: </span>{{ item.sampleCode }}</el-col> |
| | | <el-col :span="8" style="text-align: left;"><span> 规格型号: </span>{{ item.model }}</el-col> |
| | |
| | | <el-col style="text-align: left;"><span> 检测项目: </span>{{ item.item }}</el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </el-card> |
| | | </el-checkbox-group> |
| | |
| | | <div id="printMOrder" class="printMOrder" ref="printMOrder"> |
| | | <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i+'uuuuu'" style="font-size: 16px !important;page-break-after: always;color: #000;box-shadow: none;margin: 0 !important;padding: 0 !important;"> |
| | | <div> |
| | | <p style="text-align: center;font-size: 18px;font-weight: 500;margin-top: 10px;">{{ item.sample }}</p> |
| | | <barcode :value="item.sampleCode" :height="34" :width="2" :displayValue="false" style="display: flex;justify-content: center;width: 100%;"></barcode> |
| | | <div> |
| | | <div style="width: 100%;line-height: 30px;"> |
| | | <el-row style="font-size: 16px;"> |
| | | <el-col :span="16" style="text-align: left;"><span>样品编号: </span>{{ item.sampleCode }}</el-col> |
| | | <el-col :span="7" style="text-align: left;"><span>规格型号: </span>{{ item.model }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 16px;"> |
| | | <el-col :span="16" style="text-align: left;"><span>委托单号: </span>{{ item.code }}</el-col> |
| | | <el-col :span="7" style="text-align: left;"><span>电机编号: </span>{{ item.motorNumber }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 16px;"> |
| | | <el-col :span="16" style="text-align: left;"><span>样机完成时间: </span>{{ item.issueTime }}</el-col> |
| | | <el-col :span="7" style="text-align: left;"><span>样机员: </span>{{ item.issueName }}</el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 1px;font-size: 16px;" class="ellipsis-multiline"> |
| | | <el-col style="text-align: left;"><span>检测项目: </span>{{ item.item }}</el-col> |
| | | </el-row> |
| | | </div> |
| | | <p style="text-align: center;font-size: 26px;font-weight: 700;margin-top: 20px;">{{ item.sample }}({{item.model}})</p> |
| | | <p style="text-align: center;font-size: 16px;">{{ item.sampleCode }}</p> |
| | | <!-- <el-divider></el-divider> --> |
| | | <p style="width: 100%;height:1px;background-color: #333333;margin: 6px 0;"></p> |
| | | <el-row style="font-size: 16px;"> |
| | | <el-col :span="16" style="text-align: left;line-height: 28px;"> |
| | | <p><span> 委托单号: </span>{{ item.code }}</p> |
| | | <p><span> 电机编号: </span>{{ item.motorNumber }}</p> |
| | | <p><span> 样机完成时间: </span>{{ item.issueTime }}</p> |
| | | <p><span> 样机员: </span>{{ item.issueName }}</p> |
| | | <p class="ellipsis-multiline"><span> 检测项目: </span>{{ item.item }}</p> |
| | | </el-col> |
| | | <el-col :span="8" style="text-align: left;"> |
| | | <vueQr |
| | | :text="item.str" |
| | | :size="140" |
| | | :margin="2" |
| | | ></vueQr> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | </div> |
| | |
| | | }) |
| | | a.item = [...new Set(arr1)].join(',') |
| | | }) |
| | | this.qrData = arr |
| | | this.qrData = arr.map(m=>{ |
| | | m.str = JSON.stringify({ |
| | | sampleCode:m.sampleCode, |
| | | entrustCode:m.code |
| | | }) |
| | | return m |
| | | }) |
| | | // console.log(this.qrData) |
| | | }) |
| | | }, |
| | |
| | | targetStyles: ["*"], // 使用dom的所有样式,很重要 |
| | | printable: 'printMOrder',//页面 |
| | | type: "html",//文档类型 |
| | | maxWidth:720, |
| | | header: '', |
| | | documentTitle: "二维码", |
| | | style: |
| | | `@page { |
| | | margin: 0.4cm; |
| | | margin-right: 0.4cm; |
| | | margin-top: 0.4cm; |
| | | margin-bottom: 0.4cm; |
| | | padding-bottom: 0px; |
| | | size: 800px 600px collapse; |
| | | margin: 0; |
| | | size: landscape; |
| | | } |
| | | html{ |
| | | body{ |
| | | zoom:100%; |
| | | |
| | | } |
| | | @media print{ |
| | | width: 800px; |
| | | height: 600px; |
| | | padding:30px 0; |
| | | margin:0; |
| | | }`, |
| | | font_size: '16px', |
| | | }); |
| | | }, |
| | | async print(){ |