ContiNew/continew-admin-ui
1
1
Fork 0
mirror of https://github.com/continew-org/continew-admin-ui.git synced 2025-09-09 20:57:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor:优化系统配置加载

Browse Source
This commit is contained in:
秋帆
2024-06-02 10:55:06 +08:00
parent 66f89b44d8
commit 1d8c9705e9
4 changed files with 255 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/views/system/config/components/BasicSetting.vue
View File

@@ -1,100 +1,94 @@
<template> <template>
<a-form ref="formRef" :model="form" :rules="rules" size="large" layout="vertical" :disabled="!isUpdate"> <a-form ref="formRef" :model="form" :rules="rules" size="large" layout="vertical" :disabled="!isUpdate" class="form">
<a-list class="list-layout" :bordered="false"> <a-list class="list-layout" :bordered="false" :loading="loading">
<a-list-item> <a-form-item class="image-item" field="SITE_FAVICON" hide-label>
<a-form-item class="image-item" field="SITE_FAVICON" hide-label> {{ siteConfig.SITE_FAVICON.name }}
{{ siteConfig.SITE_FAVICON.name }} <template #extra>
<template #extra> {{ siteConfig.SITE_FAVICON.description }}
{{ siteConfig.SITE_FAVICON.description }} <br />
<br /> <a-upload :file-list="faviconFile ? [faviconFile] : []" accept="image/*" :show-file-list="false"
<a-upload :file-list="faviconFile ? [faviconFile] : []" accept="image/*" :show-file-list="false" :custom-request="handleUploadFavicon" @change="handleChangeFavicon">
:custom-request="handleUploadFavicon" @change="handleChangeFavicon"> <template #upload-button>
<template #upload-button> <div :class="`arco-upload-list-item${faviconFile && faviconFile.status === 'error' ? ' arco-upload-list-item-error' : ''
<div :class="`arco-upload-list-item${faviconFile && faviconFile.status === 'error' ? ' arco-upload-list-item-error' : '' }`">
}`"> <div v-if="faviconFile && faviconFile.url"
<div v-if="faviconFile && faviconFile.url" class="arco-upload-list-picture custom-upload-avatar favicon">
class="arco-upload-list-picture custom-upload-avatar favicon"> <img :src="faviconFile.url" alt="favicon" />
<img :src="faviconFile.url" alt="favicon" /> <div v-if="isUpdate" class="arco-upload-list-picture-mask favicon">
<div v-if="isUpdate" class="arco-upload-list-picture-mask favicon"> <IconEdit />
<IconEdit />
</div>
</div>
<div v-else class="arco-upload-picture-card favicon">
<div class="arco-upload-picture-card-text">
<icon-upload />
</div>
</div> </div>
</div> </div>
</template> <div v-else class="arco-upload-picture-card favicon">
</a-upload> <div class="arco-upload-picture-card-text">
</template> <icon-upload />
</a-form-item>
</a-list-item>
<a-list-item>
<a-form-item class="image-item" field="SITE_LOGO" hide-label>
{{ siteConfig.SITE_LOGO.name }}
<template #extra>
{{ siteConfig.SITE_LOGO.description }}
<br />
<a-upload :file-list="logoFile ? [logoFile] : []" accept="image/*" :show-file-list="false"
:custom-request="handleUploadLogo" @change="handleChangeLogo">
<template #upload-button>
<div :class="`arco-upload-list-item${logoFile && logoFile.status === 'error' ? ' arco-upload-list-item-error' : ''
}`">
<div v-if="logoFile && logoFile.url" class="arco-upload-list-picture custom-upload-avatar logo">
<img :src="logoFile.url" alt="Logo" />
<div v-if="isUpdate" class="arco-upload-list-picture-mask logo">
<IconEdit />
</div>
</div>
<div v-else class="arco-upload-picture-card logo">
<div class="arco-upload-picture-card-text">
<icon-upload />
</div>
</div> </div>
</div> </div>
</template> </div>
</a-upload> </template>
</template> </a-upload>
</a-form-item> </template>
</a-list-item> </a-form-item>
<a-list-item style="padding-top: 13px; border: none"> <a-form-item class="image-item" field="SITE_LOGO" hide-label>
<a-form-item class="input-item" field="SITE_TITLE" :label="siteConfig.SITE_TITLE.name"> {{ siteConfig.SITE_LOGO.name }}
<a-input v-model.trim="form.SITE_TITLE" placeholder="请输入网站标题" :max-length="18" /> <template #extra>
</a-form-item> {{ siteConfig.SITE_LOGO.description }}
<a-form-item class="input-item" field="SITE_COPYRIGHT" :label="siteConfig.SITE_COPYRIGHT.name"> <br />
<a-input v-model.trim="form.SITE_COPYRIGHT" placeholder="请输入版权信息" /> <a-upload :file-list="logoFile ? [logoFile] : []" accept="image/*" :show-file-list="false"
</a-form-item> :custom-request="handleUploadLogo" @change="handleChangeLogo">
<div style="margin-top: 20px"> <template #upload-button>
<a-space> <div :class="`arco-upload-list-item${logoFile && logoFile.status === 'error' ? ' arco-upload-list-item-error' : ''
<a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate"> }`">
<template #icon> <div v-if="logoFile && logoFile.url" class="arco-upload-list-picture custom-upload-avatar logo">
<icon-edit /> <img :src="logoFile.url" alt="Logo" />
</template>修改 <div v-if="isUpdate" class="arco-upload-list-picture-mask logo">
</a-button> <IconEdit />
<a-button v-if="!isUpdate" v-permission="['system:config:reset']" @click="onResetValue"> </div>
<template #icon> </div>
<icon-undo /> <div v-else class="arco-upload-picture-card logo">
</template>恢复默认 <div class="arco-upload-picture-card-text">
</a-button> <icon-upload />
<a-button v-if="isUpdate" type="primary" @click="handleSave"> </div>
<template #icon> </div>
<icon-save /> </div>
</template>保存 </template>
</a-button> </a-upload>
<a-button v-if="isUpdate" @click="reset"> </template>
<template #icon> </a-form-item>
<icon-refresh /> <a-form-item class="input-item" field="SITE_TITLE" :label="siteConfig.SITE_TITLE.name">
</template>重置 <a-input v-model.trim="form.SITE_TITLE" placeholder="请输入网站标题" :max-length="18" />
</a-button> </a-form-item>
<a-button v-if="isUpdate" @click="handleCancel"> <a-form-item class="input-item" field="SITE_COPYRIGHT" :label="siteConfig.SITE_COPYRIGHT.name">
<template #icon> <a-input v-model.trim="form.SITE_COPYRIGHT" placeholder="请输入版权信息" />
<icon-undo /> </a-form-item>
</template>取消 <div style="margin-top: 20px">
</a-button> <a-space>
</a-space> <a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate">
</div> <template #icon>
</a-list-item> <icon-edit />
</template>修改
</a-button>
<a-button v-if="!isUpdate" v-permission="['system:config:reset']" @click="onResetValue">
<template #icon>
<icon-undo />
</template>恢复默认
</a-button>
<a-button v-if="isUpdate" type="primary" @click="handleSave">
<template #icon>
<icon-save />
</template>保存
</a-button>
<a-button v-if="isUpdate" @click="reset">
<template #icon>
<icon-refresh />
</template>重置
</a-button>
<a-button v-if="isUpdate" @click="handleCancel">
<template #icon>
<icon-undo />
</template>取消
</a-button>
</a-space>
</div>
</a-list> </a-list>
</a-form> </a-form>
</template> </template>
@@ -114,6 +108,7 @@ import { useForm } from '@/hooks'
defineOptions({ name: 'BasicSetting' }) defineOptions({ name: 'BasicSetting' })
const loading = ref<boolean>(false)
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
const { form } = useForm({ const { form } = useForm({
SITE_FAVICON: '', SITE_FAVICON: '',
@@ -162,12 +157,14 @@ const queryForm = reactive({
}) })
// 查询列表数据 // 查询列表数据
const getDataList = async () => { const getDataList = async () => {
loading.value = true
const { data } = await listOption(queryForm) const { data } = await listOption(queryForm)
siteConfig.value = data.reduce((obj: SiteConfig, option: OptionResp) => { siteConfig.value = data.reduce((obj: SiteConfig, option: OptionResp) => {
obj[option.code] = { ...option } obj[option.code] = { ...option }
return obj return obj
}, {}) }, {})
handleCancel() handleCancel()
loading.value = false
} }
const appStore = useAppStore() const appStore = useAppStore()
@@ -206,20 +203,20 @@ const onResetValue = () => {
const handleUploadFavicon = (options: RequestOption) => { const handleUploadFavicon = (options: RequestOption) => {
const controller = new AbortController() const controller = new AbortController()
; (async function requestWrap() { ; (async function requestWrap() {
const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options
onProgress(20) onProgress(20)
const formData = new FormData() const formData = new FormData()
formData.append(name as string, fileItem.file as Blob) formData.append(name as string, fileItem.file as Blob)
uploadFile(formData) uploadFile(formData)
.then((res) => { .then((res) => {
onSuccess(res) onSuccess(res)
form.SITE_FAVICON = res.data.url form.SITE_FAVICON = res.data.url
Message.success('上传成功') Message.success('上传成功')
}) })
.catch((error) => { .catch((error) => {
onError(error) onError(error)
}) })
})() })()
return { return {
abort() { abort() {
controller.abort() controller.abort()
@@ -236,20 +233,20 @@ const handleChangeFavicon = (_: any, currentFile: any) => {
const handleUploadLogo = (options: RequestOption) => { const handleUploadLogo = (options: RequestOption) => {
const controller = new AbortController() const controller = new AbortController()
; (async function requestWrap() { ; (async function requestWrap() {
const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options const { onProgress, onError, onSuccess, fileItem, name = 'file' } = options
onProgress(20) onProgress(20)
const formData = new FormData() const formData = new FormData()
formData.append(name as string, fileItem.file as Blob) formData.append(name as string, fileItem.file as Blob)
uploadFile(formData) uploadFile(formData)
.then((res) => { .then((res) => {
onSuccess(res) onSuccess(res)
form.SITE_LOGO = res.data.url form.SITE_LOGO = res.data.url
Message.success('上传成功') Message.success('上传成功')
}) })
.catch((error) => { .catch((error) => {
onError(error) onError(error)
}) })
})() })()
return { return {
abort() { abort() {
controller.abort() controller.abort()
@@ -268,6 +265,10 @@ onMounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.form {
margin: 20px 0 0 20px;
}
.logo { .logo {
width: 33px; width: 33px;
height: 33px; height: 33px;

106
src/views/system/config/components/MailSetting.vue
View File

@@ -1,59 +1,53 @@
<template> <template>
<a-space wrap :size="30"> <a-space wrap :size="30">
<a-form <a-form ref="formRef" :model="form" :rules="rules" auto-label-width label-align="left"
ref="formRef" :layout="width >= 500 ? 'horizontal' : 'vertical'" :disabled="!isUpdate" scroll-to-first-error class="form">
:model="form" <a-list :bordered="false" :loading="loading">
:rules="rules" <a-form-item field="MAIL_PROTOCOL" :label="mailConfig.MAIL_PROTOCOL.name" hide-asterisk>
auto-label-width <a-select v-model.trim="form.MAIL_PROTOCOL">
label-align="left" <a-option label="SMTP" value="smtp" />
:layout="width >= 500 ? 'horizontal' : 'vertical' " </a-select>
:disabled="!isUpdate" </a-form-item>
scroll-to-first-error <a-form-item field="MAIL_HOST" :label="mailConfig.MAIL_HOST.name" hide-asterisk>
class="form" <a-input v-model.trim="form.MAIL_HOST" />
> </a-form-item>
<a-form-item field="MAIL_PROTOCOL" :label="mailConfig.MAIL_PROTOCOL.name" hide-asterisk> <a-form-item field="MAIL_PORT" :label="mailConfig.MAIL_PORT.name" hide-asterisk>
<a-select v-model.trim="form.MAIL_PROTOCOL"> <a-input-number v-model="form.MAIL_PORT" :min="0" />
<a-option label="SMTP" value="smtp" /> </a-form-item>
</a-select> <a-form-item field="MAIL_USERNAME" :label="mailConfig.MAIL_USERNAME.name" hide-asterisk>
</a-form-item> <a-input v-model.trim="form.MAIL_USERNAME" />
<a-form-item field="MAIL_HOST" :label="mailConfig.MAIL_HOST.name" hide-asterisk> </a-form-item>
<a-input v-model.trim="form.MAIL_HOST" /> <a-form-item field="MAIL_PASSWORD" :label="mailConfig.MAIL_PASSWORD?.name" hide-asterisk>
</a-form-item> <a-input-password v-model.trim="form.MAIL_PASSWORD" />
<a-form-item field="MAIL_PORT" :label="mailConfig.MAIL_PORT.name" hide-asterisk> </a-form-item>
<a-input-number v-model="form.MAIL_PORT" :min="0" /> <a-form-item field="MAIL_SSL_ENABLED" :label="mailConfig.MAIL_SSL_ENABLED?.name" hide-asterisk>
</a-form-item> <a-radio-group v-model:model-value="form.MAIL_SSL_ENABLED">
<a-form-item field="MAIL_USERNAME" :label="mailConfig.MAIL_USERNAME.name" hide-asterisk> <a-radio value="1">启用</a-radio>
<a-input v-model.trim="form.MAIL_USERNAME" /> <a-radio value="0">禁用</a-radio>
</a-form-item> </a-radio-group>
<a-form-item field="MAIL_PASSWORD" :label="mailConfig.MAIL_PASSWORD?.name" hide-asterisk> </a-form-item>
<a-input-password v-model.trim="form.MAIL_PASSWORD" /> <a-form-item v-if="form.MAIL_SSL_ENABLED === '1'" field="MAIL_SSL_PORT" :label="mailConfig.MAIL_SSL_PORT.name"
</a-form-item> hide-asterisk>
<a-form-item field="MAIL_SSL_ENABLED" :label="mailConfig.MAIL_SSL_ENABLED?.name" hide-asterisk> <a-input-number v-model="form.MAIL_SSL_PORT" :min="0" />
<a-radio-group v-model:model-value="form.MAIL_SSL_ENABLED"> </a-form-item>
<a-radio value="1">启用</a-radio> <a-space>
<a-radio value="0">禁用</a-radio> <a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate">
</a-radio-group> <template #icon><icon-edit /></template>修改
</a-form-item> </a-button>
<a-form-item v-if="form.MAIL_SSL_ENABLED === '1'" field="MAIL_SSL_PORT" :label="mailConfig.MAIL_SSL_PORT.name" hide-asterisk> <a-button v-if="!isUpdate" v-permission="['system:config:reset']" @click="onResetValue">
<a-input-number v-model="form.MAIL_SSL_PORT" :min="0" /> <template #icon><icon-undo /></template>恢复默认
</a-form-item> </a-button>
<a-space> <a-button v-if="isUpdate" type="primary" @click="handleSave">
<a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate"> <template #icon><icon-save /></template>保存
<template #icon><icon-edit /></template>修改 </a-button>
</a-button> <a-button v-if="isUpdate" @click="reset">
<a-button v-if="!isUpdate" v-permission="['system:config:reset']" @click="onResetValue"> <template #icon><icon-refresh /></template>重置
<template #icon><icon-undo /></template>恢复默认 </a-button>
</a-button> <a-button v-if="isUpdate" @click="handleCancel">
<a-button v-if="isUpdate" type="primary" @click="handleSave"> <template #icon><icon-undo /></template>取消
<template #icon><icon-save /></template>保存 </a-button>
</a-button> </a-space>
<a-button v-if="isUpdate" @click="reset"> </a-list>
<template #icon><icon-refresh /></template>重置
</a-button>
<a-button v-if="isUpdate" @click="handleCancel">
<template #icon><icon-undo /></template>取消
</a-button>
</a-space>
</a-form> </a-form>
</a-space> </a-space>
</template> </template>
@@ -72,7 +66,7 @@ import { useForm } from '@/hooks'
defineOptions({ name: 'MailSetting' }) defineOptions({ name: 'MailSetting' })
const { width } = useWindowSize() const { width } = useWindowSize()
const loading = ref<boolean>(false)
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
const { form } = useForm({ const { form } = useForm({
MAIL_PROTOCOL: '', MAIL_PROTOCOL: '',
@@ -130,12 +124,14 @@ const queryForm = {
} }
// 查询列表数据 // 查询列表数据
const getDataList = async () => { const getDataList = async () => {
loading.value = true
const { data } = await listOption(queryForm) const { data } = await listOption(queryForm)
mailConfig.value = data.reduce((obj: MailConfig, option: OptionResp) => { mailConfig.value = data.reduce((obj: MailConfig, option: OptionResp) => {
obj[option.code] = { ...option, value: ['MAIL_PORT', 'MAIL_SSL_PORT'].includes(option.code) ? Number.parseInt(option.value) : option.value } obj[option.code] = { ...option, value: ['MAIL_PORT', 'MAIL_SSL_PORT'].includes(option.code) ? Number.parseInt(option.value) : option.value }
return obj return obj
}, {}) }, {})
handleCancel() handleCancel()
loading.value = false
} }
// 保存 // 保存

158
src/views/system/config/components/SecuritySetting.vue
View File

@@ -1,85 +1,80 @@
<template> <template>
<a-space wrap :size="30"> <a-space wrap :size="30">
<a-form <a-form ref="formRef" :model="form" :rules="rules" auto-label-width label-align="left"
ref="formRef" :layout="width >= 500 ? 'horizontal' : 'vertical'" :disabled="!isUpdate" scroll-to-first-error class="form">
:model="form" <a-list :bordered="false" :loading="loading">
:rules="rules" <a-form-item field="PASSWORD_ERROR_LOCK_COUNT" :label="securityConfig.PASSWORD_ERROR_LOCK_COUNT.name"
auto-label-width :help="securityConfig.PASSWORD_ERROR_LOCK_COUNT.description" hide-asterisk>
label-align="left" <a-input-number v-model="form.PASSWORD_ERROR_LOCK_COUNT" class="input-width" :default-value="0" :precision="0"
:layout="width >= 500 ? 'horizontal' : 'vertical'" :min="0" :max="10">
:disabled="!isUpdate" <template #append>次</template>
scroll-to-first-error </a-input-number>
class="form" </a-form-item>
> <a-form-item field="PASSWORD_ERROR_LOCK_MINUTES" :label="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.name"
<a-form-item field="PASSWORD_ERROR_LOCK_COUNT" :label="securityConfig.PASSWORD_ERROR_LOCK_COUNT.name" :help="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.description" hide-asterisk>
:help="securityConfig.PASSWORD_ERROR_LOCK_COUNT.description" hide-asterisk> <a-input-number v-model="form.PASSWORD_ERROR_LOCK_MINUTES" class="input-width" :precision="0" :min="1"
<a-input-number v-model="form.PASSWORD_ERROR_LOCK_COUNT" class="input-width" :default-value="0" :precision="0" :max="1440">
:min="0" :max="10"> <template #append>分钟</template>
<template #append>次</template> </a-input-number>
</a-input-number> </a-form-item>
</a-form-item> <a-form-item field="PASSWORD_EXPIRATION_DAYS" :label="securityConfig.PASSWORD_EXPIRATION_DAYS.name"
<a-form-item field="PASSWORD_ERROR_LOCK_MINUTES" :label="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.name" :help="securityConfig.PASSWORD_EXPIRATION_DAYS.description" hide-asterisk>
:help="securityConfig.PASSWORD_ERROR_LOCK_MINUTES.description" hide-asterisk> <a-input-number v-model="form.PASSWORD_EXPIRATION_DAYS" class="input-width" :precision="0" :min="0"
<a-input-number v-model="form.PASSWORD_ERROR_LOCK_MINUTES" class="input-width" :precision="0" :min="1" :max="999">
:max="1440"> <template #append>天</template>
<template #append>分钟</template> </a-input-number>
</a-input-number> </a-form-item>
</a-form-item> <a-form-item :label="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.name"
<a-form-item field="PASSWORD_EXPIRATION_DAYS" :label="securityConfig.PASSWORD_EXPIRATION_DAYS.name" field="PASSWORD_EXPIRATION_WARNING_DAYS" :help="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.description"
:help="securityConfig.PASSWORD_EXPIRATION_DAYS.description" hide-asterisk> hide-asterisk>
<a-input-number v-model="form.PASSWORD_EXPIRATION_DAYS" class="input-width" :precision="0" :min="0" <a-input-number v-model="form.PASSWORD_EXPIRATION_WARNING_DAYS" class="input-width" :precision="0" :min="0"
:max="999"> :max="998">
<template #append>天</template> <template #append>天</template>
</a-input-number> </a-input-number>
</a-form-item> </a-form-item>
<a-form-item :label="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.name" <a-form-item field="PASSWORD_REUSE_POLICY" :label="securityConfig.PASSWORD_REUSE_POLICY.name"
field="PASSWORD_EXPIRATION_WARNING_DAYS" :help="securityConfig.PASSWORD_EXPIRATION_WARNING_DAYS.description" :help="securityConfig.PASSWORD_REUSE_POLICY.description" hide-asterisk>
hide-asterisk> <a-input-number v-model="form.PASSWORD_REUSE_POLICY" class="input-width" :precision="0" :min="3" :max="32">
<a-input-number v-model="form.PASSWORD_EXPIRATION_WARNING_DAYS" class="input-width" :precision="0" :min="0" <template #append>次</template>
:max="998"> </a-input-number>
<template #append>天</template> </a-form-item>
</a-input-number> <a-form-item field="PASSWORD_MIN_LENGTH" :label="securityConfig.PASSWORD_MIN_LENGTH.name"
</a-form-item> :help="securityConfig.PASSWORD_MIN_LENGTH.description" hide-asterisk>
<a-form-item field="PASSWORD_REUSE_POLICY" :label="securityConfig.PASSWORD_REUSE_POLICY.name" <a-input-number v-model="form.PASSWORD_MIN_LENGTH" class="input-width" :precision="0" :min="8" :max="32" />
:help="securityConfig.PASSWORD_REUSE_POLICY.description" hide-asterisk> </a-form-item>
<a-input-number v-model="form.PASSWORD_REUSE_POLICY" class="input-width" :precision="0" :min="3" :max="32"> <a-form-item field="PASSWORD_ALLOW_CONTAIN_USERNAME"
<template #append>次</template> :label="securityConfig.PASSWORD_ALLOW_CONTAIN_USERNAME.name">
</a-input-number> <a-switch v-model="form.PASSWORD_ALLOW_CONTAIN_USERNAME" type="round" :checked-value="1" :unchecked-value="0">
</a-form-item> <template #checked>是</template>
<a-form-item field="PASSWORD_MIN_LENGTH" :label="securityConfig.PASSWORD_MIN_LENGTH.name" <template #unchecked>否</template>
:help="securityConfig.PASSWORD_MIN_LENGTH.description" hide-asterisk> </a-switch>
<a-input-number v-model="form.PASSWORD_MIN_LENGTH" class="input-width" :precision="0" :min="8" :max="32" /> </a-form-item>
</a-form-item> <a-form-item field="PASSWORD_CONTAIN_SPECIAL_CHARACTERS"
<a-form-item field="PASSWORD_ALLOW_CONTAIN_USERNAME" :label="securityConfig.PASSWORD_ALLOW_CONTAIN_USERNAME.name"> :label="securityConfig.PASSWORD_CONTAIN_SPECIAL_CHARACTERS.name">
<a-switch v-model="form.PASSWORD_ALLOW_CONTAIN_USERNAME" type="round" :checked-value="1" :unchecked-value="0"> <a-switch v-model="form.PASSWORD_CONTAIN_SPECIAL_CHARACTERS" type="round" :checked-value="1"
<template #checked>是</template> :unchecked-value="0">
<template #unchecked>否</template> <template #checked>是</template>
</a-switch> <template #unchecked>否</template>
</a-form-item> </a-switch>
<a-form-item field="PASSWORD_CONTAIN_SPECIAL_CHARACTERS" :label="securityConfig.PASSWORD_CONTAIN_SPECIAL_CHARACTERS.name"> </a-form-item>
<a-switch v-model="form.PASSWORD_CONTAIN_SPECIAL_CHARACTERS" type="round" :checked-value="1" <a-space>
:unchecked-value="0"> <a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate">
<template #checked>是</template> <template #icon><icon-edit /></template>修改
<template #unchecked>否</template> </a-button>
</a-switch> <a-button v-if="!isUpdate" v-permission="['system:config:reset']" @click="onResetValue">
</a-form-item> <template #icon><icon-undo /></template>恢复默认
<a-space> </a-button>
<a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate"> <a-button v-if="isUpdate" type="primary" @click="handleSave">
<template #icon><icon-edit /></template>修改 <template #icon><icon-save /></template>保存
</a-button> </a-button>
<a-button v-if="!isUpdate" v-permission="['system:config:reset']" @click="onResetValue"> <a-button v-if="isUpdate" @click="reset">
<template #icon><icon-undo /></template>恢复默认 <template #icon><icon-refresh /></template>重置
</a-button> </a-button>
<a-button v-if="isUpdate" type="primary" @click="handleSave"> <a-button v-if="isUpdate" @click="handleCancel">
<template #icon><icon-save /></template>保存 <template #icon><icon-undo /></template>取消
</a-button> </a-button>
<a-button v-if="isUpdate" @click="reset"> </a-space>
<template #icon><icon-refresh /></template>重置 </a-list>
</a-button>
<a-button v-if="isUpdate" @click="handleCancel">
<template #icon><icon-undo /></template>取消
</a-button>
</a-space>
</a-form> </a-form>
</a-space> </a-space>
</template> </template>
@@ -93,6 +88,7 @@ import { useForm } from '@/hooks'
defineOptions({ name: 'SecuritySetting' }) defineOptions({ name: 'SecuritySetting' })
const { width } = useWindowSize() const { width } = useWindowSize()
const loading = ref<boolean>(false)
const formRef = ref<FormInstance>() const formRef = ref<FormInstance>()
const { form } = useForm({ const { form } = useForm({
PASSWORD_ERROR_LOCK_COUNT: 0, PASSWORD_ERROR_LOCK_COUNT: 0,
@@ -164,12 +160,14 @@ const queryForm = {
} }
// 查询列表数据 // 查询列表数据
const getDataList = async () => { const getDataList = async () => {
loading.value = true
const { data } = await listOption(queryForm) const { data } = await listOption(queryForm)
securityConfig.value = data.reduce((obj: SecurityConfig, option: OptionResp) => { securityConfig.value = data.reduce((obj: SecurityConfig, option: OptionResp) => {
obj[option.code] = { ...option, value: Number.parseInt(option.value) } obj[option.code] = { ...option, value: Number.parseInt(option.value) }
return obj return obj
}, {}) }, {})
handleCancel() handleCancel()
loading.value = false
} }
// 保存 // 保存

24
src/views/system/user/index.vue
View File

@@ -12,29 +12,15 @@
<DeptTree placeholder="请输入关键词" @node-click="handleSelectDept" /> <DeptTree placeholder="请输入关键词" @node-click="handleSelectDept" />
</a-col> </a-col>
<a-col :xs="24" :sm="16" :md="17" :lg="18" :xl="19" :xxl="20" flex="1" class="h-full ov-hidden"> <a-col :xs="24" :sm="16" :md="17" :lg="18" :xl="19" :xxl="20" flex="1" class="h-full ov-hidden">
<GiTable <GiTable row-key="id" :data="dataList" :columns="columns" :loading="loading"
row-key="id" :scroll="{ x: '100%', y: '100%', minWidth: 1500 }" :pagination="pagination" :disabled-tools="['size']"
:data="dataList" :disabled-column-keys="['username']" @refresh="search">
:columns="columns"
:loading="loading"
:scroll="{ x: '100%', y: '100%', minWidth: 1500 }"
:pagination="pagination"
:disabled-tools="['size']"
:disabled-column-keys="['username']"
@refresh="search"
>
<template #custom-left> <template #custom-left>
<a-input v-model="queryForm.description" placeholder="请输入关键词" allow-clear @change="search"> <a-input v-model="queryForm.description" placeholder="请输入关键词" allow-clear @change="search">
<template #prefix><icon-search /></template> <template #prefix><icon-search /></template>
</a-input> </a-input>
<a-select <a-select v-model="queryForm.status" :options="DisEnableStatusList" placeholder="请选择状态" allow-clear
v-model="queryForm.status" style="width: 150px" @change="search" />
:options="DisEnableStatusList"
placeholder="请选择状态"
allow-clear
style="width: 150px"
@change="search"
/>
<a-button @click="reset">重置</a-button> <a-button @click="reset">重置</a-button>
</template> </template>
<template #custom-right> <template #custom-right>