| | |
| | | style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;padding: 0 12px;box-sizing: border-box;"> |
| | | <div class="search-item" style="margin-right: 10px;"> |
| | | <label>套管数目</label> |
| | | <el-input v-model="packageInfo.num1" placeholder="请输入" size="small" @blur="addBushing" :disabled="active!=1"></el-input> |
| | | <el-input v-model="packageInfo.num1" placeholder="请输入" size="small" @blur="addBushing" :disabled="active!=1" ></el-input> |
| | | </div> |
| | | <div class="search-item" style="margin-right: 10px;"> |
| | | <label style="width: 70px;">标准量</label> |
| | | <el-input v-model="packageInfo.standNum" placeholder="请输入" size="small" @blur="addStandNum" :disabled="active!=1"></el-input> |
| | | <label style="width: 100px">每根管抽检标准量</label> |
| | | <el-input v-model="packageInfo.standNum" placeholder="请输入" size="small" @blur="addStandNum" :disabled="packageInfo.radio===0||active!=1" style="width:100px"></el-input> |
| | | </div> |
| | | <div class="search-item"> |
| | | <label style="width: 70px;">检测量</label> |
| | | <label style="width: 100px">每根管抽检检测量</label> |
| | | <el-input v-model="packageInfo.testNum" placeholder="请输入" size="small" @blur="addTestNum" |
| | | :disabled="packageInfo.radio===0||active!=1"></el-input> |
| | | :disabled="packageInfo.radio===0||active!=1" style="width:70px"></el-input> |
| | | </div> |
| | | </div> |
| | | <el-table ref="table0" :data="bushing" tooltip-effect="dark" style="width: 100%" height="203px" size="small" |
| | |
| | | @select="upProductSelect" |
| | | > |
| | | <el-table-column type="selection" width="55" |
| | | :selectable="()=>((currentDetectionItems||this.multiFiberList.length > 0)&&active==1)"> |
| | | :selectable="()=>((currentDetectionItems||this.selectFiberList.length > 0 || this.multiFiberList.length > 0)&&active==1)"> |
| | | </el-table-column> |
| | | <el-table-column label="实验室" show-overflow-tooltip prop="sonLaboratory" ></el-table-column> |
| | | <el-table-column prop="inspectionItem" label="检验项" show-overflow-tooltip> |
| | |
| | | </el-table-column> --> |
| | | <el-table-column prop="ask" label="检测要求" show-overflow-tooltip width="200px"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.ask" placeholder="请输入" size="small" :disabled="active!=1" v-if="!isAskOnlyRead"></el-input> |
| | | <el-input v-model="scope.row.ask" placeholder="请输入" size="small" :disabled="active!=1" v-if="!isAskOnlyRead" @change="changeASk(scope.row)"></el-input> |
| | | <span v-else>{{ scope.row.ask }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="tell" label="要求描述" show-overflow-tooltip width="150"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.tell" placeholder="请输入" size="small" :disabled="active!=1" v-if="!isAskOnlyRead" @change="changeASk(scope.row)"></el-input> |
| | | <span v-else>{{ scope.row.tell }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <div class="search-item" style="width: 50%;margin-right: 16px;"> |
| | | <label style="width: 80px;">纤带类型</label> |
| | | <el-select v-model="miresModel" placeholder="请选择" size="small" style="width: 100%;" |
| | | :disabled="selectBushing.length===0||active!=1" |
| | | |
| | | > |
| | | <el-option v-for="(item,a) in miresModels" :key="a" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | |
| | | </div> |
| | | |
| | | </div> |
| | | <el-table ref="table2" :data="fibersList" tooltip-effect="dark" style="width: 100%" height="270px" |
| | | <!-- <el-table ref="table2" :data="fibersList" tooltip-effect="dark" style="width: 100%" height="270px" |
| | | size="small" @selection-change="handleSelectionChange" highlight-current-row @row-click="(row, column, event)=>rowClickFiber(row, column, event,1)" |
| | | :header-cell-class-name="setClassName0"> --> |
| | | <el-table ref="table2" :data="fibersList" tooltip-effect="dark" style="width: 100%" height="270px" |
| | | size="small" @selection-change="handleSelectionChange" highlight-current-row |
| | | :header-cell-class-name="setClassName0"> |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <el-table ref="table3" :data="fiberList" tooltip-effect="dark" style="width: 100%" height="270px" |
| | | <!-- <el-table ref="table3" :data="fiberList" tooltip-effect="dark" style="width: 100%" height="270px" |
| | | size="small" highlight-current-row @selection-change="handleSelectionChange4" |
| | | @row-click="(row, column, event)=>rowClickFiber(row, column, event,0)" |
| | | :header-cell-class-name="setClassName0"> --> |
| | | <el-table ref="table3" :data="fiberList" tooltip-effect="dark" style="width: 100%" height="270px" |
| | | size="small" highlight-current-row @selection-change="handleSelectionChange4" |
| | | :header-cell-class-name="setClassName0"> |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | return { |
| | | detectionType: null, |
| | | detectionSelect: [], |
| | | selectFiberList: [], |
| | | type:1, |
| | | saveLoad: false, |
| | | packageInfo: { |
| | |
| | | // 光纤带 |
| | | this.fibersList.push(b) |
| | | // 光纤 |
| | | b.fiber.forEach(c=>{ |
| | | this.fiberList.push(c) |
| | | }) |
| | | // this.fiberList = [] |
| | | // this.fiberList = b.fiber |
| | | }) |
| | | } else { |
| | | a.fiber.forEach(b=>{ |
| | | this.fiberList.push(b) |
| | | }) |
| | | } |
| | | |
| | | |
| | | }else{ |
| | | this.fiberList = [] |
| | | a.fiber.forEach(b=>{ |
| | | this.fiberList.push(b) |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | |
| | | |
| | | this.getTypeDicts1() |
| | | this.getStandTreeBySampleType() |
| | | this.getStandTreeBySampleType2() |
| | |
| | | }, |
| | | methods: { |
| | | handleSelectionChange(val) { |
| | | this.selectFibers = val |
| | | // this.selectFibers = val |
| | | this.multiFiberList = val |
| | | if(val.length > 0) { |
| | | this.rowClickFiber(val[val.length-1],null,null,1) |
| | | } |
| | | }, |
| | | handleSelectionChange1(val) { |
| | | this.selectBushing = val |
| | |
| | | this.detectionSelect = val |
| | | // 赋值检测项信息 光纤带 |
| | | if(this.detectionItems.type == 1) { |
| | | for(let i= 0; i < this.fibersList.length; i++){ |
| | | this.multiFiberList.forEach(item => { |
| | | if(this.fibersList[i].ident == item.ident){ |
| | | this.fibersList.forEach(a => { |
| | | if(a.ident == item.ident){ |
| | | a.productList = [] |
| | | this.fibersList.find(a => a.ident == item.ident).productList = this.detectionSelect |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | console.log(this.fibersList); |
| | | |
| | | |
| | | if(this.detectionItems.type == 0) { |
| | | // 赋值检测项信息 光纤 |
| | | this.multiFiberList.forEach(item => { |
| | | this.selectFiberList.forEach(item => { |
| | | this.fiberList.forEach(a => { |
| | | if(a.ident == item.ident){ |
| | | a.productList = [] |
| | | this.fiberList.find(a => a.ident == item.ident).productList = this.detectionSelect |
| | | } |
| | | }) |
| | | }) |
| | | // 选择的时候就将fiberList的值赋值给对应的fiberList |
| | | setTimeout(() => { |
| | | if(this.multiFiberList.length > 0) { |
| | | this.multiFiberList.forEach(item => { |
| | | this.fibersList.forEach(a => { |
| | | if(a.ident == item.ident){ |
| | | a.fiber = this.fiberList |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | },100) |
| | | } |
| | | }, |
| | | handleSelectionChange4(val){ |
| | | this.multiFiberList = val |
| | | this.selectFiberList = val |
| | | if(val != 0) { |
| | | this.rowClickFiber(val[val.length-1],null,null,0) |
| | | } |
| | | }, |
| | | |
| | | changeASk(row) { |
| | | // 先勾选的情况下 |
| | | this.detectionSelect.forEach(item => { |
| | | if(item.id == row.id) { |
| | | item.ask = row.ask |
| | | item.tell = row.tell |
| | | // 光纤 0 光纤带 1 |
| | | if(item.isFibers == 0) { |
| | | this.selectFiberList.forEach(a => { |
| | | this.fiberList.forEach(b => { |
| | | if(b.ident == a.ident){ |
| | | b.productList.forEach(item => { |
| | | if(item.id == row.id) { |
| | | item.ask = row.ask |
| | | item.tell = row.tell |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | if(item.isFibers == 1) { |
| | | this.multiFiberList.forEach(a => { |
| | | this.fibersList.forEach(b => { |
| | | if(b.ident == a.ident){ |
| | | b.productList.forEach(item => { |
| | | if(item.id == row.id) { |
| | | item.ask = row.ask |
| | | item.tell = row.tell |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | }) |
| | | |
| | | } |
| | | } |
| | | }) |
| | | }, |
| | | outConfig() { |
| | | this.$parent.configShow = false |
| | |
| | | }, |
| | | // 套管标准量赋值 |
| | | addStandNum() { |
| | | if(this.packageInfo.testNum > this.packageInfo.standNum) { |
| | | this.$message.error('检测量不能大于标准量') |
| | | this.packageInfo.testNum = this.packageInfo.standNum |
| | | } |
| | | |
| | | if(this.selectBushing.length > 0) { |
| | | this.bushing.forEach(item => { |
| | | this.selectBushing.forEach(a => { |
| | |
| | | }, |
| | | // 套管检测量赋值 |
| | | addTestNum() { |
| | | |
| | | if(parseInt(this.packageInfo.testNum) > parseInt(this.packageInfo.standNum)) { |
| | | this.packageInfo.testNum = this.packageInfo.standNum |
| | | this.$message.error('检测量不能大于标准量') |
| | | } |
| | | if(this.selectBushing.length > 0) { |
| | | this.bushing.forEach(item => { |
| | | this.selectBushing.forEach(a => { |
| | |
| | | this.fiberList = [] |
| | | this.fibersList = [] |
| | | this.detectionItems = [] |
| | | |
| | | // 页面是否含有光纤带 |
| | | if(this.packageInfo.ismiers) { |
| | | // 全检 |
| | | if (this.packageInfo.radio == 0) { |
| | | if(this.packageInfo.standNum == null || this.packageInfo.standNum == '') { |
| | | this.$message.error('请先输入标准量') |
| | | return |
| | | } |
| | | // 根据标准量赋值检测量 |
| | | if(parseInt(this.packageInfo.standNum) > 0 ) { |
| | | // 给光纤带赋值 |
| | | this.packageInfo.testNum = this.packageInfo.standNum |
| | | this.selectBushing = this.bushing |
| | | this.addFibers() |
| | | this.selectFibers = this.fibersList |
| | | // 默认勾选 |
| | | setTimeout(() => { |
| | | this.selectBushing.forEach(item =>{ |
| | | let rowToSelect = this.bushing.find(a => a.ident == item.ident) |
| | | this.$refs.table0.toggleRowSelection(rowToSelect, true) |
| | | // 给光纤带赋值 |
| | | this.bushing.forEach(item => { |
| | | item.testNum = this.packageInfo.testNum |
| | | item.standNum = this.packageInfo.standNum |
| | | this.$refs.table0.toggleRowSelection(item, true) |
| | | }) |
| | | |
| | | this.selectFibers.forEach(item =>{ |
| | | this.addFibers() |
| | | this.multiFiberList = this.fibersList |
| | | // 默认勾选 |
| | | setTimeout(() => { |
| | | // this.selectBushing.forEach(item =>{ |
| | | // let rowToSelect = this.bushing.find(a => a.ident == item.ident) |
| | | // this.$refs.table0.toggleRowSelection(rowToSelect, true) |
| | | // }) |
| | | |
| | | this.multiFiberList.forEach(item =>{ |
| | | let rowToSelect = this.fibersList.find(a => a.ident == item.ident) |
| | | this.$refs.table2.toggleRowSelection(rowToSelect, true) |
| | | }) |
| | |
| | | } |
| | | }else { |
| | | if(this.packageInfo.radio == 0) { |
| | | if(this.packageInfo.standNum == null || this.packageInfo.standNum == '') { |
| | | this.$message.error('请先输入标准量') |
| | | return |
| | | } |
| | | if(parseInt(this.packageInfo.standNum) > 0 ) { |
| | | this.packageInfo.testNum = this.packageInfo.standNum |
| | | this.packageInfo.testNum = this.packageInfo.standNum |
| | | this.bushing.forEach(item => { |
| | | item.testNum = this.packageInfo.testNum |
| | | item.standNum = this.packageInfo.standNum |
| | | this.$refs.table0.toggleRowSelection(item, true) |
| | | }) |
| | | console.log(this.bushing); |
| | | this.selectBushing = this.bushing |
| | | this.addFiber() |
| | | |
| | | // 默认勾选 |
| | | setTimeout(() => { |
| | | this.selectBushing.forEach(item =>{ |
| | | let rowToSelect = this.bushing.find(a => a.ident == item.ident) |
| | | this.$refs.table0.toggleRowSelection(rowToSelect, true) |
| | | // this.selectBushing.forEach(item =>{ |
| | | // let rowToSelect = this.bushing.find(a => a.ident == item.ident) |
| | | // this.$refs.table0.toggleRowSelection(rowToSelect, true) |
| | | // }) |
| | | |
| | | this.fiberList.forEach(item =>{ |
| | | this.$refs.table3.toggleRowSelection(item, true) |
| | | }) |
| | | }, 200) |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | upNum() { |
| | | this.fiberList = [] |
| | |
| | | } |
| | | a.fibers.push(fibers) |
| | | this.fibersList.push(fibers) |
| | | } |
| | | } |
| | | }) |
| | | } else { |
| | | this.bushing = [] |
| | |
| | | // this.addFiber() |
| | | // }, 200) |
| | | // }) |
| | | |
| | | |
| | | // 将下拉框值赋值给光纤 监听去除 |
| | | if(this.multiFiberList.length == 0) { |
| | | if(this.selectFiberList.length == 0) { |
| | | this.$message.error('请选择数据') |
| | | return |
| | | } |
| | | this.multiFiberList.forEach(item => { |
| | | this.fiberList.forEach(a => { |
| | | if(a.ident == item.ident){ |
| | | a.model = this.mireModel.split(' - ')[1] // 光纤规格 |
| | | a.noSplitModel = this.mireModel // 光纤规格 |
| | | if(this.mireStandards != null) { |
| | | a.standard = this.mireStandards.find(a => a.id == this.mireStandard).code // 参考标准 |
| | | } |
| | | } |
| | | }) |
| | | }) |
| | | |
| | | if (val === null || val === '') return |
| | | if(this.mireStandards == null ) return |
| | | this.$axios.post(this.$api.standardTree.selectStandardProductList, { |
| | |
| | | this.detectionType = 0 |
| | | this.$set(this.detectionItems,'type',0) |
| | | } |
| | | |
| | | this.mireStandards.find(a => a.id == val).code == '委托要求'?this.isAskOnlyRead = false:this.isAskOnlyRead = true |
| | | this.selectFiberList.forEach(item => { |
| | | this.fiberList.forEach(a => { |
| | | if(a.ident == item.ident){ |
| | | a.model = this.mireModel.split(' - ')[1] // 光纤规格 |
| | | a.noSplitModel = this.mireModel // 光纤规格 |
| | | if(this.mireStandards != null) { |
| | | a.standard = this.mireStandards.find(a => a.id == this.mireStandard).code // 参考标准 |
| | | } |
| | | } |
| | | }) |
| | | }) |
| | | |
| | | }) |
| | | }, |
| | | methodChange2(val) { |
| | |
| | | this.detectionItems = res.data |
| | | this.detectionType = 1 |
| | | this.$set(this.detectionItems,'type',1) |
| | | // 判断是否为委托要求 |
| | | this.miresStandards.find(a => a.id == val).code == '委托要求'?this.isAskOnlyRead = false:this.isAskOnlyRead = true |
| | | } |
| | | |
| | | // 给选中的光纤带赋值 |
| | |
| | | }) |
| | | }, |
| | | addFiber() { |
| | | |
| | | // 最新 |
| | | let colors2 = [] |
| | | if (this.packageInfo.num1 / this.colors.length > 1) { |
| | |
| | | this.fiberList = [] |
| | | // 选择了光纤带 |
| | | if (this.packageInfo.ismiers) { |
| | | if(this.selectFibers.length != 0){ |
| | | this.selectFibers.forEach((a,index) => { |
| | | if(this.multiFiberList.length != 0){ |
| | | this.multiFiberList.forEach((a,index) => { |
| | | a.fiber = [] |
| | | for (var i = 0; i < parseInt(a.num); i++) { |
| | | let fiber = { |
| | |
| | | fibersIdent: a.ident, |
| | | productList: [] |
| | | } |
| | | this.fiberList.push(fiber) |
| | | this.fiberList.push(fiber) |
| | | } |
| | | }) |
| | | } else { |
| | |
| | | bushColor: a.color, |
| | | color: colors2[(i+(parseInt(a.testNum))*index)>colors2.length?0:i+(parseInt(a.testNum))*index].label, |
| | | model: null, |
| | | noSplitModel: null, |
| | | standard: null, |
| | | productList: [] |
| | | } |
| | |
| | | }) |
| | | } |
| | | }else { |
| | | this.fiberList = [] |
| | | this.fiberList = [] |
| | | let flag = true |
| | | // 按照顺序生成光纤色标 |
| | | let colors2 = [] |
| | |
| | | // this.$message.error('未选择套管') |
| | | // return |
| | | // } |
| | | // this.fiberList = [] |
| | | // this.fiberList = [] |
| | | // let flag = true |
| | | // // 按照顺序生成光纤色标 |
| | | // let colors2 = [] |
| | |
| | | // }) |
| | | // }, 200) |
| | | if(type == 1) { |
| | | this.fiberList = row.fiber |
| | | if((row.model == null || row.model == '') && (row.standard == null || row.standard == '')){ |
| | | this.detectionItems = [] |
| | | return |
| | | } |
| | | if(row.model != null && row.model != ''){ |
| | | this.miresModel = row.model |
| | | this.selectsStandardMethodByFLSSM2() |
| | |
| | | this.detectionItems = [] |
| | | if(res.data != null && res.data.length != 0){ |
| | | res.data.forEach(a => { |
| | | a.state = 0 |
| | | this.$set(a,'isFibers',1) |
| | | }) |
| | | // 判断是否为委托要求 |
| | | this.miresStandards.find(a => a.id == this.miresStandard).code == '委托要求'?this.isAskOnlyRead = false:this.isAskOnlyRead = true |
| | | if(!this.isAskOnlyRead){ |
| | | row.productList.forEach(a => { |
| | | res.data.forEach(b => { |
| | | if(a.id == b.id){ |
| | | b.ask = a.ask |
| | | b.tell = a.tell |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | this.detectionItems = res.data |
| | | this.detectionType = 1 |
| | | this.$set(this.detectionItems,'type',1) |
| | | |
| | | if (row.productList != null && row.productList.length > 0) { |
| | | if (row.productList != null && row.productList.length > 0) { |
| | | let product = JSON.parse(JSON.stringify(row.productList)) |
| | | setTimeout(() => { |
| | | row.productList.forEach(product => { |
| | | let rowToSelect = this.detectionItems.find(item => item.id === product.id); |
| | | if (rowToSelect) { |
| | | this.toggleSelection(rowToSelect); |
| | | } |
| | | }); |
| | | },200) |
| | | |
| | | product.forEach(p => { |
| | | let rowToSelect = this.detectionItems.find(item => item.id === p.id); |
| | | if (rowToSelect) { |
| | | this.toggleSelection(rowToSelect); |
| | | } |
| | | }); |
| | | },200) |
| | | } |
| | | } |
| | | }) |
| | | },1000) |
| | | },500) |
| | | }else if(type == 0) { |
| | | if((row.noSplitModel == null || row.noSplitModel == '') && (row.standard == null || row.standard == '')){ |
| | | this.detectionItems = [] |
| | | return |
| | | } |
| | | if(row.model != null && row.model != ''){ |
| | | this.mireModel = row.noSplitModel |
| | | this.selectsStandardMethodByFLSSM() |
| | |
| | | } |
| | | this.$axios.post(this.$api.standardTree.selectStandardProductList, { |
| | | model: this.mireModel.split(' - ')[1], |
| | | standardMethodListId: this.mireStandard, |
| | | standardMethodListId: this.mireStandard, |
| | | factory: '' |
| | | }, { |
| | | headers: { |
| | |
| | | if(res.data != null && res.data.length != 0){ |
| | | res.data.forEach(a => { |
| | | a.state = 0 |
| | | this.$set(a,'isFibers',0) |
| | | }) |
| | | // 判断是否为委托要求 |
| | | this.mireStandards.find(a => a.id == this.mireStandard).code == '委托要求'?this.isAskOnlyRead = false:this.isAskOnlyRead = true |
| | | if(!this.isAskOnlyRead){ |
| | | row.productList.forEach(a => { |
| | | res.data.forEach(b => { |
| | | if(a.id == b.id){ |
| | | b.ask = a.ask |
| | | b.tell = a.tell |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | this.detectionItems = res.data |
| | | this.detectionType = 0 |
| | | this.$set(this.detectionItems,'type',0) |
| | | |
| | | |
| | | if (row.productList != null && row.productList.length > 0) { |
| | | if (row.productList != null && row.productList.length > 0) { |
| | | let product = JSON.parse(JSON.stringify(row.productList)) |
| | | setTimeout(() => { |
| | | row.productList.forEach(product => { |
| | | let rowToSelect = this.detectionItems.find(item => item.id === product.id); |
| | | if (rowToSelect) { |
| | | this.toggleSelection(rowToSelect); |
| | | } |
| | | }); |
| | | product.forEach(p => { |
| | | let rowToSelect = this.detectionItems.find(item => item.id === p.id); |
| | | if (rowToSelect) { |
| | | this.toggleSelection(rowToSelect); |
| | | } |
| | | }); |
| | | },200) |
| | | } |
| | | } |
| | | |
| | | }) |
| | | },1000); |
| | | },500); |
| | | } |
| | | }, |
| | | toggleSelection(row) { |
| | |
| | | }, |
| | | upProductSelect(selection, row) { |
| | | row.state = row.state == 1 ? 0 : 1 |
| | | if(this.multiFiberList.length > 0){ |
| | | this.multiFiberList.map(item => { |
| | | if(this.selectFiberList.length > 0){ |
| | | this.selectFiberList.map(item => { |
| | | item.productList.map(m=>{ |
| | | if(m.id == row.id){ |
| | | m.state = row.state; |
| | |
| | | this.bushing.forEach(item=>{ |
| | | // 如果光纤带有值 |
| | | if(this.fibersList.length != 0) { |
| | | this.fibersList.forEach(a=>{ |
| | | a.fiber = this.fiberList.filter(b=>b.fibersIdent == a.ident) |
| | | }) |
| | | // this.fibersList.forEach(a=>{ |
| | | // a.fiber = this.fiberList |
| | | // }) |
| | | item.fibers = this.fibersList // 光纤带 |
| | | item.fiber = [] // 光纤 |
| | | }else { |