光纤配置数据回显和保存

value

2024-05-29 ef9eb48046f8dfbb3c18b0f45befcbeddbdf6899

光纤配置数据回显和保存

 src/components/do/b1-ins-order/fiberoptic-config.vue

@@ -6,7 +6,7 @@
        <el-col :span="18" style="text-align: right;">
          <el-button size="medium" type="primary" @click="save" :loading="saveLoad">保 存</el-button>
          <el-button size="medium" @click="outConfig">
            <span style="color: #3A7BFA;">取 消</span>
            <span style="color: #3A7BFA;">返 回</span>
          </el-button>
        </el-col>
      </el-row>
@@ -55,9 +55,9 @@
                  </el-select>
                </template>
              </el-table-column>
              <el-table-column prop="num2" label="标量" show-overflow-tooltip>
              <el-table-column prop="num2" label="标量" show-overflow-tooltip align="center">
              </el-table-column>
              <el-table-column prop="num3" label="测试量" show-overflow-tooltip>
              <el-table-column prop="num3" label="测试量" show-overflow-tooltip align="center">
              </el-table-column>
            </el-table>
          </div>
@@ -65,7 +65,7 @@
        <el-col :span="15">
          <div class="grid-content">
            <h5>检测项信息</h5>
            <el-table ref="table1" :data="detectionItems" tooltip-effect="dark" style="width: 100%"
            <el-table ref="productTable" :data="detectionItems" tooltip-effect="dark" style="width: 100%"
            :row-class-name="tableRowClassName"
            :header-cell-class-name="setClassName"
            height="283px"
@@ -81,13 +81,13 @@
              </el-table-column>
              <el-table-column prop="inspectionItemSubclass" label="检验项子项" show-overflow-tooltip width="100px">
              </el-table-column>
              <el-table-column prop="methodS" label="试验方法" show-overflow-tooltip>
              <el-table-column prop="methodS" label="试验方法" min-width="90" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="price" label="单价" width="70" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="unit" label="单位" width="70" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="manDay" label="预计时间" show-overflow-tooltip>
              <el-table-column prop="manDay" label="预计时间" width="90" show-overflow-tooltip>
              </el-table-column>
              <el-table-column prop="ask" label="检测要求" show-overflow-tooltip width="200px">
                <template slot-scope="scope">
@@ -103,7 +103,7 @@
          <div class="grid-content">
            <h5>光纤带
              <el-button size="mini" type="primary" class="btns" @click="addFibers"
                :disabled="miresModel===null||miresStandard===null">生成光纤带</el-button>
                :disabled="packageInfo.ismiers===false||miresModel===null||miresStandard===null">生成光纤带</el-button>
              <el-button size="mini" class="btns" @click="clearFibers" :disabled="selectBushing.length === 0">清除</el-button>
            </h5>
            <div
@@ -111,7 +111,7 @@
              <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="bushing.length===0">
                  :disabled="selectBushing.length===0">
                  <el-option v-for="(item,a) in miresModels" :key="a" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
@@ -127,7 +127,7 @@
              </div>
            </div>
            <el-table ref="table2" :data="fibersList" tooltip-effect="dark" style="width: 100%" height="270px"
              size="small" @selection-change="handleSelectionChange" highlight-current-row>
              size="small" @selection-change="handleSelectionChange" highlight-current-row @row-click="rowClickFiber">
              <el-table-column type="selection" width="55">
              </el-table-column>
              <el-table-column prop="code" label="光纤带编号" show-overflow-tooltip align="center">
@@ -150,7 +150,7 @@
              <div class="search-item" style="width: 50%;margin-right: 16px;">
                <label style="width: 80px;">光纤类型</label>
                <el-select v-model="mireModel" placeholder="请选择" size="small" style="width: 100%;"
                  :disabled="bushing.length===0">
                  :disabled="selectBushing.length===0">
                  <el-option v-for="(item,a) in mireModels" :key="a" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
@@ -166,7 +166,7 @@
              </div>
            </div>
            <el-table ref="table3" :data="fiberList" tooltip-effect="dark" style="width: 100%" height="270px"
              size="small" @selection-change="handleSelectionChange4"
              size="small" highlight-current-row @selection-change="handleSelectionChange4"
              @row-click="rowClickFiber">
              <el-table-column type="selection" width="55">
              </el-table-column>
@@ -247,7 +247,6 @@
          this.multiFiberList = []
          this.detectionItems = []
          this.currentDetectionItems = null;
          this.mireStandard = null;
        }
      },
      mireStandard(val1,val0) {
@@ -270,6 +269,29 @@
        }
      })
      this.models = this.models.replace(',', '')
      this.packageInfo.ismiers = this.models.split(',').every(e=>e.indexOf('d')>-1)
      if(this.sample[0].bushing === undefined || this.sample[0].bushing === null){
        this.bushing = []
      }else{
        this.bushing = this.HaveJson(this.sample[0].bushing)
        this.packageInfo.num1 = this.sample[0].bushing.length
        this.packageInfo.num2 = this.sample[0].bushing[0].num2
        this.packageInfo.num3 = this.sample[0].bushing[0].num3
        this.bushing.forEach(a=>{
          if(this.packageInfo.ismiers){
            a.fibers.forEach(b=>{
              this.fibersList.push(b)
              b.fiber.forEach(c=>{
                this.fiberList.push(c)
              })
            })
          }else{
            a.fiber.forEach(b=>{
              this.fiberList.push(b)
            })
          }
        })
      }
      this.getTypeDicts1()
      this.getStandTreeBySampleType()
      this.getStandTreeBySampleType2()
@@ -277,18 +299,14 @@
    methods: {
      handleSelectionChange(val) {
        this.selectFibers = val
        this.multiFiberList = val
      },
      handleSelectionChange1(val) {
        this.selectBushing = val
        this.mireModel = null
      },
      handleSelectionChange2(val){},
      handleSelectionChange3(val){
        this.detectionItems = this.HaveJson(this.productList)
      },
      handleSelectionChange4(val){
        this.multiFiberList = val
        this.detectionItems = this.HaveJson(this.productList)
      },
      outConfig() {
        this.$parent.configShow = false
@@ -301,6 +319,9 @@
        })
      },
      upNum() {
        this.fiberList = []
        this.fibersList = []
        this.detectionItems = []
        if (this.packageInfo.radio === 0) {
          this.packageInfo.num3 = this.packageInfo.num2
        }
@@ -326,7 +347,6 @@
              color: colors2[i].label,
              num2: this.packageInfo.num2,
              num3: this.packageInfo.num3,
              ismiers: this.packageInfo.ismiers,
              fibers: [],
              fiber: []
            }
@@ -358,8 +378,8 @@
          this.miresModels = []
          res.data.forEach(a => {
            this.miresModels.push({
              label: a.model,
              value: a.sample + ' - ' + a.model
              label: a.sample,
              value: a.sample
            })
          })
        })
@@ -407,9 +427,9 @@
      methodChange2(val) {
        if (val === null || val === '') return
        this.$axios.post(this.$api.standardTree.selectStandardProductList, {
          model: this.miresModel.split(' - ')[1],
          model: '',
          standardMethodListId: val,
          factory: ''
          factory: '中天科技检测中心 - 通信产品实验室 - 光纤带 - ' + this.miresModel + ' - ',
        }, {
          headers: {
            'Content-Type': 'application/json'
@@ -441,34 +461,34 @@
        let model = this.mireModel.split(' - ')[1]
        let standard = this.mireStandards.find(a => a.id == this.mireStandard).code
        if (this.packageInfo.ismiers) {
          /* if(this.selectFibers.length === 0){
          if(this.selectFibers.length === 0){
            this.$message.error('未选择光纤带')
            return
          } */
          // this.selectFibers.forEach(a => {
          this.fibersList.forEach(a => {
          }
          this.selectFibers.forEach(a => {
            a.fiber = []
            for (var i = 0; i < parseInt(a.num); i++) {
              let fiber = {
                bushColor: a.color,
                color: colors2[i].label,
                model: model,
                standard: standard,
                product: this.productList
                productList: this.HaveJson(this.productList)
              }
              a.fiber.push(fiber)
              this.fiberList.push(fiber)
            }
          })
        } else {
          // this.selectBushing.forEach(a => {
          this.bushing.forEach(a => {
          this.selectBushing.forEach(a => {
            a.fiber = []
            for (var i = 0; i < parseInt(a.num3); i++) {
              let fiber = {
                bushColor: a.color,
                color: colors2[i].label,
                model: model,
                standard: standard,
                productList:this.HaveJson(this.productList),
                productList: this.HaveJson(this.productList)
              }
              a.fiber.push(fiber)
              this.fiberList.push(fiber)
@@ -477,22 +497,25 @@
        }
      },
      addFibers() {
        if(this.selectBushing.length===0){
          this.$message.error('未选择套管')
          return
        }
        this.fibersList = []
        let model = this.miresModel.split(' - ')[1]
        let standard = this.miresStandards.find(a => a.id == this.miresStandard).code
        this.packageInfo.ismiers = true
        this.fiberList = []
        this.bushing.forEach(a => {
        // this.selectBushing.forEach(a => {
        this.selectBushing.forEach(a => {
          a.fiber = []
          a.fibers = []
          for (var i = 0; i < parseInt(a.num3); i++) {
            let fibers = {
              code: null,
              color: a.color,
              model: model,
              model: this.miresModel,
              standard: standard,
              num: a.num3,
              product: this.HaveJson(this.productList2),
              productList: this.HaveJson(this.productList2),
              fiber: []
            }
            a.fibers.push(fibers)
@@ -502,7 +525,15 @@
      },
      rowClickFiber(row, column, event){
        this.currentDetectionItems = row
        this.detectionItems = this.HaveJson(this.productList)
        this.detectionItems = row.productList
        setTimeout(() => {
          this.detectionItems.forEach(a => {
            if (a.state == 1) this.toggleSelection(a)
          })
        }, 200)
      },
      toggleSelection(row) {
        this.$refs.productTable.toggleRowSelection(row, true);
      },
      tableRowClassName({
        row,
@@ -557,7 +588,7 @@
          }
        }
        this.$nextTick(() => {
          this.$refs.table1.doLayout()
          this.$refs.productTable.doLayout()
        })
      },
      upProductSelect(selection, row) {
@@ -594,7 +625,16 @@
        })
      },
      save(){
        console.log(this.bushing);
        for(let a in this.bushing){
          if(this.bushing[a].fibers.length===0&&this.bushing[a].fiber.length===0){
            this.$message.error(this.bushing[a].color+'管色标套管缺少配置无法保存')
            return
          }
        }
        this.sample.forEach(a=>{
          a.bushing = this.bushing
        })
        this.$message.success('已保存')
      }
    }
  }