licp
2024-11-04 db18125cec18e11d04dbf10d2ef7108e779edcd8
src/components/do/b1-inspect-order-plan/circuit-parameters1.vue
@@ -98,11 +98,6 @@
                        <el-input size="small" placeholder="端口" v-model="item.value" :disabled="state>1"></el-input>
                      </div>
                    </td>
                    <td :rowspan="n.angleList.length+1">
                      <el-button icon="el-icon-minus" circle size="mini" type="danger"
                      @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1" style="margin: 5px;"></el-button>
                      <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1" style="margin: 5px;"></el-button>
                    </td>
                  </tr>
                  <tr v-for="(item,index) in n.angleList" :key="index + 'eee'">
                    <td>
@@ -115,8 +110,11 @@
                </table>
              </div>
            </el-col>
            <el-col :span="2">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':'待定') }}
            <el-col :span="1">
              <el-input-number v-model="n.portNum" :min="1" :max="100" label="数量" size="small" @change="m=>changePort(m,n.portList)" :disabled="state>1"></el-input-number>
            </el-col>
            <el-col :span="1">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':(n.result===3?'不判定':(n.result===3?'不判定':'待定'))) }}
              </div>
            </el-col>
          </el-row>
@@ -135,10 +133,18 @@
              <div class="content" style="text-align: center;width: 100%;overflow-x: auto;">
                <table border="1" cellpadding="10" class="thermal-table">
                  <tr>
                    <td>频点</td>
                    <td>频段</td>
                    <td :colspan="n.portList.length+1">
                      <div style="display: flex;align-items: center;">
                        <el-input size="small" placeholder="频点" v-model="n.often" :disabled="state>1" @blur="handlePort(n)"></el-input>
                        <!-- <el-input size="small" placeholder="频段" v-model="n.often" :disabled="state>1" @blur="handlePort(n)"></el-input> -->
                        <el-select v-model="n.often" placeholder="请选择" size="small" style="width: 200px;" :disabled="state>1">
                          <el-option
                            v-for="item in bandList0"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </div>
                    </td>
                  </tr>
@@ -149,11 +155,11 @@
                        <el-input size="small" placeholder="端口" v-model="item.value" :disabled="state>1"></el-input>
                      </div>
                    </td>
                    <td :rowspan="n.angleList.length+1">
                    <!-- <td :rowspan="n.angleList.length+1">
                      <el-button icon="el-icon-minus" circle size="mini" type="danger"
                      @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1" style="margin: 5px;"></el-button>
                      <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1" style="margin: 5px;"></el-button>
                    </td>
                    </td> -->
                  </tr>
                  <tr v-for="(item,index) in n.angleList" :key="index + 'eee'">
                    <td>
@@ -166,8 +172,11 @@
                </table>
              </div>
            </el-col>
            <el-col :span="2">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':'待定') }}
            <el-col :span="1">
              <el-input-number v-model="n.portNum" :min="1" :max="100" label="数量" size="small" @change="m=>changePort(m,n.portList)" :disabled="state>1"></el-input-number>
            </el-col>
            <el-col :span="1">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':(n.result===3?'不判定':(n.result===3?'不判定':'待定'))) }}
              </div>
            </el-col>
          </el-row>
@@ -189,14 +198,14 @@
                    <td>频段</td>
                    <td v-for="(item,index) in n.portList" :key="index+'aaa'">
                      <div style="display: flex;align-items: center;">
                        <el-input size="small" placeholder="端口" v-model="item.value" :disabled="state>1"></el-input>
                        <el-input size="small" placeholder="频段" v-model="item.value" :disabled="state>1"></el-input>
                      </div>
                    </td>
                    <td :rowspan="n.angleList.length+1">
                    <!-- <td :rowspan="n.angleList.length+1">
                      <el-button icon="el-icon-minus" circle size="mini" type="danger"
                      @click="deleteList(n.portList.length-1,n.portList)" :disabled="state>1" style="margin: 5px;"></el-button>
                      <el-button icon="el-icon-plus" circle size="mini" type="primary" @click="addList(n.portList)" :disabled="state>1" style="margin: 5px;"></el-button>
                    </td>
                    </td> -->
                  </tr>
                  <tr v-for="(item,index) in n.angleList" :key="index + 'eee'">
                    <td>
@@ -209,8 +218,11 @@
                </table>
              </div>
            </el-col>
            <el-col :span="2">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':'待定') }}
            <el-col :span="1">
              <el-input-number v-model="n.portNum" :min="1" :max="100" label="数量" size="small" @change="m=>changePort(m,n.portList)" :disabled="state>1"></el-input-number>
            </el-col>
            <el-col :span="1">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':(n.result===3?'不判定':'待定')) }}
              </div>
            </el-col>
          </el-row>
@@ -225,7 +237,7 @@
            <el-col :span="2">
              <div style="text-align: center;" v-html="n.tell"></div>
            </el-col>
            <el-col :span="16">
            <el-col :span="17">
              <div class="content" style="text-align: center;width: 100%;overflow-x: auto;">
                <table border="1" cellpadding="10" class="thermal-table">
                  <tr>
@@ -247,8 +259,8 @@
                </table>
              </div>
            </el-col>
            <el-col :span="2">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':'待定') }}
            <el-col :span="1">
              <div style="text-align: center;" :class="{red:n.result===0,green:n.result===1}">{{ n.result===0?'不合格':(n.result===1?'合格':(n.result===3?'不判定':'待定')) }}
              </div>
            </el-col>
          </el-row>
@@ -266,6 +278,7 @@
    return {
      value: "",
      bandList:[],
      bandList0:[],
      portList:[
        {
          value:'1',
@@ -340,17 +353,20 @@
          resValue:''
        },
      ],
      allBandList:[],//频段
      insProductNew:[],
      isMore:false,
      loading:{},
      intermodulationNum:0,//互调检验项目的数量
      upTemplateState:false,
    };
  },
  watch: {
    // 角度数量变化时,更新所有频段下面的所有项目下的所有端口和角度
    angleList(val) {
      this.allBandList.forEach(item => {
      if(!this.upTemplateState){
        this.allBandList.forEach(item => {
        item.projectList.forEach(m => {
          // 添加角度
          for(let i=0;i<val.length;i++){
@@ -387,10 +403,18 @@
          }
        })
      })
      }
      // console.log(this.allBandList)
    },
    currentNum(val) {
      this.initData()
    },
    insProduct:{
      deep:true,
      handler:function(val){
        // console.log('更新页面啦')
        this.initData()
      }
    }
  },
  mounted() {
@@ -405,9 +429,15 @@
      }).then(res => {
        this.bandList = res.data
      })
      this.$axios.post(this.$api.enums.selectEnumByCategory, {
        category: "互调-频段"
      }).then(res => {
        this.bandList0 = res.data
      })
    },
    // 初始化数据
    initData(){
      this.allBandList = []
      // 处理项目
      this.insProductNew = JSON.parse(JSON.stringify(this.insProduct)).filter(m=>m.inspectionItem.includes('电路试验'))
      this.insProductNew.forEach(async item => {
@@ -415,7 +445,7 @@
            this.intermodulationNum++
          }
        // 获取设备列表
        item.equipOptions = await this.getEquipOptions(item)
        item.equipOptions = []
      })
      if(this.insProductNew[0].insProductResult2&&this.insProductNew[0].insProductResult2.length>0){
        // 已经存在值时,赋值
@@ -447,6 +477,7 @@
                    angleList.push({value:m})
                  })
                  this.angleList = angleList
                  this.upTemplateState = false;
                }
                let tell = ''
                if(item.tell.includes(',')){
@@ -467,7 +498,8 @@
                  equipName:n.equipName,
                  equipValue:n.equipValue,
                  frequency:n.frequency,
                  sonLaboratory:item.sonLaboratory
                  sonLaboratory:item.sonLaboratory,
                  portNum:JSON.parse(n.value).length>0?JSON.parse(n.value)[0].length:4
                }
                this.$set(obj,'portList', n.port?portList:[])
                this.$set(obj,'angleList', n.angle?angleList:[])
@@ -488,18 +520,39 @@
          })
        }
      }else{
        console.log(2222)
        // 没有值时,初始化页面
        this.insProductNew.forEach(async item => {
          // 赋值设备
          item.equipName = ''
          item.equipValue = ''
          // 赋值端口和角度
          this.portList = [
            {
              value:'1',
            },
            {
              value:'2',
            },
            {
              value:'3',
            },
            {
              value:'4',
            },
          ]
          this.angleList = [
            {
              value:''
            }
          ]
          item.portList = JSON.parse(JSON.stringify(this.portList))
          item.angleList = JSON.parse(JSON.stringify(this.angleList))
          // 赋值结论
          item.result = ''
          // 赋值最差值
          item.value = []
          item.portNum = 4
          if(item.inspectionItemSubclass.includes('耦合度')){
            for(let i = 0;i<item.angleList.length;i++){
              item.value.push([''])
@@ -520,10 +573,12 @@
            projectList: JSON.parse(JSON.stringify(this.insProductNew))
          }
        )
        console.log(this.allBandList)
      }
    },
    // 删除数组
    deleteList(index,list,type){
      this.upTemplateState = false;
      if(list.length>1){
        if(type=='互调'){
          let index = null;
@@ -579,6 +634,7 @@
    },
    // 添加数组
    addList(list,type){
      this.upTemplateState = false;
      if(type=='互调'){
        let obj = null;
        let index = null;
@@ -620,9 +676,27 @@
          }
        })
        list.push(obj)
      }else if('端口'){
        let obj = JSON.parse(JSON.stringify(list[0]));
        obj.value = null;
        list.push(obj)
      }else{
        let obj = JSON.parse(JSON.stringify(list[0]));
        list.push(obj)
      }
    },
    // 改变端口
    changePort(num,list){
      if(num>list.length){
        for(let i = list.length;i<num;i++){
          let obj = JSON.parse(JSON.stringify(list[0]));
          obj.value = null;
          list.push(obj)
        }
      }else if(num<list.length){
        for(let i = list.length;i>num;i--){
          list.pop()
        }
      }
    },
    // 获取设备选项 id:为检验项id
@@ -674,12 +748,17 @@
      if(!n.often){
        return
      }
      if(!n.often.includes('MHz')||!n.often.includes('MHZ')){
      if(!n.often.includes('MHz')&&!n.often.includes('MHZ')){
        n.often = n.often + 'MHz'
      }
    },
    save(h,y) {
      let arr = h.projectList.map(item=>{
        if(item.portList&&item.portList.length>0){
          item.value.forEach(m=>{
            m = m.splice(item.portList.length)
          })
        }
        let obj = {
          insProductId:item.id,
          equipValue:this.insProductNew.find(m=>m.id==item.id).equipValue,
@@ -717,6 +796,35 @@
      }).catch(err => {
        console.log(err)
      })
    },
    // 更新模板
    upTemplate(obj){
      this.upTemplateState = true;
      // return
      obj.allBandList.forEach((item,index)=>{
        if(!this.allBandList[index]){
          this.allBandList[index] = {
            projectList:this.HaveJson(this.allBandList[0].projectList)
          }
        }
        this.allBandList[index].band = item.band
        let arr = []
        item.projectList.forEach((m,i)=>{
          if(this.allBandList[index].projectList.find(n=>n.inspectionItemSubclass==m.inspectionItemSubclass)){
            let obj0 = {
            angleList:m.angleList,
            portList:m.portList,
            portNum:m.portNum,
              value:m.value,
              valueType:m.valueType
            }
            arr.push({...this.allBandList[index].projectList.find(n=>n.inspectionItemSubclass==m.inspectionItemSubclass),...obj0})
          }
        })
        this.allBandList[index].projectList = arr
      })
      this.angleList = obj.angleList
      this.intermodulationNum = obj.intermodulationNum
    }
  }
}
@@ -764,4 +872,37 @@
.green{
  color: green;
}
>>>.el-input-number {
  display: inline-flex;
  flex-direction: column !important;
  line-height: 26px;
}
>>>.el-input-number__increase, >>>.el-input-number__decrease {
  width: 26px;
  height: 26px;
}
>>>.el-input-number__increase{
  top: 36px;
  left: 10px;
  border: 0px;
  border-radius: 50%;
  background: #3A7BFA;
  color: #fff;
}
>>>.el-input-number__decrease{
  top: -30px;
  border: 0px;
  border-radius: 50%;
  left: 10px;
  background: #F56C6C;
  color: #fff;
}
>>>.el-input-number .el-input{
  width: 50px;
}
>>>.el-input-number .el-input__inner{
  width: 50px;
  padding: 0;
}
</style>