修改设备管理选择设备时可搜索

周宾

2025-12-08 4da40604690325917d208e386e3add022f181147

 src/views/equipmentManagement/repair/index.vue

@@ -7,7 +7,6 @@
            style="width: 240px"
            placeholder="请输入设备名称"
            clearable
            :prefix-icon="Search"
            @change="getTableData"
        />
      </el-form-item>
@@ -17,7 +16,6 @@
            style="width: 240px"
            placeholder="请选择规格型号"
            clearable
            :prefix-icon="Search"
            @change="getTableData"
        />
      </el-form-item>
@@ -27,7 +25,6 @@
            style="width: 240px"
            placeholder="请输入故障现象"
            clearable
            :prefix-icon="Search"
            @change="getTableData"
        />
      </el-form-item>
@@ -37,7 +34,6 @@
            style="width: 240px"
            placeholder="请输入维修人"
            clearable
            :prefix-icon="Search"
            @change="getTableData"
        />
      </el-form-item>
@@ -68,6 +64,9 @@
      <div class="actions">
        <el-text class="mx-1" size="large">设备报修</el-text>
        <div>
               <el-button type="success" icon="Van" @click="addRepair">
                  新增报修
               </el-button>
          <el-button
            type="primary"
            icon="Plus"
@@ -76,8 +75,8 @@
          >
            新增维修
          </el-button>
          <el-button type="success" icon="Van" @click="addRepair">
            新增报修
          <el-button @click="handleOut">
            导出
          </el-button>
          <el-button
            type="danger"
@@ -109,16 +108,14 @@
        <template #operation="{ row }">
          <el-button
            type="primary"
            text
            icon="editPen"
            link
            @click="editRepair(row.id)"
          >
            编辑
          </el-button>
          <el-button
            type="danger"
            text
            icon="delete"
                  link
            @click="delRepairByIds(row.id)"
          >
            删除
@@ -134,7 +131,7 @@
<script setup>
import { usePaginationApi } from "@/hooks/usePaginationApi";
import { getRepairPage, delRepair } from "@/api/equipmentManagement/repair";
import { onMounted } from "vue";
import { onMounted, getCurrentInstance } from "vue";
import RepairModal from "./Modal/RepairModal.vue";
import { ElMessageBox, ElMessage } from "element-plus";
import dayjs from "dayjs";
@@ -143,6 +140,8 @@
defineOptions({
  name: "设备报修",
});

const { proxy } = getCurrentInstance();

// 模态框实例
const repairModalRef = ref();
@@ -226,7 +225,7 @@
      dataType: "slot",
      slot: "operation",
      align: "center",
      width: "200px",
      width: "150px",
    },
  ]
);
@@ -289,6 +288,21 @@
  });
};

// 导出
const handleOut = () => {
  ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
    confirmButtonText: "确认",
    cancelButtonText: "取消",
    type: "warning",
  })
    .then(() => {
      proxy.download("/device/repair/export", {}, "设备报修.xlsx");
    })
    .catch(() => {
      ElMessage.info("已取消");
    });
};

onMounted(() => {
  getTableData();
});