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,26 +51,32 @@
@module-change="searchList" @module-change="searchList"
> >
<template #name="{ record, rowIndex }"> <template #name="{ record, rowIndex }">
<MsTag <div class="flex w-full justify-start overflow-hidden">
v-if="record.fileType.toLowerCase() === 'jar'" <MsTag
theme="light" v-if="record.fileType.toLowerCase() === 'jar'"
type="success" theme="light"
:self-style=" type="success"
record.enable :self-style="
? {} record.enable
: { ? {}
color: 'var(--color-text-4)', : {
backgroundColor: 'var(--color-text-n9)', color: 'var(--color-text-4)',
} backgroundColor: 'var(--color-text-n9)',
" }
> "
{{ t(record.enable ? 'common.enable' : 'common.disable') }} >
</MsTag> {{ t(record.enable ? 'common.enable' : 'common.disable') }}
<a-tooltip :content="record.name"> </MsTag>
<a-button type="text" class="px-0" @click="openFileDetail(record.id, rowIndex)"> <a-tooltip :content="record.name">
<div class="one-line-text max-w-[168px]">{{ record.name }}</div> <a-button
</a-button> type="text"
</a-tooltip> 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-tooltip>
</div>
</template> </template>
<template #size="{ record }"> <template #size="{ record }">
<span>{{ formatFileSize(record.size) }}</span> <span>{{ formatFileSize(record.size) }}</span>