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

refactor: 优化邮件配置

Browse Source
This commit is contained in:
Charles7c
2024-05-31 23:15:04 +08:00
parent 5581d3fd89
commit 66f89b44d8
2 changed files with 41 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/apis/system/type.ts
View File

@@ -293,13 +293,13 @@ export interface SiteConfig {
/** 邮箱配置类型 */
export interface MailConfig {
MAIL_SMTP_HOST: OptionResp
MAIL_SMTP_PORT: OptionResp
MAIL_SMTP_USERNAME: OptionResp
MAIL_SMTP_PASSWORD: OptionResp
MAIL_PROTOCOL: OptionResp
MAIL_HOST: OptionResp
MAIL_PORT: OptionResp
MAIL_USERNAME: OptionResp
MAIL_PASSWORD: OptionResp
MAIL_SSL_ENABLED: OptionResp
MAIL_SSL_PORT: OptionResp
MAIL_FROM: OptionResp
}
/** 安全配置类型 */

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

@@ -11,17 +11,22 @@
scroll-to-first-error
class="form"
>
<a-form-item field="MAIL_SMTP_HOST" :label="mailConfig.MAIL_SMTP_HOST.name" hide-asterisk>
<a-input v-model.trim="form.MAIL_SMTP_HOST" />
<a-form-item field="MAIL_PROTOCOL" :label="mailConfig.MAIL_PROTOCOL.name" hide-asterisk>
<a-select v-model.trim="form.MAIL_PROTOCOL">
<a-option label="SMTP" value="smtp" />
</a-select>
</a-form-item>
<a-form-item field="MAIL_SMTP_PORT" :label="mailConfig.MAIL_SMTP_PORT.name" hide-asterisk>
<a-input-number v-model="form.MAIL_SMTP_PORT" :min="0" />
<a-form-item field="MAIL_HOST" :label="mailConfig.MAIL_HOST.name" hide-asterisk>
<a-input v-model.trim="form.MAIL_HOST" />
</a-form-item>
<a-form-item field="MAIL_SMTP_USERNAME" :label="mailConfig.MAIL_SMTP_USERNAME.name" hide-asterisk>
<a-input v-model.trim="form.MAIL_SMTP_USERNAME" />
<a-form-item field="MAIL_PORT" :label="mailConfig.MAIL_PORT.name" hide-asterisk>
<a-input-number v-model="form.MAIL_PORT" :min="0" />
</a-form-item>
<a-form-item field="MAIL_SMTP_PASSWORD" :label="mailConfig.MAIL_SMTP_PASSWORD?.name" hide-asterisk>
<a-input-password v-model.trim="form.MAIL_SMTP_PASSWORD" />
<a-form-item field="MAIL_USERNAME" :label="mailConfig.MAIL_USERNAME.name" hide-asterisk>
<a-input v-model.trim="form.MAIL_USERNAME" />
</a-form-item>
<a-form-item field="MAIL_PASSWORD" :label="mailConfig.MAIL_PASSWORD?.name" hide-asterisk>
<a-input-password v-model.trim="form.MAIL_PASSWORD" />
</a-form-item>
<a-form-item field="MAIL_SSL_ENABLED" :label="mailConfig.MAIL_SSL_ENABLED?.name" hide-asterisk>
<a-radio-group v-model:model-value="form.MAIL_SSL_ENABLED">
@@ -32,9 +37,6 @@
<a-form-item v-if="form.MAIL_SSL_ENABLED === '1'" field="MAIL_SSL_PORT" :label="mailConfig.MAIL_SSL_PORT.name" hide-asterisk>
<a-input-number v-model="form.MAIL_SSL_PORT" :min="0" />
</a-form-item>
<a-form-item field="MAIL_FROM" :label="mailConfig.MAIL_FROM.name" hide-asterisk>
<a-input v-model.trim="form.MAIL_FROM" />
</a-form-item>
<a-space>
<a-button v-if="!isUpdate" v-permission="['system:config:update']" type="primary" @click="onUpdate">
<template #icon><icon-edit /></template>修改
@@ -73,43 +75,42 @@ const { width } = useWindowSize()
const formRef = ref<FormInstance>()
const { form } = useForm({
MAIL_SMTP_HOST: '',
MAIL_SMTP_PORT: 0,
MAIL_SMTP_USERNAME: '',
MAIL_SMTP_PASSWORD: '',
MAIL_PROTOCOL: '',
MAIL_HOST: '',
MAIL_PORT: 0,
MAIL_USERNAME: '',
MAIL_PASSWORD: '',
MAIL_SSL_ENABLED: '',
MAIL_SSL_PORT: 0,
MAIL_FROM: ''
MAIL_SSL_PORT: 0
})
const rules: FormInstance['rules'] = {
MAIL_SMTP_HOST: [{ required: true, message: '请输入值' }],
MAIL_SMTP_PORT: [{ required: true, message: '请输入值' }],
MAIL_SMTP_USERNAME: [{ required: true, message: '请输入值' }],
MAIL_SMTP_PASSWORD: [{ required: true, message: '请输入值' }],
MAIL_SSL_PORT: [{ required: true, message: '请输入值' }],
MAIL_FROM: [{ required: true, message: '请输入值' }]
MAIL_HOST: [{ required: true, message: '请输入值' }],
MAIL_PORT: [{ required: true, message: '请输入值' }],
MAIL_USERNAME: [{ required: true, message: '请输入值' }],
MAIL_PASSWORD: [{ required: true, message: '请输入值' }],
MAIL_SSL_PORT: [{ required: true, message: '请输入值' }]
}
const mailConfig = ref<MailConfig>({
MAIL_SMTP_HOST: {},
MAIL_SMTP_PORT: {},
MAIL_SMTP_USERNAME: {},
MAIL_SMTP_PASSWORD: {},
MAIL_PROTOCOL: {},
MAIL_HOST: {},
MAIL_PORT: {},
MAIL_USERNAME: {},
MAIL_PASSWORD: {},
MAIL_SSL_ENABLED: {},
MAIL_SSL_PORT: {},
MAIL_FROM: {}
MAIL_SSL_PORT: {}
})
// 重置
const reset = () => {
formRef.value?.resetFields()
form.MAIL_SMTP_HOST = mailConfig.value.MAIL_SMTP_HOST.value || ''
form.MAIL_SMTP_PORT = mailConfig.value.MAIL_SMTP_PORT.value || 0
form.MAIL_SMTP_USERNAME = mailConfig.value.MAIL_SMTP_USERNAME.value || ''
form.MAIL_SMTP_PASSWORD = mailConfig.value.MAIL_SMTP_PASSWORD?.value || ''
form.MAIL_PROTOCOL = mailConfig.value.MAIL_PROTOCOL.value || ''
form.MAIL_HOST = mailConfig.value.MAIL_HOST.value || ''
form.MAIL_PORT = mailConfig.value.MAIL_PORT.value || 0
form.MAIL_USERNAME = mailConfig.value.MAIL_USERNAME.value || ''
form.MAIL_PASSWORD = mailConfig.value.MAIL_PASSWORD?.value || ''
form.MAIL_SSL_ENABLED = mailConfig.value.MAIL_SSL_ENABLED.value || ''
form.MAIL_SSL_PORT = mailConfig.value.MAIL_SSL_PORT.value || 0
form.MAIL_FROM = mailConfig.value.MAIL_FROM.value || ''
}
const isUpdate = ref(false)
@@ -131,7 +132,7 @@ const queryForm = {
const getDataList = async () => {
const { data } = await listOption(queryForm)
mailConfig.value = data.reduce((obj: MailConfig, option: OptionResp) => {
obj[option.code] = { ...option, value: ['MAIL_SMTP_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
}, {})
handleCancel()