工单下发分页优化

xiangpei

2024-08-24 cfa6fbe23b5aea9b400fab78e04239b64d0dda92

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

@@ -18,11 +18,19 @@
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
          <el-form-item label="关键词" prop="keyword">
            <el-input
              v-model="queryParams.menuName"
              v-model="queryParams.keyword"
              placeholder="关键词搜索"
              clearable
              @keyup.enter.native="page"
              @clear="page"
            />
          </el-form-item>
          <el-form-item label="故障类型" prop="errorTypeList">
            <el-select v-model="queryParams.errorTypeList" multiple placeholder="故障类型" clearable @change="page" @clear="page">
              <el-option v-for="dict in dict.type.error_type"
                         :value="dict.value"
                         :label="dict.label"/>
            </el-select>
          </el-form-item>
          <el-form-item label="下发状态" prop="status">
            <el-select v-model="queryParams.status" @change="page" placeholder="下发状态" clearable>
@@ -71,10 +79,11 @@
              </el-date-picker>
            </el-form-item>
            <el-form-item label="故障类型" prop="errorType">
              <el-select v-model="fastDistributeForm.errorType">
                <el-option label="市政施工" value="市政施工"/>
                <el-option label="设备故障" value="设备故障"/>
                <el-option label="设备遗失" value="设备遗失"/>
              <el-select v-model="fastDistributeForm.errorType" multiple>
                <el-option v-for="dict in dict.type.error_type"
                           :value="dict.value"
                           :key="dict.value"
                           :label="dict.label"/>
              </el-select>
            </el-form-item>
            <el-form-item label="数量限制" prop="fastNumLimit">
@@ -110,8 +119,8 @@
          <el-table-column label="故障类型" align="center" prop="errorType"/>
          <el-table-column label="运维单位" align="center" prop="unitName"/>
          <el-table-column label="产生时间" align="center" prop="createTime"/>
          <el-table-column v-show="queryParams.status === 'DISTRIBUTED'" label="下发人" align="center" prop="realName"/>
          <el-table-column v-show="queryParams.status === 'DISTRIBUTED'" label="下发时间" align="center" prop="distributeTime"/>
          <el-table-column v-if="queryParams.status === 'DISTRIBUTED'" label="下发人" align="center" prop="realName"/>
          <el-table-column v-if="queryParams.status === 'DISTRIBUTED'" label="下发时间" align="center" prop="distributeTime"/>
        </el-table>

        <pagination
@@ -157,9 +166,10 @@
          </el-select>
        </el-form-item>
        <el-form-item label="故障类型" prop="errorType">
          <el-select v-model="form.errorType">
          <el-select v-model="form.errorType" multiple>
            <el-option v-for="dict in dict.type.error_type"
                       :value="dict.value"
                       :key="dict.value"
                       :label="dict.label"/>
          </el-select>
        </el-form-item>
@@ -288,7 +298,7 @@
  methods: {
    setPointId(selectedValue) {
      const selectedItem = this.pointList.find(item => item.value === selectedValue);
      this.form.pointId = selectedItem.id
      this.form.serialNumber = selectedItem.id
    },
    submitSetting() {
      this.$refs['settingForm'].validate((valid) => {