ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

用户管理

Browse Source
This commit is contained in:
sjl
2024-11-12 18:56:33 +08:00
parent 4b5498ad49
commit 44e7598b68
22 changed files with 808 additions and 548 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/views/authority/user/components/userPopup.vue
View File

@@ -3,7 +3,7 @@
<el-dialog v-model='dialogVisible' :title="dialogTitle" v-bind="dialogSmall" @close="close">
<div>
<el-form :model="formContent"
ref='formRuleRef'
ref='dialogFormRef'
:rules='rules'
>
<el-form-item label="用户名" prop='name' :label-width="100">
@@ -12,24 +12,26 @@
<el-form-item label="登录名" prop='loginName' :label-width="100">
<el-input v-model="formContent.loginName" placeholder="请输入登录名" autocomplete="off" />
</el-form-item>
<el-form-item label="密码" prop='password' :label-width="100">
<el-input type="password" v-model="formContent.password" placeholder="请输入密码" autocomplete="off" />
<el-form-item label="密码" prop='password' :label-width="100" v-if="IsPasswordShow">
<el-input type="password" v-model="formContent.password" show-password placeholder="请输入密码" autocomplete="off" />
</el-form-item>
<el-form-item label='角色' :label-width='100' prop='roles'>
<el-select v-model="formContent.roleIds" multiple placeholder="请选择角色">
<el-option
v-for="item in roleList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="手机号码" prop='phone' :label-width="100">
<el-input v-model="formContent.phone" placeholder="请输入手机号码" autocomplete="off" />
</el-form-item>
<el-form-item label="邮箱地址" prop='email' :label-width="100">
<el-input v-model="formContent.email" placeholder="请输入邮箱地址" autocomplete="off" />
</el-form-item>
<el-form-item label="最后一次登录时间" prop='loginTime' :label-width="100">
<el-input v-model="formContent.loginTime" placeholder="请输入最后一次登录时间" autocomplete="off" />
</el-form-item>
<el-form-item label="登录错误次数" prop='loginErrorTimes' :label-width="100">
<el-input v-model="formContent.loginErrorTimes" placeholder="请输入登录错误次数" autocomplete="off" />
</el-form-item>
<el-form-item label="用户密码错误锁定时间" prop='lockTime' :label-width="100">
<el-input v-model="formContent.lockTime" placeholder="请输入用户密码错误锁定时间" autocomplete="off" />
</el-form-item>
</el-form>
</div>
<template #footer>
@@ -50,14 +52,18 @@
import { ElMessage, type FormInstance,type FormItemRule } from 'element-plus'
import {
addUser,
updateUser
updateUser,
} from '@/api/user/user'
// 使用 dayjs 库格式化
import dayjs from 'dayjs';
import { type User } from '@/api/user/interface';
import { useDictStore } from '@/stores/modules/dict'
import { type Role } from '@/api/role/interface';
const dictStore = useDictStore()
// 定义弹出组件元信息
const dialogFormRef = ref()
const IsPasswordShow = ref(false)
const roleList = ref<Role.RoleBO[]>([])
function useMetaInfo() {
const dialogVisible = ref(false)
const titleType = ref('add')
@@ -71,6 +77,7 @@
loginTime: '',//最后一次登录时间
loginErrorTimes: 0,//登录错误次数
lockTime: '', //用户密码错误锁定时间
state: 1, //
})
return { dialogVisible, titleType, formContent }
}
@@ -88,6 +95,7 @@
loginTime: '',//最后一次登录时间
loginErrorTimes: 0,//登录错误次数
lockTime: '', //用户密码错误锁定时间
state: 1, //
}
}
@@ -100,10 +108,13 @@
const formRuleRef = ref<FormInstance>()
//定义校验规则
const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
name: [{ required: true, message: '名称必填！', trigger: 'blur' }],
loginName: [{ required: true, message: '登录名必填！', trigger: 'blur' }],
password: [{ required: true, message: '密码必填！', trigger: 'blur' }],
loginErrorTimes: [{ required: true, message: '登录错误次数必填！', trigger: 'blur' }],
name: [{ required: true, message: '名称必填！', trigger: 'blur' },
// 指定正则，此处是数字正则
{ pattern: /^[A-Za-z\u4e00-\u9fa5]{1,16}$/, message: '名称需1~16位的英文或汉字', trigger: 'blur' }],
loginName: [{ required: true, message: '登录名必填！', trigger: 'blur' },
{ pattern: /^[a-zA-Z_.]{1}[a-zA-Z0-9_.]{2,15}$/, message: '登录名需2-15位的字母数字符号', trigger: 'blur' }],
password: [{ required: true, message: '密码必填！', trigger: 'blur' },
{ pattern: /^(?=.*[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]).{8,16}$/, message: '密码长度为8-16，需包含特殊字符', trigger: 'blur' }],
})
@@ -121,7 +132,6 @@
try {
dialogFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
formContent.value.lockTime = dayjs(formContent.value.lockTime).format('YYYY-MM-DD');
if (formContent.value.id) {
const result = await updateUser(formContent.value);
if(result.code != 'A0000'){
@@ -148,12 +158,16 @@
}
// 打开弹窗，可能是新增，也可能是编辑
const open = (sign: string, data: User.ResUser) => {
const open = async (sign: string, data: User.ResUser,roleParams: Role.RoleBO[]) => {
// 获取角色列表
roleList.value = roleParams
titleType.value = sign
dialogVisible.value = true
if (data.id) {
IsPasswordShow.value = false
formContent.value = { ...data }
} else {
IsPasswordShow.value = true
resetFormContent()
}
}