mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-10 03:16:44 +08:00
修改鼠标悬停提示处理
This commit is contained in:
@@ -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: '所属组织 ',
|
||||
|
||||
Reference in New Issue
Block a user