From 7c0a8e848a9613904cc89a05d2363821050bb90d Mon Sep 17 00:00:00 2001 From: zss <zss@example.com> Date: 星期二, 12 十二月 2023 17:25:04 +0800 Subject: [PATCH] 修改 --- src/views/plan/manufacturingorder/index.vue | 211 ++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 144 insertions(+), 67 deletions(-) diff --git a/src/views/plan/manufacturingorder/index.vue b/src/views/plan/manufacturingorder/index.vue index 70eff09..e9822f7 100644 --- a/src/views/plan/manufacturingorder/index.vue +++ b/src/views/plan/manufacturingorder/index.vue @@ -22,8 +22,9 @@ </el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item + :key="index" :command="item.command" - v-for="item in taskTypeArr" + v-for="(item,index) in taskTypeArr" :disabled="canCreateTask" >{{ item.label }}</el-dropdown-item > @@ -40,8 +41,9 @@ </el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item + :key="i" :command="item.command" - v-for="item in stateTagArr" + v-for="(item,i) in stateTagArr" :disabled="item.disabled" >{{ item.label }}</el-dropdown-item > @@ -199,23 +201,35 @@ <!-- 鏍囩鎵撳嵃 --> <el-dialog title="鏍囩鍒楄〃" :visible.sync="diaPrintTab" width="500px" top="5vh"> <div style="width:100%;height: 400px;overflow-y: auto;"> - <div class="dia_body" id="printMOrder"> - <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 15px; font-size: 16px !important;"> - <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.moNo2 }}</el-col> - </el-row> - <el-row> - <el-col :span="10" :offset="3">璁㈠崟浜岀淮鐮侊細</el-col> - <el-col :span="10"> - <vueQr :text="JSON.stringify(item)" :size="80" :margin="2"></vueQr> - </el-col> - </el-row> + <div class="dia_body"> + <el-checkbox + style="margin: 10px 5px;" + :indeterminate="isIndeterminate" + v-model="checkAll" + @change="handleCheckAllChange">鍏ㄩ��</el-checkbox> + <el-checkbox-group @change="changePrintCode()" v-model="checkIndexList"> + <el-card class="box-card" v-for="(item, i) in qrData" :key="i" style="margin-bottom: 15px; font-size: 16px !important;"> + <el-checkbox :label="i" :key="i" style="position: relative;top:-20px;left:5px"><br></el-checkbox> + <el-row> + <el-col :span="10" :offset="3">璁㈠崟鍙凤細</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.orderNo }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">瀹㈡埛鍚嶇О锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.cName }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">闆朵欢鍚嶇О锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.pName }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">杞﹂棿璁㈠崟浜岀淮鐮侊細</el-col> + <el-col :span="10"> + <vueQr :text="JSON.stringify(item.code)" :size="80" :margin="2"></vueQr> + </el-col> + </el-row> </el-card> + </el-checkbox-group> </div> </div> <span slot="footer" class="dialog-footer"> @@ -223,6 +237,30 @@ <el-button type="primary" @click="printFun">鎵� 鍗�</el-button> </span> </el-dialog> + <div class="el-dialog__body" style="width:448.8px;overflow-y: auto;position: absolute;top:9999px;padding: 0;"> + <div id="printMOrder"> + <el-card class="box-card" v-for="(item, i) in checkDataList" :key="i" style="margin-bottom:10px;font-size: 16px !important;"> + <el-row> + <el-col :span="10" :offset="3">璁㈠崟鍙凤細</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.customerOrderNo }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">瀹㈡埛鍚嶇О锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.cName }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">闆朵欢鍚嶇О锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ item.pName }}</el-col> + </el-row> + <el-row> + <el-col :span="10" :offset="3">璁㈠崟浜岀淮鐮侊細</el-col> + <el-col :span="10"> + <vueQr :text="JSON.stringify(item.code)" :size="80" :margin="2"></vueQr> + </el-col> + </el-row> + </el-card> + </div> + </div> </div> </template> @@ -256,9 +294,11 @@ export default { data() { return { - checkList: [], + checkAll: false, + isIndeterminate: true, + checkDataList: [], + checkIndexList: [], qrData: [], - orderDatalist:[], diaPrintTab:false, showCustomerorder: false, paramObj: { customerList: null }, @@ -447,7 +487,7 @@ isSearch: true, searchInfoType: 'text' }, - { + /* { minWidth: '120', prop: 'printRequirement', label: '鍗板瓧瑕佹眰', @@ -464,7 +504,7 @@ isTrue: true, isSearch: true, searchInfoType: 'text' - }, + }, */ { minWidth: '120', prop: 'scrapQty', @@ -539,7 +579,7 @@ searchInfoType: 'text' }, - { + /* { minWidth: '120', prop: 'outerColor', label: '澶栨姢棰滆壊', @@ -557,7 +597,7 @@ isTrue: true, isSearch: true, searchInfoType: 'text' - }, + }, */ { minWidth: '120', @@ -606,7 +646,7 @@ searchInfoType: 'datetimerange', formatter: this.formatDutyDate }, - { + /* { minWidth: '120', prop: 'bomConfirmStatus', label: 'BOM鐘舵��', @@ -668,7 +708,7 @@ } return formatVal } - }, + }, */ { minWidth: '200', prop: 'remark', @@ -678,7 +718,7 @@ isSearch: true, searchInfoType: 'text' }, - { + /* { minWidth: '100', prop: 'oriIfsOrderNo', label: '鍘烮FS璁㈠崟鍙�', @@ -713,8 +753,8 @@ isTrue: true, isSearch: true, searchInfoType: 'text' - }, - { + }, */ + /* { minWidth: '100', prop: 'qtyApply', label: '鐢宠鏁伴噺', @@ -722,7 +762,7 @@ isTrue: true, isSearch: true, searchInfoType: 'text' - }, + }, */ { minWidth: '140', width: '120', @@ -745,7 +785,7 @@ searchInfoType: 'datetimerange', formatter: this.formatDutyDate }, - { + /* { minWidth: '120', prop: 'ifsSync', label: '璁㈠崟鍚屾ERP', @@ -819,7 +859,7 @@ } return formatVal } - }, + }, */ { minWidth: '100', prop: 'factoryName', @@ -1054,8 +1094,45 @@ mounted() { // this.initQueryParams() }, + watch:{ + diaPrintTab(newVal){ + if(!newVal){ + this.qrData = [] + this.checkIndexList = [] + this.checkDataList = [] + this.isIndeterminate = true; + } + } + }, methods: { + //鍏ㄩ�� + handleCheckAllChange(val) { + if(val){ + for(var i=0;i<this.qrData.length;i++){ + this.checkIndexList.push(i) + } + this.checkDataList = this.qrData + }else{ + this.checkIndexList = [] + this.checkDataList = [] + } + this.isIndeterminate = false; + }, + //閫夋嫨瑕佹墦鍗扮殑浜岀淮鐮� + changePrintCode(){ + let indexList = this.checkIndexList + let arr = [] + indexList.forEach(i=>{ + arr.push(this.qrData[i]) + }) + this.checkDataList = arr + }, + //鎵撳嵃鏂规硶 printFun() { + if(this.checkDataList.length < 1){ + this.$message.warning("璇烽�夋嫨瑕佹墦鍗扮殑浜岀淮鐮�") + return + } this.diaPrintTab = false; PrintJS({ printable: 'printMOrder',//椤甸潰 @@ -1078,6 +1155,41 @@ targetStyles: ["*"], // 浣跨敤dom鐨勬墍鏈夋牱寮忥紝寰堥噸瑕� font_size: '', }); + }, + //鍒濆鍖栦簩缁寸爜鏍囩鏁版嵁 + initQrData(data){ + this.qrData = [] + if(data){ + console.log(data); + let index = Number(data.qtyRequired) + Number(data.scrapQty) + if(index>0){ + for(var i=1;i<= index;i++){ + let obj = { + orderNo: data.customerOrderNo, + cName: data.customerName, + pName: data.partName, + code: { + moNo: data.moNo, + moNo2: null, + } + } + let no = (i+"").padStart(3,'0') + obj.code.moNo2 = data.moNo + no + this.qrData.push(obj) + } + } + } + }, + //鏍囩鎵撳嵃鎸夐挳 + labelPrint(){ + if(this.multipleSelection.length==0){ + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�') + return + } + let selection = this.multipleSelection + let lastRow = selection[ selection.length - 1 ] + this.initQrData(lastRow) + this.diaPrintTab = true }, getManufactureAttr(row, column, cellValue) { this.manufactureAttrs.forEach((obj) => { @@ -1195,7 +1307,6 @@ getByMoIds([this.orderPlan.id]).then((repsonse) => { const resData = repsonse.data.data const resCode = repsonse.data.code - console.log("resData-----",repsonse); if (resCode === 0) { const _that = this for (const key in resData) { @@ -1427,35 +1538,8 @@ } } }, - //鍒濆鍖栦簩缁寸爜鏍囩鏁版嵁 - initQrData(data){ - if(data){ - let index = Number(data.qtyRequired) + Number(data.scrapQty) - if(index>0){ - for(var i=1;i<= index;i++){ - let obj = { - moNo: data.moNo, - moNo2: null, - } - let no = (i+"").padStart(3,'0') - obj.moNo2 = data.moNo + no - this.qrData.push(obj) - } - } - } - }, // table鑷甫浜嬩欢 handleSelectionChange(val) { - let orderData = [] - orderData =val.map( el =>{ - return{ - moNo:el.moNo, - qtyRequired: el.qtyRequired, - scrapQty: el.scrapQty - } - }) - this.orderDatalist = orderData - this.initQrData(orderData[0]) // 鏍规嵁鐘舵�侊紝绂佺敤琛ㄥご鎸夐挳 // 绛涢�夊嚭閫変腑璁板綍鐨勭姸鎬� var stateArr = val.map(function(value, index) { @@ -1748,13 +1832,6 @@ this.$message.error('涓婁紶澶辫触') } }, - labelPrint(){ - if(this.multipleSelection.length==0){ - this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�') - return - } - this.diaPrintTab = true - } } } </script> -- Gitblit v1.9.3