center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(系统设置): 添加字体，使总数超过10个，10个以后的字体无法展示

Browse Source
This commit is contained in:
dataeaseShu 2024-08-29 16:36:07 +08:00
parent 3997447e44
commit 2352d58820
2 changed files with 35 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/core-frontend/src/views/system/font/UploadDetail.vue
View File

@ -75,14 +75,14 @@ defineExpose({
})
const beforeAvatarUpload = rawFile => {
if (rawFile.type !== 'font/ttf') {
if (!rawFile.name.endsWith('.ttf')) {
ElMessage.error('只支持上传ttf格式的字体文件!')
return false
}
return true
}
const onChange = file => {
if (file.raw?.type === 'font/ttf') {
if (file.raw?.name.endsWith('.ttf')) {
state.fileList = file
}
}

61
core/core-frontend/src/views/system/font/index.vue
View File

@ -128,33 +128,35 @@ onMounted(() => {
</el-button>
</div>
</div>
<div class="font-content_list">
<div class="font-content_item" v-for="ele in fontList" :key="ele">
<span v-if="ele.isDefault" class="font-default">默认字体</span>
<div class="font-name">
{{ ele.name }} <span v-if="ele.isBuiltin" class="font-type"> 系统内置 </span>
</div>
<div :title="ele.fileName" class="font-update_time">
更新时间： {{ new Date(ele.updateTime).toLocaleString() }}
<span class="line"></span> 字库文件： {{ ele.fileName }}
</div>
<div class="font-upload_btn">
<el-button
v-if="!ele.fileTransName"
@click="uploadFont('上传字库文件', 'uploadFile', ele)"
secondary
>上传字库文件</el-button
>
<el-button
v-if="ele.fileTransName"
@click="uploadFont('替换字库文件', 'uploadFile', ele)"
secondary
>替换字库文件</el-button
>
<el-button v-if="!ele.isDefault" @click="setToDefault(ele)" secondary
>设为默认字体</el-button
>
<el-button v-if="ele.id !== '1'" @click="deleteFont(ele)" secondary>删除</el-button>
<div class="font-content_overflow">
<div class="font-content_list">
<div class="font-content_item" v-for="ele in fontList" :key="ele">
<span v-if="ele.isDefault" class="font-default">默认字体</span>
<div class="font-name">
{{ ele.name }} <span v-if="ele.isBuiltin" class="font-type"> 系统内置 </span>
</div>
<div :title="ele.fileName" class="font-update_time">
更新时间： {{ new Date(ele.updateTime).toLocaleString() }}
<span class="line"></span> 字库文件： {{ ele.fileName }}
</div>
<div class="font-upload_btn">
<el-button
v-if="!ele.fileTransName"
@click="uploadFont('上传字库文件', 'uploadFile', ele)"
secondary
>上传字库文件</el-button
>
<el-button
v-if="ele.fileTransName"
@click="uploadFont('替换字库文件', 'uploadFile', ele)"
secondary
>替换字库文件</el-button
>
<el-button v-if="!ele.isDefault" @click="setToDefault(ele)" secondary
>设为默认字体</el-button
>
<el-button v-if="ele.id !== '1'" @click="deleteFont(ele)" secondary>删除</el-button>
</div>
</div>
</div>
</div>
@ -183,12 +185,15 @@ onMounted(() => {
}
}
}
.font-content_overflow {
height: calc(100vh - 146px);
overflow-y: auto;
}
.font-content_list {
display: flex;
flex-wrap: wrap;
row-gap: 16px;
justify-content: space-between;
.font-content_item {
border-radius: 4px;
background: #fff;