zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: format code for improved readability and consistency

Browse Source
This commit is contained in:
wxg0103 2025-07-14 15:33:08 +08:00
parent 65d2045751
commit 921b9e0d7e
1 changed files with 38 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
ui/src/views/system-setting/theme/index.vue
View File

@ -10,13 +10,13 @@
@change="changeThemeHandle" @change="changeThemeHandle"
> >
<template v-for="(item, index) in themeList" :key="index"> <template v-for="(item, index) in themeList" :key="index">
<el-radio-button :label="item.label" :value="item.value" /> <el-radio-button :label="item.label" :value="item.value"/>
</template> </template>
<el-radio-button :label="$t('theme.custom')" value="custom" /> <el-radio-button :label="$t('theme.custom')" value="custom"/>
</el-radio-group> </el-radio-group>
<div v-if="themeRadio === 'custom'"> <div v-if="themeRadio === 'custom'">
<h5 class="mt-16 mb-8">{{ $t('theme.customTheme') }}</h5> <h5 class="mt-16 mb-8">{{ $t('theme.customTheme') }}</h5>
<el-color-picker v-model="customColor" @change="customColorHandle" /> <el-color-picker v-model="customColor" @change="customColorHandle"/>
</div> </div>
</el-card> </el-card>
@ -33,7 +33,7 @@
<div class="theme-preview"> <div class="theme-preview">
<el-row :gutter="8"> <el-row :gutter="8">
<el-col :span="16"> <el-col :span="16">
<LoginPreview :data="themeForm" /> <LoginPreview :data="themeForm"/>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="theme-form"> <div class="theme-form">
@ -56,7 +56,7 @@
</el-upload> </el-upload>
</div> </div>
<el-text type="info" size="small" <el-text type="info" size="small"
>{{ $t('theme.websiteLogoTip') }} >{{ $t('theme.websiteLogoTip') }}
</el-text> </el-text>
</el-card> </el-card>
<el-card shadow="never" class="mb-8"> <el-card shadow="never" class="mb-8">
@ -78,7 +78,7 @@
</el-upload> </el-upload>
</div> </div>
<el-text type="info" size="small" <el-text type="info" size="small"
>{{ $t('theme.loginLogoTip') }} >{{ $t('theme.loginLogoTip') }}
</el-text> </el-text>
</el-card> </el-card>
<el-card shadow="never" class="mb-8"> <el-card shadow="never" class="mb-8">
@ -116,10 +116,12 @@
<el-input <el-input
v-model="themeForm.title" v-model="themeForm.title"
:placeholder="$t('theme.websiteNamePlaceholder')" :placeholder="$t('theme.websiteNamePlaceholder')"
show-word-limit
maxlength="128"
> >
</el-input> </el-input>
<el-text type="info" <el-text type="info"
>{{ $t('theme.websiteNameTip') }} >{{ $t('theme.websiteNameTip') }}
</el-text> </el-text>
</el-form-item> </el-form-item>
<el-form-item :label="$t('theme.websiteSlogan')" prop="slogan"> <el-form-item :label="$t('theme.websiteSlogan')" prop="slogan">
@ -131,7 +133,7 @@
> >
</el-input> </el-input>
<el-text type="info" <el-text type="info"
>{{ $t('theme.websiteSloganTip') }} >{{ $t('theme.websiteSloganTip') }}
</el-text> </el-text>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -166,7 +168,7 @@
<div class="flex-center h-full"> <div class="flex-center h-full">
<div class="app-title-container cursor"> <div class="app-title-container cursor">
<div class="logo flex-center"> <div class="logo flex-center">
<LogoFull height="25px" /> <LogoFull height="25px"/>
</div> </div>
</div> </div>
</div> </div>
@ -204,6 +206,8 @@
<el-input <el-input
v-model="themeForm.userManualUrl" v-model="themeForm.userManualUrl"
:placeholder="$t('theme.urlPlaceholder')" :placeholder="$t('theme.urlPlaceholder')"
show-word-limit
maxlength="128"
/> />
</div> </div>
</div> </div>
@ -216,6 +220,8 @@
<el-input <el-input
v-model="themeForm.forumUrl" v-model="themeForm.forumUrl"
:placeholder="$t('theme.urlPlaceholder')" :placeholder="$t('theme.urlPlaceholder')"
show-word-limit
maxlength="128"
/> />
</div> </div>
</div> </div>
@ -228,6 +234,8 @@
<el-input <el-input
v-model="themeForm.projectUrl" v-model="themeForm.projectUrl"
:placeholder="$t('theme.urlPlaceholder')" :placeholder="$t('theme.urlPlaceholder')"
show-word-limit
maxlength="128"
/> />
</div> </div>
</div> </div>
@ -245,7 +253,7 @@
<div class="theme-setting__operate w-full p-16-24"> <div class="theme-setting__operate w-full p-16-24">
<el-button @click="resetTheme">{{ $t('theme.abandonUpdate') }}</el-button> <el-button @click="resetTheme">{{ $t('theme.abandonUpdate') }}</el-button>
<el-button type="primary" @click="updateTheme(themeFormRef)" <el-button type="primary" @click="updateTheme(themeFormRef)"
v-hasPermission=" v-hasPermission="
new ComplexPermission( new ComplexPermission(
[RoleConst.ADMIN], [RoleConst.ADMIN],
[PermissionConst.APPEARANCE_SETTINGS_EDIT], [PermissionConst.APPEARANCE_SETTINGS_EDIT],
@ -258,20 +266,20 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, onMounted, computed } from 'vue' import {ref, reactive, onMounted, computed} from 'vue'
import { useRouter, onBeforeRouteLeave } from 'vue-router' import {useRouter, onBeforeRouteLeave} from 'vue-router'
import type { FormInstance, FormRules, UploadFiles } from 'element-plus' import type {FormInstance, FormRules, UploadFiles} from 'element-plus'
import { cloneDeep } from 'lodash' import {cloneDeep} from 'lodash'
import LoginPreview from './LoginPreview.vue' import LoginPreview from './LoginPreview.vue'
import { themeList, defaultSetting, defaultPlatformSetting } from '@/utils/theme' import {themeList, defaultSetting, defaultPlatformSetting} from '@/utils/theme'
import ThemeApi from '@/api/system-settings/theme' import ThemeApi from '@/api/system-settings/theme'
import { MsgSuccess, MsgError } from '@/utils/message' import {MsgSuccess, MsgError} from '@/utils/message'
import useStore from '@/stores' import useStore from '@/stores'
import { t } from '@/locales' import {t} from '@/locales'
import { PermissionConst, RoleConst } from '@/utils/permission/data' import {PermissionConst, RoleConst} from '@/utils/permission/data'
import { ComplexPermission } from '@/utils/permission/type' import {ComplexPermission} from '@/utils/permission/type'
const { theme } = useStore() const {theme} = useStore()
const router = useRouter() const router = useRouter()
onBeforeRouteLeave((to, from) => { onBeforeRouteLeave((to, from) => {
@ -300,10 +308,10 @@ const customColor = ref('')
const rules = reactive<FormRules>({ const rules = reactive<FormRules>({
title: [ title: [
{ required: true, message: t('theme.websiteNamePlaceholder'), trigger: 'blur' }, {required: true, message: t('theme.websiteNamePlaceholder'), trigger: 'blur'},
], ],
slogan: [ slogan: [
{ required: true, message: t('theme.websiteSloganPlaceholder'), trigger: 'blur' }, {required: true, message: t('theme.websiteSloganPlaceholder'), trigger: 'blur'},
], ],
}) })
@ -340,15 +348,15 @@ function resetForm(val: string) {
themeForm.value = themeForm.value =
val === 'login' val === 'login'
? { ? {
...themeForm.value, ...themeForm.value,
theme: themeForm.value.theme, theme: themeForm.value.theme,
...defaultSetting, ...defaultSetting,
} }
: { : {
...themeForm.value, ...themeForm.value,
theme: themeForm.value.theme, theme: themeForm.value.theme,
...defaultPlatformSetting, ...defaultPlatformSetting,
} }
theme.setTheme(themeForm.value) theme.setTheme(themeForm.value)
} }