feat 页面显示巡检状态

buhuazhen

2026-05-27 2f3f713465e0a538dfa49fc187b8b8d84b3f0a55

 src/views/equipmentManagement/repair/index.vue

@@ -41,13 +41,17 @@
            @change="getTableData"
        />
      </el-form-item>
      <el-form-item label="报修日期">
      <el-form-item label="报修时间">
        <el-date-picker
            v-model="filters.repairTimeStr"
            type="date"
            placeholder="请选择报修日期"
            size="default"
            @change="(date) => handleDateChange(date,2)"
            v-model="filters.repairTimeRange"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始时间"
            end-placeholder="结束时间"
            format="YYYY-MM-DD HH:mm:ss"
            value-format="YYYY-MM-DD HH:mm:ss"
            style="width: 360px"
            @change="handleRepairTimeChange"
        />
      </el-form-item>
      <el-form-item label="维修日期">
@@ -189,7 +193,9 @@
      deviceModel: undefined,
      remark: undefined,
      maintenanceName: undefined,
      repairTimeStr: undefined,
      repairTimeRange: undefined,
      repairTimeStart: undefined,
      repairTimeEnd: undefined,
      maintenanceTimeStr: undefined,
    },
    [
@@ -256,21 +262,31 @@
        align: "center",
        width: "300px",
      },
    ]
    ],
    null,
    {
      // 过滤掉 repairTimeRange，只发送 repairTimeStart 和 repairTimeEnd
      repairTimeRange: () => ({})
    }
);

// type === 1 维修 2报修间
// 报修时间范围变化
const handleRepairTimeChange = (value) => {
  if (value && value.length === 2) {
    filters.repairTimeStart = value[0];
    filters.repairTimeEnd = value[1];
  } else {
    filters.repairTimeStart = undefined;
    filters.repairTimeEnd = undefined;
  }
  getTableData();
};

// type === 1 维修
const handleDateChange = (value, type) => {
  filters.maintenanceTimeStr = null
  filters.c = null
  if (type === 1) {
    if (value) {
      filters.maintenanceTimeStr = dayjs(value).format("YYYY-MM-DD");
    }
  } else {
    if (value) {
      filters.repairTimeStr = dayjs(value).format("YYYY-MM-DD");
    }
  if (type === 1 && value) {
    filters.maintenanceTimeStr = dayjs(value).format("YYYY-MM-DD");
  }
  getTableData();
};