| | |
| | | } |
| | | produceList.value[i].detail[0]["qrcodeList"] = []; // 初始化一个空数组用来存储 QR Code |
| | | |
| | | for (let j = 0; j < technologyNumber.length; j++) { |
| | | const processId = produceList.value[i].detail[0].process_id; |
| | | const url = `${processId}/${technologyNumber[j]}`; |
| | | const processId = produceList.value[i].detail[0].process_id; |
| | | const url = `${processId}/${technologyNumber}`; |
| | | // 生成 QR Code 并存储到数组中 |
| | | const qrcodeData = await QRCode.toDataURL(url); |
| | | produceList.value[i].detail[0]["qrcodeList"].push({ |
| | | qrcode: qrcodeData, |
| | | technologyNumber: technologyNumber |
| | | }); |
| | | |
| | | // 生成 QR Code 并存储到数组中 |
| | | const qrcodeData = await QRCode.toDataURL(url); |
| | | produceList.value[i].detail[0]["qrcodeList"].push({ |
| | | qrcode: qrcodeData, |
| | | technologyNumber: technologyNumber[j] |
| | | }); |
| | | |
| | | } |
| | | // for (let j = 0; j < technologyNumber.length; j++) { |
| | | // const processId = produceList.value[i].detail[0].process_id; |
| | | // const url = `${processId}/${technologyNumber[j]}`; |
| | | // // 生成 QR Code 并存储到数组中 |
| | | // const qrcodeData = await QRCode.toDataURL(url); |
| | | // produceList.value[i].detail[0]["qrcodeList"].push({ |
| | | // qrcode: qrcodeData, |
| | | // technologyNumber: technologyNumber[j] |
| | | // }); |
| | | // |
| | | // } |
| | | } |
| | | }; |
| | | |
| | |
| | | <template> |
| | | <!-- <el-button id="printButton" @click="printFlowCard();">{{ $t('basicData.print') }}</el-button>--> |
| | | <div id="printFlowCard"> |
| | | <table v-for="(item,id) in produceList" id="contentTable" :key="id"> |
| | | <table v-for="(item,id) in produceList" id="contentTable" :key="id" style="border-bottom: none"> |
| | | <thead> |
| | | <tr v-for="(itemFlow,index) in item.detail" :key="index"> |
| | | <td colspan="29"> |
| | |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | </tr> |
| | | <tr> |
| | | <td>质检签名</td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2">生产签名</td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | <td colspan="2"></td> |
| | | </tr> |
| | | |
| | | <tr> |
| | | <td>原片箱号</td> |
| | | <td colspan="28"></td> |
| | |
| | | </td> |
| | | |
| | | </tr> |
| | | <tr v-if="company.remarkSwitch=='1'" v-for="(itemremark,index) in item.remarkList" :key="index"> |
| | | <tr v-if="company.remarkSwitch=='1'"> |
| | | <td colspan="29"> |
| | | 编号:{{itemremark.S01}} |
| | | 备注1:{{itemremark.S02}} |
| | | 备注2:{{itemremark.S03}} |
| | | 备注3:{{itemremark.S04}} |
| | | 备注4:{{itemremark.S05}} |
| | | |
| | | <div style="display: flex;flex-wrap: wrap;"> |
| | | <div v-for="(itemremark,index) in item.remarkList" :key="index"> |
| | | <span v-if="!(itemremark.S02==null&&itemremark.S03==null&&itemremark.S04==null&&itemremark.S05==null)"> |
| | | 编号:{{itemremark.S01}} |
| | | </span> |
| | | <span v-if="itemremark.S02!=null">备注1:{{itemremark.S02}}</span> |
| | | <span v-if="itemremark.S03!=null">备注2:{{itemremark.S03}}</span> |
| | | <span v-if="itemremark.S04!=null">备注3:{{itemremark.S04}}</span> |
| | | <span v-if="itemremark.S05!=null">备注4:{{itemremark.S05}}</span> |
| | | </div> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | <tr v-for="(itemtextareas,index) in item.detail" :key="index"> |
| | |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | |
| | | <tr style="border-bottom: none"> |
| | | <td colspan="29" style="text-align: left;border-bottom: none;"> |
| | | <div> |
| | | <span>质检签名:</span> |
| | | <span style="margin-left: 300px">生产签名:</span> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </tfoot> |
| | | </table> |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | |
| | | margin: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | td,input{ |
| | | text-align: center; |
| | | } |
| | |
| | | } |
| | | |
| | | #contentTable tbody { |
| | | |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .tdNowrap { |
| | | |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | #contentTable tfoot { |