From 75e035a10a0faeff6b2ec4b9fcbf98d1536274f2 Mon Sep 17 00:00:00 2001 From: 王震 <10952869+daywangzhen@user.noreply.gitee.com> Date: 星期四, 07 十二月 2023 10:57:15 +0800 Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/mes-ocea-before --- src/views/quality/Packaging_ledger/index.vue | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 102 insertions(+), 15 deletions(-) diff --git a/src/views/quality/Packaging_ledger/index.vue b/src/views/quality/Packaging_ledger/index.vue index 45b5115..b4837ac 100644 --- a/src/views/quality/Packaging_ledger/index.vue +++ b/src/views/quality/Packaging_ledger/index.vue @@ -9,10 +9,10 @@ :prelang="prelang" :ajaxFun="ajaxFun" :options="options" - @currentChange="handleCurrentChange" + @handleSelectionChange="handleSelectionChange" ref="processconfiguration" > - <template #toolbar></template> + <template #toolbar></template> </ttable> </el-col> <el-col :span="13" style="padding-left: 10px"> @@ -101,7 +101,6 @@ <el-input v-model="scope.row.number"></el-input> </template> </el-table-column> - <el-table-column label="鍗曚綅" prop="unit" align="center" /> <el-table-column fixed="right" label="鎿嶄綔" @@ -127,7 +126,31 @@ @handleSelectionChange = "preserve" > </packfromadd> - </basic-container> + </basic-container> + <el-dialog title="鏍囩鍒楄〃" top="5vh" :visible.sync="diaPrintTab" width="500px"> + <div id="qrCard" class="dia_body" style="height: 400px;overflow-y: auto;padding: 0 10px;"> + <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 15px;"> + <el-row> + <el-col :span="10" :offset="3">搴忓彿锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ i + 1 }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">鍖呰缂栧彿锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.packageNo }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">浜岀淮鐮侊細</el-col> + <el-col :span="10"> + <vueQr :text="JSON.stringify(item)" :size="120" :margin="1"></vueQr> + </el-col> + </el-row> + </el-card> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="diaPrintTab = false">鍙� 娑�</el-button> + <el-button type="primary" @click="printFun">鎵� 鍗�</el-button> + </span> + </el-dialog> </div> </template> @@ -136,9 +159,14 @@ import ttable from '@/views/common/ztt-table.vue' import packfrom from './pack-from.vue' import packfromadd from './pack-fromadd.vue' +import vueQr from 'vue-qr' +import PrintJS from 'print-js' export default { data(){ return { + qrData:[], + diaPrintTab: false, + multipleSelection: [], isCheck: false, dataway:{}, goid:'', @@ -156,7 +184,7 @@ border: true, // 鏄惁鏈夌旱鍚戣竟妗� lazy: false, // 鏄惁闇�瑕佹噿鍔犺浇 fit: true, // 鍒楃殑瀹藉害鏄惁鑷拺寮� - multiSelect: false, // + multiSelect: true, // isEdit:false, seqNo: true, isShowHide: true, // 鏄惁鏄剧ず鏄惧奖鎸夐挳 @@ -237,6 +265,11 @@ type: 'primary', fun: this.addOrUpdateHandle }, + { + text: '鏍囩鎵撳嵃', + type: 'primary', + fun: this.printLabel + }, ], operator: [ { @@ -263,14 +296,71 @@ } }, components: { - ttable, - packfrom, - packfromadd - }, - watch: { - - }, + ttable, + packfrom, + packfromadd, + vueQr + }, + watch: { + diaPrintTab(newVal){ + if(!newVal){ + this.qrData = [] + } + } + }, methods: { + //鎵撳嵃鎸夐挳 + printFun() { + this.diaPrintTab = false; + PrintJS({ + printable: "qrCard", + type: "html", + // header: "鍘熸潗鏂欐娴嬫姤鍛�", + targetStyles: ["*"], + style: `@page {margin: 0mm 5mm;} + html {zoom:100%;} + @media print { + html,body{ + width:60mm; + height:40mm; + } + }`, + ignoreElements: ["no-ignore"], + orientation: 'portrait' + }); + }, + handleSelectionChange(val){ + this.multipleSelection = val + let lastRow = val[val.length - 1] + this.handleCurrentChange(lastRow) + }, + printLabel(){ + if(this.multipleSelection.length==0){ + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�') + return + } + this.diaPrintTab = true + console.log(this.multipleSelection); + this.multipleSelection.forEach(item=>{ + let obj = { + packageNo: item.packageNo, + contractNo: item.contractNo, + boxInfo: [] + } + list({packageBoxId:item.id}).then((res) =>{ + res.data.data.forEach(ele=>{ + obj.boxInfo.push({ + product: ele.product, + productNo: ele.productNo, + specs: ele.specs, + unit: ele.unit, + number: ele.number + }) + }) + }) + this.qrData.push(obj) + }) + }, // 鑾峰彇鏁版嵁鍒楄〃 getData() { this.$refs.processconfiguration.refreshData() @@ -315,7 +405,6 @@ }, preserve(datalist){ this.testStandardParams = datalist - }, //鍙宠竟淇濆瓨 addpreserve(){ @@ -348,7 +437,5 @@ }) }, }, - computed: { - }, } </script> \ No newline at end of file -- Gitblit v1.9.3