✨ feat(mes): 优化物料产品选择器 V2 组件(完善 tooltip 展示)
parent
35e003de64
commit
998c22d3da
|
|
@ -13,6 +13,7 @@
|
||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
|
v-bind="attrs"
|
||||||
class="w-full"
|
class="w-full"
|
||||||
:class="disabled ? 'cursor-not-allowed' : 'cursor-pointer'"
|
:class="disabled ? 'cursor-not-allowed' : 'cursor-pointer'"
|
||||||
@click="handleClick"
|
@click="handleClick"
|
||||||
|
|
@ -37,9 +38,9 @@
|
||||||
:class="disabled ? 'is-select-disabled' : 'is-select-clickable'"
|
:class="disabled ? 'is-select-disabled' : 'is-select-clickable'"
|
||||||
/>
|
/>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<!-- 弹窗选择器(单选模式),放在 div 内部保持单根节点,Vue 自动继承 attrs -->
|
|
||||||
<MdItemSelectDialogV2 ref="dialogRef" :multiple="false" @selected="handleSelected" />
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 弹窗必须放在 div 外部,否则弹窗内的点击事件会冒泡到 div 触发 handleClick -->
|
||||||
|
<MdItemSelectDialogV2 ref="dialogRef" :multiple="false" @selected="handleSelected" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<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 { Search, CircleClose } from '@element-plus/icons-vue'
|
||||||
import MdItemSelectDialogV2 from './MdItemSelectDialogV2.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(
|
const props = withDefaults(
|
||||||
defineProps<{
|
defineProps<{
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue