fix(系统设置): 字体管理搜索失效

This commit is contained in:
dataeaseShu 2024-09-02 10:30:25 +08:00
parent 21f96f184f
commit 8f7f04ed8d
2 changed files with 9 additions and 2 deletions

View File

@ -469,6 +469,7 @@ onMounted(async () => {
font-style: normal;
font-weight: 400;
line-height: 20px;
word-wrap: break-word;
}
.demo-tips {

View File

@ -1,5 +1,5 @@
<script lang="ts" setup>
import { onMounted, ref } from 'vue'
import { onMounted, ref, computed } from 'vue'
import UploadDetail from './UploadDetail.vue'
import { deleteById, edit, list, defaultFont } from '@/api/font'
import { ElMessage, ElMessageBox } from 'element-plus-secondary'
@ -24,6 +24,12 @@ const listFont = () => {
})
}
const fontListComputed = computed(() => {
return fontList.value.filter(ele => {
return ele.name?.toLocaleLowerCase().includes(fontKeyword.value.trim().toLocaleLowerCase())
})
})
const deleteFont = item => {
if (item.isDefault) {
ElMessage.warning('请先将其他字体设置为默认字体,再进行删除。')
@ -130,7 +136,7 @@ onMounted(() => {
</div>
<div class="font-content_overflow">
<div class="font-content_list">
<div class="font-content_item" v-for="ele in fontList" :key="ele">
<div class="font-content_item" v-for="ele in fontListComputed" :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>