| | |
| | | <h2 v-else>编辑-过程检验单</h2> |
| | | </div> |
| | | <div class="btn-group header-right"> |
| | | <el-button @click="addTestProject" v-if="processInspectVo.id == null">生成检验项目</el-button> |
| | | <el-button type="primary" @click="addTestProject" v-if="processInspectVo.id == null">生成检验项目</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="page-main"> |
| | | <div class="finishedProduct-basic"> |
| | | <el-form :model="processInspectVo" ref="addInspectionform" class="l-mes" label-position="right" |
| | | label-width="120px" style="width: 100%" size="small"> |
| | | label-width="120px" style="width: 100%" size="small" :rules="rules"> |
| | | <div class="formwrapper"> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="订单号:"> |
| | | <el-form-item label="过程检验编号:"> |
| | | <el-input @blur="selectInfoByOrderId" disabled |
| | | v-model="processInspectVo.proInsNo" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="订单号:" prop="orderNumber"> |
| | | <el-input @blur="selectInfoByOrderId" :disabled="processInspectVo.id != null" |
| | | v-model="processInspectVo.orderNumber" placeholder="请输入订单号" autocomplete="off" /> |
| | | </el-form-item> |
| | |
| | | </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> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="规格型号:"> |
| | | <el-input disabled v-model="processInspectVo.specs" placeholder="请输入规格型号" |
| | | <el-form-item label="产品编号:"> |
| | | <el-input disabled v-model="processInspectVo.materialCode" placeholder="请输入产品编号" |
| | | autocomplete="off" /> |
| | | </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> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="工序名称"> |
| | | <el-select style="width: 100%" :disabled="processInspectVo.id != null" |
| | |
| | | autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="数量:"> |
| | | <el-input v-model="processInspectVo.quantity" placeholder="请输入数量" autocomplete="off" |
| | |
| | | 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, index)" 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> |
| | |
| | | <el-col v-else> |
| | | <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, index)" placeholder="请输入检测值"></el-input> --> |
| | | <el-select style="width: 100%;" @change="changeState(scope.row, index)" :disabled="scope.row.eId == null" v-model="scope.row.empiricalValueAddss[index]" placeholder="请选择"> |
| | | <el-select style="width: 100%;" @change="changeState(scope.row)" :disabled="scope.row.eId == null" v-model="scope.row.empiricalValueAddss[index]" placeholder="请选择"> |
| | | <el-option v-for="item in dataVal" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | |
| | | <el-table-column |
| | | label="检验描述" width="240" style="text-align: center;"> |
| | | <template slot-scope="scope"> |
| | | <el-col v-if="scope.row.itype === '1'"> |
| | | <el-col> |
| | | <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.inote" |
| | | @blur="changeState(scope.row, inote)" placeholder="请输入检验描述"></el-input> |
| | | @blur="changeState(scope.row)" placeholder="请输入检验描述"></el-input> |
| | | <span v-if="resultVal != null && processInspectVo.id != null" |
| | | v-text="scope.row.inote"></span> |
| | | </el-tooltip> |
| | | </el-col> |
| | | <el-col v-else> |
| | | <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.inote" |
| | | @blur="changeState(scope.row, inote)" placeholder="请输入检测值"></el-input> |
| | | <!-- <el-select style="width: 100%;" @change="changeState(scope.row, inote)" :disabled="scope.row.eId == null" v-model="scope.row.inote" placeholder="请选择"> |
| | | <el-option v-for="item in dataVal" :key="item.value" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> --> |
| | | <span v-if="resultVal != null && processInspectVo.id != null" |
| | | v-text="scope.row.inote"></span> |
| | | </el-tooltip> |
| | | </el-col> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="结论" fixed="right" min-width="100"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | rules: { |
| | | orderNumber: [{required:true,message:'订单号不能为空',trigger:'blur'}] |
| | | }, |
| | | dataVal: [{ |
| | | label: '是', |
| | | value: '是' |
| | |
| | | empiricalValueAddMaxNumber: 0, |
| | | processInspectVo: { |
| | | id: null, |
| | | proInsNo: null, |
| | | material: null, |
| | | materialCode: null, |
| | | orderNumber: "ZTTIC20230001", |
| | | orderNumber: null, |
| | | quantity: null, |
| | | specs: null, |
| | | unit: null, |
| | |
| | | methods: { |
| | | submitSave() { |
| | | let pro = 0 |
| | | console.log(this.inspectionItems); |
| | | this.inspectionItems.forEach(item => { |
| | | if (item.children) { |
| | | let arr = item.children.filter(obj => { |
| | |
| | | if (id != null) { |
| | | queryById(id).then(res => { |
| | | let result = res.data.data |
| | | this.processInspectVo.proInsNo = result.proInsNo |
| | | this.processInspectVo.orderNumber = result.orderNumber |
| | | this.processInspectVo.materialCode = result.materialCode |
| | | this.processInspectVo.material = result.material |
| | |
| | | arr = obj.inspectionValue.split(",") |
| | | } |
| | | obj.empiricalValueAddss = arr |
| | | if(obj.note){ |
| | | snote=obj.inote |
| | | } |
| | | if(!obj.inote){ |
| | | obj.inote = null |
| | | } |
| | | if (arr.length > this.empiricalValueAdd) { |
| | | this.empiricalValueAdd = arr.length |
| | | } |
| | |
| | | } |
| | | }) |
| | | this.inspectionItems = result.children |
| | | console.log(this.inspectionItems); |
| | | this.inspectionResultForm = [{ |
| | | materialCode: result.materialCode, |
| | | material: result.material, |
| | |
| | | }) |
| | | }, |
| | | updateDevice(row, index) { |
| | | let rowId=JSON.stringify(row.iid) |
| | | updateDeviceBypppId({ deviceId: row.eId, ppid: row.iid }).then(res => { |
| | | this.inspectionItems.forEach(obj => { |
| | | console.log(obj); |
| | | if (obj.children) { |
| | | obj.children[index - 1].inspectionValue = null |
| | | obj.children[index - 1].iresult = null |
| | | obj.children[index - 1].empiricalValueAddss = [] |
| | | obj.children[index-1].inote='' |
| | | } |
| | | obj.children.forEach(c=>{ |
| | | if(c.iid==rowId){ |
| | | c.inspectionValue = null |
| | | c.iresult = null |
| | | c.empiricalValueAddss = [] |
| | | c.inote='' |
| | | } |
| | | }) |
| | | }) |
| | | }).catch(error => { |
| | | console.log(error) |
| | |
| | | this.processInspectVo.material = sample.material |
| | | this.technologyList = sample.children |
| | | }, |
| | | changeState(row, index) { |
| | | console.log(row) |
| | | changeState(row,isChecked) { |
| | | console.log(row); |
| | | 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-9][0-9]*$/.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 => { |
| | | str += e + "," |
| | | }) |
| | | |
| | | // if (note === undefined || note === '' || note === null) { |
| | | // return |
| | | // } |
| | | console.log(str) |
| | | str = str.slice(0, -1); |
| | | if (str === undefined || str === '' || str === null) { |
| | | return |
| | | } |
| | | |
| | | |
| | | let obj = { |
| | | devideId: row.eId, |
| | | ppid: row.iid, |
| | | inspectionValue: str, |
| | | note : row.inote |
| | | |
| | | } |
| | | console.log(obj) |
| | | updateProcessInsProduct(obj).then(res => { |
| | | if (res.data.code == 0) { |
| | | this.$message.success("更新成功") |
| | |
| | | }, |
| | | 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 => { |
| | | console.log(response.data.data.children) |
| | | 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.inspectionItems = proList |
| | | _than.inspectionItems = proList |
| | | }).catch(error => { |
| | | console.log(error); |
| | | }) |
| | |
| | | }) |
| | | }, |
| | | selectInfoByOrderId() { |
| | | chooseMater({ |
| | | orderNumber: this.processInspectVo.orderNumber |
| | | }).then(res => { |
| | | if (res.data.data != null) { |
| | | this.optionsSamplename = res.data.data.children |
| | | } else { |
| | | this.$message({ |
| | | message: '没有该订单号!', |
| | | type: 'warning' |
| | | }); |
| | | this.optionsSamplename = [] |
| | | this.processInspectVo.materialCode = null |
| | | this.processInspectVo.material = null |
| | | this.processInspectVo.specs = null |
| | | this.processInspectVo.unit = null |
| | | this.$refs.addInspectionform.validate(valid=>{ |
| | | if(valid){ |
| | | chooseMater({ |
| | | orderNumber: this.processInspectVo.orderNumber |
| | | }).then(res => { |
| | | if (res.data.data != null) { |
| | | this.optionsSamplename = res.data.data.children |
| | | } else { |
| | | this.$message({ |
| | | message: '没有该订单号!', |
| | | type: 'warning' |
| | | }); |
| | | this.optionsSamplename = [] |
| | | this.processInspectVo.materialCode = null |
| | | this.processInspectVo.material = null |
| | | this.processInspectVo.specs = null |
| | | this.processInspectVo.unit = null |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }, |