vue2 若依- 字典表转换

432 阅读1分钟

image.png

       <el-form-item label="处置标志" prop="czFlag">
      <el-select v-model="form.czFlag">
        <el-option
          v-for="item in dict.type.event_label"
          :key="item.value"
          :label="item.label"
          :value="Number(item.value)"
        ></el-option>
      </el-select>
    </el-form-item>
    
    没加numbel :value="Number(item.value)" 这个from打开是数字没有显示中文
    <el-table-column
            label="风险等级"
            align="center"
            prop="fxLevel"
            show-overflow-tooltip
            :formatter="statuevenType"
          />
          
        
       <el-form-item label="风险来源" prop="origin">
      <!-- <el-input v-model="form.origin" placeholder="请输入风险来源" /> -->
      <el-select v-model="form.origin">
        <el-option
          v-for="item in dict.type.data_from"
          :key="item.value"
          :label="item.label + '(' + item.value + ')'"
          :value="item.value"
        ></el-option>
      </el-select>
    </el-form-item>
    <h4 style="line-height: 1.8rem">

                所属系统:{{ eventType(item.logType) }}

             

 // 风险等级字典表转换
    statuevenType(row) {
      return this.selectDictLabel(this.dict.type.event_level, row.fxLevel);
    },
    // 风险类型字典表
    eventType(row) {
      return this.selectDictLabel(this.dict.type.safe_type, row.eventType);
    },
    // 风险来源字典表
    origin(row) {
      return this.selectDictLabel(this.dict.type.data_from, row.origin);
    },
    
    
    
    
    
    
    <el-table-column

        label="规则"

        show-overflow-tooltip

        align="center"

        prop="rule"

        :formatter="Rules"

      /> created() { 字典表值作为搜索条件传

    this.getDicts("emp_category").then(response => {

      this.statForamt = response.data[0].dictValue;

      this.queryParams.empCategory = this.statForamt

      this.$nextTick(() => { 必须在里面 否则条件传不过去 this.getList()

      })

    });

  }, created() {

        this.getList();
        
          如果想给搜索条件处置值
          this.getDicts("event_label").then(response => {
          这样可以获取到
             this.queryParams.czFlag = response.data[0].dictValue
             
             这样就获取不到 
             this.dict.type.event_label[0]
             
             }

        // 查询规则条件字典

        this.getDicts("sys_rule").then((response) => {

          this.queryTypeOptions = response.data;

          console.log("queryTypeOptions", this.queryTypeOptions);
        

    });

        });

      },
    
             // 规则条件

        Rules(row) {

          // 格式化表格内容--类型字典翻译

          console.log(row);

          let type = "";

          this.queryTypeOptions.forEach((item) => {

            if (row.rule == item.dictValue) {

              type = item.dictLabel;

            }

          });

          return type;

        },