feat(mes): 优化物料产品选择器 V2 组件(完善 tooltip 展示)

pull/871/MERGE
YunaiV 2026-04-05 12:52:13 +08:00
parent 35e003de64
commit 998c22d3da
1 changed files with 8 additions and 3 deletions

View File

@ -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 + DialogVue attrs
// div class / style
const attrs = useAttrs()
defineOptions({ name: 'MdItemSelectV2', inheritAttrs: false })
const props = withDefaults(
defineProps<{