From 998c22d3dac8b87b7d3d570de278c818ddd9a3ee Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 5 Apr 2026 12:52:13 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(mes):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=89=A9=E6=96=99=E4=BA=A7=E5=93=81=E9=80=89=E6=8B=A9=E5=99=A8?=
 =?UTF-8?q?=20V2=20=E7=BB=84=E4=BB=B6=EF=BC=88=E5=AE=8C=E5=96=84=20tooltip?=
 =?UTF-8?q?=20=E5=B1=95=E7=A4=BA=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/md/item/components/MdItemSelectV2.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/mes/md/item/components/MdItemSelectV2.vue b/src/views/mes/md/item/components/MdItemSelectV2.vue
index 04f9ed817..e7d18304a 100644
--- a/src/views/mes/md/item/components/MdItemSelectV2.vue
+++ b/src/views/mes/md/item/components/MdItemSelectV2.vue
@@ -13,6 +13,7 @@
 -->
 <template>
   <div
+    v-bind="attrs"
     class="w-full"
     :class="disabled ? 'cursor-not-allowed' : 'cursor-pointer'"
     @click="handleClick"
@@ -37,9 +38,9 @@
         :class="disabled ? 'is-select-disabled' : 'is-select-clickable'"
       />
     </el-tooltip>
-    <!-- 弹窗选择器（单选模式），放在 div 内部保持单根节点，Vue 自动继承 attrs -->
-    <MdItemSelectDialogV2 ref="dialogRef" :multiple="false" @selected="handleSelected" />
   </div>
+  <!-- 弹窗必须放在 div 外部，否则弹窗内的点击事件会冒泡到 div 触发 handleClick -->
+  <MdItemSelectDialogV2 ref="dialogRef" :multiple="false" @selected="handleSelected" />
 </template>
 
 <script setup lang="ts">
@@ -47,7 +48,11 @@ import { MdItemApi, MdItemVO } from '@/api/mes/md/item'
 import { Search, CircleClose } from '@element-plus/icons-vue'
 import MdItemSelectDialogV2 from './MdItemSelectDialogV2.vue'
 
-defineOptions({ name: 'MdItemSelectV2' })
+// 组件有两个根节点（div + Dialog），Vue 不会自动继承 attrs；
+// 手动透传到外层 div，确保父组件传入的 class / style 等生效
+const attrs = useAttrs()
+
+defineOptions({ name: 'MdItemSelectV2', inheritAttrs: false })
 
 const props = withDefaults(
   defineProps<{