mirror of
https://github.com/1024-lab/smart-admin.git
synced 2026-06-02 03:55:59 +00:00
255 lines
9.7 KiB
Vue
255 lines
9.7 KiB
Vue
<!--
|
||
* 三级等保配置
|
||
*
|
||
* @Author: 1024创新实验室-主任-卓大
|
||
* @Date: 2024-07-31 22:02:37
|
||
* @Copyright 1024创新实验室
|
||
-->
|
||
<template>
|
||
<a-alert closable>
|
||
<template v-slot:message>
|
||
<h4>三级等保：</h4>
|
||
</template>
|
||
<template v-slot:description>
|
||
<pre>
|
||
1.三级等保是中国国家等级保护认证中的最高级别认证，该认证包含了五个等级保护安全技术要求和五个安全管理要求，共涉及测评分类73类，要求非常严格。
|
||
2.三级等保是地市级以上国家机关、重要企事业单位需要达成的认证，在金融行业中，可以看作是除了银行机构以外最高级别的信息安全等级保护。
|
||
3.具体三级等保要求，请查看“1024创新实验室”写的相关文档 <a href="https://smartadmin.vip/views/level3protect/basic.html" target="_blank">三级等保文档</a></pre>
|
||
</template>
|
||
</a-alert>
|
||
<br />
|
||
<!---------- 三级等保配置表单 begin ----------->
|
||
<a-card title="三级等保配置">
|
||
<a-form
|
||
:model="form"
|
||
:rules="rules"
|
||
ref="formRef"
|
||
style="width: 100%"
|
||
:label-col="{ span: 6 }"
|
||
:wrapper-col="{ span: 18 }"
|
||
autocomplete="off"
|
||
class="smart-query-form"
|
||
>
|
||
<a-form-item
|
||
label="配置双因子登录模式"
|
||
class="smart-query-form-item"
|
||
extra="在用户登录时，需要同时提供用户名和密码以及其他形式的身份验证信息，例如短信验证码等"
|
||
>
|
||
<a-switch v-model:checked="form.twoFactorLoginEnabled" checked-children="开启 " un-checked-children="关闭 " />
|
||
</a-form-item>
|
||
<a-form-item
|
||
label="最大连续登录失败次数"
|
||
class="smart-query-form-item"
|
||
extra="连续登录失败超过一定次数，则需要锁定；默认5次；0则不锁定；"
|
||
name="loginFailMaxTimes"
|
||
>
|
||
<a-input-number :min="0" :max="10" v-model:value="form.loginFailMaxTimes" placeholder="最大连续登录失败次数" addon-after="次" />
|
||
</a-form-item>
|
||
<a-form-item
|
||
name="loginFailLockMinutes"
|
||
label="连续登录失败锁定分钟"
|
||
class="smart-query-form-item"
|
||
extra="连续登录失败锁定的时间；默认30分钟，0则不锁定"
|
||
>
|
||
<a-input-number :min="0" v-model:value="form.loginFailLockMinutes" placeholder="连续登录失败锁定时分钟" addon-after="分钟" />
|
||
</a-form-item>
|
||
<a-form-item
|
||
name="loginActiveTimeoutMinutes"
|
||
label="登录后无操作自动退出的分钟"
|
||
class="smart-query-form-item"
|
||
extra="如：登录1小时没操作自动退出当前登录状态；默认30分钟"
|
||
>
|
||
<a-input-number :min="-1" v-model:value="form.loginActiveTimeoutMinutes" placeholder="登录后无操作自动退出的分钟" addon-after="分钟" />
|
||
</a-form-item>
|
||
<a-form-item
|
||
label="开启密码复杂度"
|
||
class="smart-query-form-item"
|
||
extra="密码长度为8-20位且必须包含字母、数字、特殊符号（如：@#$%^&*()_+-=）等三种字符"
|
||
>
|
||
<a-switch v-model:checked="form.passwordComplexityEnabled" checked-children="开启 " un-checked-children="关闭 " />
|
||
</a-form-item>
|
||
<a-form-item
|
||
name="regularChangePasswordMonths"
|
||
label="定期修改密码时间间隔"
|
||
class="smart-query-form-item"
|
||
extra="定期修改密码时间间隔，默认3个月"
|
||
>
|
||
<a-input-number :min="-1" :max="6" v-model:value="form.regularChangePasswordMonths" placeholder="定期修改密码时间间隔" addon-after="月" />
|
||
</a-form-item>
|
||
<a-form-item
|
||
name="regularChangePasswordNotAllowRepeatTimes"
|
||
label="定期修改密码不允许重复次数"
|
||
class="smart-query-form-item"
|
||
extra="定期修改密码不允许重复次数，默认：3次以内密码不能相同"
|
||
>
|
||
<a-input-number
|
||
:min="-1"
|
||
:max="6"
|
||
v-model:value="form.regularChangePasswordNotAllowRepeatTimes"
|
||
placeholder="相同密码不允许重复次数"
|
||
addon-after="次"
|
||
/>
|
||
</a-form-item>
|
||
<a-form-item
|
||
label="文件安全检测"
|
||
class="smart-query-form-item"
|
||
extra="对文件类型、恶意文件进行检测；（具体请看后端： SecurityFileService 类 checkFile 方法 ）"
|
||
>
|
||
<a-switch v-model:checked="form.fileDetectFlag" checked-children="开启 " un-checked-children="关闭 " />
|
||
</a-form-item>
|
||
<a-form-item
|
||
name="maxUploadFileSizeMb"
|
||
label="上传文件大小限制"
|
||
class="smart-query-form-item"
|
||
extra="上传文件大小限制，默认 50 mb ( 0 表示不限制)"
|
||
>
|
||
<a-input-number :min="0" v-model:value="form.maxUploadFileSizeMb" placeholder="上传文件大小限制" addon-after="mb(兆)" />
|
||
</a-form-item>
|
||
<br />
|
||
<a-form-item :wrapper-col="{ span: 14, offset: 6 }">
|
||
<a-button type="primary" style="margin-right: 20px" @click.prevent="onSubmit">保存配置</a-button>
|
||
<a-button style="margin-right: 20px" @click="reset">恢复三级等保默认配置</a-button>
|
||
<a-button danger @click="clear">清除所有配置</a-button>
|
||
</a-form-item>
|
||
</a-form>
|
||
</a-card>
|
||
<!---------- 请求参数加密 end ----------->
|
||
</template>
|
||
<script setup>
|
||
import { onMounted, reactive, ref } from 'vue';
|
||
import { level3ProtectApi } from '/@/api/support/level3-protect-api.js';
|
||
import { SmartLoading } from '/@/components/framework/smart-loading/index.js';
|
||
import { smartSentry } from '/@/lib/smart-sentry.js';
|
||
import { message, Modal } from 'ant-design-vue';
|
||
|
||
// 三级等保的默认值
|
||
const protectDefaultValues = {
|
||
// 连续登录失败次数则锁定
|
||
loginFailMaxTimes: 5,
|
||
// 连续登录失败锁定分钟
|
||
loginFailLockMinutes: 30,
|
||
// 最低活跃时间分钟
|
||
loginActiveTimeoutMinutes: 30,
|
||
// 密码复杂度
|
||
passwordComplexityEnabled: true,
|
||
// 定期修改密码时间间隔 月份
|
||
regularChangePasswordMonths: 3,
|
||
// 定期修改密码不允许重复次数，默认：3次以内密码不能相同
|
||
regularChangePasswordNotAllowRepeatTimes: 3,
|
||
// 开启双因子登录
|
||
twoFactorLoginEnabled: true,
|
||
// 文件检测，默认：不开启
|
||
fileDetectFlag: true,
|
||
// 文件大小限制，单位 mb ，(默认：50 mb)
|
||
maxUploadFileSizeMb: 50,
|
||
};
|
||
|
||
// 三级等保的不保护的默认值
|
||
const noProtectDefaultValues = {
|
||
// 连续登录失败次数则锁定
|
||
loginFailMaxTimes: 0,
|
||
// 连续登录失败锁定分钟
|
||
loginFailLockMinutes: 0,
|
||
// 最低活跃时间分钟
|
||
loginActiveTimeoutMinutes: 0,
|
||
// 密码复杂度
|
||
passwordComplexityEnabled: false,
|
||
// 定期修改密码时间间隔 月份
|
||
regularChangePasswordMonths: 0,
|
||
// 定期修改密码不允许重复次数，
|
||
regularChangePasswordNotAllowRepeatTimes: 0,
|
||
// 开启双因子登录
|
||
twoFactorLoginEnabled: false,
|
||
// 文件大小限制，单位 mb ，
|
||
maxUploadFileSizeMb: 0,
|
||
};
|
||
|
||
// 三级等保配置表单
|
||
const form = reactive({
|
||
...protectDefaultValues,
|
||
});
|
||
|
||
const rules = {
|
||
loginFailMaxTimes: [{ required: true, message: '请输入 最大连续登录失败次数' }],
|
||
loginFailLockMinutes: [{ required: true, message: '请输入 连续登录失败锁定分钟' }],
|
||
loginActiveTimeoutMinutes: [{ required: true, message: '请输入 最低活跃时间分钟' }],
|
||
regularChangePasswordMonths: [{ required: true, message: '请输入 定期修改密码时间间隔' }],
|
||
regularChangePasswordNotAllowRepeatTimes: [{ required: true, message: '请输入 定期修改密码时间间隔' }],
|
||
maxUploadFileSizeMb: [{ required: true, message: '请输入 上传文件大小限制' }],
|
||
};
|
||
|
||
//获取配置
|
||
async function getConfig() {
|
||
SmartLoading.show();
|
||
try {
|
||
let res = await level3ProtectApi.getConfig();
|
||
if (!res.data) {
|
||
message.warn('当前未配置三级等保');
|
||
return;
|
||
}
|
||
let json = JSON.parse(res.data);
|
||
form.loginFailMaxTimes = json.loginFailMaxTimes;
|
||
form.loginFailLockMinutes = json.loginFailLockMinutes;
|
||
form.loginActiveTimeoutMinutes = json.loginActiveTimeoutMinutes;
|
||
form.passwordComplexityEnabled = json.passwordComplexityEnabled;
|
||
form.regularChangePasswordMonths = json.regularChangePasswordMonths;
|
||
form.regularChangePasswordNotAllowRepeatTimes = json.regularChangePasswordNotAllowRepeatTimes;
|
||
form.twoFactorLoginEnabled = json.twoFactorLoginEnabled;
|
||
form.maxUploadFileSizeMb = json.maxUploadFileSizeMb;
|
||
form.fileDetectFlag = json.fileDetectFlag;
|
||
} catch (e) {
|
||
smartSentry.captureError(e);
|
||
} finally {
|
||
SmartLoading.hide();
|
||
}
|
||
}
|
||
|
||
onMounted(getConfig);
|
||
|
||
const formRef = ref();
|
||
// 提交修改
|
||
function onSubmit() {
|
||
formRef.value
|
||
.validate()
|
||
.then(save)
|
||
.catch((error) => {
|
||
message.error('参数验证错误，请仔细填写表单数据!');
|
||
});
|
||
}
|
||
|
||
// 提交修改配置
|
||
async function save() {
|
||
SmartLoading.show();
|
||
try {
|
||
let res = await level3ProtectApi.updateConfig(form);
|
||
message.success(res.msg);
|
||
} catch (e) {
|
||
smartSentry.captureError(e);
|
||
} finally {
|
||
SmartLoading.hide();
|
||
}
|
||
}
|
||
|
||
// 重置
|
||
function reset() {
|
||
Object.assign(form, protectDefaultValues);
|
||
save();
|
||
}
|
||
|
||
// 清除所有配置
|
||
function clear() {
|
||
Modal.confirm({
|
||
title: '提示',
|
||
content: '确定要清除三级等保配置吗?这样系统不安全哦',
|
||
okText: '清除三级等保配置',
|
||
okType: 'danger',
|
||
onOk() {
|
||
Object.assign(form, noProtectDefaultValues);
|
||
save();
|
||
},
|
||
cancelText: '取消',
|
||
onCancel() {},
|
||
});
|
||
}
|
||
</script>
|