From 05d7212bd0401700ad18e45cf25451f2da6e590f Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Fri, 20 Feb 2026 15:33:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(mes):=20=E9=87=8D=E6=9E=84=E7=82=B9?=
 =?UTF-8?q?=E6=A3=80=E4=BF=9D=E5=85=BB=E6=96=B9=E6=A1=88=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=8C=E6=96=B0=E5=A2=9E=E8=AE=BE=E5=A4=87=E5=92=8C=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E9=80=89=E6=8B=A9=E5=99=A8=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=90=AF=E7=94=A8=E5=81=9C=E7=94=A8=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/dv/checkplan/CheckPlanForm.vue  | 49 ------------
 .../dv/checkplan/CheckPlanMachineryList.vue   | 22 +-----
 .../mes/dv/checkplan/CheckPlanSubjectList.vue | 22 +-----
 src/views/mes/dv/checkplan/index.vue          | 19 +++++
 .../dv/subject/components/DvSubjectSelect.vue | 79 +++++++++++++++++++
 5 files changed, 102 insertions(+), 89 deletions(-)
 create mode 100644 src/views/mes/dv/subject/components/DvSubjectSelect.vue

diff --git a/src/views/mes/dv/checkplan/CheckPlanForm.vue b/src/views/mes/dv/checkplan/CheckPlanForm.vue
index ed88f22cb..289d29cdf 100644
--- a/src/views/mes/dv/checkplan/CheckPlanForm.vue
+++ b/src/views/mes/dv/checkplan/CheckPlanForm.vue
@@ -108,24 +108,6 @@
       </el-tab-pane>
     </el-tabs>
     <template #footer>
-      <!-- 启用方案：仅草稿状态显示 -->
-      <el-button
-        v-if="formType === 'update' && formData.status === MesDvCheckPlanStatusEnum.PREPARE"
-        type="warning"
-        @click="handleEnable"
-        :disabled="formLoading"
-      >
-        启用方案
-      </el-button>
-      <!-- 停用方案：仅已启用状态显示 -->
-      <el-button
-        v-if="formType === 'update' && formData.status === MesDvCheckPlanStatusEnum.ENABLED"
-        type="danger"
-        @click="handleDisable"
-        :disabled="formLoading"
-      >
-        停用方案
-      </el-button>
       <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
       <el-button @click="dialogVisible = false">取 消</el-button>
     </template>
@@ -215,37 +197,6 @@ const submitForm = async () => {
   }
 }
 
-// TODO @AI：启用、停用逻辑，全部迁移到 index.vue 里；聚焦一点；
-/** 启用方案 */
-const handleEnable = async () => {
-  try {
-    await message.confirm('确认启用该点检保养方案？启用后将不可修改或删除。')
-    formLoading.value = true
-    await DvCheckPlanApi.enableCheckPlan(formData.value.id!)
-    message.success('启用成功')
-    dialogVisible.value = false
-    emit('success')
-  } catch {
-  } finally {
-    formLoading.value = false
-  }
-}
-
-/** 停用方案 */
-const handleDisable = async () => {
-  try {
-    await message.confirm('确认停用该点检保养方案？')
-    formLoading.value = true
-    await DvCheckPlanApi.disableCheckPlan(formData.value.id!)
-    message.success('停用成功')
-    dialogVisible.value = false
-    emit('success')
-  } catch {
-  } finally {
-    formLoading.value = false
-  }
-}
-
 /** 重置表单 */
 const resetForm = () => {
   formData.value = {
diff --git a/src/views/mes/dv/checkplan/CheckPlanMachineryList.vue b/src/views/mes/dv/checkplan/CheckPlanMachineryList.vue
index ac119f6d6..111760aaf 100644
--- a/src/views/mes/dv/checkplan/CheckPlanMachineryList.vue
+++ b/src/views/mes/dv/checkplan/CheckPlanMachineryList.vue
@@ -27,23 +27,8 @@
         label-width="80px"
         v-loading="formLoading"
       >
-        <!-- TODO @AI：使用组件的 machinery select，如果没有，就封装一个！另外，现在 {{ item.machineryCode }} - {{ item.machineryName }} 都展示不出来； -->
         <el-form-item label="设备" prop="machineryId">
-          <el-select
-            v-model="formData.machineryId"
-            placeholder="请选择设备"
-            class="!w-1/1"
-            filterable
-          >
-            <el-option
-              v-for="item in machineryList"
-              :key="item.id"
-              :label="item.machineryName"
-              :value="item.id"
-            >
-              <span>{{ item.machineryCode }} - {{ item.machineryName }}</span>
-            </el-option>
-          </el-select>
+          <DvMachinerySelect v-model="formData.machineryId" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="formData.remark" type="textarea" placeholder="请输入备注" />
@@ -59,7 +44,7 @@
 
 <script setup lang="ts">
 import { DvCheckPlanMachineryApi, DvCheckPlanMachineryVO } from '@/api/mes/dv/checkplan/machinery'
-import { DvMachineryApi } from '@/api/mes/dv/machinery'
+import DvMachinerySelect from '@/views/mes/dv/machinery/components/DvMachinerySelect.vue'
 
 defineOptions({ name: 'CheckPlanMachineryList' })
 
@@ -72,7 +57,6 @@ const message = useMessage() // 消息弹窗
 
 const loading = ref(false) // 列表的加载中
 const list = ref<DvCheckPlanMachineryVO[]>([]) // 列表的数据
-const machineryList = ref<any[]>([]) // 设备下拉列表
 
 /** 查询列表 */
 const getList = async () => {
@@ -104,8 +88,6 @@ const openForm = async (type: string) => {
   dialogVisible.value = true
   dialogTitle.value = t('action.' + type)
   resetForm()
-  // 加载设备下拉列表
-  machineryList.value = await DvMachineryApi.getSimpleList()
 }
 
 /** 提交表单 */
diff --git a/src/views/mes/dv/checkplan/CheckPlanSubjectList.vue b/src/views/mes/dv/checkplan/CheckPlanSubjectList.vue
index 423c0af6d..ba6a3242d 100644
--- a/src/views/mes/dv/checkplan/CheckPlanSubjectList.vue
+++ b/src/views/mes/dv/checkplan/CheckPlanSubjectList.vue
@@ -33,22 +33,7 @@
         v-loading="formLoading"
       >
         <el-form-item label="项目" prop="subjectId">
-          <!-- TODO @AI：使用组件的 machinery select，如果没有，就封装一个！另外，现在 {{ item.machineryCode }} - {{ item.machineryName }} 都展示不出来； -->
-          <el-select
-            v-model="formData.subjectId"
-            placeholder="请选择项目"
-            class="!w-1/1"
-            filterable
-          >
-            <el-option
-              v-for="item in subjectList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-            >
-              <span>{{ item.code }} - {{ item.name }}</span>
-            </el-option>
-          </el-select>
+          <DvSubjectSelect v-model="formData.subjectId" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="formData.remark" type="textarea" placeholder="请输入备注" />
@@ -65,7 +50,7 @@
 <script setup lang="ts">
 import { DICT_TYPE } from '@/utils/dict'
 import { DvCheckPlanSubjectApi, DvCheckPlanSubjectVO } from '@/api/mes/dv/checkplan/subject'
-import { DvSubjectApi } from '@/api/mes/dv/subject'
+import DvSubjectSelect from '@/views/mes/dv/subject/components/DvSubjectSelect.vue'
 
 defineOptions({ name: 'CheckPlanSubjectList' })
 
@@ -78,7 +63,6 @@ const message = useMessage() // 消息弹窗
 
 const loading = ref(false) // 列表的加载中
 const list = ref<DvCheckPlanSubjectVO[]>([]) // 列表的数据
-const subjectList = ref<any[]>([]) // 项目下拉列表
 
 /** 查询列表 */
 const getList = async () => {
@@ -110,8 +94,6 @@ const openForm = async (type: string) => {
   dialogVisible.value = true
   dialogTitle.value = t('action.' + type)
   resetForm()
-  // 加载项目下拉列表
-  subjectList.value = await DvSubjectApi.getSimpleList()
 }
 
 /** 提交表单 */
diff --git a/src/views/mes/dv/checkplan/index.vue b/src/views/mes/dv/checkplan/index.vue
index eb2023dbd..22477c0d1 100644
--- a/src/views/mes/dv/checkplan/index.vue
+++ b/src/views/mes/dv/checkplan/index.vue
@@ -138,6 +138,15 @@
           >
             删除
           </el-button>
+          <el-button
+            v-if="scope.row.status === MesDvCheckPlanStatusEnum.PREPARE"
+            link
+            type="success"
+            @click="handleEnable(scope.row.id)"
+            v-hasPermi="['mes:dv-check-plan:update']"
+          >
+            启用
+          </el-button>
           <el-button
             v-if="scope.row.status === MesDvCheckPlanStatusEnum.ENABLED"
             link
@@ -230,6 +239,16 @@ const handleDelete = async (id: number) => {
   } catch {}
 }
 
+/** 启用按钮操作 */
+const handleEnable = async (id: number) => {
+  try {
+    await message.confirm('确认启用该点检保养方案？启用后将不可修改或删除。')
+    await DvCheckPlanApi.enableCheckPlan(id)
+    message.success('启用成功')
+    await getList()
+  } catch {}
+}
+
 /** 停用按钮操作 */
 const handleDisable = async (id: number) => {
   try {
diff --git a/src/views/mes/dv/subject/components/DvSubjectSelect.vue b/src/views/mes/dv/subject/components/DvSubjectSelect.vue
new file mode 100644
index 000000000..972c84283
--- /dev/null
+++ b/src/views/mes/dv/subject/components/DvSubjectSelect.vue
@@ -0,0 +1,79 @@
+<!-- MES 点检保养项目选择器：远程搜索下拉（支持 name、code） -->
+<template>
+  <el-select
+    v-model="selectValue"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :clearable="clearable"
+    filterable
+    remote
+    remote-show-suffix
+    reserve-keyword
+    :remote-method="handleRemoteSearch"
+    class="!w-1/1"
+    @change="handleChange"
+  >
+    <el-option v-for="item in optionList" :key="item.id" :label="item.name" :value="item.id">
+      <div class="flex items-center gap-8px">
+        <span>{{ item.name }}</span>
+        <el-tag v-if="item.code" size="small" type="info" class="ml-4px">{{ item.code }}</el-tag>
+      </div>
+    </el-option>
+  </el-select>
+</template>
+
+<script setup lang="ts">
+import { DvSubjectApi, DvSubjectVO } from '@/api/mes/dv/subject'
+
+defineOptions({ name: 'DvSubjectSelect' })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: number
+    disabled?: boolean
+    clearable?: boolean
+    placeholder?: string
+  }>(),
+  {
+    disabled: false,
+    clearable: true,
+    placeholder: '请选择项目'
+  }
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [value: number | undefined]
+  change: [item: DvSubjectVO | undefined]
+}>()
+
+const optionList = ref<DvSubjectVO[]>([])
+
+const selectValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+
+/** 远程搜索 */
+const handleRemoteSearch = async (query: string) => {
+  const data = await DvSubjectApi.getSubjectPage({ name: query, pageNo: 1, pageSize: 20 })
+  optionList.value = data.list
+}
+
+/** 选中变化 */
+const handleChange = (val: number | undefined) => {
+  const item = optionList.value.find((o) => o.id === val)
+  emit('change', item)
+}
+
+/** 回显：根据 modelValue 加载初始选项 */
+watch(
+  () => props.modelValue,
+  async (val) => {
+    if (val && !optionList.value.find((o) => o.id === val)) {
+      const item = await DvSubjectApi.getSubject(val)
+      if (item) optionList.value = [item, ...optionList.value]
+    }
+  },
+  { immediate: true }
+)
+</script>