From 6f15c2f6696a46cf2daac55de716284f2e32fba6 Mon Sep 17 00:00:00 2001
From: sheng <15292050171@163.com>
Date: Tue, 10 Oct 2023 15:44:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E9=83=A8=E9=97=A8=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E9=87=8D=E8=AE=BE=E5=AF=86=E7=A0=81=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/.env.development                          |  2 +-
 .../system/dept/components/DeptUserCom/api.ts | 16 +++--
 .../dept/components/DeptUserCom/crud.tsx      |  1 +
 .../dept/components/DeptUserCom/index.vue     | 67 ++++++++++++++++++-
 4 files changed, 78 insertions(+), 8 deletions(-)

diff --git a/web/.env.development b/web/.env.development
index 1c3ca5d..c200ba4 100644
--- a/web/.env.development
+++ b/web/.env.development
@@ -2,7 +2,7 @@
 ENV = 'development'
 
 # 本地环境接口地址
-VITE_API_URL = 'http://127.0.0.1:8000'
+VITE_API_URL = 'http://huge-dream.natapp1.cc/'
 
 # 是否启用按钮权限
 VITE_PM_ENABLED = true
diff --git a/web/src/views/system/dept/components/DeptUserCom/api.ts b/web/src/views/system/dept/components/DeptUserCom/api.ts
index 561fa10..28602c7 100644
--- a/web/src/views/system/dept/components/DeptUserCom/api.ts
+++ b/web/src/views/system/dept/components/DeptUserCom/api.ts
@@ -1,13 +1,13 @@
 import { request, downloadFile } from '/@/utils/service';
 import { PageQuery, AddReq, DelReq, EditReq, InfoReq } from '@fast-crud/fast-crud';
 
-type GetListType = PageQuery & { show_all: string }
+type GetListType = PageQuery & { show_all: string };
 
 export const apiPrefix = '/api/system/user/';
 
 export function GetDept(query: PageQuery) {
 	return request({
-		url: "/api/system/dept/dept_lazy_tree/",
+		url: '/api/system/dept/dept_lazy_tree/',
 		method: 'get',
 		params: query,
 	});
@@ -55,8 +55,8 @@ export function exportData(params: any) {
 	return downloadFile({
 		url: apiPrefix + 'export_data/',
 		params: params,
-		method: 'get'
-	})
+		method: 'get',
+	});
 }
 
 export function getDeptInfoById(id: string, type: string) {
@@ -65,3 +65,11 @@ export function getDeptInfoById(id: string, type: string) {
 		method: 'get',
 	});
 }
+
+export function resetPwd(id: number, data: { [key: string]: string }) {
+	return request({
+		url: `/api/system/user/${id}/reset_password/`,
+		method: 'put',
+		data,
+	});
+}
diff --git a/web/src/views/system/dept/components/DeptUserCom/crud.tsx b/web/src/views/system/dept/components/DeptUserCom/crud.tsx
index 36bc11b..fb2e155 100644
--- a/web/src/views/system/dept/components/DeptUserCom/crud.tsx
+++ b/web/src/views/system/dept/components/DeptUserCom/crud.tsx
@@ -103,6 +103,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						},
 						click: (ctx: any) => {
 							const { row } = ctx;
+							context?.handleResetPwdOpen(row);
 						},
 					},
 				},
diff --git a/web/src/views/system/dept/components/DeptUserCom/index.vue b/web/src/views/system/dept/components/DeptUserCom/index.vue
index d05522d..922a8fb 100644
--- a/web/src/views/system/dept/components/DeptUserCom/index.vue
+++ b/web/src/views/system/dept/components/DeptUserCom/index.vue
@@ -43,16 +43,31 @@
 			<importExcel api="api/system/user/">导入 </importExcel>
 		</template>
 	</fs-crud>
+
+	<el-dialog v-model="resetPwdVisible" title="重设密码" width="400px" draggable :before-close="handleResetPwdClose">
+		<div>
+			<el-input v-model="resetPwdFormState.newPassword" type="password" placeholder="请输入密码" show-password style="margin-bottom: 20px" />
+			<el-input v-model="resetPwdFormState.newPassword2" type="password" placeholder="请再次输入密码" show-password />
+		</div>
+		<template #footer>
+			<span class="dialog-footer">
+				<el-button @click="handleResetPwdClose">取消</el-button>
+				<el-button type="primary" @click="handleResetPwdSubmit"> 保存 </el-button>
+			</span>
+		</template>
+	</el-dialog>
 </template>
 
 <script lang="ts" setup name="user">
-import { ref, onMounted } from 'vue';
+import { ref, reactive, onMounted } from 'vue';
 import { useExpose, useCrud } from '@fast-crud/fast-crud';
+import { Md5 } from 'ts-md5';
 import { createCrudOptions } from './crud';
 import importExcel from '/@/components/importExcel/index.vue';
 import * as echarts from 'echarts';
 import { ECharts, EChartsOption, init } from 'echarts';
-import { getDeptInfoById } from './api';
+import { getDeptInfoById, resetPwd } from './api';
+import { warningNotification, successNotification } from '/@/utils/message';
 import { HeadDeptInfoType } from '../../types';
 
 let deptCountChart: ECharts;
@@ -72,6 +87,13 @@ let isShowChildFlag = ref(false);
 let deptInfo = ref<Partial<HeadDeptInfoType>>({});
 let showCount = ref(false);
 
+let resetPwdVisible = ref(false);
+let resetPwdFormState = reactive({
+	id: 0,
+	newPassword: '',
+	newPassword2: '',
+});
+
 /**
  * 初始化顶部部门折线图
  */
@@ -189,6 +211,45 @@ const handleSwitchChange = () => {
 	handleDoRefreshUser(currentDeptId.value);
 };
 
+const handleResetPwdOpen = ({ id }: { id: number }) => {
+	resetPwdFormState.id = id;
+	resetPwdVisible.value = true;
+};
+const handleResetPwdClose = () => {
+	resetPwdVisible.value = false;
+	resetPwdFormState.id = 0;
+	resetPwdFormState.newPassword = '';
+	resetPwdFormState.newPassword2 = '';
+};
+const handleResetPwdSubmit = async () => {
+	if (!resetPwdFormState.id) {
+		warningNotification('请选择用户！');
+		return;
+	}
+	if (!resetPwdFormState.newPassword || !resetPwdFormState.newPassword2) {
+		warningNotification('请输入密码！');
+		return;
+	}
+	if (resetPwdFormState.newPassword !== resetPwdFormState.newPassword2) {
+		warningNotification('两次输入密码不一致');
+		return;
+	}
+	const pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z]).{8,30}');
+	if (!pwdRegex.test(resetPwdFormState.newPassword) || !pwdRegex.test(resetPwdFormState.newPassword2)) {
+		warningNotification('您的密码复杂度太低(密码中必须包含字母、数字)');
+		return;
+	}
+	const res = await resetPwd(resetPwdFormState.id, {
+		newPassword: Md5.hashStr(resetPwdFormState.newPassword),
+		newPassword2: Md5.hashStr(resetPwdFormState.newPassword2),
+	});
+
+	if (res?.code === 2000) {
+		successNotification(res.msg || '修改成功！');
+		handleResetPwdClose();
+	}
+};
+
 onMounted(() => {
 	crudExpose.doRefresh();
 	deptCountChart = init(deptCountBar.value as HTMLElement);
@@ -201,7 +262,7 @@ defineExpose({
 });
 
 // 你的crud配置
-const { crudOptions } = createCrudOptions({ crudExpose, context: { getDeptInfo, isShowChildFlag } });
+const { crudOptions } = createCrudOptions({ crudExpose, context: { getDeptInfo, isShowChildFlag, handleResetPwdOpen } });
 
 // 初始化crud配置
 const { resetCrudOptions } = useCrud({