perf: style
Some checks failed
sync2gitee / repo-sync (push) Has been cancelled
Typos Check / Spell Check with Typos (push) Has been cancelled

This commit is contained in:
wangdan-fit2cloud 2025-08-29 17:55:56 +08:00
parent fe35ba3cdc
commit bc26024bcc
13 changed files with 60 additions and 30 deletions

View File

@ -1,5 +1,5 @@
<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>
<div class="flex align-center">
<el-avatar

View File

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

View File

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

View File

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

View File

@ -15,23 +15,23 @@
></StatusTable>
</template>
<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>
{{ stateMap[aggStatus.value](aggStatus.key) }}
</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>
{{ stateMap[aggStatus.value](aggStatus.key) }}
</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>
{{ stateMap[aggStatus.value](aggStatus.key) }}
</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>
{{ stateMap[aggStatus.value](aggStatus.key) }}
</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>
{{ stateMap[aggStatus.value](aggStatus.key) }}
</el-text>

View File

@ -1,24 +1,27 @@
<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>
<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>
{{ stateMap[status.state](status.type) }}
</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>
{{ stateMap[status.state](status.type) }}
</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>
{{ stateMap[status.state](status.type) }}
</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>
{{ stateMap[status.state](status.type) }}
</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>
{{ stateMap[status.state](status.type) }}
</el-text>
@ -27,7 +30,7 @@
class="ml-8 lighter"
: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 : {})
.filter((k) => k == State.SUCCESS)
@ -42,7 +45,7 @@
status.time
? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
0,
19
19,
)
: undefined
}}
@ -100,7 +103,7 @@ const statusTable = computed(() => {
type: value,
state: parseStatus.task_status[value],
aggs: aggs.value[value],
time: props.statusMeta.state_time[value]
time: props.statusMeta.state_time[value],
}
})
.filter((item) => item.state !== State.IGNORED)

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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