自定义列显隐控制

xiangpei

2024-09-03 16eb67ab6b103663d30cad9ba74360f982e131cb

 src/views/system/work-order/index.vue

@@ -11,7 +11,7 @@
        />
      </el-form-item>
      <el-form-item label="故障类型" prop="errorTypeList">
        <el-select v-model="queryParams.errorTypeList" multiple placeholder="故障类型" clearable @clear="handleQuery">
        <el-select v-model="queryParams.errorTypeList" multiple @change="handleQuery" placeholder="故障类型" clearable @clear="handleQuery">
          <el-option v-for="dict in dict.type.error_type" :value="dict.value" :key="dict.value" :label="dict.label" />
        </el-select>
      </el-form-item>
@@ -68,6 +68,7 @@
                    :preview-src-list="item.imgList"
                    fit="cover" :src="item.imgList[0]"
                    class="image"
                    style="display: flex;justify-content: center;align-items: center;"
                  >
                    <div slot="error" class="image-slot">
                      <i class="el-icon-picture-outline">加载失败</i>
@@ -171,7 +172,7 @@
        <el-form-item label="报备内容" prop="reportContent">
          <editor v-model="reportForm.reportContent" :min-height="192"/>
        </el-form-item>
        <el-form-item label="上报材料" prop="reportMaterials">
        <el-form-item label="报备材料" prop="reportMaterials">
          <file-upload v-model="reportForm.reportMaterials"/>
        </el-form-item>
      </el-form>
@@ -246,7 +247,7 @@
      </div>
    </el-dialog>

    <el-dialog title="运维批量审核" :visible.sync="batchAuditingVisible" width="500px" append-to-body>
    <el-dialog title="工单批量审核" :visible.sync="batchAuditingVisible" width="500px" append-to-body>
      <el-form ref="batchAuditingWorkOrder" :model="batchAuditingWorkOrder" label-width="80px"
               :rules="batchAuditingRules"
      >
@@ -464,7 +465,7 @@
          { required: true, message: '报备内容不能为空', trigger: 'blur' }
        ],
        reportMaterials: [
          { required: true, message: '上报材料不能为空', trigger: 'blur' }
          { required: true, message: '报备材料不能为空', trigger: 'blur' }
        ]
      },
      reportOpen: false,
@@ -556,7 +557,7 @@
      // 运维情况
      ywData: {
        content: '',
        fileList: ''
        fileList: 'process.env.VUE_APP_BASE_API'
      }
    }
  },
@@ -729,11 +730,13 @@
      this.queryParams['end'] = this.daterangeYwHandleTime ? this.daterangeYwHandleTime[1] : null

      listWorkOrder(this.queryParams).then(response => {
        // response.data.forEach(item => {
        //   if (item.errorType) {
        //     item.errorTypeList = item.errorTypeList.split(",")
        //   }
        // })
        response.data.forEach(item => {
          if (item.imgList) {
            item.imgList = item.imgList.map(img => {
              return this.$img + img
            })
          }
        })
        this.workOrderList = response.data
        this.total = response.total
        this.loading = false