当前检测项目过长

This commit is contained in:
caozehui
2026-07-23 16:31:24 +08:00
parent 009c0ed0c8
commit e3a4e7d04c

View File

@@ -106,13 +106,15 @@
<div class="content-right"> <div class="content-right">
<div class="content-right-title"> <div class="content-right-title">
<div style="width: 840px"> <div class="content-right-title-main">
<span class="content-right-title-text"> <span class="content-right-title-text">
当前检测项目 当前检测项目
<el-popover trigger="hover" :content="currentDesc" width="500px" placement="right"> <el-popover trigger="hover" :content="currentDesc" width="500px" placement="right">
<template #reference> <template #reference>
<el-button type="text" style="font-size: 14px"> <el-button type="text" class="current-script-type-name">
{{ currentScriptTypeName }} <span class="current-script-type-name-text" :title="currentScriptTypeName">
{{ currentScriptTypeName }}
</span>
</el-button> </el-button>
</template> </template>
</el-popover> </el-popover>
@@ -884,13 +886,37 @@ defineExpose({
.content-right-title { .content-right-title {
display: flex; display: flex;
align-items: center;
padding: 10px 0; padding: 10px 0;
margin-top: 10px; margin-top: 10px;
line-height: 1.5; line-height: 1.5;
.content-right-title-main {
width: 840px;
min-width: 0;
}
.content-right-title-text { .content-right-title-text {
display: flex;
align-items: center;
min-width: 0;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
.current-script-type-name {
max-width: 660px;
min-width: 0;
padding: 0;
font-size: 14px;
}
.current-script-type-name-text {
display: block;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
} }
} }
@@ -927,4 +953,4 @@ defineExpose({
<!-- background-color: var(--el-color-primary) !important;--> <!-- background-color: var(--el-color-primary) !important;-->
<!-- }--> <!-- }-->
<!--}--> <!--}-->
<!--</style>--> <!--</style>-->