修改鼠标悬停提示处理

This commit is contained in:
sunhonglai
2025-04-27 11:00:41 +08:00
parent d79c628711
commit 4aec11a4e1

View File

@@ -77,14 +77,14 @@
<template #bodyCell="{ record, column }">
<template v-if="column.key === 'orgName'">
<a-space style="display:flex ;justify-content: left;" @mouseenter="showTooltip(record.orgName)" @mouseleave="hideTooltip">
<a-space style="display:flex ;justify-content: left;">
<!-- <a-popover>
<template #content>
<p>{{ record.orgName}}</p>
</template> -->
<div
style="max-width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;user-select:text"
>{{ record.neworganizationName }}</div>
:title="record.orgName">{{ record.neworganizationName }}</div>
<!-- </a-popover> -->
</a-space>
</template>
@@ -453,8 +453,9 @@ export default {
const activeTooltip = ref(null); // 当前显示的提示框对应的记录 ID
// 显示提示框
const showTooltip = (orgName) => {
activeTooltip.value = orgName;
const showTooltip = (title) => {
console.log("================title",title);
activeTooltip.value = title;
};
// 隐藏提示框
@@ -792,7 +793,14 @@ export default {
{ value.record.name } / { value.record.userNo }
</div>
)
}
},
customCell: (record) => {
return {
style: { userSelect: 'text' },
onMouseenter: () => showTooltip(record.name), // 绑定自定义的 showTooltip 方法
onMouseleave: hideTooltip, // 绑定自定义的 hideTooltip 方法
};
},
},
{
title: '所属组织 ',