From 5870cc995d7874fc4a395c5c523820d6fb1aacdd Mon Sep 17 00:00:00 2001
From: bunny <1319900154@qq.com>
Date: Tue, 22 Oct 2024 16:41:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=9A=80=20=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E8=87=AA=E8=BA=AB=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/v1/adminUser.ts                       | 17 ++--
 .../Table/ResetPasswords.vue}                 |  0
 .../components/lay-navbar/dropdown-menu.vue   |  6 +-
 src/store/system/adminUser.ts                 |  7 ++
 .../account-settings/account-management.vue   | 95 +++++++++++++------
 .../utils/{hooks.ts => hooks.tsx}             |  2 +
 src/views/system/adminUser/utils/hooks.tsx    |  2 +-
 7 files changed, 89 insertions(+), 40 deletions(-)
 rename src/{views/system/adminUser/reset-passwords.vue => components/Table/ResetPasswords.vue} (100%)
 rename src/views/account-settings/utils/{hooks.ts => hooks.tsx} (99%)

diff --git a/src/api/v1/adminUser.ts b/src/api/v1/adminUser.ts
index 579d91d..9a37c8b 100644
--- a/src/api/v1/adminUser.ts
+++ b/src/api/v1/adminUser.ts
@@ -64,9 +64,9 @@ export const fetchQueryUser = (data: any) => {
 	return http.request<BaseResult<object>>('get', 'user/noManage/queryUser', { params: data });
 };
 
-/** 用户信息---添加用户信息 */
-export const fetchAddAdminUser = (data: any) => {
-	return http.request<BaseResult<object>>('post', 'user/addAdminUser', { data });
+/** 用户信息---更新用户信息 */
+export const fetchUpdateAdminUser = (data: any) => {
+	return http.request<BaseResult<object>>('put', 'user/updateAdminUser', { data });
 };
 
 /** 用户信息---更新本地用户信息 */
@@ -74,9 +74,14 @@ export const fetchUpdateAdminUserByLocalUser = (data: any) => {
 	return http.request<BaseResult<object>>('put', 'user/noManage/updateAdminUserByLocalUser', { data });
 };
 
-/** 用户信息---更新用户信息 */
-export const fetchUpdateAdminUser = (data: any) => {
-	return http.request<BaseResult<object>>('put', 'user/updateAdminUser', { data });
+/** 用户信息---更新本地用户密码 */
+export const fetchUpdateUserPasswordByLocalUser = (data: any) => {
+	return http.request<BaseResult<object>>('put', 'user/noManage/updateUserPasswordByLocalUser', { data }, { headers: { 'Content-Type': 'multipart/form-data' } });
+};
+
+/** 用户信息---添加用户信息 */
+export const fetchAddAdminUser = (data: any) => {
+	return http.request<BaseResult<object>>('post', 'user/addAdminUser', { data });
 };
 
 /** 用户信息---删除用户信息 */
diff --git a/src/views/system/adminUser/reset-passwords.vue b/src/components/Table/ResetPasswords.vue
similarity index 100%
rename from src/views/system/adminUser/reset-passwords.vue
rename to src/components/Table/ResetPasswords.vue
diff --git a/src/layout/components/lay-navbar/dropdown-menu.vue b/src/layout/components/lay-navbar/dropdown-menu.vue
index 6bd3166..fb8c4c8 100644
--- a/src/layout/components/lay-navbar/dropdown-menu.vue
+++ b/src/layout/components/lay-navbar/dropdown-menu.vue
@@ -2,6 +2,7 @@
 import { useNav } from '@/layout/hooks/useNav';
 import LogoutCircleRLine from '@iconify-icons/ri/logout-circle-r-line';
 import { $t } from '@/plugins/i18n';
+import AccountSettingsIcon from '@iconify-icons/ri/user-settings-line';
 import { useRouter } from 'vue-router';
 
 const { logout, username, userAvatar, avatarsStyle } = useNav();
@@ -16,9 +17,8 @@ const router = useRouter();
 		</span>
 		<template #dropdown>
 			<el-dropdown-item @click="router.push({ name: 'AccountSettings' })">
-				<IconifyIconOffline :icon="LogoutCircleRLine" style="margin: 5px" />
-				账户设置
-				<!--{{ $t('buttons.pureLoginOut') }}-->
+				<IconifyIconOffline :icon="AccountSettingsIcon" style="margin: 5px" />
+				{{ $t('buttons.pureAccountSettings') }}
 			</el-dropdown-item>
 			<el-dropdown-menu class="logout">
 				<el-dropdown-item @click="logout">
diff --git a/src/store/system/adminUser.ts b/src/store/system/adminUser.ts
index 2c01866..b7e0129 100644
--- a/src/store/system/adminUser.ts
+++ b/src/store/system/adminUser.ts
@@ -10,6 +10,7 @@ import {
 	fetchUpdateAdminUser,
 	fetchUpdateAdminUserByLocalUser,
 	fetchUpdateUserPasswordByAdmin,
+	fetchUpdateUserPasswordByLocalUser,
 	fetchUpdateUserStatusByAdmin,
 } from '@/api/v1/adminUser';
 
@@ -100,6 +101,12 @@ export const useAdminUserStore = defineStore('adminUserStore', {
 			return storeMessage(result);
 		},
 
+		/** 更新本地用户密码 */
+		async updateUserPasswordByLocalUser(data: any) {
+			const result: any = await fetchUpdateUserPasswordByLocalUser(data);
+			return storeMessage(result);
+		},
+
 		/** 更新用户密码 */
 		async updateAdminUserPasswordByManager(data: any) {
 			const result: any = await fetchUpdateUserPasswordByAdmin(data);
diff --git a/src/views/account-settings/account-management.vue b/src/views/account-settings/account-management.vue
index 0d4277e..63725d6 100644
--- a/src/views/account-settings/account-management.vue
+++ b/src/views/account-settings/account-management.vue
@@ -1,51 +1,86 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-import { message } from '@/utils/message';
+<script lang="tsx" setup>
+import { reactive, ref } from 'vue';
 import { deviceDetection } from '@pureadmin/utils';
+import { $t } from '@/plugins/i18n';
+import { addDialog } from '@/components/BaseDialog/index';
+import { useAdminUserStore } from '@/store/system/adminUser';
+import ResetPasswordDialog from '@/components/Table/ResetPasswords.vue';
+import { removeToken } from '@/utils/auth';
+import { useRouter } from 'vue-router';
 
-defineOptions({
-	name: 'AccountManagement',
+// 重置密码表单校验Ref
+const ruleFormByRestPasswordRef = ref();
+const adminUserStore = useAdminUserStore();
+const router = useRouter();
+
+// 重置密码表单
+const restPasswordForm = reactive({
+	password: '',
 });
 
+/** 重置密码 */
+const onResetPassword = () => {
+	addDialog({
+		title: `修改密码`,
+		width: '30%',
+		draggable: true,
+		closeOnClickModal: false,
+		fullscreenIcon: true,
+		destroyOnClose: true,
+		contentRenderer: () => <ResetPasswordDialog ref={ruleFormByRestPasswordRef} form={restPasswordForm} />,
+		beforeSure: (done: any) => {
+			ruleFormByRestPasswordRef.value.ruleFormRef.validate(async (valid: any) => {
+				if (valid) {
+					// 更新用户密码
+					const data = { password: restPasswordForm.password };
+					const result = await adminUserStore.updateUserPasswordByLocalUser(data);
+
+					// 更新成功关闭弹窗
+					if (!result) return;
+					done();
+					removeToken();
+					await router.push('/login');
+				}
+			});
+		},
+	});
+};
+
 const list = ref([
 	{
-		title: '账户密码',
-		illustrate: '当前密码强度：强',
-		button: '修改',
-	},
-	{
-		title: '密保手机',
-		illustrate: '已经绑定手机：158****6789',
-		button: '修改',
-	},
-	{
-		title: '密保问题',
-		illustrate: '未设置密保问题，密保问题可有效保护账户安全',
-		button: '修改',
-	},
-	{
-		title: '备用邮箱',
-		illustrate: '已绑定邮箱：pure***@163.com',
-		button: '修改',
+		title: $t('account_password'),
+		illustrate: $t('rest_password_tip'),
+		button: $t('modify'),
+		callback: onResetPassword,
 	},
+	// {
+	// 	title: '密保手机',
+	// 	illustrate: '已经绑定手机：158****6789',
+	// 	button: '修改',
+	// },
+	// {
+	// 	title: '密保问题',
+	// 	illustrate: '未设置密保问题，密保问题可有效保护账户安全',
+	// 	button: '修改',
+	// },
+	// {
+	// 	title: '备用邮箱',
+	// 	illustrate: '已绑定邮箱：pure***@163.com',
+	// 	button: '修改',
+	// },
 ]);
-
-function onClick(item) {
-	console.log('onClick', item.title);
-	message('请根据具体业务自行实现', { type: 'success' });
-}
 </script>
 
 <template>
 	<div :class="['min-w-[180px]', deviceDetection() ? 'max-w-[100%]' : 'max-w-[70%]']">
-		<h3 class="my-8">账户管理</h3>
+		<h3 class="my-8">{{ $t('account_management') }}</h3>
 		<div v-for="(item, index) in list" :key="index">
 			<div class="flex items-center">
 				<div class="flex-1">
 					<p>{{ item.title }}</p>
 					<el-text class="mx-1" type="info">{{ item.illustrate }}</el-text>
 				</div>
-				<el-button text type="primary" @click="onClick(item)">
+				<el-button text type="primary" @click="item.callback">
 					{{ item.button }}
 				</el-button>
 			</div>
diff --git a/src/views/account-settings/utils/hooks.ts b/src/views/account-settings/utils/hooks.tsx
similarity index 99%
rename from src/views/account-settings/utils/hooks.ts
rename to src/views/account-settings/utils/hooks.tsx
index 6936d2a..1fe9e28 100644
--- a/src/views/account-settings/utils/hooks.ts
+++ b/src/views/account-settings/utils/hooks.tsx
@@ -9,8 +9,10 @@ import { $t } from '@/plugins/i18n';
 export const cropperBlob = ref();
 // 上传地址路径
 export const uploadAvatarSrc = ref();
+
 // 剪裁头像是否显示
 export const isShow = ref(false);
+
 const userStore = useUserStore();
 
 // 用户信息内容
diff --git a/src/views/system/adminUser/utils/hooks.tsx b/src/views/system/adminUser/utils/hooks.tsx
index 3203d95..9474e91 100644
--- a/src/views/system/adminUser/utils/hooks.tsx
+++ b/src/views/system/adminUser/utils/hooks.tsx
@@ -6,7 +6,7 @@ import { message, messageBox } from '@/utils/message';
 import type { FormItemProps } from '@/views/system/adminUser/utils/types';
 import { $t } from '@/plugins/i18n';
 import { isAddUserinfo } from '@/views/system/adminUser/utils/columns';
-import ResetPasswordDialog from '@/views/system/adminUser/reset-passwords.vue';
+import ResetPasswordDialog from '@/components/Table/ResetPasswords.vue';
 import { deviceDetection, handleTree } from '@pureadmin/utils';
 import CropperPreview from '@/components/CropperPreview';
 import AssignUserToRole from '@/views/system/adminUser/assign-roles-to-user.vue';