From a585a48ca516f05e763a3a3628940d0760d1d50b Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 6 Apr 2026 22:40:02 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(mes):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=B7=A5=E5=BA=8F=E9=80=89=E6=8B=A9=E5=99=A8=E7=9A=84=E6=82=AC?=
 =?UTF-8?q?=E5=81=9C=20tooltip=20=E5=B1=95=E7=A4=BA=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../process/components/ProProcessSelect.vue   | 64 ++++++++++++++-----
 1 file changed, 47 insertions(+), 17 deletions(-)

diff --git a/src/views/mes/pro/process/components/ProProcessSelect.vue b/src/views/mes/pro/process/components/ProProcessSelect.vue
index ccd49c013..e57842474 100644
--- a/src/views/mes/pro/process/components/ProProcessSelect.vue
+++ b/src/views/mes/pro/process/components/ProProcessSelect.vue
@@ -1,22 +1,32 @@
-<!-- MES 工序选择器：纯下拉，前端过滤（支持 name、code） -->
+<!-- MES 工序选择器：纯下拉，前端过滤（支持 name、code），悬停 tooltip 展示详情 -->
 <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.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>
+  <el-tooltip :disabled="!selectedItem" placement="top" :show-after="500">
+    <template #content>
+      <div v-if="selectedItem" class="leading-6">
+        <div>编码：{{ selectedItem.code || '-' }}</div>
+        <div>名称：{{ selectedItem.name || '-' }}</div>
+        <div>工艺要求：{{ selectedItem.attention || '-' }}</div>
+        <div>备注：{{ selectedItem.remark || '-' }}</div>
       </div>
-    </el-option>
-  </el-select>
+    </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.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>
+  </el-tooltip>
 </template>
 
 <script setup lang="ts">
@@ -45,6 +55,7 @@ const emit = defineEmits<{
 
 const allList = ref<ProProcessVO[]>([])
 const filteredList = ref<ProProcessVO[]>([])
+const selectedItem = ref<ProProcessVO | undefined>() // 当前选中的工序对象（用于 tooltip 展示）
 
 const selectValue = computed({
   get: () => props.modelValue,
@@ -67,12 +78,31 @@ const handleFilter = (query: string) => {
 /** 选中变化 */
 const handleChange = (val: number | undefined) => {
   const item = allList.value.find((o) => o.id === val)
+  selectedItem.value = item
   emit('change', item)
 }
 
+/** 根据 modelValue 同步 selectedItem（用于编辑回显） */
+watch(
+  () => props.modelValue,
+  (val) => {
+    if (val == null) {
+      selectedItem.value = undefined
+      return
+    }
+    if (selectedItem.value?.id !== val && allList.value.length > 0) {
+      selectedItem.value = allList.value.find((o) => o.id === val)
+    }
+  }
+)
+
 /** 加载工序列表 */
 onMounted(async () => {
   allList.value = await ProProcessApi.getProcessSimpleList()
   filteredList.value = allList.value
+  // 列表加载完成后，回显 selectedItem
+  if (props.modelValue != null) {
+    selectedItem.value = allList.value.find((o) => o.id === props.modelValue)
+  }
 })
 </script>