用户登录问题修改

This commit is contained in:
jiang 2024-10-29 14:19:41 +08:00
parent 444a3bf9b9
commit 7ffda168f5
23 changed files with 95 additions and 379 deletions

View File

@ -7,10 +7,15 @@
<script>
import ThemePicker from "@/components/ThemePicker";
import { mapActions } from 'vuex'
import { get } from '@/utils/config'
export default {
name: "App",
components: { ThemePicker },
created() {
get();
},
metaInfo() {
return {
title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,

9
src/api/config.js Normal file
View File

@ -0,0 +1,9 @@
import request from '@/utils/request'
// 获取系统配置
export const getConfig = () => {
return request({
url: '/auth/getConfig',
method: 'get'
})
}

View File

@ -182,7 +182,6 @@ export default {
"updateCrontabValue", name, value, from;
this.crontabValueObj[name] = value;
if (from && from !== name) {
console.log(`来自组件 ${from} 改变了 ${name} ${value}`);
this.changeRadio(name, value);
}
},

View File

@ -16,21 +16,21 @@ import { download } from '@/utils/request'
import './assets/icons' // icon
import './permission' // permission control
import { getDicts } from "@/api/system/dict/data";
import { getConfigKey } from "@/api/system/config";
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/bonus";
import { getDicts } from '@/api/system/dict/data'
import { getConfigKey } from '@/api/system/config'
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from '@/utils/bonus'
// 分页组件
import Pagination from "@/components/Pagination";
import Pagination from '@/components/Pagination'
// 自定义表格工具组件
import RightToolbar from "@/components/RightToolbar"
import RightToolbar from '@/components/RightToolbar'
// 富文本组件
import Editor from "@/components/Editor"
import Editor from '@/components/Editor'
// 文件上传组件
import FileUpload from "@/components/FileUpload"
import FileUpload from '@/components/FileUpload'
// 图片上传组件
import ImageUpload from "@/components/ImageUpload"
import ImageUpload from '@/components/ImageUpload'
// 图片预览组件
import ImagePreview from "@/components/ImagePreview"
import ImagePreview from '@/components/ImagePreview'
// 字典标签组件
import DictTag from '@/components/DictTag'
// 头部标签组件

View File

@ -13,7 +13,6 @@ const whiteList = ['/login', '/register']
router.beforeEach((to, from, next) => {
NProgress.start()
if (getToken()) {
console.log(getToken())
to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
/* has token*/
if (to.path === '/login') {

View File

@ -12,8 +12,8 @@ const getters = {
roles: state => state.user.roles,
permissions: state => state.user.permissions,
permission_routes: state => state.permission.routes,
topbarRouters:state => state.permission.topbarRouters,
defaultRoutes:state => state.permission.defaultRoutes,
sidebarRouters:state => state.permission.sidebarRouters,
topbarRouters: state => state.permission.topbarRouters,
defaultRoutes: state => state.permission.defaultRoutes,
sidebarRouters: state => state.permission.sidebarRouters
}
export default getters

View File

@ -7,7 +7,6 @@ import tagsView from './modules/tagsView'
import permission from './modules/permission'
import settings from './modules/settings'
import getters from './getters'
Vue.use(Vuex)
const store = new Vuex.Store({

View File

@ -207,7 +207,6 @@ export function handleTree(data, id, parentId, children) {
* @param {*} params 参数
*/
export function tansParams(params) {
console.log(params)
let result = ''
for (const propName of Object.keys(params)) {
const value = params[propName]
@ -226,7 +225,6 @@ export function tansParams(params) {
}
}
}
console.log(result)
return result
}

10
src/utils/config.js Normal file
View File

@ -0,0 +1,10 @@
import { getConfig } from '@/api/config';
export function get() {
getConfig()
.then(response => {
localStorage.setItem('systemConfig', JSON.stringify(response.data));
})
.catch(error => {
console.error('Failed to fetch config:', error);
});
}

View File

@ -1,17 +1,3 @@
// 密码强度级别常量
const STRENGTH_LEVELS = {
WEAK: 'weak', // 弱:一类字符
MEDIUM: 'medium', // 中:两类字符
STRONG: 'strong', // 强:三类字符
VERY_STRONG: 'very-strong' // 非常强:四类字符
}
// 数据设置常量
const DATA_SETTINGS = {
OPEN: true, // 开启
CLOSE: false // 关闭
}
// SM 配置
const SM_CONFIG = {
SALT: '2cc0c5f9f1749f1632efa9f63e902323', // SM3 盐值16 字节)
@ -19,67 +5,12 @@ const SM_CONFIG = {
SM2_PUBLIC_KEY: 'your-public-key', // SM2 公钥
SM2_PRIVATE_KEY: 'your-private-key' // SM2 私钥
}
// AES 配置
const AES_CONFIG = {
AES_KEY: 'zhgd@bonus@zhgd@bonus@1234567890', // AES key值
AES_IV: '1234567812345678' // AES 偏移量
}
// 登录配置
const LOGIN_CONFIG = {
// CODE_PHONE_LOGIN: DATA_SETTINGS.CLOSE, // 手机号验证码登录true开启false关闭
// CODE_EMAIL_LOGIN: DATA_SETTINGS.OPEN,// 邮箱验证码登录true开启false关闭
PHONE_LOGIN: DATA_SETTINGS.OPEN, // 手机号密码登录true开启false关闭
EMAIL_LOGIN: DATA_SETTINGS.OPEN // 邮箱密码登录true开启false关闭
}
//注册配置
const REGISTER_CONFIG = {
PHONE_REGISTER: DATA_SETTINGS.CLOSE, // 手机号注册true开启false关闭
EMAIL_REGISTER: DATA_SETTINGS.CLOSE // 邮箱注册true开启false关闭
}
// 配置设置
const CONFIG = {
STRENGTH: STRENGTH_LEVELS.STRONG,//密码强度配置
IS_OPEN_REGISTER: REGISTER_CONFIG.PHONE_REGISTER || REGISTER_CONFIG.EMAIL_REGISTER, // 是否开启注册
IS_CODE_LOGIN: LOGIN_CONFIG.EMAIL_LOGIN || LOGIN_CONFIG.PHONE_LOGIN, // 是否开启短信登录
// 数据设置
dataSettings: {
integrityCheck: DATA_SETTINGS.CLOSE, // 数据完整性校验true开启false关闭
encryptRequest: DATA_SETTINGS.CLOSE, // 数据传输加密true开启false关闭
encryptResponse: DATA_SETTINGS.CLOSE, // 数据返回解密true开启false关闭
},
// 增加配置以支持增加根节点公司的添加和删除功能added by weiweiwang2024/9/12
IS_ADD_ROOT_COMPANY: DATA_SETTINGS.OPEN,
}
// 获取占位符文本的函数
// 获取占位符文本的函数
function getPlaceholderText() {
const loginOptions = []
if (LOGIN_CONFIG.PHONE_LOGIN) loginOptions.push('手机号')
if (LOGIN_CONFIG.EMAIL_LOGIN) loginOptions.push('邮箱')
return `用户名${loginOptions.length ? '/' + loginOptions.join('/') : ''}`
}
// 获取占位符文本的函数
// 获取占位符文本的函数
function getCodePlaceholderText() {
const loginOptions = []
if (LOGIN_CONFIG.PHONE_LOGIN) loginOptions.push('手机号')
if (LOGIN_CONFIG.EMAIL_LOGIN) loginOptions.push('邮箱')
return loginOptions.length ? loginOptions.join('/') : ''
}
module.exports = {
STRENGTH_LEVELS,
DATA_SETTINGS,
CONFIG,
SM_CONFIG,
AES_CONFIG,
LOGIN_CONFIG,
REGISTER_CONFIG,
getPlaceholderText,
getCodePlaceholderText
}

View File

@ -8,7 +8,6 @@ export const options = {
* 字典请求方法签名为function(dictMeta: DictMeta): Promise
*/
request: (dictMeta) => {
console.log(`load dict ${dictMeta.type}`)
return Promise.resolve([])
},
/**

View File

@ -1,17 +0,0 @@
// src/config/passwordConfig.js
export default {
minLength: 8, // 密码最小长度
maxLength: 16, // 密码最大长度
requireUpperCase: true, // 是否需要大写字母
requireLowerCase: true, // 是否需要小写字母
requireDigit: true, // 是否需要数字
requireSpecialChar: true, // 是否需要特殊字符
weakPasswords: [ "111", "888", "123", "234", "345", "456", "567", "678", "789", "1234",
"2345", "3456", "4567", "5678", "6789", "abc", "abcd", "abcde", "abcdef", "abcdefg",
"qwe", "qwer", "qwert", "qwerty", "asdf", "asdfg", "asdfgh", "password", "passw0rd",
"letmein", "welcome", "admin", "user", "test", "pass", "root", "login"], // 弱密码列表
restrictConsecutiveChars: true, // 是否限制连续字符
maxConsecutiveChars: 2, // 最大连续字符数
excludeUsernameInPassword: true, // 是否不允许密码包含用户名
passwordHistoryLimit: 5 // 历史密码限制条数
}

View File

@ -7,10 +7,8 @@ import { tansParams, blobValidate } from '@/utils/bonus'
import cache from '@/plugins/cache'
import { saveAs } from 'file-saver'
import { encryptCBC, decryptCBC } from '@/utils/aescbc'
import { CONFIG } from '@/utils/configure'
import { hashWithSM3AndSalt } from '@/utils/sm'
//let token = localStorage.getItem("tokens");
const systemConfig = JSON.parse(localStorage.getItem('systemConfig'));
let downloadLoadingInstance
// 是否显示重新登录
@ -40,11 +38,11 @@ service.interceptors.request.use(config => {
// 设置请求头
//入参加密
config.headers['encryptRequest'] = CONFIG.dataSettings.encryptRequest && encryptRequest ? 'true' : 'false'
config.headers['encryptRequest'] = systemConfig.requestConfig.encryptRequest && encryptRequest ? 'true' : 'false'
// 数据完整性校验
config.headers['checkIntegrity'] = CONFIG.dataSettings.integrityCheck && checkIntegrity ? 'true' : 'false'
config.headers['checkIntegrity'] = systemConfig.requestConfig.checkIntegrity && checkIntegrity ? 'true' : 'false'
//回参是否加密
config.headers['encryptResponse'] = CONFIG.dataSettings.encryptResponse && encryptResponse ? 'true' : 'false'
config.headers['encryptResponse'] = systemConfig.requestConfig.encryptResponse && encryptResponse ? 'true' : 'false'
const isRepeatSubmit = repeatSubmit
// 处理 Token
@ -52,21 +50,6 @@ service.interceptors.request.use(config => {
config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义 token
}
// // 处理 GET 请求
// if (config.method === 'get' && config.params) {
// let params = tansParams(config.params).slice(0, -1)
// // 数据完整性校验
// if (CONFIG.dataSettings.integrityCheck && checkIntegrity) {
// config.headers['Params-Hash'] = hashWithSM3AndSalt(params)
// }
// // 加密参数
// if (CONFIG.dataSettings.encryptRequest && encryptRequest) {
// params = encryptCBC(params)
// }
// config.url = `${config.url}?${params}`
// config.params = {}
// }
// get请求映射params参数
if (config.method === 'get' && config.params) {
let url = config.url + '?' + tansParams(config.params);
@ -80,12 +63,12 @@ service.interceptors.request.use(config => {
let contentType = config.headers['Content-Type']
if (contentType.includes('application/json') && typeof data !== 'undefined') {
// 数据完整性校验
if (CONFIG.dataSettings.integrityCheck && checkIntegrity) {
if (systemConfig.requestConfig.checkIntegrity && checkIntegrity) {
config.headers['Params-Hash'] = hashWithSM3AndSalt(data)
config.data = data
}
// 加密数据
if (CONFIG.dataSettings.encryptRequest && encryptRequest) {
if (systemConfig.requestConfig.encryptRequest && encryptRequest) {
config.data = encryptCBC(data)
}
}
@ -115,10 +98,8 @@ service.interceptors.request.use(config => {
// 响应拦截器
service.interceptors.response.use(res => {
console.log(res)
if (res.headers.encryptresponse && !res.data.hasOwnProperty('code')) {
res.data = JSON.parse(decryptCBC(res.data))
console.log(res.data)
}
// 未设置状态码则默认成功状态
const code = res.data.code || 200
@ -159,7 +140,6 @@ service.interceptors.response.use(res => {
}
},
error => {
console.log('err' + error)
let { message } = error
if (message == 'Network Error') {
message = '后端接口连接异常'

View File

@ -1,6 +1,4 @@
import { CONFIG } from '@/utils/configure'
import passwordConfig from '@/utils/passwordConfig'
const systemConfig = JSON.parse(localStorage.getItem('systemConfig'));
/**
* @param {string} path
* @returns {Boolean}
@ -92,71 +90,12 @@ export function validPwd(value) {
return reg.test(value)
}
/**
* 长度至少为8个字符
* 一般长度至少为8个字符并包含至少一种字符类型
* 长度至少为8个字符并包含至少两种字符类型
* 非常强长度至少为8个字符并包含所有四种字符类型
* @param rule
* @param value
* @param callback
* @returns {*}
*/
export function validatePassword(rule, value, callback) {
if (!value) {
return callback(new Error('请输入密码'))
}
const lengthRegex = /^.{8,20}$/
const uppercaseRegex = /[A-Z]/
const lowercaseRegex = /[a-z]/
const digitRegex = /\d/
const specialCharRegex = /[!@#$%^&*(),.?":{}|<>]/
if (!lengthRegex.test(value)) {
return callback(new Error('密码长度必须为8到20位'))
}
const checks = [
{ regex: uppercaseRegex, message: '必须包含至少一个大写字母' },
{ regex: lowercaseRegex, message: '必须包含至少一个小写字母' },
{ regex: digitRegex, message: '必须包含至少一个数字' },
{ regex: specialCharRegex, message: '必须包含至少一个特殊字符' }
]
let passedChecks = checks.filter(check => check.regex.test(value)).length
let requiredChecks
switch (CONFIG.STRENGTH) {
case 'weak':
requiredChecks = 1
break
case 'medium':
requiredChecks = 2
break
case 'strong':
requiredChecks = 3
break
case 'very-strong':
requiredChecks = 4
break
default:
return callback(new Error('请选择有效的密码强度'))
}
if (passedChecks < requiredChecks) {
return callback(new Error(`密码至少包含 ${requiredChecks} 类字符(大写字母,小写字母,数字,特殊字符)`))
}
callback()
}
export function validateNewPassword(rule, value, callback) {
// 使用配置文件中的策略进行验证
// 1. 检查密码长度
if (value.length < passwordConfig.minLength || value.length > passwordConfig.maxLength) {
callback(new Error('密码长度应为' + passwordConfig.minLength + '至' + passwordConfig.maxLength + '位!'))
if (value.length < systemConfig.passwordConfig.minLength || value.length > systemConfig.passwordConfig.maxLength) {
callback(new Error('密码长度应为' + systemConfig.passwordConfig.minLength + '至' + systemConfig.passwordConfig.maxLength + '位!'))
return
}
@ -166,24 +105,24 @@ export function validateNewPassword(rule, value, callback) {
const hasDigit = /\d/.test(value)
const hasSpecialChar = /[!@#$%^&*(),.?":{}|<>]/.test(value)
if (passwordConfig.requireUpperCase && !hasUpperCase) {
if (systemConfig.passwordConfig.requireUpperCase && !hasUpperCase) {
callback(new Error('密码必须包含大写字母!'))
return
}
if (passwordConfig.requireLowerCase && !hasLowerCase) {
if (systemConfig.passwordConfig.requireLowerCase && !hasLowerCase) {
callback(new Error('密码必须包含小写字母!'))
return
}
if (passwordConfig.requireDigit && !hasDigit) {
if (systemConfig.passwordConfig.requireDigit && !hasDigit) {
callback(new Error('密码必须包含数字!'))
return
}
if (passwordConfig.requireSpecialChar && !hasSpecialChar) {
if (systemConfig.passwordConfig.requireSpecialChar && !hasSpecialChar) {
callback(new Error('密码必须包含特殊字符!'))
return
}
// 3. 检查是否包含弱密码
for (const weakPwd of passwordConfig.weakPasswords) {
for (const weakPwd of systemConfig.passwordConfig.weakPasswords) {
// 将密码和弱密码都转换为小写进行比较
if (value.toLowerCase().includes(weakPwd.toLowerCase())) {
callback(new Error(`密码包含常见的弱密码片段: ${weakPwd}`))
@ -191,8 +130,8 @@ export function validateNewPassword(rule, value, callback) {
}
}
// 4. 检查是否包含超过规定数量的连续字符
if (passwordConfig.restrictConsecutiveChars && containsConsecutiveCharacters(value, passwordConfig.maxConsecutiveChars)) {
callback(new Error(`密码不能包含超过${passwordConfig.maxConsecutiveChars}位连续字符!`))
if (systemConfig.passwordConfig.restrictConsecutiveChars && containsConsecutiveCharacters(value, systemConfig.passwordConfig.maxConsecutiveChars)) {
callback(new Error(`密码不能包含超过${systemConfig.passwordConfig.maxConsecutiveChars}位连续字符!`))
return
}
callback() // 验证成功

View File

@ -72,8 +72,8 @@ export default {
return {
codeUrl: "",
loginForm: {
username: "admin",
password: "admin123",
username: "",
password: "",
rememberMe: false,
code: "",
uuid: ""

View File

@ -10,7 +10,7 @@
v-model="loginForm.username"
type="text"
auto-complete="off"
:placeholder="placeholderText()"
:placeholder="`用户名${config.loginConfig.phonePassword ? '/手机号' : ''}${config.loginConfig.emailPassword ? '/邮箱' : ''}`"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
</el-input>
@ -62,7 +62,7 @@
v-model="loginForm.mobile"
type="text"
auto-complete="off"
:placeholder="placeholderCodeText()"
:placeholder="`${config.loginConfig.phoneCode ? '手机号' : '/'}${config.loginConfig.emailCode ? '邮箱' : ''}`"
>
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon"/>
</el-input>
@ -98,10 +98,10 @@
</el-form-item>
</template>
<div class="login-form-center">
<el-link v-if="CONFIG.IS_CODE_LOGIN" @click="toggleLoginMethod">
<el-link v-if="config.loginConfig.emailCode ||config.loginConfig.phoneCode " @click="toggleLoginMethod">
{{ loginMethod === 'password' ? '短信登录' : '密码登录' }}
</el-link>
<router-link v-if="CONFIG.IS_OPEN_REGISTER" to="/register">
<router-link v-if="config.registersConfig.emailRegisters || config.registersConfig.phoneRegisters" to="/register">
<el-link>注册账号</el-link>
</router-link>
<el-checkbox v-model="loginForm.rememberMe">记住密码</el-checkbox>
@ -151,11 +151,10 @@
<script>
import { getCodeImg } from '@/api/login'
import Cookies from 'js-cookie'
import { encrypt, decrypt } from '@/utils/jsencrypt'
import { decrypt, encrypt } from '@/utils/jsencrypt'
import dingding from '@/assets/images/dingding.svg'
import wx from '@/assets/images/wx.svg'
import qq from '@/assets/images/QQ.svg'
import { getPlaceholderText, getCodePlaceholderText, CONFIG } from '@/utils/configure'
export default {
name: 'Login',
@ -198,8 +197,8 @@ export default {
}
},
computed: {
CONFIG() {
return CONFIG
config() {
return JSON.parse(localStorage.getItem('systemConfig')); // JSON
},
loginRules() {
return this.loginMethod === 'password' ? this.passwordLoginRules : this.mobileLoginRules
@ -218,16 +217,9 @@ export default {
this.getCookie()
},
methods: {
placeholderCodeText() {
return getCodePlaceholderText()
},
placeholderText() {
return getPlaceholderText()
},
getCode() {
getCodeImg().then(res => {
this.captchaEnabled = res.captchaEnabled !== undefined ? res.captchaEnabled : true
console.log(this.captchaEnabled)
if (this.captchaEnabled) {
this.codeUrl = 'data:image/gif;base64,' + res.img
this.loginForm.uuid = res.uuid
@ -307,7 +299,6 @@ export default {
this.loginForm.mobile = this.loginForm.username
this.$store.dispatch('GetPhoneCode', this.loginForm)
.then(res => {
console.log(res)
if (res.code === 200) {
this.loginForm.phoneUuid = res.data
this.$message.success('验证码发送成功')
@ -339,7 +330,7 @@ export default {
return
}
if (!this.loginForm.mobile) {
this.$message.error('请先填写' + getCodePlaceholderText())
this.$message.error('请先填写'+this.config.loginConfig.phoneCode ? '手机号' : '/' + this.config.loginConfig.emailCode ? '邮箱' : '')
return
}
this.$store.dispatch('GetPhoneCode', this.loginForm)

View File

@ -11,8 +11,9 @@
</el-form-item>
<el-form-item prop="mobile">
<el-input v-model="registerForm.mobile" type="text" auto-complete="off" placeholder="请输入手机号/邮箱">
<svg-icon slot="prefix" icon-class="phone" class="el-input__icon input-icon"/>
<el-input v-model="registerForm.mobile" type="text" auto-complete="off"
:placeholder="`请输入${config.registersConfig.phoneRegisters ? '手机号' : ''}${config.registersConfig.emailRegisters ? '/邮箱' : ''}`">
<svg-icon slot="prefix" icon-class="phone" class="el-input__icon input-icon"/>
</el-input>
</el-form-item>
@ -99,15 +100,18 @@
<script>
import { getCodeImg, register } from '@/api/login'
import { validateNewPassword, validatePassword } from '@/utils/validate'
import { CONFIG, REGISTER_CONFIG } from '@/utils/configure'
import { validateNewPassword } from '@/utils/validate'
import { decryptCBC } from '@/utils/aescbc'
export default {
name: 'Register',
computed: {
LOGIN() {
return LOGIN
}
},
config() {
return JSON.parse(localStorage.getItem('systemConfig')); // JSON
},
},
data() {
//
@ -144,6 +148,7 @@ export default {
nickName: '',
code: '',
uuid: '',
phoneUuid: '',
mobileCodeType: 'REGISTER'
},
registerRules: {
@ -168,6 +173,7 @@ export default {
captchaEnabled: true
}
},
created() {
this.getCode()
},
@ -209,20 +215,22 @@ export default {
//
sendCode() {
if (!this.registerForm.mobile) {
this.$message.error('请先填写手机号')
return
}
this.$store.dispatch('GetPhoneCode', this.registerForm)
.then(() => {
.then(res => {
if (!res.hasOwnProperty('code')) {
res = JSON.parse(decryptCBC(res))
}
this.loginForm.phoneUuid = res.data
this.isSendingCode = true
this.countdown = 60
const timer = setInterval(() => {
this.countdown -= 1
if (this.countdown <= 0) {
clearInterval(timer)
/* this.isSendingCode = false */
}
}, 1000)
})

View File

@ -85,7 +85,7 @@
v-hasPermi="['system:dept:add']"
>新增</el-button>
<el-button
v-if="CONFIG.IS_ADD_ROOT_COMPANY ? true : scope.row.parentId != 0"
v-if="config.isAddRootCompany? true : scope.row.parentId != 0"
size="mini"
type="text"
icon="el-icon-delete"
@ -106,7 +106,7 @@
v-model="form.parentId"
:options="deptOptions"
:normalizer="normalizer"
:placeholder="CONFIG.IS_ADD_ROOT_COMPANY ? '选择上级部门,如果不选择则创建顶级部门' : '选择上级部门'"
:placeholder="config.isAddRootCompany ? '选择上级部门,如果不选择则创建顶级部门' : '选择上级部门'"
/>
</el-form-item>
</el-col>
@ -166,13 +166,12 @@
import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import {CONFIG} from "@/utils/configure";
export default {
name: "Dept",
computed: {
CONFIG() {
return CONFIG
config() {
return JSON.parse(localStorage.getItem('systemConfig')); // JSON
}
},
dicts: ['sys_normal_disable'],
@ -204,7 +203,7 @@ export default {
form: {},
//
rules: {
parentId: CONFIG.IS_ADD_ROOT_COMPANY ? [] : [{ required: true, message: "上级部门不能为空", trigger: "blur" } ] ,
parentId: this.config.isAddRootCompany ? [] : [{ required: true, message: "上级部门不能为空", trigger: "blur" } ] ,
deptName: [
{ required: true, message: "部门名称不能为空", trigger: "blur" }
],

View File

@ -1,4 +1,4 @@
<template>
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="字典名称" prop="dictName">

View File

@ -98,7 +98,6 @@
}
return obj
});
console.log(this.echartData)
this.getInitData()
})
},

View File

@ -420,7 +420,6 @@ export default {
},
/** 新增按钮操作 */
handleAdd(row) {
console.log();
this.reset();
this.getTreeselect();
if (row != null && row.menuId) {
@ -447,7 +446,6 @@ export default {
getMenu(row.menuId).then(response => {
this.form = response.data;
const systemType = response.data.systemType
// console.log("********************** systemType:" + systemType)
if (systemType) {
this.systemType = systemType.split(',')
}
@ -459,7 +457,7 @@ export default {
submitForm: function() {
this.$refs["form"].validate(valid => {
this.form.systemType = this.systemType.toString()
// console.log("********************** this.form.systemType:" + this.form.systemType)
if (valid) {
if (this.form.menuId != undefined) {
updateMenu(this.form).then(response => {

View File

@ -305,9 +305,7 @@ import {
import { getToken } from '@/utils/auth'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import { validPwd, validatePassword, validateNewPassword } from '@/utils/validate'
import { hashWithSM3AndSalt } from '@/utils/sm'
import passwordConfig from '@/utils/passwordConfig'
import {validateNewPassword } from '@/utils/validate'
export default {
name: 'User',
@ -439,14 +437,6 @@ export default {
})
},
methods: {
/* 表单用户密码自定义校验 */
validatePwd(rule, value, callback) {
if (validPwd(value)) {
callback()
} else {
callback(new Error('密码规则为:至少一个字母,一个数字和一个特殊字符'))
}
},
/* 表单登录权限自定义校验 */
validateLoginType(rule, value, callback) {
if (this.loginTypeArr.length > 0) {
@ -460,7 +450,6 @@ export default {
this.loading = true
listUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.userList = response.rows
console.log(this.userList)
this.total = response.total
this.loading = false
}
@ -469,7 +458,6 @@ export default {
/** 查询部门下拉树结构 */
getDeptTree() {
deptTreeSelect().then(response => {
console.log(response.data)
this.deptOptions = this.filterTree(response.data)
})
},
@ -496,7 +484,6 @@ export default {
//
handleApprovalStatus(row) {
this.$modal.confirm('确认要审批' + row.userName + '"用户吗?').then(function() {
console.log({ userId: row.userId })
return approvalStatus({ userId: row.userId })
}).then(() => {
this.$modal.msgSuccess('审批成功')
@ -617,10 +604,14 @@ export default {
inputErrorMessage: '用户密码长度必须介于 8 和 16 之间',
inputValidator: (value) => {
// validateNewPassword
const errorMessage = this.validateNewPasswordForPrompt(row.userName, value)
if (errorMessage) {
return errorMessage //
}
const errorMessage=function(error) {
if (error) {
return error.message;
} else {
console.log('验证通过');
}
};
validateNewPassword(null, value, errorMessage);
}
}).then(({ value }) => {
resetUserPwd(row.userId, value).then(response => {
@ -697,127 +688,6 @@ export default {
//
submitFileForm() {
this.$refs.upload.submit()
},
validateNewPasswordForPrompt(username, newPassword) {
// 1.
if (newPassword.length < passwordConfig.minLength || newPassword.length > passwordConfig.maxLength) {
return '密码长度应为' + passwordConfig.minLength + '至' + passwordConfig.maxLength + '位!'
}
// 2.
const hasUpperCase = /[A-Z]/.test(newPassword)
const hasLowerCase = /[a-z]/.test(newPassword)
const hasDigit = /\d/.test(newPassword)
const hasSpecialChar = /[!@#$%^&*(),.?":{}|<>]/.test(newPassword)
if (passwordConfig.requireUpperCase && !hasUpperCase) {
return '密码必须包含大写字母!'
}
if (passwordConfig.requireLowerCase && !hasLowerCase) {
return '密码必须包含小写字母!'
}
if (passwordConfig.requireDigit && !hasDigit) {
return '密码必须包含数字!'
}
if (passwordConfig.requireSpecialChar && !hasSpecialChar) {
return '密码必须包含特殊字符!'
}
// 3.
for (const weakPwd of passwordConfig.weakPasswords) {
if (newPassword.includes(weakPwd)) {
return `密码包含常见的弱密码片段: ${weakPwd}`
}
}
// 4.
if (passwordConfig.restrictConsecutiveChars && this.containsConsecutiveCharacters(newPassword, passwordConfig.maxConsecutiveChars)) {
return `密码不能包含超过${passwordConfig.maxConsecutiveChars}位连续字符!`
}
// 5.
if (passwordConfig.excludeUsernameInPassword && newPassword.includes(username)) {
return '密码不能包含账号!'
}
// 6.
return null
},
/**
* 检查密码中是否包含超过 n 个连续相同字符连续递增/递减的数字或字母不区分大小写
*/
containsConsecutiveCharacters(password, n) {
//
n = n + 1 // n
for (let i = 0; i <= password.length - n; i++) {
let consecutiveSameChar = true
for (let j = 1; j < n; j++) {
if (password[i + j] !== password[i]) {
consecutiveSameChar = false
break
}
}
if (consecutiveSameChar) {
return true // n
}
}
//
for (let i = 0; i <= password.length - n; i++) {
let consecutiveIncreasing = true
let consecutiveDecreasing = true
for (let j = 1; j < n; j++) {
const currentChar = password[i]
const nextChar = password[i + j]
//
if (/\d/.test(currentChar) && /\d/.test(nextChar)) {
if (nextChar.charCodeAt(0) !== currentChar.charCodeAt(0) + j) {
consecutiveIncreasing = false
}
if (nextChar.charCodeAt(0) !== currentChar.charCodeAt(0) - j) {
consecutiveDecreasing = false
}
} else {
consecutiveIncreasing = false
consecutiveDecreasing = false
break
}
}
if (consecutiveIncreasing || consecutiveDecreasing) {
return true // n
}
}
//
for (let i = 0; i <= password.length - n; i++) {
let consecutiveIncreasing = true
let consecutiveDecreasing = true
for (let j = 1; j < n; j++) {
const currentChar = password[i].toLowerCase() //
const nextChar = password[i + j].toLowerCase() //
//
if (/[a-zA-Z]/.test(currentChar) && /[a-zA-Z]/.test(nextChar)) {
if (nextChar.charCodeAt(0) !== currentChar.charCodeAt(0) + j) {
consecutiveIncreasing = false
}
if (nextChar.charCodeAt(0) !== currentChar.charCodeAt(0) - j) {
consecutiveDecreasing = false
}
} else {
consecutiveIncreasing = false
consecutiveDecreasing = false
break
}
}
if (consecutiveIncreasing || consecutiveDecreasing) {
return true // n
}
}
//
return false
}
}
}

View File

@ -18,7 +18,7 @@
<script>
import { updateUserPwd } from "@/api/system/user";
import { validateNewPassword, validatePassword } from '@/utils/validate'
import { validateNewPassword } from '@/utils/validate'
export default {
data() {