panyy
/
UnisKB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perf: style

v3.2
wangdan-fit2cloud 2025-08-29 17:55:56 +08:00
parent fe35ba3cdc
commit bc26024bcc
13 changed files with 60 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/layout/components/breadcrumb/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="breadcrumb ml-4 mt-4 mb-12 flex"> <div class="breadcrumb ml-4 mt-4 mb-12 flex align-center">
<back-button @click="toBack"></back-button> <back-button @click="toBack"></back-button>
<div class="flex align-center"> <div class="flex align-center">
<el-avatar <el-avatar

23
ui/src/styles/element-plus.scss
View File

@ -248,6 +248,11 @@
color: var(--el-text-color-primary); color: var(--el-text-color-primary);
} }
.el-form-item__content {
font-weight: 400 !important;
color: var(--el-text-color-primary);
}
.el-form-item__error { .el-form-item__error {
position: unset; position: unset;
font-size: 14px; font-size: 14px;
@ -285,6 +290,20 @@
font-weight: 400; font-weight: 400;
} }
// el-select
.el-select__selected-item {
color: var(--el-text-color-primary);
font-weight: 400;
}
.el-select__caret {
color: var(--app-text-color-secondary);
}
// el-textarea
.el-textarea {
--el-input-text-color: var(--el-text-color-primary);
}
// el-input // el-input
.el-input { .el-input {
--el-input-text-color: var(--el-text-color-primary); --el-input-text-color: var(--el-text-color-primary);
@ -304,6 +323,9 @@
.el-pagination .el-select { .el-pagination .el-select {
width: 105px; width: 105px;
} }
.el-pagination__total {
color: var(--el-text-color-primary);
}
// el-checkbox // el-checkbox
.el-checkbox { .el-checkbox {
@ -317,6 +339,7 @@
// el-radio // el-radio
.el-radio { .el-radio {
--el-radio-font-weight: 400; --el-radio-font-weight: 400;
color: var(--el-text-color-primary);
} }
.el-radio__input.is-checked + .el-radio__label { .el-radio__input.is-checked + .el-radio__label {
color: var(--el-text-color-primary); color: var(--el-text-color-primary);

6
ui/src/styles/md-editor.scss
View File

@ -1,5 +1,10 @@
.md-editor { .md-editor {
font-weight: 400; font-weight: 400;
--md-color: var(--el-text-color-primary);
.cm-content {
font-weight: 400;
color: var(--el-text-color-primary);
}
} }
.md-editor-preview { .md-editor-preview {
@ -7,6 +12,7 @@
margin: 0; margin: 0;
font-size: inherit; font-size: inherit;
word-break: break-word; word-break: break-word;
color: var(--el-text-color-primary);
table { table {
display: block; display: block;
} }

2
ui/src/views/application/index.vue
View File

@ -195,7 +195,7 @@
</el-avatar> </el-avatar>
</template> </template>
<template #subTitle> <template #subTitle>
<el-text class="color-secondary" size="small"> <el-text class="color-secondary lighter" size="small">
<auto-tooltip :content="item.username"> <auto-tooltip :content="item.username">
{{ $t('common.creator') }}: {{ item.nick_name }} {{ $t('common.creator') }}: {{ item.nick_name }}
</auto-tooltip> </auto-tooltip>

10
ui/src/views/document/component/Status.vue
View File

@ -15,23 +15,23 @@
></StatusTable> ></StatusTable>
</template> </template>
<template #reference> <template #reference>
<el-text v-if="aggStatus?.value === State.SUCCESS || aggStatus?.value === State.REVOKED"> <el-text class="color-text-primary" v-if="aggStatus?.value === State.SUCCESS || aggStatus?.value === State.REVOKED">
<el-icon class="color-success"><SuccessFilled /></el-icon> <el-icon class="color-success"><SuccessFilled /></el-icon>
{{ stateMap[aggStatus.value](aggStatus.key) }} {{ stateMap[aggStatus.value](aggStatus.key) }}
</el-text> </el-text>
<el-text v-else-if="aggStatus?.value === State.FAILURE"> <el-text class="color-text-primary" v-else-if="aggStatus?.value === State.FAILURE">
<el-icon class="color-danger"><CircleCloseFilled /></el-icon> <el-icon class="color-danger"><CircleCloseFilled /></el-icon>
{{ stateMap[aggStatus.value](aggStatus.key) }} {{ stateMap[aggStatus.value](aggStatus.key) }}
</el-text> </el-text>
<el-text v-else-if="aggStatus?.value === State.STARTED"> <el-text class="color-text-primary" v-else-if="aggStatus?.value === State.STARTED">
<el-icon class="is-loading color-primary"><Loading /></el-icon> <el-icon class="is-loading color-primary"><Loading /></el-icon>
{{ stateMap[aggStatus.value](aggStatus.key) }} {{ stateMap[aggStatus.value](aggStatus.key) }}
</el-text> </el-text>
<el-text v-else-if="aggStatus?.value === State.PENDING"> <el-text class="color-text-primary" v-else-if="aggStatus?.value === State.PENDING">
<el-icon class="is-loading color-primary"><Loading /></el-icon> <el-icon class="is-loading color-primary"><Loading /></el-icon>
{{ stateMap[aggStatus.value](aggStatus.key) }} {{ stateMap[aggStatus.value](aggStatus.key) }}
</el-text> </el-text>
<el-text v-else-if="aggStatus?.value === State.REVOKE"> <el-text class="color-text-primary" v-else-if="aggStatus?.value === State.REVOKE">
<el-icon class="is-loading color-primary"><Loading /></el-icon> <el-icon class="is-loading color-primary"><Loading /></el-icon>
{{ stateMap[aggStatus.value](aggStatus.key) }} {{ stateMap[aggStatus.value](aggStatus.key) }}
</el-text> </el-text>

21
ui/src/views/document/component/StatusTable.vue
View File

@ -1,24 +1,27 @@
<template> <template>
<div v-for="status in statusTable" :key="status.type" > <div v-for="status in statusTable" :key="status.type">
<span> {{ taskTypeMap[status.type] }}：</span> <span> {{ taskTypeMap[status.type] }}：</span>
<span> <span>
<el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED"> <el-text
class="color-text-primary"
v-if="status.state === State.SUCCESS || status.state === State.REVOKED"
>
<el-icon class="color-success"><SuccessFilled /></el-icon> <el-icon class="color-success"><SuccessFilled /></el-icon>
{{ stateMap[status.state](status.type) }} {{ stateMap[status.state](status.type) }}
</el-text> </el-text>
<el-text v-else-if="status.state === State.FAILURE"> <el-text class="color-text-primary" v-else-if="status.state === State.FAILURE">
<el-icon class="color-danger"><CircleCloseFilled /></el-icon> <el-icon class="color-danger"><CircleCloseFilled /></el-icon>
{{ stateMap[status.state](status.type) }} {{ stateMap[status.state](status.type) }}
</el-text> </el-text>
<el-text v-else-if="status.state === State.STARTED"> <el-text class="color-text-primary" v-else-if="status.state === State.STARTED">
<el-icon class="is-loading color-primary"><Loading /></el-icon> <el-icon class="is-loading color-primary"><Loading /></el-icon>
{{ stateMap[status.state](status.type) }} {{ stateMap[status.state](status.type) }}
</el-text> </el-text>
<el-text v-else-if="status.state === State.PENDING"> <el-text class="color-text-primary" v-else-if="status.state === State.PENDING">
<el-icon class="is-loading color-primary"><Loading /></el-icon> <el-icon class="is-loading color-primary"><Loading /></el-icon>
{{ stateMap[status.state](status.type) }} {{ stateMap[status.state](status.type) }}
</el-text> </el-text>
<el-text v-else-if="status.state === State.REVOKE"> <el-text class="color-text-primary" v-else-if="status.state === State.REVOKE">
<el-icon class="is-loading color-primary"><Loading /></el-icon> <el-icon class="is-loading color-primary"><Loading /></el-icon>
{{ stateMap[status.state](status.type) }} {{ stateMap[status.state](status.type) }}
</el-text> </el-text>
@ -27,7 +30,7 @@
class="ml-8 lighter" class="ml-8 lighter"
:style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }" :style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
> >
{{ $t('views.document.fileStatus.finish') }} {{ $t('views.document.fileStatus.finish') }}
{{ {{
Object.keys(status.aggs ? status.aggs : {}) Object.keys(status.aggs ? status.aggs : {})
.filter((k) => k == State.SUCCESS) .filter((k) => k == State.SUCCESS)
@ -42,7 +45,7 @@
status.time status.time
? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring( ? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
0, 0,
19 19,
) )
: undefined : undefined
}} }}
@ -100,7 +103,7 @@ const statusTable = computed(() => {
type: value, type: value,
state: parseStatus.task_status[value], state: parseStatus.task_status[value],
aggs: aggs.value[value], aggs: aggs.value[value],
time: props.statusMeta.state_time[value] time: props.statusMeta.state_time[value],
} }
}) })
.filter((item) => item.state !== State.IGNORED) .filter((item) => item.state !== State.IGNORED)

4
ui/src/views/document/index.vue
View File

@ -283,13 +283,13 @@
<el-icon class="color-success mr-8" style="font-size: 16px"> <el-icon class="color-success mr-8" style="font-size: 16px">
<SuccessFilled /> <SuccessFilled />
</el-icon> </el-icon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.enabled') }} {{ $t('common.status.enabled') }}
</span> </span>
</div> </div>
<div v-else class="flex align-center"> <div v-else class="flex align-center">
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon> <AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.disabled') }} {{ $t('common.status.disabled') }}
</span> </span>
</div> </div>

2
ui/src/views/knowledge/component/KnowledgeListContainer.vue
View File

@ -189,7 +189,7 @@
<KnowledgeIcon :type="item.type" /> <KnowledgeIcon :type="item.type" />
</template> </template>
<template #subTitle> <template #subTitle>
<el-text class="color-secondary" size="small"> <el-text class="color-secondary lighter" size="small">
{{ $t('common.creator') }}: {{ item.nick_name }} {{ $t('common.creator') }}: {{ item.nick_name }}
</el-text> </el-text>
</template> </template>

4
ui/src/views/system-chat-user/chat-user/component/UserDrawer.vue
View File

@ -180,7 +180,5 @@ const submit = async (formEl: FormInstance | undefined) => {
defineExpose({ open }) defineExpose({ open })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-form-item__content) {
font-weight: 400
}
</style> </style>

4
ui/src/views/system-chat-user/chat-user/index.vue
View File

@ -145,13 +145,13 @@
<el-icon class="color-success mr-8" style="font-size: 16px"> <el-icon class="color-success mr-8" style="font-size: 16px">
<SuccessFilled /> <SuccessFilled />
</el-icon> </el-icon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.enabled') }} {{ $t('common.status.enabled') }}
</span> </span>
</div> </div>
<div v-else class="flex align-center"> <div v-else class="flex align-center">
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon> <AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.disabled') }} {{ $t('common.status.disabled') }}
</span> </span>
</div> </div>

4
ui/src/views/system-resource-management/ApplicationResourceIndex.vue
View File

@ -130,13 +130,13 @@
<el-icon class="color-success mr-8" style="font-size: 16px"> <el-icon class="color-success mr-8" style="font-size: 16px">
<SuccessFilled /> <SuccessFilled />
</el-icon> </el-icon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('views.application.status.published') }} {{ $t('views.application.status.published') }}
</span> </span>
</div> </div>
<div v-else class="flex align-center"> <div v-else class="flex align-center">
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon> <AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('views.application.status.unpublished') }} {{ $t('views.application.status.unpublished') }}
</span> </span>
</div> </div>

4
ui/src/views/system-resource-management/ToolResourceIndex.vue
View File

@ -89,13 +89,13 @@
<el-icon class="color-success mr-8" style="font-size: 16px"> <el-icon class="color-success mr-8" style="font-size: 16px">
<SuccessFilled /> <SuccessFilled />
</el-icon> </el-icon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.enabled') }} {{ $t('common.status.enabled') }}
</span> </span>
</div> </div>
<div v-else class="flex align-center"> <div v-else class="flex align-center">
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon> <AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.disabled') }} {{ $t('common.status.disabled') }}
</span> </span>
</div> </div>

4
ui/src/views/system/user-manage/index.vue
View File

@ -106,13 +106,13 @@
<el-icon class="color-success mr-8" style="font-size: 16px"> <el-icon class="color-success mr-8" style="font-size: 16px">
<SuccessFilled /> <SuccessFilled />
</el-icon> </el-icon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.enabled') }} {{ $t('common.status.enabled') }}
</span> </span>
</div> </div>
<div v-else class="flex align-center"> <div v-else class="flex align-center">
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon> <AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
<span class="color-secondary"> <span class="color-text-primary">
{{ $t('common.status.disabled') }} {{ $t('common.status.disabled') }}
</span> </span>
</div> </div>