style(功能用例): 评审-名称过长处理

--bug=1044149 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001044149
This commit is contained in:
teukkk 2024-07-18 10:52:54 +08:00 committed by 刘瑞斌
parent 3413a74ea1
commit c93580b591
4 changed files with 20 additions and 14 deletions

View File

@ -335,4 +335,8 @@
} }
</script> </script>
<style lang="less" scoped></style> <style lang="less" scoped>
:deep(.file-name-first) {
max-width: 170px;
}
</style>

View File

@ -43,11 +43,11 @@
<div class="m-b[2px] flex items-center"> <div class="m-b[2px] flex items-center">
<a-tooltip :content="item.file.name"> <a-tooltip :content="item.file.name">
<div class="show-file-name"> <div class="show-file-name">
<div class="one-line-text max-w-[421px] pl-[4px] font-normal"> <div class="file-name-first one-line-text max-w-[421px] pl-[4px] font-normal">
{{ item.file.name.slice(0, item.file.name.indexOf('.')) }} {{ item.file.name.slice(0, item.file.name.indexOf('.')) }}
</div> </div>
<span class="font-normal text-[var(--color-text-1)]"> <span class="font-normal text-[var(--color-text-1)]">
{{ item.file.name.slice(item.file.name.indexOf('.')) }} {{ item.file.name.slice(item.file.name.lastIndexOf('.')) }}
</span> </span>
</div> </div>
</a-tooltip> </a-tooltip>

View File

@ -85,18 +85,20 @@
/> />
</a-spin> </a-spin>
</div> </div>
<a-spin :loading="caseDetailLoading" class="relative flex flex-1 flex-col"> <a-spin :loading="caseDetailLoading" class="relative flex flex-1 flex-col overflow-hidden">
<div class="content-center"> <div class="content-center">
<div class="rounded-[var(--border-radius-small)] bg-[var(--color-text-n9)] p-[16px]"> <div class="rounded-[var(--border-radius-small)] bg-[var(--color-text-n9)] p-[16px]">
<div class="mb-[12px] flex items-center justify-between"> <div class="mb-[12px] flex items-center">
<a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`"> <div class="mr-[16px] flex-1 overflow-hidden">
<div <a-tooltip :content="`【${caseDetail.num}】${caseDetail.name}`">
class="one-line-text cursor-pointer font-medium text-[rgb(var(--primary-5))]" <div
@click="goCaseDetail" class="one-line-text w-[fit-content] max-w-[100%] cursor-pointer font-medium text-[rgb(var(--primary-5))]"
> @click="goCaseDetail"
{{ caseDetail.num }}{{ caseDetail.name }} >
</div> {{ caseDetail.num }}{{ caseDetail.name }}
</a-tooltip> </div>
</a-tooltip>
</div>
<a-button <a-button
v-permission="['FUNCTIONAL_CASE:READ+UPDATE']" v-permission="['FUNCTIONAL_CASE:READ+UPDATE']"
type="outline" type="outline"

View File

@ -67,7 +67,7 @@
> >
<div class="flex-1 overflow-hidden"> <div class="flex-1 overflow-hidden">
<a-tooltip :content="caseDetail.name"> <a-tooltip :content="caseDetail.name">
<div class="one-line-text max-w-[100%] font-medium"> <div class="one-line-text w-[fit-content] max-w-[100%] font-medium">
{{ caseDetail.name }} {{ caseDetail.name }}
</div> </div>
</a-tooltip> </a-tooltip>