修改鼠标悬停提示处理

src/views/lecturer/InsideLecturer.vue

@@ -77,14 +77,14 @@
           <template #bodyCell="{ record, column }">
 
             <template v-if="column.key === 'orgName'">
-              <a-space style="display:flex ;justify-content: left;">
+              <a-space style="display:flex ;justify-content: left;"  @mouseenter="showTooltip(record.orgName)" @mouseleave="hideTooltip">
                 <!-- <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"
-                  :title="record.orgName">{{ record.neworganizationName }}</div>
+                  >{{ record.neworganizationName }}</div>
                 <!-- </a-popover> -->
               </a-space>
             </template>
@@ -450,6 +450,18 @@ export default {
     LookInsideLecturer,
   },
   setup() {
+    const activeTooltip = ref(null); // 当前显示的提示框对应的记录 ID
+
+    // 显示提示框
+    const showTooltip = (orgName) => {
+      activeTooltip.value = orgName;
+    };
+
+    // 隐藏提示框
+    const hideTooltip = () => {
+      activeTooltip.value = null;
+    };
+
     onMounted(() => {
       const search = sessionStorage.getItem('searchLecturer')
       if (route.query.activeKey == 1) {
@@ -1426,6 +1438,9 @@ export default {
       createupdialog,
       removeList,
       checkMenu,
+      activeTooltip,
+      showTooltip,
+      hideTooltip,
     }
   },
 };