From dce1a39a7c7c52d36007e2b134def3d2bfb85ce0 Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期四, 04 一月 2024 13:58:13 +0800 Subject: [PATCH] 质检模块修改 --- src/views/quality/processInspect/processInspect-form.vue | 390 ++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 280 insertions(+), 110 deletions(-) diff --git a/src/views/quality/processInspect/processInspect-form.vue b/src/views/quality/processInspect/processInspect-form.vue index b93aac5..7695830 100644 --- a/src/views/quality/processInspect/processInspect-form.vue +++ b/src/views/quality/processInspect/processInspect-form.vue @@ -18,61 +18,80 @@ <div class="formwrapper"> <el-row> <el-col :span="6"> - <el-form-item label="杩囩▼妫�楠岀紪鍙凤細"> - <el-input @blur="selectInfoByOrderId" disabled - v-model="processInspectVo.proInsNo" autocomplete="off" /> + <el-form-item label="杩囩▼妫�楠岀紪鍙�"> + <el-input disabled + v-model="processInspectVo.proInsNo" placeholder="杩囩▼妫�楠岀紪鍙�" autocomplete="off" /> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="璁㈠崟鍙凤細" prop="orderNumber"> + <el-form-item label="杞﹂棿璁㈠崟鍙�" prop="moNo"> <el-input @blur="selectInfoByOrderId" :disabled="processInspectVo.id != null" - v-model="processInspectVo.orderNumber" placeholder="璇疯緭鍏ヨ鍗曞彿" autocomplete="off" /> + v-model="processInspectVo.moNo" placeholder="璇疯緭鍏ヨ溅闂磋鍗曞彿" autocomplete="off" > + <el-button + slot="append" + icon="el-icon-full-screen" + :disabled="resultVal!=null" + @click="Turnonthecamera"></el-button> + </el-input> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="浜у搧鍚嶇О锛�"> - <el-select style="width: 100%" @change="changeOptionsSamplename" - :disabled="processInspectVo.id != null" v-model="processInspectVo.material" - size="small" placeholder="璇烽�夋嫨浜у搧鍚嶇О"> - <el-option v-for="(item, index) in optionsSamplename" :key="index" - :label="item.material" :value="item.materialCode"> - </el-option> - </el-select> + <el-form-item label="閿�鍞鍗曞彿" prop="orderNumber"> + <el-input disabled + v-model="processInspectVo.orderNumber" placeholder="閿�鍞鍗曞彿" autocomplete="off" /> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="浜у搧缂栧彿锛�"> - <el-input disabled v-model="processInspectVo.materialCode" placeholder="璇疯緭鍏ヤ骇鍝佺紪鍙�" - autocomplete="off" /> + <el-form-item label="浜у搧鍚嶇О"> + <el-tooltip class="item" effect="dark" :content="processInspectVo.material"> + <el-input v-model="processInspectVo.material" disabled placeholder="浜у搧鍚嶇О"></el-input> + </el-tooltip> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="6"> - <el-form-item label="瑙勬牸鍨嬪彿锛�"> - <el-input disabled v-model="processInspectVo.specs" - autocomplete="off" /> + <el-form-item label="浜у搧缂栧彿"> + <el-input disabled v-model="processInspectVo.materialCode" placeholder="浜у搧缂栧彿" autocomplete="off" /> </el-form-item> </el-col> - <el-col :span="6"> - <el-form-item label="宸ュ簭鍚嶇О"> + <el-form-item label="瑙勬牸鍨嬪彿"> + <el-tooltip class="item" effect="dark" :content="processInspectVo.specs"> + <el-input disabled v-model="processInspectVo.specs" placeholder="瑙勬牸鍨嬪彿" autocomplete="off" /> + </el-tooltip> + </el-form-item> + </el-col> + + <el-col :span="6"> + <el-form-item label="宸ュ崟" prop="operationTaskId"> <el-select style="width: 100%" :disabled="processInspectVo.id != null" - v-model="processInspectVo.technologyOperationId" size="small" placeholder="璇烽�夋嫨宸ュ簭"> - <el-option v-for="(item, index) in technologyList" :key="index" :label="item.name" - :value="item.technologyOperationId"> + v-model="processInspectVo.operationTaskId" size="small" placeholder="璇烽�夋嫨宸ュ崟"> + <el-option v-for="(item, index) in technologyList" :key="index" :label="item.name+'-'+item.optaskNo" + :value="item.operationTaskId"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="鍗曚綅锛�"> - <el-input disabled v-model="processInspectVo.unit" placeholder="璇疯緭鍏ュ崟浣�" - autocomplete="off" /> + <el-form-item label="鍗曚綅"> + <el-input disabled v-model="processInspectVo.unit" placeholder="鍗曚綅" autocomplete="off" /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="瀹㈡埛鍚嶇О" prop="customerName"> + <el-input v-model="processInspectVo.customerName" placeholder="瀹㈡埛鍚嶇О" autocomplete="off" disabled /> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="鏁伴噺锛�"> + <el-form-item label="宸ョ▼鍚嶇О" prop="projectName"> + <el-input v-model="processInspectVo.projectName" placeholder="宸ョ▼鍚嶇О" autocomplete="off" disabled /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鏁伴噺" prop="quantity"> <el-input v-model="processInspectVo.quantity" placeholder="璇疯緭鍏ユ暟閲�" autocomplete="off" :disabled="processInspectVo.id != null" /> </el-form-item> @@ -91,29 +110,29 @@ </el-row> <el-row style="width:100%;"> <el-col :span="24"> - <el-table border - :data="inspectionItems" + <el-table border + :data="inspectionItems" height="400" :header-cell-style="{ textAlign: 'center', color: 'black', backgroundColor: '#fafafa' }" - :cell-style="{ textAlign: 'center' }" - row-key="iid" + :cell-style="{ textAlign: 'center' }" + row-key="iid" default-expand-all style="width: 100%" - ref="table" + ref="table" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"> - <el-table-column type="index" label="搴忓彿" width="60"></el-table-column> - <el-table-column label="椤圭洰" prop="father" width="240"></el-table-column> - <el-table-column prop="iname" label="鎸囨爣" width="240"></el-table-column> - <el-table-column prop="iunit" label="鍗曚綅" width="240"></el-table-column> - <el-table-column prop="required" label="鏍囧噯鍊�" width="240"></el-table-column> + <el-table-column type="index" label="搴忓彿" show-overflow-tooltip width="60"></el-table-column> + <el-table-column label="椤圭洰" prop="father" show-overflow-tooltip width="140"></el-table-column> + <el-table-column prop="iname" label="鎸囨爣" show-overflow-tooltip width="140"></el-table-column> + <el-table-column prop="iunit" label="鍗曚綅" show-overflow-tooltip width="140"></el-table-column> + <el-table-column prop="required" label="鏍囧噯鍊�" width="140"></el-table-column> <el-table-column prop="inspectionValue" v-for="(item, index) in empiricalValueAdd" :key="index" - label="妫�娴嬪��" width="240" style="text-align: center;"> + label="妫�娴嬪��" width="140" style="text-align: center;"> <template slot-scope="scope"> <el-col v-if="scope.row.itype === '1'"> <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null" class="item" effect="dark" content="璇峰厛閫夋嫨璁惧锛�" placement="top-start"> <el-input :disabled="scope.row.eId == null" v-model="scope.row.empiricalValueAddss[index]" - @blur="changeState(scope.row)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> + @blur="changeState(scope.row,true)" placeholder="璇疯緭鍏ユ娴嬪��"></el-input> <span v-if="resultVal != null && processInspectVo.id != null" v-text="scope.row.empiricalValueAddss[index]"></span> </el-tooltip> @@ -132,21 +151,27 @@ </el-col> </template> </el-table-column> - <el-table-column prop="deviceName" label="璇曢獙璁惧" min-width="250"> + <el-table-column prop="deviceName" label="璇曢獙璁惧" min-width="200"> <template slot-scope="scope"> <span v-if="resultVal != null && scope.row.iname != null" v-text="scope.row.ename"></span> <div v-else> - <el-select style="width:100%" v-model="scope.row.eId" v-if="scope.row.iname != null" + <el-select style="width:60%" v-model="scope.row.eId" v-if="scope.row.iname != null" filterable @change="updateDevice(scope.row, scope.$index)"> <el-option v-for="(item, index) in deviceList" :key="index" :value="item.id" :label="item.code + '-' + item.name"></el-option> </el-select> + <el-button + size="small" + slot="append" + icon="el-icon-full-screen" + v-if="scope.row.iname != null" + @click="codeDevice(scope.row,scope.$index)"></el-button> </div> </template> </el-table-column> - <el-table-column - label="妫�楠屾弿杩�" width="240" style="text-align: center;"> + <el-table-column show-overflow-tooltip + label="妫�楠屾弿杩�" width="140" style="text-align: center;"> <template slot-scope="scope"> <el-col> <el-tooltip v-if="scope.row.iname != null" :disabled="scope.row.eId != null" @@ -182,8 +207,8 @@ <el-table border height="90" :data="inspectionResultForm" :header-cell-style="{ textAlign: 'center', color: 'black', backgroundColor: '#fafafa' }" :cell-style="{ textAlign: 'center' }"> - <el-table-column prop="materialCode" label="鐗╂枡缂栧彿"></el-table-column> - <el-table-column prop="material" label="鐗╂枡鍚嶇О"></el-table-column> + <el-table-column prop="materialCode" width="200" show-overflow-tooltip label="鐗╂枡缂栧彿"></el-table-column> + <el-table-column prop="material" width="200" show-overflow-tooltip label="鐗╂枡鍚嶇О"></el-table-column> <el-table-column prop="userName" label="妫�楠屽憳"></el-table-column> <el-table-column prop="result" label="妫�楠岀粨璁�"> <template slot-scope="scope"> @@ -202,9 +227,33 @@ </el-row> </div> </div> + <el-dialog + title="鎵弿" + :visible.sync="qrcode" + width="60%"> + <div style="height: 100vh;width: 100%;"> + <qr-code-app ref="codeCompont" @ok="getResultInfo" @cancelCodeDialog="cancelCodeDialog"></qr-code-app> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="qrcode = false">鍙� 娑�</el-button> + <el-button type="primary" @click="qrcode = false">纭� 瀹�</el-button> + </span> + </el-dialog> + <el-dialog + title="璁惧鎵弿" + :visible.sync="deviceCode" + width="60%"> + <div style="height: 100vh;width: 100%;"> + <qr-code-app ref="codeDeviceCompont" @ok="getDeviceResultInfo" @cancelCodeDialog="cancelDeviceCodeDialog"></qr-code-app> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="deviceCode = false">鍙� 娑�</el-button> + <el-button type="primary" @click="deviceCode = false">纭� 瀹�</el-button> + </span> + </el-dialog> </div> </template> - + <script> import { chooseMater, @@ -215,11 +264,22 @@ updateProcessInspectsById, } from '@/api/quality/processInspect' import { selectDevice } from '@/api/quality/processInspect' +import qrCodeApp from '@/views/common/qrCodeApp' +import { validatePositiveInteger } from '@/util/validate' export default { + components:{ + qrCodeApp + }, data() { return { + qrcode: false, + row: null, + proIndex: 0, + deviceCode: false, rules: { - orderNumber: [{required:true,message:'璁㈠崟鍙蜂笉鑳戒负绌�',trigger:'blur'}] + moNo: [{required:true,message:'杞﹂棿璁㈠崟鍙蜂笉鑳戒负绌�',trigger:'blur'}], + quantity: [{required:true,validator: validatePositiveInteger,trigger:'blur'}], + operationTaskId: [{required:true,message: '璇烽�夋嫨宸ュ崟',trigger:'change'}], }, dataVal: [{ label: '鏄�', @@ -239,6 +299,7 @@ empiricalValueAddMaxNumber: 0, processInspectVo: { id: null, + moNo: null, proInsNo: null, material: null, materialCode: null, @@ -246,7 +307,9 @@ quantity: null, specs: null, unit: null, - technologyOperationId: null + operationTaskId: null, + customerName: null, + projectName: null }, inspectionItems: [], // 鏂板妫�楠岄」鐩〃鏍� inspectionResultForm: [], @@ -264,7 +327,7 @@ mounted() { this.getDeviceList() this.processInspectVo.id = this.$route.query.id - this.resultVal = this.$route.query.resultVal + this.resultVal = this.$route.params.resultVal if (this.resultVal == null) { let val = sessionStorage.getItem("process-resultVal-" + this.processInspectVo.id); val == undefined ? this.resultVal = null : this.resultVal = val @@ -272,6 +335,51 @@ this.init() }, methods: { + cancelCodeDialog(){ + this.qrcode = false + }, + getResultInfo(data){ + if(!data.includes("moNo")){ + this.$message.warning('鏈瘑鍒嚭杞﹂棿璁㈠崟鍙蜂俊鎭紒'); + } + let obj=JSON.parse(data) + let info={"code":obj["moNo"]} + if(info.code){ + this.processInspectVo.moNo = obj["moNo"] + this.selectInfoByOrderId() + }else{ + this.$message.warning('鏈瘑鍒嚭杞﹂棿璁㈠崟鍙蜂俊鎭紒'); + } + }, + // 鎵撳紑鐩告満 + Turnonthecamera() { + this.qrcode = true + this.$refs.codeCompont.openCamera() + }, + cancelDeviceCodeDialog(){ + this.deviceCode = false + }, + getDeviceResultInfo(val){ + let id=val.split("id@")[1] + if(id!=undefined&&id!=''&&id!=null){ + let filterData=this.deviceList.filter(item=>{ + return item.id==id + })[0] + this.row.eId=Number(id) + this.updateDevice(this.row) + }else{ + this.$message({ + message: '鏈瘑鍒嚭璁¢噺鍣ㄥ叿淇℃伅锛�', + type: 'warning' + }); + } + }, + codeDevice(row,index){ + this.row=row + this.deviceCode =true + this.$refs.codeDeviceCompont.openCamera() + this.proIndex=index + }, submitSave() { let pro = 0 this.inspectionItems.forEach(item => { @@ -282,6 +390,11 @@ pro += arr.length } }) + let obj = { + id: this.processInspectVo.id, + number: 0, + result: this.inspectionResultForm[0].result + } if (pro > 0) { this.$prompt('璇疯緭鍏ヤ笉鍚堟牸鏁伴噺', '涓嶅悎鏍兼暟閲�', { confirmButtonText: '纭畾', @@ -289,11 +402,8 @@ inputPattern: /^\d+$/, inputErrorMessage: '璇疯緭鍏ユ纭暟瀛楁牸寮�' }).then(({ value }) => { - let data = { - id: this.processInspectVo.id, - number: value - } - updateProcessInspectsById(data).then(res => { + obj.number = value + updateProcessInspectsById(obj).then(res => { let data = res.data.data if (data) { if (data.indexOf("鎴愬姛") > 0) { @@ -307,7 +417,7 @@ }); }).catch(() => { }); } else { - updateProcessInspectsById({ id: this.processInspectVo.id, number: 0 }).then(res => { + updateProcessInspectsById(obj).then(res => { let data = res.data.data if (data) { if (data.indexOf("鎴愬姛") > 0) { @@ -342,11 +452,14 @@ if (id != null) { queryById(id).then(res => { let result = res.data.data + this.processInspectVo.moNo = result.moNo + this.processInspectVo.operationTaskId = result.technologyOperationName this.processInspectVo.proInsNo = result.proInsNo + this.processInspectVo.projectName = result.projectName + this.processInspectVo.customerName = result.customerName this.processInspectVo.orderNumber = result.orderNumber this.processInspectVo.materialCode = result.materialCode this.processInspectVo.material = result.material - this.processInspectVo.technologyOperationId = result.technologyOperationName this.processInspectVo.specs = result.specs this.processInspectVo.unit = result.punit this.processInspectVo.quantity = result.quantity @@ -373,11 +486,27 @@ } }) this.inspectionItems = result.children + let rVal = '' + let passNum = 0 + let unPassNum = 0 + this.inspectionItems.forEach(item => { + if (item.children) { + item.children.forEach(obj => { + if(obj.iresult == 0){ + unPassNum += 1 + } + if(obj.iresult == 1){ + passNum+=1 + } + }) + } + }) + rVal = (passNum+unPassNum)>0 ? unPassNum>0 ? '0' :'1' : '' this.inspectionResultForm = [{ materialCode: result.materialCode, material: result.material, userName: Array.from(new Set(userList)).join(","), - result: this.resultVal == null ? '' : this.resultVal, + result: this.resultVal == null ? rVal : this.resultVal, }] }).catch(error => { console.log(error) @@ -406,18 +535,22 @@ console.log(error) }) }, - //浜у搧鍚嶇О锛岄�夋嫨 - changeOptionsSamplename(val) { - let sample = this.optionsSamplename.filter(o => { - return o.materialCode == val - })[0] - this.processInspectVo.materialCode = sample.materialCode - this.processInspectVo.specs = sample.specs - this.processInspectVo.unit = sample.unit - this.processInspectVo.material = sample.material - this.technologyList = sample.children - }, - changeState(row) { + changeState(row,isChecked) { + const _than = this + if(isChecked){ + let isNumber = true + for(var i=0;i<row.empiricalValueAddss.length;i++){ + let val = row.empiricalValueAddss[i] + if(!/(^-?[0-9]{1,6}$)|(^-?[0-9]{1,6}[\.]{1}[0-9]{1,3}$)/.test(val)){ + row.empiricalValueAddss[i] = null + _than.$message.error("璇疯緭鍏ユ暟瀛�") + isNumber = false + } + } + if(!isNumber){ + return + } + } if (row.iid != null && row.iid != '') { let str = "" row.empiricalValueAddss.forEach(e => { @@ -427,13 +560,11 @@ if (str === undefined || str === '' || str === null) { return } - let obj = { devideId: row.eId, ppid: row.iid, inspectionValue: str, note : row.inote - } updateProcessInsProduct(obj).then(res => { if (res.data.code == 0) { @@ -448,61 +579,100 @@ addTestProject() { let val = this.processInspectVo const _than = this - addProcess(val).then(res => { - let id = res.data.data - if (id != null) { - _than.processInspectVo.id = id - queryById(id).then(response => { - let proList = response.data.data.children - proList.forEach(item => { - item.iid = Math.random(); - if (item.children != undefined) { - item.children.forEach(obj => { - obj.inote = null - obj.empiricalValueAddss = [] + this.$refs.addInspectionform.validate(valid=>{ + if(valid){ + addProcess(val).then(res => { + let id = res.data.data + if (id != null) { + _than.processInspectVo.id = id + queryById(id).then(response => { + let proList = response.data.data.children + proList.forEach(item => { + item.iid = Math.random(); + if (item.children != undefined) { + item.children.forEach(obj => { + obj.inote = null + obj.empiricalValueAddss = [] + }) + } }) - } - }) - _than.inspectionItems = proList + _than.inspectionItems = proList + }).catch(error => { + console.log(error); + }) + } }).catch(error => { - console.log(error); + console.log(error) }) } - }).catch(error => { - console.log(error) }) }, selectInfoByOrderId() { - this.$refs.addInspectionform.validate(valid=>{ - if(valid){ - chooseMater({ - orderNumber: this.processInspectVo.orderNumber + if(this.processInspectVo.moNo){ + chooseMater({ + moNo: this.processInspectVo.moNo }).then(res => { - if (res.data.data != null) { - this.optionsSamplename = res.data.data.children + let data = res.data.data + if (data) { + this.technologyList = data.children + this.processInspectVo.materialCode = data.materialCode + this.processInspectVo.orderNumber = data.orderNumber + this.processInspectVo.projectName = data.projectName + this.processInspectVo.customerName = data.customerName + this.processInspectVo.material = data.material + this.processInspectVo.specs = data.specs + this.processInspectVo.unit = data.unit } else { - this.$message({ - message: '娌℃湁璇ヨ鍗曞彿锛�', - type: 'warning' - }); - this.optionsSamplename = [] + this.$message.warning('娌℃湁璇ヨ溅闂磋鍗曞彿锛�'); + this.technologyList = [] this.processInspectVo.materialCode = null + this.processInspectVo.orderNumber = null this.processInspectVo.material = null this.processInspectVo.specs = null this.processInspectVo.unit = null } }) - } - }) + } + }, + changeRowResult(){ + if(this.inspectionItems){ + this.inspectionItems.forEach(e=>{ + if(e.children){ + e.children.forEach(i=>{ + if(i.empiricalValueAddss.length>1){ + let arr = i.inspectionValue.split(",") + arr.splice((arr.length-1),1) + let obj = { + devideId: i.eId, + ppid: i.iid, + inspectionValue: arr.join(","), + note : i.inote + } + updateProcessInsProduct(obj).then(res => { + if (res.data.code == 0) { + this.init() + } + }) + } + }) + } + }) + } }, // 鍒犻櫎妫�楠屽�煎垪 clickDeleteInspectionColumn() { - if (this.empiricalValueAdd - 1 === 0) { + const _than = this + if (_than.empiricalValueAdd - 1 === 0) { } else { - if (this.empiricalValueAddMaxNumber != this.empiricalValueAdd - 1) { - this.empiricalValueAdd = this.empiricalValueAdd - 1; - this.inspectionItems.forEach(i => { - i.empiricalValueAddss.splice(this.empiricalValueAdd, 1); + if (_than.empiricalValueAddMaxNumber != _than.empiricalValueAdd - 1) { + _than.empiricalValueAdd = _than.empiricalValueAdd - 1; + _than.changeRowResult() + _than.inspectionItems.forEach(i => { + if(i.children){ + i.children.forEach(ele=>{ + ele.empiricalValueAddss.splice(_than.empiricalValueAdd, 1); + }) + } }); } } @@ -514,7 +684,7 @@ }, } </script> - + <style scoped> .finishedProduct-detail { width: 100%; @@ -578,4 +748,4 @@ border-top: 0 !important; cursor: pointer !important; } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.3