fix(文件管理): 文件名称列文字宽度自适应

--bug=1047139 --user=白奇 【项目管理】文件管理列表-文件名称表头字段向右拖动加宽-名称仍展示不全 https://www.tapd.cn/55049933/s/1585736
This commit is contained in:
baiqi 2024-09-25 14:21:34 +08:00 committed by Craftsman
parent da6c3d796f
commit 074c0d66cf
1 changed files with 26 additions and 20 deletions

View File

@ -51,6 +51,7 @@
@module-change="searchList" @module-change="searchList"
> >
<template #name="{ record, rowIndex }"> <template #name="{ record, rowIndex }">
<div class="flex w-full justify-start overflow-hidden">
<MsTag <MsTag
v-if="record.fileType.toLowerCase() === 'jar'" v-if="record.fileType.toLowerCase() === 'jar'"
theme="light" theme="light"
@ -67,10 +68,15 @@
{{ t(record.enable ? 'common.enable' : 'common.disable') }} {{ t(record.enable ? 'common.enable' : 'common.disable') }}
</MsTag> </MsTag>
<a-tooltip :content="record.name"> <a-tooltip :content="record.name">
<a-button type="text" class="px-0" @click="openFileDetail(record.id, rowIndex)"> <a-button
<div class="one-line-text max-w-[168px]">{{ record.name }}</div> type="text"
class="max-w-full flex-1 justify-start px-0"
@click="openFileDetail(record.id, rowIndex)"
>
<div class="one-line-text">{{ record.name }}</div>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
</div>
</template> </template>
<template #size="{ record }"> <template #size="{ record }">
<span>{{ formatFileSize(record.size) }}</span> <span>{{ formatFileSize(record.size) }}</span>