fix(文件管理): 文件名称列文字宽度自适应
--bug=1047139 --user=白奇 【项目管理】文件管理列表-文件名称表头字段向右拖动加宽-名称仍展示不全 https://www.tapd.cn/55049933/s/1585736
This commit is contained in:
parent
da6c3d796f
commit
074c0d66cf
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue