fix: 解决名称过长显示不全的问题

This commit is contained in:
liuzhiyuan 2025-08-07 09:22:00 +08:00
parent 611adc0bff
commit 4c44096f41
2 changed files with 19 additions and 7 deletions

View File

@ -50,7 +50,7 @@ import axios from 'axios'
import { getApiBaseUrl } from './config'
//
const isLoggedIn = ref(false)
const isLoggedIn = ref(true)
//
const currentPage = ref('dashboard')

View File

@ -78,24 +78,35 @@
<div class="teacher-info">
<div class="info-row">
<span class="info-label">姓名:</span>
<span class="info-value">{{ teacher.basicInformation.name0 }}</span>
<el-tooltip effect="dark" :content="teacher.basicInformation.name0" placement="top">
<span class="info-value">{{ teacher.basicInformation.name0 }}</span>
</el-tooltip>
</div>
<div class="info-row">
<span class="info-label">职称 / 职务:</span>
<span class="info-value">{{ teacher.basicInformation.name2 }}{{ teacher.basicInformation.name3 ? ' / ' + teacher.basicInformation.name3 : '' }}</span>
<el-tooltip effect="dark" :content="teacher.basicInformation.name2 + (teacher.basicInformation.name3 ? ' / ' + teacher.basicInformation.name3 : '')" placement="top">
<span class="info-value">
{{ teacher.basicInformation.name2 }}{{ teacher.basicInformation.name3 ? ' / ' + teacher.basicInformation.name3 : '' }}
</span>
</el-tooltip>
</div>
<div class="info-row">
<span class="info-label">所属学院:</span>
<span class="info-value">{{ teacher.basicInformation.name4 }}</span>
<el-tooltip effect="dark" :content="teacher.basicInformation.name4" placement="top">
<span class="info-value">{{ teacher.basicInformation.name4 }}</span>
</el-tooltip>
</div>
<div class="info-row">
<span class="info-label">最高学历:</span>
<span class="info-value">{{ teacher.basicInformation.name5 }}</span>
<el-tooltip effect="dark" :content="teacher.basicInformation.name5" placement="top">
<span class="info-value">{{ teacher.basicInformation.name5 }}</span>
</el-tooltip>
</div>
<div class="info-row">
<span class="info-label">学科方向:</span>
<span class="info-value">{{ teacher.basicInformation.name6 }}</span>
<el-tooltip effect="dark" :content="teacher.basicInformation.name6" placement="top">
<span class="info-value">{{ teacher.basicInformation.name6 }}</span>
</el-tooltip>
</div>
</div>
</div>
@ -118,6 +129,7 @@
import { ref, onMounted, watch, nextTick } from 'vue';
import * as echarts from 'echarts/core';
import { RadarChart } from 'echarts/charts';
import { ElTooltip } from 'element-plus';
//
import TalentDrawerDetail from './TalentDrawerDetail.vue';
import {