feat：添加维修项目页面

src/api/mes/repairItems/index.ts

@@ -0,0 +1,45 @@
+import request from '@/config/axios'
+
+export interface RepairItemVO {
+  id?: number
+  subjectCode: string
+  subjectName: string
+  deviceType: string | number
+  deviceId?: string | number
+  componentId?: string | number
+  inspectionMethod?: string
+  valueType?: string
+  judgmentCriteria?: string
+  isEnable: string
+  deviceName?: string
+  componentName?: string
+  creatorName?: string
+  createTime?: string | number | Date
+  projectContent?: string
+}
+
+export const RepairItemsApi = {
+  getRepairItemsPage: async (params: any) => {
+    return await request.get({ url: `/mes/repair-tems/page`, params })
+  },
+
+  getComponentList: async (deviceId: number) => {
+    return await request.get({ url: `/mes/repair-tems/getComponentList`, params: { deviceId } })
+  },
+
+  createRepairItem: async (data: RepairItemVO) => {
+    return await request.post({ url: `/mes/repair-tems/create`, data })
+  },
+
+  updateRepairItem: async (data: RepairItemVO) => {
+    return await request.put({ url: `/mes/repair-tems/update`, data })
+  },
+
+  deleteRepairItems: async (ids: string) => {
+    return await request.delete({ url: `/mes/repair-tems/delete?ids=` + ids })
+  },
+
+  exportRepairItems: async (params: any) => {
+    return await request.download({ url: `/mes/repair-tems/export-excel`, params })
+  }
+}

src/views/mes/deviceledger/index.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="device-ledger-layout">
     <ContentWrap class="device-ledger-left">
-      <el-tree v-loading="typeTreeLoading" :data="typeTreeData" node-key="id" highlight-current :props="typeTreeProps"
+      <el-tree
+v-loading="typeTreeLoading" :data="typeTreeData" node-key="id" highlight-current :props="typeTreeProps"
         :default-expanded-keys="typeTreeExpandedKeys" :expand-on-click-node="false" @node-click="handleTypeNodeClick" />
     </ContentWrap>
 
@@ -9,11 +10,13 @@
       <ContentWrap>
         <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="60px">
           <el-form-item label="编码" prop="deviceCode">
-            <el-input v-model="queryParams.deviceCode" placeholder="请输入编码" clearable @keyup.enter="handleQuery"
+            <el-input
+v-model="queryParams.deviceCode" placeholder="请输入编码" clearable @keyup.enter="handleQuery"
               class="!w-240px" />
           </el-form-item>
           <el-form-item label="名称" prop="deviceName">
-            <el-input v-model="queryParams.deviceName" placeholder="请输入名称" clearable @keyup.enter="handleQuery"
+            <el-input
+v-model="queryParams.deviceName" placeholder="请输入名称" clearable @keyup.enter="handleQuery"
               class="!w-240px" />
           </el-form-item>
           <el-form-item label="状态" prop="deviceStatus">
@@ -34,7 +37,8 @@
             <el-button type="danger" plain @click="handleBatchDelete" v-hasPermi="['mes:device-ledger:delete']">
               <Icon icon="ep:delete" class="mr-5px" /> 批量删除
             </el-button>
-            <el-button type="success" plain @click="handleExport" :loading="exportLoading"
+            <el-button
+type="success" plain @click="handleExport" :loading="exportLoading"
               v-hasPermi="['mes:device-ledger:export']">
               <Icon icon="ep:download" class="mr-5px" /> 导出
             </el-button>
@@ -43,7 +47,8 @@
       </ContentWrap>
 
       <ContentWrap>
-        <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
+        <el-table
+ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
           row-key="id" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" fixed="left" reserve-selection />
           <el-table-column label="序号" align="center" width="80" fixed="left">
@@ -62,7 +67,8 @@
           </el-table-column>
           <el-table-column label="状态" align="center" prop="deviceStatus">
             <template #default="scope">
-              <el-tag :type="getTzStatusTagType(scope.row.deviceStatus)"
+              <el-tag
+:type="getTzStatusTagType(scope.row.deviceStatus)"
                 :color="getTzStatusTagColor(scope.row.deviceStatus)"
                 :style="getTzStatusTagStyle(scope.row.deviceStatus)" effect="light" disable-transitions>
                 {{ getTzStatusLabel(scope.row.deviceStatus) }}
@@ -72,9 +78,11 @@
           <el-table-column label="规格" align="center" prop="deviceSpec" />
           <el-table-column label="型号" align="center" prop="deviceModel" />
           <el-table-column label="品牌" align="center" prop="deviceBrand" />
-          <el-table-column label="生产日期" align="center" prop="productionDate" :formatter="dateFormatter2"
+          <el-table-column
+label="生产日期" align="center" prop="productionDate" :formatter="dateFormatter2"
             width="140px" />
-          <el-table-column label="入厂日期" align="center" prop="factoryEntryDate" :formatter="dateFormatter2"
+          <el-table-column
+label="入厂日期" align="center" prop="factoryEntryDate" :formatter="dateFormatter2"
             width="140px" />
           <el-table-column label="供应商" align="center" prop="supplier" width="110px" />
           <el-table-column label="所属车间" align="center" prop="workshop" width="110px" />
@@ -88,18 +96,21 @@
           <el-table-column label="操作" align="center" min-width="160px" fixed="right">
             <template #default="scope">
               <el-button link @click="handleDetail(scope.row.id)">详情</el-button>
-              <el-button link type="primary" @click="openForm('update', scope.row.id)"
+              <el-button
+link type="primary" @click="openForm('update', scope.row.id)"
                 v-hasPermi="['mes:device-ledger:update']">
                 编辑
               </el-button>
-              <el-button link type="danger" @click="handleDelete(scope.row.id)"
+              <el-button
+link type="danger" @click="handleDelete(scope.row.id)"
                 v-hasPermi="['mes:device-ledger:delete']">
                 删除
               </el-button>
             </template>
           </el-table-column>
         </el-table>
-        <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+        <Pagination
+:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
           @pagination="getList" />
       </ContentWrap>
 

src/views/mes/repairItems/RepairItemsForm.vue

@@ -0,0 +1,307 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible" width="900px">
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
+      <el-form-item label="项目编码" prop="subjectCode">
+        <el-input v-model="formData.subjectCode" placeholder="请输入项目编码" />
+      </el-form-item>
+      <el-form-item label="项目名称" prop="subjectName">
+        <el-input v-model="formData.subjectName" placeholder="请输入项目名称" />
+      </el-form-item>
+      <el-form-item label="设备类型" prop="deviceType">
+        <el-radio-group v-model="formData.deviceType">
+          <el-radio :label="1">设备</el-radio>
+          <el-radio :label="2">关键件</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item v-if="showDeviceSelect" label="设备" prop="deviceId">
+        <el-select
+          v-model="formData.deviceId"
+          filterable
+          remote
+          reserve-keyword
+          clearable
+          :remote-method="handleDeviceSearch"
+          :loading="deviceLoading"
+          placeholder="请选择设备"
+          class="!w-full"
+        >
+          <el-option v-for="opt in deviceOptions" :key="String(opt.value)" :label="opt.label" :value="opt.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item v-if="showComponentSelect" label="关键件" prop="componentId">
+        <el-select
+          v-model="formData.componentId"
+          clearable
+          :loading="componentLoading"
+          placeholder="请选择关键件"
+          class="!w-full"
+        >
+          <el-option v-for="opt in componentOptions" :key="String(opt.value)" :label="opt.label" :value="opt.value" />
+        </el-select>
+      </el-form-item>
+      <!--
+      <el-form-item label="检验方式" prop="inspectionMethod">
+        <el-select v-model="formData.inspectionMethod" placeholder="请选择检验方式" clearable filterable class="!w-full">
+          <el-option v-for="dict in inspectionMethodOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="值类型" prop="valueType">
+        <el-select v-model="formData.valueType" placeholder="请选择值类型" clearable filterable class="!w-full">
+          <el-option v-for="dict in valueTypeOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="判定基准" prop="judgmentCriteria">
+        <el-input v-model="formData.judgmentCriteria" placeholder="请输入判定基准" type="textarea" />
+      </el-form-item>
+      -->
+      <el-form-item label="项目内容" prop="projectContent">
+        <el-input v-model="formData.projectContent" placeholder="请输入项目内容" type="textarea" />
+      </el-form-item>
+      <el-form-item label="是否启用" prop="isEnable">
+        <el-radio-group v-model="formData.isEnable">
+          <el-radio v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="dict.value" :label="dict.value">
+            {{ dict.label }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { getBoolDictOptions, DICT_TYPE } from '@/utils/dict'
+import { RepairItemsApi, RepairItemVO } from '@/api/mes/repairItems'
+import { useDictStoreWithOut } from '@/store/modules/dict'
+import { DeviceLedgerApi, DeviceLedgerVO } from '@/api/mes/deviceledger'
+
+defineOptions({ name: 'RepairItemsForm' })
+
+const { t } = useI18n()
+const message = useMessage()
+
+const dictStore = useDictStoreWithOut()
+const dictReady = ref(false)
+
+// const inspectionMethodOptions = computed(() => (dictReady.value ? getStrDictOptions('Inspection_method') : []))
+// const valueTypeOptions = computed(() => (dictReady.value ? getStrDictOptions('value_types') : []))
+
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+const formLoading = ref(false)
+const formType = ref('')
+const formRef = ref()
+
+const formData = ref({
+  id: undefined as number | undefined,
+  subjectCode: undefined as string | undefined,
+  subjectName: undefined as string | undefined,
+  deviceType: undefined as number | undefined,
+  deviceId: undefined as number | undefined,
+  componentId: undefined as number | undefined,
+  inspectionMethod: undefined as string | undefined,
+  valueType: undefined as string | undefined,
+  judgmentCriteria: undefined as string | undefined,
+  projectContent: undefined as string | undefined,
+  isEnable: undefined as string | undefined
+})
+
+const showDeviceSelect = computed(() => formData.value.deviceType === 1 || formData.value.deviceType === 2)
+const showComponentSelect = computed(() => formData.value.deviceType === 2)
+
+const deviceLoading = ref(false)
+const deviceOptions = ref<{ label: string; value: number }[]>([])
+
+const componentLoading = ref(false)
+const componentOptions = ref<{ label: string; value: number }[]>([])
+
+const upsertOption = (options: { label: string; value: number }[], option: { label: string; value: number }) => {
+  const existed = options.some((o) => o.value === option.value)
+  return existed ? options : [option, ...options]
+}
+
+const handleDeviceSearch = async (keyword: string) => {
+  deviceLoading.value = true
+  try {
+    const data = await DeviceLedgerApi.getDeviceLedgerPage({
+      pageNo: 1,
+      pageSize: 50,
+      deviceCode: keyword || undefined,
+      deviceName: keyword || undefined
+    })
+    const rows = (data?.list ?? []) as DeviceLedgerVO[]
+    deviceOptions.value = rows
+      .filter((r) => typeof r?.id === 'number')
+      .map((r) => ({ label: `${r.deviceCode ?? ''} ${r.deviceName ?? ''}`.trim(), value: r.id }))
+  } finally {
+    deviceLoading.value = false
+  }
+}
+
+const toComponentOption = (item: any) => {
+  const id = typeof item?.id === 'number' ? item.id : Number(item?.id)
+  if (Number.isNaN(id)) return undefined
+  const code = item?.code ?? item?.componentCode ?? item?.subjectCode
+  const name = item?.name ?? item?.componentName ?? item?.subjectName
+  const label = `${code ?? ''} ${name ?? ''}`.trim() || String(id)
+  return { label, value: id }
+}
+
+const loadComponentOptionsByDeviceId = async (deviceId: number) => {
+  componentLoading.value = true
+  try {
+    const data = await RepairItemsApi.getComponentList(deviceId)
+    const rows = (Array.isArray(data) ? data : data?.list ?? data?.data ?? []) as any[]
+    componentOptions.value = rows.map(toComponentOption).filter(Boolean) as { label: string; value: number }[]
+  } finally {
+    componentLoading.value = false
+  }
+}
+
+watch(
+  () => formData.value.deviceType,
+  (val) => {
+    if (val === 1) {
+      formData.value.componentId = undefined
+      componentOptions.value = []
+    } else if (val !== 2) {
+      formData.value.deviceId = undefined
+      formData.value.componentId = undefined
+      componentOptions.value = []
+    }
+  }
+)
+
+watch(
+  () => formData.value.deviceId,
+  async (deviceId) => {
+    if (formData.value.deviceType !== 2) return
+    formData.value.componentId = undefined
+    componentOptions.value = []
+    if (typeof deviceId !== 'number') return
+    await loadComponentOptionsByDeviceId(deviceId)
+  }
+)
+
+const validateDeviceId = (_: any, value: any, callback: any) => {
+  const dt = formData.value.deviceType
+  if ((dt === 1 || dt === 2) && (value === undefined || value === null || value === '')) {
+    callback(new Error('设备不能为空'))
+    return
+  }
+  callback()
+}
+
+const validateComponentId = (_: any, value: any, callback: any) => {
+  const dt = formData.value.deviceType
+  if (dt === 2 && (value === undefined || value === null || value === '')) {
+    callback(new Error('关键件不能为空'))
+    return
+  }
+  callback()
+}
+
+const formRules = reactive({
+  subjectCode: [{ required: true, message: '项目编码不能为空', trigger: 'blur' }],
+  subjectName: [{ required: true, message: '项目名称不能为空', trigger: 'blur' }],
+  deviceType: [{ required: true, message: '设备类型不能为空', trigger: 'change' }],
+  deviceId: [{ validator: validateDeviceId, trigger: 'change' }],
+  componentId: [{ validator: validateComponentId, trigger: 'change' }],
+  isEnable: [{ required: true, message: '是否启用不能为空', trigger: 'change' }]
+})
+
+const open = async (type: string, row?: any) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+  if (!dictReady.value) {
+    await dictStore.setDictMap()
+    dictReady.value = true
+  }
+  if (type === 'update' && row) {
+    formData.value = {
+      id: row.id,
+      subjectCode: row.subjectCode,
+      subjectName: row.subjectName,
+      deviceType: row.deviceType !== undefined && row.deviceType !== null ? Number(row.deviceType) : undefined,
+      deviceId: row.deviceId !== undefined && row.deviceId !== null ? Number(row.deviceId) : undefined,
+      componentId: row.componentId !== undefined && row.componentId !== null ? Number(row.componentId) : undefined,
+      inspectionMethod: row.inspectionMethod !== undefined && row.inspectionMethod !== null ? String(row.inspectionMethod) : undefined,
+      valueType: row.valueType !== undefined && row.valueType !== null ? String(row.valueType) : undefined,
+      judgmentCriteria: row.judgmentCriteria,
+      projectContent: row.projectContent,
+      isEnable: row.isEnable !== undefined && row.isEnable !== null ? String(row.isEnable) : undefined
+    }
+
+    if (typeof formData.value.deviceId === 'number') {
+      const label = row.deviceName ? String(row.deviceName) : `ID:${formData.value.deviceId}`
+      deviceOptions.value = upsertOption(deviceOptions.value, { label, value: formData.value.deviceId })
+    }
+    if (formData.value.deviceType === 2 && typeof formData.value.deviceId === 'number') {
+      await loadComponentOptionsByDeviceId(formData.value.deviceId)
+      if (typeof formData.value.componentId === 'number') {
+        const label = row.componentName ? String(row.componentName) : `ID:${formData.value.componentId}`
+        componentOptions.value = upsertOption(componentOptions.value, { label, value: formData.value.componentId })
+      }
+    }
+  }
+}
+
+defineExpose({ open })
+
+const emit = defineEmits(['success'])
+const submitForm = async () => {
+  await formRef.value.validate()
+  formLoading.value = true
+  try {
+    const data = {
+      id: formType.value === 'update' ? formData.value.id : undefined,
+      subjectCode: formData.value.subjectCode,
+      subjectName: formData.value.subjectName,
+      deviceType: formData.value.deviceType,
+      deviceId: formData.value.deviceId,
+      componentId: formData.value.componentId,
+      inspectionMethod: formData.value.inspectionMethod,
+      valueType: formData.value.valueType,
+      judgmentCriteria: formData.value.judgmentCriteria,
+      isEnable: formData.value.isEnable,
+      projectContent: formData.value.projectContent
+    } as unknown as RepairItemVO
+
+    if (formType.value === 'create') {
+      await RepairItemsApi.createRepairItem(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await RepairItemsApi.updateRepairItem(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    subjectCode: undefined,
+    subjectName: undefined,
+    deviceType: undefined,
+    deviceId: undefined,
+    componentId: undefined,
+    inspectionMethod: undefined,
+    valueType: undefined,
+    judgmentCriteria: undefined,
+    projectContent: undefined,
+    isEnable: undefined
+  }
+  deviceOptions.value = []
+  componentOptions.value = []
+  formRef.value?.resetFields()
+}
+</script>

src/views/mes/repairItems/index.vue

@@ -0,0 +1,251 @@
+<template>
+  <ContentWrap>
+    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
+      <el-form-item label="编码" prop="subjectCode">
+        <el-input v-model="queryParams.subjectCode" placeholder="请输入项目编码" clearable @keyup.enter="handleQuery" class="!w-240px" />
+      </el-form-item>
+      <el-form-item label="名称" prop="subjectName">
+        <el-input v-model="queryParams.subjectName" placeholder="请输入项目名称" clearable @keyup.enter="handleQuery" class="!w-240px" />
+      </el-form-item>
+      <el-form-item label="设备类型" prop="deviceType">
+        <el-select v-model="queryParams.deviceType" placeholder="请选择设备类型" clearable filterable class="!w-240px">
+          <el-option v-for="opt in deviceTypeOptions" :key="String(opt.value)" :label="opt.label" :value="opt.value" />
+        </el-select>
+      </el-form-item>
+      <!--
+      <el-form-item label="检验方式" prop="inspectionMethod">
+        <el-select v-model="queryParams.inspectionMethod" placeholder="请选择检验方式" clearable filterable class="!w-240px">
+          <el-option v-for="dict in inspectionMethodOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="值类型" prop="valueType">
+        <el-select v-model="queryParams.valueType" placeholder="请选择值类型" clearable filterable class="!w-240px">
+          <el-option v-for="dict in valueTypeOptions" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="判定基准" prop="judgmentCriteria">
+        <el-input
+          v-model="queryParams.judgmentCriteria"
+          placeholder="请输入判定基准"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      -->
+      <el-form-item label="项目内容" prop="projectContent">
+        <el-input
+          v-model="queryParams.projectContent"
+          placeholder="请输入项目内容"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="创建时间" prop="createTime">
+        <el-date-picker
+          v-model="queryParams.createTime"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-220px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['mes:repair-tems:create']">
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        </el-button>
+        <el-button type="danger" plain @click="handleBatchDelete" :disabled="!selectedIds.length" v-hasPermi="['mes:repair-tems:delete']">
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
+        <el-button type="success" plain @click="handleExport" :loading="exportLoading" v-hasPermi="['mes:repair-tems:export']">
+          <Icon icon="ep:download" class="mr-5px" /> 导出
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <ContentWrap>
+    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" fixed="left" reserve-selection />
+      <el-table-column label="编码" align="center" prop="subjectCode" min-width="130" :formatter="cellOrDash" />
+      <el-table-column label="名称" align="center" prop="subjectName" min-width="160" :formatter="cellOrDash" />
+      <el-table-column label="设备类型" align="center" prop="deviceType" min-width="140">
+        <template #default="scope">
+          <el-tag effect="light">{{ getDeviceTypeName(scope.row.deviceType) }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="设备名称" align="center" prop="deviceName" min-width="160" :formatter="cellOrDash" />
+      <el-table-column label="关键件名称" align="center" prop="componentName" min-width="160" :formatter="cellOrDash" />
+      <!--
+      <el-table-column label="检验方式" align="center" prop="inspectionMethod" width="120">
+        <template #default="scope">
+          <dict-tag type="Inspection_method" :value="scope.row.inspectionMethod" />
+        </template>
+      </el-table-column>
+      <el-table-column label="值类型" align="center" prop="valueType" width="120">
+        <template #default="scope">
+          <dict-tag type="value_types" :value="scope.row.valueType" />
+        </template>
+      </el-table-column>
+      <el-table-column label="判定基准" align="center" prop="judgmentCriteria" min-width="180" />
+      -->
+      <el-table-column label="项目内容" align="center" prop="projectContent" min-width="200" :formatter="cellOrDash" />
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateOrDash" width="180" />
+      <el-table-column label="操作" align="center" width="140" fixed="right">
+        <template #default="scope">
+          <el-button link type="primary" @click="openForm('update', scope.row)" v-hasPermi="['mes:repair-tems:update']">编辑</el-button>
+          <el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['mes:repair-tems:delete']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize" @pagination="getList" />
+  </ContentWrap>
+
+  <RepairItemsForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { RepairItemsApi, RepairItemVO } from '@/api/mes/repairItems'
+import RepairItemsForm from './RepairItemsForm.vue'
+// import { getStrDictOptions } from '@/utils/dict'
+// import { useDictStoreWithOut } from '@/store/modules/dict'
+
+defineOptions({ name: 'RepairItems' })
+
+const message = useMessage()
+const { t } = useI18n()
+
+// const dictStore = useDictStoreWithOut()
+// const dictReady = ref(false)
+// const inspectionMethodOptions = computed(() => (dictReady.value ? getStrDictOptions('Inspection_method') : []))
+// const valueTypeOptions = computed(() => (dictReady.value ? getStrDictOptions('value_types') : []))
+
+const loading = ref(true)
+const list = ref<RepairItemVO[]>([])
+const total = ref(0)
+const exportLoading = ref(false)
+
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  subjectCode: undefined as string | undefined,
+  subjectName: undefined as string | undefined,
+  deviceType: undefined as number | undefined,
+  inspectionMethod: undefined as string | undefined,
+  valueType: undefined as string | undefined,
+  judgmentCriteria: undefined as string | undefined,
+  isEnable: undefined as string | undefined,
+  projectContent: undefined as string | undefined,
+  createTime: [] as string[]
+})
+
+const queryFormRef = ref()
+const tableRef = ref()
+const selectedIds = ref<number[]>([])
+const formRef = ref()
+
+const deviceTypeOptions = ref<{ label: string; value: number }[]>([
+  { label: '设备', value: 1 },
+  { label: '关键件', value: 2 }
+])
+
+const getDeviceTypeName = (value: any) => {
+  if (value === undefined || value === null || value === '') return '-'
+  const v = typeof value === 'number' ? value : Number(value)
+  if (v === 1) return '设备'
+  if (v === 2) return '关键件'
+  return String(value)
+}
+
+const cellOrDash = (_row: any, _column: any, cellValue: any) => {
+  if (cellValue === undefined || cellValue === null || cellValue === '') return '-'
+  return String(cellValue)
+}
+
+const dateOrDash = (row: any, column: any, cellValue: any) => {
+  const text = dateFormatter(row, column, cellValue)
+  if (text === undefined || text === null || text === '') return '-'
+  return String(text)
+}
+
+
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await RepairItemsApi.getRepairItemsPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+const handleSelectionChange = (rows: any[]) => {
+  selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []
+}
+
+const openForm = (type: string, row?: any) => {
+  formRef.value.open(type, row)
+}
+
+const buildIdsParam = (ids: number | number[]) => {
+  return Array.isArray(ids) ? ids.join(',') : String(ids)
+}
+
+const handleDelete = async (ids: number | number[]) => {
+  try {
+    await message.delConfirm()
+    await RepairItemsApi.deleteRepairItems(buildIdsParam(ids))
+    message.success(t('common.delSuccess'))
+    selectedIds.value = []
+    tableRef.value?.clearSelection?.()
+    await getList()
+  } catch {}
+}
+
+const handleBatchDelete = async () => {
+  if (!selectedIds.value.length) {
+    message.error('请选择需要删除的数据')
+    return
+  }
+  await handleDelete(selectedIds.value)
+}
+
+const handleExport = async () => {
+  try {
+    await message.exportConfirm()
+    exportLoading.value = true
+    const params = {
+      ...queryParams,
+      ids: selectedIds.value.length ? selectedIds.value.join(',') : undefined
+    }
+    const data = await RepairItemsApi.exportRepairItems(params)
+    download.excel(data, '维修项目.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+onMounted(async () => {
+  await getList()
+})
+</script>