| | |
| | | <div class="ins_order_config"> |
| | | <div> |
| | | <el-row class="title"> |
| | | <el-col :span="6" style="padding-left: 20px;">光纤配置</el-col> |
| | | <el-col :span="6" style="padding-left: 20px;text-align: left;">光纤配置</el-col> |
| | | <el-col :span="18" style="text-align: right;"> |
| | | <el-button size="medium" type="primary" @click="save" :loading="saveLoad" v-if="active==1">保 存</el-button> |
| | | <el-button size="medium" @click="outConfig"> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="管色标" show-overflow-tooltip> |
| | | <template slot-scope="scope"> |
| | | <el-select v-model="scope.row.color" size="mini" :disabled="active!=1"> |
| | | <el-select v-model="scope.row.color" size="mini" :disabled="active!=1" allow-create filterable > |
| | | <el-option v-for="(color,i) in colors" :key="i" :label="color.lable" |
| | | :value="color.value"></el-option> |
| | | </el-select> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="10"> |
| | | <el-col :span="12"> |
| | | <el-col :span="12" v-if="packageInfo.ismiers"> |
| | | <div class="grid-content"> |
| | | <h5>光纤带 |
| | | <el-button size="mini" type="primary" class="btns" @click="addFibers" |
| | | :disabled="packageInfo.ismiers===false||miresModel===null||miresStandard===null" v-if="active==1">生成光纤带</el-button> |
| | | :disabled="miresModel===null||miresStandard===null" v-if="active==1">生成光纤带</el-button> |
| | | <el-button size="mini" class="btns" @click="clearFibers" :disabled="selectBushing.length === 0" v-if="active==1">清除</el-button> |
| | | </h5> |
| | | <div |
| | |
| | | </el-table> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-col :span="!packageInfo.ismiers?24:12"> |
| | | <div class="grid-content"> |
| | | <h5>光纤<el-button size="mini" type="primary" class="btns" @click="addFiber" |
| | | :disabled="mireModel===null||mireStandard===null" v-if="active==1">光纤配色</el-button></h5> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="color" label="光纤色标" width="120"> |
| | | <template slot-scope="scope"> |
| | | <el-select v-model="scope.row.color" size="mini" :disabled="active!=1"> |
| | | <el-select v-model="scope.row.color" size="mini" :disabled="active!=1" allow-create filterable > |
| | | <el-option v-for="(color,i) in colors" :key="i" :label="color.lable" |
| | | :value="color.value"></el-option> |
| | | </el-select> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <el-dialog title="检测到特殊项,请作出以下选择" :visible.sync="bsm1Dia" width="500px" :show-close="false" :before-close="beforeClose"> |
| | | <div class="body" style="max-height: 60vh;"> |
| | | <el-row v-if="bsm1"> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label"><span class="required-span">* </span>护套密度:</div> |
| | | <div class="search_input"> |
| | | <el-radio-group v-model="bsm1Val" @input="upBsm1"> |
| | | <el-radio v-for="(a, ai) in JSON.parse(bsmRow.section)" :key="ai" :label="a"></el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label">要求值:</div> |
| | | <div class="search_input" v-show="bsm1Val!==null&&bsm1Val!==''"> |
| | | <el-radio-group v-model="bsm1Val" @input="upBsm1"> |
| | | <el-radio v-for="(a, ai) in JSON.parse(bsmRow.section)" :key="ai" |
| | | :label="a">{{JSON.parse(bsmRow.ask)[ai]}}</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | </el-col> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label">单价:</div> |
| | | <div class="search_input" v-show="bsm1Val!==null&&bsm1Val!==''"> |
| | | <el-radio-group v-model="bsm1Val" @input="upBsm1"> |
| | | <el-radio v-for="(a, ai) in JSON.parse(bsmRow.section)" :key="ai" |
| | | :label="a">{{JSON.parse(bsmRow.price)[ai]}}</el-radio> |
| | | </el-radio-group> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-if="bsm2"> |
| | | <el-col class="search_thing" :span="22"> |
| | | <div class="search_label" style="width: 220px;"><span class="required-span">* </span>样品熔接配对数量:</div> |
| | | <div class="search_input"> |
| | | <el-input-number size="medium" v-model="bsm2Val" :min="1" :max="bsm2Val3.length" :precision="0" style="width: 70%;" |
| | | :controls="false" @change="bsm2Up"></el-input-number> |
| | | <span>MAX:{{bsm2Val3.length}}</span> |
| | | </div> |
| | | </el-col> |
| | | <el-col style="margin-top: 6px;"> |
| | | <el-col v-for="(a,ai) in bsm2Val2" :key="ai"> |
| | | <el-col :span="10"> |
| | | <el-select v-model="a[0]" placeholder="请选择" size="small" style="width: 100%;"> |
| | | <el-option |
| | | v-for="(item,index) in sampleList" |
| | | :key="index" |
| | | :label="index+1" |
| | | :value="index+1"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | | <!-- <el-col :span="10" class="pairing">{{a[0]}}</el-col> --> |
| | | <el-col :span="4" class="pairing" style="border: 0;color: rgba(0, 0, 0, 0.2);">——</el-col> |
| | | <el-col :span="10"> |
| | | <el-select v-model="a[1]" placeholder="请选择" size="small" style="width: 100%;"> |
| | | <el-option |
| | | v-for="(item,index) in sampleList" |
| | | :key="index" |
| | | :label="index+1" |
| | | :value="index+1"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-col> |
| | | <!-- <el-col :span="10" class="pairing">{{a[1]}}</el-col> --> |
| | | </el-col> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <el-row v-if="bsm3"> |
| | | <el-col class="search_thing" :span="22" style="display: flex;align-items: center;"> |
| | | <div class="search_label"><span class="required-span">* </span>RTS:</div> |
| | | <div class="search_input"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="bsm3Val"></el-input> |
| | | </div> |
| | | </el-col> |
| | | </el-row> --> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="RTS填写" :visible.sync="bsm3Dia" width="500px" :show-close="false" :before-close="beforeClose0"> |
| | | <el-row> |
| | | <el-col class="search_thing" :span="22" style="display: flex;align-items: center;"> |
| | | <div class="search_label"><span class="required-span">* </span>RTS:</div> |
| | | <div class="search_input"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="bsm3Val"></el-input> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | type:1, |
| | | saveLoad: false, |
| | | packageInfo: { |
| | | radio: 1, |
| | |
| | | currentDetectionItems:null, |
| | | mireStandardLoading:false, |
| | | multiFiberList:[], |
| | | isAskOnlyRead:true |
| | | isAskOnlyRead:true, |
| | | bsm1Dia: false, |
| | | bsmRow: null, |
| | | bsm1: false, |
| | | bsm1Val: null, |
| | | bsm2: false, |
| | | bsm2Val: null, |
| | | bsm2Dia: false, |
| | | bsm2Val2: [], |
| | | bsm2Val3: [], |
| | | sampleIds:[], |
| | | bsm3Val: null, |
| | | bsmRow3: null, |
| | | bsm3Dia: false, |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | } |
| | | }) |
| | | this.models = this.models.replace(',', '') |
| | | this.packageInfo.ismiers = this.models.split(',').every(e=>(e.indexOf('d')>-1||e.indexOf('D'))) |
| | | this.packageInfo.ismiers = this.models.split(',').every(e=>(e.indexOf('d')>-1||e.indexOf('D')>-1)) |
| | | if(this.sample[0].bushing === undefined || this.sample[0].bushing === null){ |
| | | this.bushing = [] |
| | | }else{ |
| | |
| | | this.miresModels = [] |
| | | res.data.forEach(a => { |
| | | this.miresModels.push({ |
| | | label: a.sample, |
| | | value: a.sample |
| | | label: a.model, |
| | | value: a.model |
| | | }) |
| | | }) |
| | | }) |
| | |
| | | this.$message.error('未选择光纤带') |
| | | return |
| | | } |
| | | this.selectFibers.forEach(a => { |
| | | this.selectFibers.forEach((a,index) => { |
| | | a.fiber = [] |
| | | for (var i = 0; i < parseInt(a.num); i++) { |
| | | let fiber = { |
| | | bushColor: a.color, |
| | | color: colors2[i].label, |
| | | color: colors2[(i+(parseInt(a.num)*index))>colors2.length?0:i+(parseInt(a.num)*index)*index].label, |
| | | model: model, |
| | | standard: standard, |
| | | productList: this.HaveJson(this.productList) |
| | |
| | | } |
| | | }) |
| | | } else { |
| | | this.selectBushing.forEach(a => { |
| | | this.selectBushing.forEach((a,index) => { |
| | | a.fiber = [] |
| | | for (var i = 0; i < parseInt(a.testNum); i++) { |
| | | let fiber = { |
| | | bushColor: a.color, |
| | | color: colors2[i].label, |
| | | color: colors2[(i+(parseInt(a.testNum))*index)>colors2.length?0:i+(parseInt(a.testNum))*index].label, |
| | | model: model, |
| | | standard: standard, |
| | | productList: this.HaveJson(this.productList) |
| | |
| | | }) |
| | | }, |
| | | rowClickFiber(row, column, event,type){ |
| | | this.type = type |
| | | if(this.active===1){ |
| | | if(type==0){ |
| | | let standard = null; |
| | |
| | | }else{ |
| | | this.isAskOnlyRead = true; |
| | | } |
| | | } |
| | | } |
| | | if(this.type==1){ |
| | | if (this.active !== 1) { |
| | | this.sampleIds = [] |
| | | this.sampleIds.push(row.id) |
| | | } |
| | | } |
| | | this.currentDetectionItems = row |
| | |
| | | }); |
| | | } |
| | | } |
| | | this.bsmRow3 = [] |
| | | this.detectionItems.forEach(p => { |
| | | if(this.type==1){ |
| | | if (p.bsm === '1' && p.section !== '' && p.section !== null && p.state === 1) { |
| | | if (p.section.indexOf('[') > -1) { |
| | | this.bsmRow = this.HaveJson(p) |
| | | } |
| | | this.bsm1 = true |
| | | this.bsm1Dia = true |
| | | } else if (p.bsm === '1' && p.section !== '' && p.section !== null && p.state === 0) { |
| | | this.bsm1 = false |
| | | } |
| | | if (p.bsm === '1' && p.inspectionItem === '光纤接头损耗' && this.sampleList.length > 1 && p.state === 1) { |
| | | this.bsm2 = true |
| | | this.bsm1Dia = true |
| | | if(this.bsm2Val2.length === 0){ |
| | | this.bsm2Val = (this.sampleList.length - 1) * this.sampleList.length / 2 |
| | | this.computationalPairing(this.sampleList.length) |
| | | this.bsm2Val2 = this.HaveJson(this.bsm2Val3) |
| | | } |
| | | } else if (p.bsm === '1' && p.inspectionItem === '光纤接头损耗' && p.state === 1) { |
| | | this.bsm2 = false |
| | | } |
| | | } |
| | | // if (p.ask.includes('RTS')&&p.state === 1) { |
| | | // p.rts = '' |
| | | // this.bsm3Val = '' |
| | | // this.bsm3Dia = true |
| | | // this.bsmRow3.push(p) |
| | | // } |
| | | }) |
| | | |
| | | if (e.length > 0) { |
| | | this.sampleList.map(item => { |
| | | if (this.sampleIds.indexOf(item.id) > -1) { |
| | | item.insProduct.map(m => { |
| | | m.state = 1 |
| | | return m; |
| | | }) |
| | | } |
| | | return item |
| | | }) |
| | | } else { |
| | | this.sampleList.map(item => { |
| | | if (this.sampleIds.indexOf(item.id) > -1) { |
| | | item.insProduct.map(m => { |
| | | m.state = 0 |
| | | return m; |
| | | }) |
| | | } |
| | | return item |
| | | }) |
| | | } |
| | | this.$nextTick(() => { |
| | | this.$refs.productTable.doLayout() |
| | | }) |
| | |
| | | return m; |
| | | }); |
| | | } |
| | | if(this.type==1){ |
| | | if (row.bsm === '1' && row.section !== '' && row.section !== null && row.state === 1) { |
| | | if (row.section.indexOf('[') > -1) { |
| | | this.bsmRow = this.HaveJson(row) |
| | | } |
| | | this.bsm1 = true |
| | | this.bsm1Dia = true |
| | | } else if (row.bsm === '1' && row.section !== '' && row.section !== null && row.state === 0) { |
| | | this.bsm1 = false |
| | | } |
| | | if (row.bsm === '1' && row.inspectionItem === '光纤接头损耗' && this.sampleList.length > 1 && row.state === 1) { |
| | | this.bsm2 = true |
| | | this.bsm1Dia = true |
| | | if(this.bsm2Val2.length === 0){ |
| | | this.bsm2Val = (this.sampleList.length - 1) * this.sampleList.length / 2 |
| | | this.computationalPairing(this.sampleList.length) |
| | | this.bsm2Val2 = this.HaveJson(this.bsm2Val3) |
| | | } |
| | | } else if (row.bsm === '1' && row.inspectionItem === '光纤接头损耗' && row.state === 1) { |
| | | this.bsm2 = false |
| | | } |
| | | }else{ |
| | | this.bsm1Dia = false |
| | | } |
| | | // if (row.ask.includes('RTS')&&row.state === 1) { |
| | | // this.bsmRow3 = null; |
| | | // row.rts = '' |
| | | // this.bsm3Val = '' |
| | | // this.bsm3Dia = true |
| | | // this.bsmRow3 = row |
| | | // }else{ |
| | | // this.bsm3Dia = false |
| | | // } |
| | | }, |
| | | computationalPairing(n){ |
| | | const nums = []; |
| | | for (let i = 1; i <= n; i++) { |
| | | nums.push(i); |
| | | } |
| | | this.bsm2Val3 = this.HaveJson(this.permute(nums)) |
| | | }, |
| | | setClassName({ column }) { |
| | | if (column.type == 'selection' && !this.isAllDisabled) { |
| | |
| | | a.bushing = this.bushing |
| | | }) |
| | | this.$message.success('已保存') |
| | | this.$emit('saveFiberopticConfig') |
| | | }, |
| | | beforeClose(done){ |
| | | if (this.bsm1) { |
| | | if (this.bsm1Val === null || this.bsm1Val === '') { |
| | | this.$message.error('特殊项目必须处理') |
| | | return |
| | | } |
| | | } |
| | | if (this.bsm2) { |
| | | if (this.bsm2Val2.length === 0) { |
| | | this.$message.error('特殊项目必须处理') |
| | | return |
| | | } |
| | | let set = new Set() |
| | | for (let i=0;i<this.bsm2Val2.length;i++){ |
| | | let num0 = set.size |
| | | set.add(JSON.stringify(this.bsm2Val2[i])) |
| | | let num1 = set.size |
| | | if(num1==num0){ |
| | | this.$message.error('关联项目不能重复') |
| | | return |
| | | } |
| | | set.add(JSON.stringify(this.bsm2Val2[i].reverse())) |
| | | let num2 = set.size |
| | | if(num1==num2){ |
| | | this.$message.error('关联项目不能重复') |
| | | return |
| | | } |
| | | } |
| | | } |
| | | done() |
| | | }, |
| | | beforeClose0(done){ |
| | | if(!this.bsm3Val){ |
| | | this.$message.error('RST必须填写') |
| | | return |
| | | }else{ |
| | | if(Array.isArray(this.bsmRow3)){ |
| | | this.bsmRow3.forEach(item=>{ |
| | | item.rts = this.bsm3Val |
| | | }) |
| | | }else{ |
| | | this.bsmRow3.rts = this.bsm3Val |
| | | } |
| | | } |
| | | done() |
| | | }, |
| | | upBsm1(val) { |
| | | let sections = JSON.parse(this.bsmRow.section); |
| | | let asks = JSON.parse(this.bsmRow.ask); |
| | | let tells = JSON.parse(this.bsmRow.tell); |
| | | let manHours = JSON.parse(this.bsmRow.manHour); |
| | | let prices = JSON.parse(this.bsmRow.price); |
| | | for (var a in sections) { |
| | | if (val === sections[a]) { |
| | | this.productList.forEach(p => { |
| | | if (p.id === this.bsmRow.id) { |
| | | p.section = sections[a] |
| | | p.ask = asks[a] |
| | | p.tell = tells[a] |
| | | p.manHour = manHours[a] |
| | | p.price = prices[a] |
| | | } |
| | | }) |
| | | break |
| | | } |
| | | } |
| | | }, |
| | | bsm2Up(val){ |
| | | let list = [] |
| | | for(let a=1;a < this.bsm2Val3.length + 1;a++){ |
| | | list.push(a) |
| | | } |
| | | let set = new Set() |
| | | let size1 = set.length |
| | | while(set.size < val){ |
| | | set.add(Math.ceil(Math.random() * this.bsm2Val3.length)) |
| | | } |
| | | this.bsm2Val2 = [] |
| | | for(let a of set){ |
| | | this.bsm2Val2.push(this.HaveJson(this.bsm2Val3[a-1])) |
| | | } |
| | | } |
| | | } |
| | | } |