add email white list

This commit is contained in:
RockYang
2024-09-20 10:40:37 +08:00
parent 909ae4aa00
commit 246d96ee63
6 changed files with 103 additions and 2 deletions

View File

@@ -47,6 +47,7 @@ watch(() => props.value, (newValue) => {
model.value = newValue
})
const model = ref(props.value)
// eslint-disable-next-line no-undef
const emits = defineEmits(['update:value']);
const onInput = (value) => {
emits('update:value',value)

View File

@@ -0,0 +1,79 @@
<template>
<!-- 多项目输入组件 -->
<div class="items-input-box">
<el-tag
v-for="tag in tags"
:key="tag"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
{{ tag }}
</el-tag>
<el-input
v-if="inputVisible"
ref="InputRef"
v-model="inputValue"
class="w-20"
size="small"
@keyup.enter="handleInputConfirm"
@blur="handleInputConfirm"
/>
<el-button v-else class="button-new-tag" size="small" @click="showInput">
+ 新增
</el-button>
</div>
</template>
<script setup>
import {nextTick, ref, watch} from "vue";
// eslint-disable-next-line no-undef
const props = defineProps({
value : {
type: Array,
default: () => []
},
});
// eslint-disable-next-line no-undef
const emits = defineEmits(['update:value']);
const tags = ref(props.value)
const inputValue = ref('')
const inputVisible = ref(false)
const InputRef = ref(null)
watch(() => props.value, (newValue) => {
tags.value = newValue
})
const handleClose = (tag) => {
tags.value.splice(tags.value.indexOf(tag), 1)
}
const showInput = () => {
inputVisible.value = true
nextTick(() => {
InputRef.value?.input?.focus()
})
}
const handleInputConfirm = () => {
if (inputValue.value) {
tags.value.push(inputValue.value)
}
inputVisible.value = false
inputValue.value = ''
emits('update:value', tags.value)
}
</script>
<style scoped lang="stylus">
.items-input-box {
display flex
.el-tag {
display flex
margin-right 6px
}
}
</style>

View File

@@ -133,6 +133,10 @@
</el-checkbox-group>
</el-form-item>
<el-form-item label="邮件域名白名单" prop="register_ways">
<items-input v-model:value="system['email_white_list']"/>
</el-form-item>
<el-form-item label="微信客服二维码" prop="wechat_card_url">
<el-input v-model="system['wechat_card_url']" placeholder="微信客服二维码">
<template #append>
@@ -410,6 +414,7 @@ import MdEditor from "md-editor-v3";
import 'md-editor-v3/lib/style.css';
import Menu from "@/views/admin/Menu.vue";
import {copyObj, dateFormat} from "@/utils/libs";
import ItemsInput from "@/components/ui/ItemsInput.vue";
const activeName = ref('basic')
const system = ref({models: []})
@@ -475,7 +480,6 @@ const save = function (key) {
if (key === 'system') {
systemFormRef.value.validate((valid) => {
if (valid) {
system.value['power_price'] = parseFloat(system.value['power_price']) ?? 0
httpPost('/api/admin/config/update', {key: key, config: system.value, config_bak: configBak.value}).then(() => {
ElMessage.success("操作成功!")
}).catch(e => {