You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
469 lines
15 KiB
469 lines
15 KiB
<style lang="less">
|
|
@import "./settingManage.less";
|
|
</style>
|
|
<template>
|
|
<div>
|
|
<Card>
|
|
<Layout>
|
|
<Sider
|
|
hide-trigger
|
|
style="background: #fff; max-width: 220px; flex: 0 0 220px"
|
|
>
|
|
<Menu
|
|
:active-name="currName"
|
|
theme="light"
|
|
width="auto"
|
|
@on-select="currName = $event"
|
|
>
|
|
<MenuItem name="oss">文件对象存储配置</MenuItem>
|
|
<MenuItem name="sms">短信配置</MenuItem>
|
|
<MenuItem name="email">邮件配置</MenuItem>
|
|
<MenuItem name="stopWord">禁用词管理</MenuItem>
|
|
<MenuItem name="audit">审核管理</MenuItem>
|
|
<MenuItem name="notice">系统公告配置</MenuItem>
|
|
<MenuItem name="appUpdate">APP热更新</MenuItem>
|
|
<MenuItem name="other">其他配置</MenuItem>
|
|
</Menu>
|
|
</Sider>
|
|
<Content
|
|
:style="{
|
|
padding: '8px 40px',
|
|
minHeight: '550px',
|
|
background: '#fff',
|
|
}"
|
|
>
|
|
<div v-show="currName == 'oss'">
|
|
<div class="setting-title">文件对象存储配置</div>
|
|
<oss />
|
|
</div>
|
|
<div v-show="currName == 'sms'">
|
|
<div class="setting-title">短信配置</div>
|
|
<sms />
|
|
</div>
|
|
<div v-show="currName == 'email'">
|
|
<div class="setting-title">邮箱配置</div>
|
|
<div style="display: flex; position: relative">
|
|
<Form
|
|
ref="emailForm"
|
|
:model="email"
|
|
:label-width="110"
|
|
label-position="left"
|
|
:rules="emailValidate"
|
|
>
|
|
<FormItem label="邮箱服务器" prop="host">
|
|
<Input
|
|
type="text"
|
|
v-model="email.host"
|
|
placeholder="请输入邮箱服务器Host，例如QQ邮箱为smtp.qq.com"
|
|
style="width: 380px"
|
|
/>
|
|
</FormItem>
|
|
<FormItem label="发送邮箱账号" prop="username">
|
|
<Input
|
|
type="text"
|
|
v-model="email.username"
|
|
placeholder="请输入发送者Email账号"
|
|
style="width: 380px"
|
|
/>
|
|
</FormItem>
|
|
<FormItem label="邮箱授权码" prop="password">
|
|
<Tooltip
|
|
placement="right"
|
|
content="如需编辑请点击查看图标"
|
|
>
|
|
<Input
|
|
class="input-see"
|
|
type="text"
|
|
v-model="email.password"
|
|
:readonly="!changedEmailPass"
|
|
@on-click="seeSecret('EMAIL_SETTING')"
|
|
icon="ios-eye"
|
|
placeholder="请输入邮箱授权码，进入邮箱-设置中可找到"
|
|
style="width: 380px"
|
|
/>
|
|
</Tooltip>
|
|
</FormItem>
|
|
<FormItem>
|
|
<Button
|
|
type="primary"
|
|
style="width: 100px"
|
|
:loading="saveLoading"
|
|
@click="saveEditEmail"
|
|
>保存更改</Button
|
|
>
|
|
</FormItem>
|
|
</Form>
|
|
<Spin fix v-if="loading"></Spin>
|
|
</div>
|
|
</div>
|
|
<div v-show="currName == 'stopWord'">
|
|
<div class="setting-title">禁用词管理</div>
|
|
<stop-word />
|
|
</div>
|
|
<div v-show="currName == 'audit'">
|
|
<div class="setting-title">审核管理</div>
|
|
<div style="display: flex">
|
|
<Form :model="audit" :label-width="150" label-position="left">
|
|
<FormItem label="实名认证审核">
|
|
<i-switch v-model="audit.realNameAuditEnabled">
|
|
<span slot="open">开</span>
|
|
<span slot="close">关</span>
|
|
</i-switch>
|
|
<div style="color: #999; margin-top: 8px; line-height: 22px;">
|
|
开启后，i/e 匹配、同频一题、发布动态前需要身份证三要素实名认证和学生证认证；
|
|
关闭后，仅保留学生证认证，便于上架审核通过后降低用户进入门槛。
|
|
</div>
|
|
</FormItem>
|
|
<FormItem>
|
|
<Button
|
|
type="primary"
|
|
style="width: 100px"
|
|
:loading="saveLoading"
|
|
@click="saveAuditSetting"
|
|
>保存更改</Button
|
|
>
|
|
</FormItem>
|
|
</Form>
|
|
<Spin fix v-if="loading"></Spin>
|
|
</div>
|
|
</div>
|
|
<div v-show="currName == 'notice'">
|
|
<div class="setting-title">
|
|
系统公告配置
|
|
<Tooltip content="访问系统公告，右上角弹出" placement="right">
|
|
<Icon
|
|
type="md-help-circle"
|
|
size="20"
|
|
color="#c5c5c5"
|
|
style="margin-left: 10px; cursor: pointer"
|
|
/>
|
|
</Tooltip>
|
|
</div>
|
|
<div style="display: flex">
|
|
<Form
|
|
ref="noticeForm"
|
|
:model="notice"
|
|
:label-width="110"
|
|
label-position="left"
|
|
>
|
|
<FormItem label="公告开关" prop="open">
|
|
<i-switch v-model="notice.open">
|
|
<span slot="open">开</span>
|
|
<span slot="close">关</span>
|
|
</i-switch>
|
|
</FormItem>
|
|
<FormItem label="展示时长" prop="duration">
|
|
<Tooltip
|
|
trigger="hover"
|
|
placement="right"
|
|
content="设为0不自动关闭"
|
|
>
|
|
<InputNumber
|
|
:max="1000"
|
|
:min="0"
|
|
v-model="notice.duration"
|
|
></InputNumber
|
|
><span style="margin-left: 5px">秒</span>
|
|
</Tooltip>
|
|
</FormItem>
|
|
<FormItem label="展示页面" prop="position">
|
|
<Select
|
|
v-model="notice.position"
|
|
placeholder="请选择"
|
|
style="width: 380px"
|
|
>
|
|
<Option value="LOGIN">登录页（访问系统时）</Option>
|
|
<Option value="HOME">首页（登录系统后）</Option>
|
|
</Select>
|
|
</FormItem>
|
|
<FormItem label="公告标题" prop="title">
|
|
<Input v-model="notice.title" style="width: 380px" />
|
|
</FormItem>
|
|
<FormItem label="公告内容" prop="content">
|
|
<Input
|
|
type="textarea"
|
|
v-model="notice.content"
|
|
:rows="4"
|
|
placeholder
|
|
style="width: 380px"
|
|
/>
|
|
</FormItem>
|
|
<FormItem>
|
|
<Button
|
|
type="primary"
|
|
style="width: 100px"
|
|
:loading="saveLoading"
|
|
@click="saveEditNotice"
|
|
>保存更改</Button
|
|
>
|
|
</FormItem>
|
|
</Form>
|
|
<Spin fix v-if="loading"></Spin>
|
|
</div>
|
|
</div>
|
|
<div v-show="currName == 'appUpdate'">
|
|
<div class="setting-title">APP热更新</div>
|
|
<up-app />
|
|
</div>
|
|
<div v-show="currName == 'other'">
|
|
<div class="setting-title">其他配置</div>
|
|
<div style="display: flex">
|
|
<Form
|
|
ref="otherForm"
|
|
:model="other"
|
|
:label-width="110"
|
|
label-position="left"
|
|
:rules="otherValidate"
|
|
>
|
|
<FormItem label="应用部署域名" prop="domain">
|
|
<Tooltip placement="right" content="拼接部分资源访问链接使用">
|
|
<Input
|
|
type="text"
|
|
v-model="other.domain"
|
|
placeholder="请输入应用部署域名前缀，如https://hiver.cc"
|
|
style="width: 380px"
|
|
/>
|
|
</Tooltip>
|
|
</FormItem>
|
|
<FormItem label="单点登录域名" prop="ssoDomain">
|
|
<Tooltip
|
|
max-width="250"
|
|
transfer
|
|
placement="right"
|
|
content="该域名及子域名下将可获得单点登录所需数据"
|
|
>
|
|
<Input
|
|
type="text"
|
|
v-model="other.ssoDomain"
|
|
placeholder="请输入应用部署一级域名，如hiver.cc"
|
|
style="width: 380px"
|
|
/>
|
|
</Tooltip>
|
|
</FormItem>
|
|
<FormItem label="IP黑名单" prop="blacklist">
|
|
<Input
|
|
type="textarea"
|
|
v-model="other.blacklist"
|
|
:rows="4"
|
|
placeholder="多个以回车分隔"
|
|
style="width: 380px"
|
|
/>
|
|
</FormItem>
|
|
<FormItem>
|
|
<Button
|
|
type="primary"
|
|
style="width: 100px"
|
|
:loading="saveLoading"
|
|
@click="saveEditOther"
|
|
>保存更改</Button
|
|
>
|
|
</FormItem>
|
|
</Form>
|
|
<Spin fix v-if="loading"></Spin>
|
|
</div>
|
|
</div>
|
|
</Content>
|
|
</Layout>
|
|
</Card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
seeSecretSet,
|
|
getEmailSet,
|
|
editEmailSet,
|
|
getOtherSet,
|
|
editOtherSet,
|
|
getNoticeSet,
|
|
editNoticeSet,
|
|
getIeAuditSetting,
|
|
saveIeAuditSetting,
|
|
} from "@/api/index";
|
|
import oss from "./oss.vue";
|
|
import sms from "./sms.vue";
|
|
import stopWord from "./stopWord.vue";
|
|
import upApp from "../upApp/upApp.vue";
|
|
export default {
|
|
name: "setting-manage",
|
|
components: {
|
|
oss,
|
|
sms,
|
|
stopWord,
|
|
upApp,
|
|
},
|
|
data() {
|
|
return {
|
|
currName: "oss",
|
|
loading: false, // 表单加载状态
|
|
saveLoading: false,
|
|
email: {
|
|
host: "",
|
|
username: "",
|
|
password: "",
|
|
},
|
|
changedEmailPass: false, // 是否修改邮件密码
|
|
notice: {
|
|
duration: 10,
|
|
},
|
|
other: {
|
|
domain: "http://8.140.198.243:8888",
|
|
ssoDomain: "",
|
|
blacklist: "",
|
|
},
|
|
audit: {
|
|
realNameAuditEnabled: true,
|
|
},
|
|
emailValidate: {
|
|
// 表单验证规则
|
|
host: [{ required: true, message: "请输入", trigger: "blur" }],
|
|
username: [{ required: true, message: "请输入", trigger: "blur" }],
|
|
password: [{ required: true, message: "请输入", trigger: "blur" }],
|
|
},
|
|
otherValidate: {
|
|
// 表单验证规则
|
|
domain: [{ required: true, message: "请输入", trigger: "blur" }],
|
|
},
|
|
};
|
|
},
|
|
methods: {
|
|
init() {
|
|
this.initEmailSet();
|
|
this.initNoticeSet();
|
|
this.initOtherSet();
|
|
this.initAuditSetting();
|
|
},
|
|
initEmailSet() {
|
|
this.loading = true;
|
|
getEmailSet().then((res) => {
|
|
this.loading = false;
|
|
if (res.result) {
|
|
// 转换null为""
|
|
for (let attr in res.result) {
|
|
if (res.result[attr] == null) {
|
|
res.result[attr] = "";
|
|
}
|
|
}
|
|
this.email = res.result;
|
|
} else {
|
|
this.changedEmailPass = true;
|
|
}
|
|
});
|
|
},
|
|
initOtherSet() {
|
|
this.loading = true;
|
|
getOtherSet().then((res) => {
|
|
this.loading = false;
|
|
if (res.result) {
|
|
// 转换null为""
|
|
for (let attr in res.result) {
|
|
if (res.result[attr] == null) {
|
|
res.result[attr] = "";
|
|
}
|
|
}
|
|
this.other = res.result;
|
|
}
|
|
});
|
|
},
|
|
initNoticeSet() {
|
|
this.loading = true;
|
|
getNoticeSet().then((res) => {
|
|
this.loading = false;
|
|
if (res.result) {
|
|
// 转换null为""
|
|
for (let attr in res.result) {
|
|
if (res.result[attr] == null) {
|
|
res.result[attr] = "";
|
|
}
|
|
}
|
|
this.notice = res.result;
|
|
}
|
|
});
|
|
},
|
|
initAuditSetting() {
|
|
this.loading = true;
|
|
getIeAuditSetting().then((res) => {
|
|
this.loading = false;
|
|
if (res.result) {
|
|
this.audit.realNameAuditEnabled = res.result.realNameAuditEnabled !== false;
|
|
}
|
|
});
|
|
},
|
|
seeSecret(name) {
|
|
if (!name) {
|
|
return;
|
|
}
|
|
seeSecretSet(name).then((res) => {
|
|
if (res.success) {
|
|
if (this.currName == "sms") {
|
|
this.sms.secretKey = res.result;
|
|
this.changedSmsSK = true;
|
|
} else if (this.currName == "email") {
|
|
this.email.password = res.result;
|
|
this.changedEmailPass = true;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
saveEditEmail() {
|
|
this.$refs.emailForm.validate((valid) => {
|
|
if (valid) {
|
|
this.saveLoading = true;
|
|
this.email.changed = this.changedEmailPass;
|
|
editEmailSet(this.email).then((res) => {
|
|
this.saveLoading = false;
|
|
if (res.success) {
|
|
this.$Message.success("保存成功");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
},
|
|
saveEditOther() {
|
|
this.$refs.otherForm.validate((valid) => {
|
|
if (valid) {
|
|
this.saveLoading = true;
|
|
editOtherSet(this.other).then((res) => {
|
|
this.saveLoading = false;
|
|
if (res.success) {
|
|
this.$Message.success("保存成功");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
},
|
|
saveEditNotice() {
|
|
this.saveLoading = true;
|
|
let str = JSON.stringify(this.notice);
|
|
let params = JSON.parse(str);
|
|
if (!this.notice.duration) {
|
|
params.duration = 0;
|
|
}
|
|
editNoticeSet(params).then((res) => {
|
|
this.saveLoading = false;
|
|
if (res.success) {
|
|
this.$Message.success("保存成功");
|
|
}
|
|
});
|
|
},
|
|
saveAuditSetting() {
|
|
this.saveLoading = true;
|
|
saveIeAuditSetting({
|
|
realNameAuditEnabled: this.audit.realNameAuditEnabled,
|
|
}).then((res) => {
|
|
this.saveLoading = false;
|
|
if (res.success) {
|
|
this.$Message.success("保存成功");
|
|
}
|
|
});
|
|
},
|
|
},
|
|
mounted() {
|
|
let name = this.$route.query.name;
|
|
if (name) {
|
|
this.currName = name;
|
|
}
|
|
this.init();
|
|
},
|
|
};
|
|
</script>
|