wangxiang
2 years ago
7 changed files with 308 additions and 228 deletions
@ -0,0 +1,31 @@ |
|||||||
|
/** |
||||||
|
* 提供api模板规范代码参考,请尽量保证编写代码风格跟模板规范代码一致 |
||||||
|
* Copyright © 2023-2023 <a href="https://godolphinx.org">海豚生态开源社区</a> All rights reserved. |
||||||
|
* author wangxiang4 |
||||||
|
*/ |
||||||
|
import type { SsoUserParams, SsoUser ,SsoUserResult } from '/@/api/platform/system/entity/ssoUser'; |
||||||
|
import { defHttp } from '/@/utils/http/axios'; |
||||||
|
|
||||||
|
enum Api { |
||||||
|
list = '/system_proxy/system/ssoUser/list', |
||||||
|
add = '/system_proxy/system/ssoUser/save', |
||||||
|
get = '/system_proxy/system/ssoUser', |
||||||
|
edit = '/system_proxy/system/ssoUser/update', |
||||||
|
del = '/system_proxy/system/ssoUser/remove', |
||||||
|
updatePwd = '/system_proxy/system/ssoUser/updatePwd', |
||||||
|
resetPwd='/system_proxy/system/ssoUser/resetPwd', |
||||||
|
} |
||||||
|
|
||||||
|
export const listSsoUser = (params?: Partial<SsoUserParams>) => defHttp.get<SsoUserResult>({ url: Api.list, params }, { isReturnResultResponse: true }); |
||||||
|
|
||||||
|
export const addSsoUser = (params: Partial<SsoUser>) => defHttp.post({ url: Api.add, data: params }); |
||||||
|
|
||||||
|
export const editSsoUser = (params: Partial<SsoUser>) => defHttp.put({ url: Api.edit, data: params }); |
||||||
|
|
||||||
|
export const getSsoUser = (id: string) => defHttp.get<SsoUser>({ url: `${Api.get}/${id}` }); |
||||||
|
|
||||||
|
export const delSsoUser = (ids: string) => defHttp.delete({ url: `${Api.del}/${ids}` }); |
||||||
|
|
||||||
|
export const updatePwd = (params: Partial<SsoUser>) => defHttp.put({ url: Api.updatePwd, params }); |
||||||
|
|
||||||
|
export const resetPwd = (params: Partial<SsoUser>) => defHttp.put({ url: Api.resetPwd, data: params }); |
||||||
@ -0,0 +1,37 @@ |
|||||||
|
/** |
||||||
|
* @program: kicc-ui |
||||||
|
* @description: SSO用户统一实体类 |
||||||
|
* 类型定义 |
||||||
|
* @author: wangxiang4 |
||||||
|
* @create: 2022/4/8 |
||||||
|
*/ |
||||||
|
import type { R } from '/#/axios'; |
||||||
|
import type { Page } from '/@/api/common/data/entity'; |
||||||
|
import { CommonEntity } from '/@/api/common/data/entity'; |
||||||
|
export type SsoUserParams = Page & SsoUser; |
||||||
|
|
||||||
|
export interface SsoUser extends CommonEntity { |
||||||
|
// 用户id
|
||||||
|
id: string; |
||||||
|
// 用户名
|
||||||
|
userName: string; |
||||||
|
// 昵称
|
||||||
|
nickName: string; |
||||||
|
// 头像
|
||||||
|
avatar: string; |
||||||
|
// 邮箱
|
||||||
|
email: string; |
||||||
|
// 手机号
|
||||||
|
phone: string; |
||||||
|
// 用户密码
|
||||||
|
password: string; |
||||||
|
// 用户性别
|
||||||
|
sex: string; |
||||||
|
// 最后登陆IP
|
||||||
|
loginIp: string; |
||||||
|
// 最后登陆时间
|
||||||
|
loginTime: string; |
||||||
|
[key: string]: any; |
||||||
|
} |
||||||
|
|
||||||
|
export type SsoUserResult = R<SsoUser[]>; |
||||||
@ -0,0 +1,96 @@ |
|||||||
|
<template> |
||||||
|
<BasicModal |
||||||
|
v-bind="$attrs" |
||||||
|
centered |
||||||
|
title="重置密码" |
||||||
|
minHeight="100px" |
||||||
|
@ok="handleSubmit" |
||||||
|
@register="registerModal" |
||||||
|
> |
||||||
|
<Form :model="modelRef" :rules="rulesRef"> |
||||||
|
<FormItem name="newPassword" v-bind="validateInfos.newPassword"> |
||||||
|
<StrengthMeter v-model:value="modelRef.newPassword" placeholder="请输入重置密码"/> |
||||||
|
</FormItem> |
||||||
|
</Form> |
||||||
|
</BasicModal> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts" setup> |
||||||
|
/** |
||||||
|
* 提供模板规范代码参考,请尽量保证编写代码风格跟模板规范代码一致 |
||||||
|
* 采用ant-design-vue原生组件编写表单,采用 setup 写法 |
||||||
|
* Copyright © 2023-2023 <a href="https://godolphinx.org">海豚生态开源社区</a> All rights reserved. |
||||||
|
* author wangxiang4 |
||||||
|
*/ |
||||||
|
import { reactive } from 'vue'; |
||||||
|
import { BasicModal, ModalProps, useModalInner } from '/@/components/Modal'; |
||||||
|
import { StrengthMeter } from '/@/components/StrengthMeter'; |
||||||
|
import { Form } from 'ant-design-vue'; |
||||||
|
import { resetPwd } from '/@/api/platform/system/controller/ssoUser'; |
||||||
|
import { useMessage } from '/@/hooks/web/useMessage'; |
||||||
|
|
||||||
|
/** 类型规范统一声明定义区域 */ |
||||||
|
interface WindowState { |
||||||
|
id: string; |
||||||
|
newPassword: string; |
||||||
|
} |
||||||
|
|
||||||
|
/** 通用变量统一声明区域 */ |
||||||
|
const { createMessage } = useMessage(); |
||||||
|
/** https://v3.cn.vuejs.org/api/options-data.html#emits */ |
||||||
|
const emit = defineEmits(['success', 'register']); |
||||||
|
const FormItem = Form.Item; |
||||||
|
const useForm = Form.useForm; |
||||||
|
const modelRef = reactive<WindowState>({ |
||||||
|
id: '', |
||||||
|
newPassword: '' |
||||||
|
}); |
||||||
|
const rulesRef = reactive<Recordable>({ |
||||||
|
newPassword: [ |
||||||
|
{ |
||||||
|
required: true, |
||||||
|
whitespace: true, |
||||||
|
message: '请输入密码！', |
||||||
|
}, |
||||||
|
{ |
||||||
|
pattern: new RegExp('[^\\u4e00-\\u9fa5]+'), |
||||||
|
type: 'string', |
||||||
|
message: '密码不能输入汉字！', |
||||||
|
}, |
||||||
|
{ |
||||||
|
min: 6, |
||||||
|
max: 32, |
||||||
|
message: '长度必需在6-32之间！', |
||||||
|
} |
||||||
|
] |
||||||
|
}); |
||||||
|
const { resetFields, clearValidate, validate, validateInfos } = useForm(modelRef, rulesRef); |
||||||
|
const [registerModal, { setModalProps, closeModal }] = useModalInner( (data: BoxPayload) => { |
||||||
|
// 处理清除脏数据 |
||||||
|
resetFields(); |
||||||
|
clearValidate(); |
||||||
|
// 处理设置数据 |
||||||
|
modelRef.id = data.record?.id; |
||||||
|
const props: Partial<ModalProps> = { confirmLoading: false }; |
||||||
|
// 尾部:设置处理后的最终配置数据 |
||||||
|
setModalProps(props); |
||||||
|
}); |
||||||
|
|
||||||
|
/** 处理模态框提交 */ |
||||||
|
async function handleSubmit() { |
||||||
|
try { |
||||||
|
// 验证数据 |
||||||
|
await validate(); |
||||||
|
// 处理提交之前逻辑 |
||||||
|
setModalProps({ confirmLoading: true }); |
||||||
|
if (!modelRef.id) return createMessage.error('用户编号ID不存在,请检查!'); |
||||||
|
await resetPwd(modelRef); |
||||||
|
// 处理提交完成之后逻辑 |
||||||
|
closeModal(); |
||||||
|
emit('success'); |
||||||
|
} finally { |
||||||
|
setModalProps({ confirmLoading: false }); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
</script> |
||||||
Loading…
Reference in new issue