From 083c187f2f46152fb42a825f00d252a3e3641f6f Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Fri, 20 Feb 2026 14:42:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor(mes):=20=E9=87=8D=E6=9E=84=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E4=BF=9D=E5=85=BB=E8=AE=B0=E5=BD=95=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=EF=BC=8C=E6=8A=BD=E5=8F=96=E5=8F=AF=E5=A4=8D=E7=94=A8=20Select?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 新增 DvMachinerySelect、DvCheckPlanSelect、UserSelect 三个通用选择器组件
2. MaintenRecordForm 和 index 页面改用 Select 组件替代内联远程搜索逻辑
3. MaintenRecordLineForm 合并到 MaintenRecordLineList（参考 pro/route 风格）
4. API 文件 maintenRecordLine.ts 迁移至 line/index.ts
5. 保养记录状态枚举从 10/20 改为 0/1，与后端对齐
---
 .../{maintenRecordLine.ts => line/index.ts}   |  1 -
 .../components/DvCheckPlanSelect.vue          | 81 +++++++++++++++++
 .../components/DvMachinerySelect.vue          | 79 +++++++++++++++++
 .../system/user/components/UserSelect.vue     | 86 +++++++++++++++++++
 4 files changed, 246 insertions(+), 1 deletion(-)
 rename src/api/mes/dv/maintenrecord/{maintenRecordLine.ts => line/index.ts} (97%)
 create mode 100644 src/views/mes/dv/checkplan/components/DvCheckPlanSelect.vue
 create mode 100644 src/views/mes/dv/machinery/components/DvMachinerySelect.vue
 create mode 100644 src/views/system/user/components/UserSelect.vue

diff --git a/src/api/mes/dv/maintenrecord/maintenRecordLine.ts b/src/api/mes/dv/maintenrecord/line/index.ts
similarity index 97%
rename from src/api/mes/dv/maintenrecord/maintenRecordLine.ts
rename to src/api/mes/dv/maintenrecord/line/index.ts
index c9dca3aed..844c3996f 100644
--- a/src/api/mes/dv/maintenrecord/maintenRecordLine.ts
+++ b/src/api/mes/dv/maintenrecord/line/index.ts
@@ -1,6 +1,5 @@
 import request from '@/config/axios'
 
-// TODO @AI：line/index.ts 里；
 // MES 设备保养记录明细 VO
 export interface DvMaintenRecordLineVO {
   id: number // 编号
diff --git a/src/views/mes/dv/checkplan/components/DvCheckPlanSelect.vue b/src/views/mes/dv/checkplan/components/DvCheckPlanSelect.vue
new file mode 100644
index 000000000..55dacaa44
--- /dev/null
+++ b/src/views/mes/dv/checkplan/components/DvCheckPlanSelect.vue
@@ -0,0 +1,81 @@
+<!-- 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 { DvCheckPlanApi, DvCheckPlanVO } from '@/api/mes/dv/checkplan'
+
+defineOptions({ name: 'DvCheckPlanSelect' })
+
+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: DvCheckPlanVO | undefined]
+}>()
+
+const optionList = ref<DvCheckPlanVO[]>([])
+
+const selectValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+
+/** 远程搜索 */
+const handleRemoteSearch = async (query: string) => {
+  try {
+    const data = await DvCheckPlanApi.getCheckPlanPage({ name: query, pageNo: 1, pageSize: 20 })
+    optionList.value = data.list
+  } catch {}
+}
+
+/** 选中变化 */
+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 DvCheckPlanApi.getCheckPlan(val)
+      if (item) optionList.value = [item, ...optionList.value]
+    }
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/views/mes/dv/machinery/components/DvMachinerySelect.vue b/src/views/mes/dv/machinery/components/DvMachinerySelect.vue
new file mode 100644
index 000000000..984ca613b
--- /dev/null
+++ b/src/views/mes/dv/machinery/components/DvMachinerySelect.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 { DvMachineryApi, DvMachineryVO } from '@/api/mes/dv/machinery'
+
+defineOptions({ name: 'DvMachinerySelect' })
+
+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: DvMachineryVO | undefined]
+}>()
+
+const optionList = ref<DvMachineryVO[]>([])
+
+const selectValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+
+/** 远程搜索 */
+const handleRemoteSearch = async (query: string) => {
+  const data = await DvMachineryApi.getMachineryPage({ 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 DvMachineryApi.getMachinery(val)
+      if (item) optionList.value = [item, ...optionList.value]
+    }
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/views/system/user/components/UserSelect.vue b/src/views/system/user/components/UserSelect.vue
new file mode 100644
index 000000000..fc79efa2e
--- /dev/null
+++ b/src/views/system/user/components/UserSelect.vue
@@ -0,0 +1,86 @@
+<!-- 系统用户选择器：纯下拉，前端过滤（支持 nickname），展示部门 -->
+<template>
+  <el-select
+    v-model="selectValue"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :clearable="clearable"
+    filterable
+    :filter-method="handleFilter"
+    class="!w-1/1"
+    @change="handleChange"
+  >
+    <el-option
+      v-for="item in filteredList"
+      :key="item.id"
+      :label="item.nickname"
+      :value="item.id"
+    >
+      <div class="flex items-center gap-8px">
+        <span>{{ item.nickname }}</span>
+        <el-tag v-if="item.deptName" size="small" type="info" class="ml-4px">
+          {{ item.deptName }}
+        </el-tag>
+      </div>
+    </el-option>
+  </el-select>
+</template>
+
+<script setup lang="ts">
+import * as UserApi from '@/api/system/user'
+
+defineOptions({ name: 'UserSelect' })
+
+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: UserApi.UserVO | undefined]
+}>()
+
+const allList = ref<UserApi.UserVO[]>([])
+const filteredList = ref<UserApi.UserVO[]>([])
+
+const selectValue = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+
+/** 前端过滤（nickname + deptName） */
+const handleFilter = (query: string) => {
+  if (!query) {
+    filteredList.value = allList.value
+    return
+  }
+  const keyword = query.toLowerCase()
+  filteredList.value = allList.value.filter(
+    (item) =>
+      item.nickname?.toLowerCase().includes(keyword) ||
+      (item as any).deptName?.toLowerCase().includes(keyword)
+  )
+}
+
+/** 选中变化 */
+const handleChange = (val: number | undefined) => {
+  const item = allList.value.find((o) => o.id === val)
+  emit('change', item)
+}
+
+/** 加载用户列表 */
+onMounted(async () => {
+  allList.value = await UserApi.getSimpleUserList()
+  filteredList.value = allList.value
+})
+</script>