From f1cd72e2ec536d457e8fc575db2092f653fdf17c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=97=B5=E5=AE=AA=E7=91=9E?=
 <9198107+min-xianrui@user.noreply.gitee.com>
Date: Thu, 9 Jan 2025 23:24:59 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user/adminUserApi.ts    |  7 ++++
 src/components/Heads.vue        | 72 ++++++++++++++++++++++++++++++---
 src/pages/{ => admin}/view1.vue |  0
 src/pages/{ => admin}/view2.vue |  0
 src/pages/{ => admin}/view3.vue |  0
 src/pages/{ => admin}/view4.vue |  0
 src/pages/login.vue             |  1 -
 src/utils/utils.ts              | 11 +++--
 8 files changed, 79 insertions(+), 12 deletions(-)
 rename src/pages/{ => admin}/view1.vue (100%)
 rename src/pages/{ => admin}/view2.vue (100%)
 rename src/pages/{ => admin}/view3.vue (100%)
 rename src/pages/{ => admin}/view4.vue (100%)

diff --git a/src/api/user/adminUserApi.ts b/src/api/user/adminUserApi.ts
index b2dd62b..3c0060d 100644
--- a/src/api/user/adminUserApi.ts
+++ b/src/api/user/adminUserApi.ts
@@ -41,3 +41,10 @@ export  function logoutAdmin() {
 export  function userInfoAdmin() {
 	return adminRequest.get("/sys/user/info")
 }
+/**
+ * 修改密码
+ * @param userId
+ */
+export  function updatePasswordAdmin(data:any) {
+	return adminRequest.put("/sys/user/password",data)
+}
diff --git a/src/components/Heads.vue b/src/components/Heads.vue
index 68dcccb..81e96e1 100644
--- a/src/components/Heads.vue
+++ b/src/components/Heads.vue
@@ -2,7 +2,6 @@
 	<div class="head">
 		<div class="head_l">
 <!--			<img src="/icoimg.png" alt="收缩" />-->
-
 		</div>
 		<el-dropdown>
 			<div class="head_r">
@@ -14,19 +13,67 @@
 			</div>
 			<template #dropdown>
 				<el-dropdown-menu slot="dropdown">
-					<el-dropdown-item >个人中心</el-dropdown-item>
+					<el-dropdown-item @click="drawer = true" >个人中心</el-dropdown-item>
 					<el-dropdown-item @click="logout">退出登录</el-dropdown-item>
 				</el-dropdown-menu>
 			</template>
 		</el-dropdown>
+
+		<el-drawer
+			v-model="drawer"
+			title="个人中心"
+		>
+			<el-form
+				ref="formRef"
+				:model="state.dynamicValidateForm"
+				label-position="top"
+			>
+				<el-form-item
+					prop="password"
+					label="原始密码"
+					:rules="[
+        {
+          required: true,
+          message: '原始密码不能为空',
+          trigger: 'blur',
+        },
+
+      ]"
+				>
+					<el-input v-model="state.dynamicValidateForm.password" />
+				</el-form-item>
+
+				<el-form-item
+					prop="newPassword"
+					label="新密码"
+					:rules="[
+        {
+          required: true,
+          message: '新密码不能为空',
+          trigger: 'blur',
+        },
+      ]"
+				>
+					<el-input v-model="state.dynamicValidateForm.newPassword" />
+				</el-form-item>
+				<el-form-item>
+
+					<el-button type="primary" @click="submitForm(formRef)">确定修改</el-button>
+				</el-form-item>
+			</el-form>
+		</el-drawer>
 	</div>
 </template>
 <script setup lang="ts">
 import { useRouter } from "vue-router";
+import type { FormInstance } from 'element-plus'
+const formRef = ref<FormInstance>()
+import { updatePasswordAdmin } from '~/api/user/adminUserApi'
 const router = useRouter();
-
-
-
+const drawer = ref(false)
+const state = reactive({
+	dynamicValidateForm:{}
+})
 
 /**
  * 退出登录
@@ -37,6 +84,21 @@ const logout = () => {
 		router.push('/login');
 	})
 }
+
+/**
+ * 修改密码
+ * @param formEl
+ */
+const submitForm = (formEl: FormInstance | undefined) => {
+	if (!formEl) return
+	formEl.validate((valid) => {
+		if (valid) {
+			updatePasswordAdmin(state.dynamicValidateForm).then(result => {
+
+			})
+		}
+	})
+}
 </script>
 <style scoped>
 	.head{
diff --git a/src/pages/view1.vue b/src/pages/admin/view1.vue
similarity index 100%
rename from src/pages/view1.vue
rename to src/pages/admin/view1.vue
diff --git a/src/pages/view2.vue b/src/pages/admin/view2.vue
similarity index 100%
rename from src/pages/view2.vue
rename to src/pages/admin/view2.vue
diff --git a/src/pages/view3.vue b/src/pages/admin/view3.vue
similarity index 100%
rename from src/pages/view3.vue
rename to src/pages/admin/view3.vue
diff --git a/src/pages/view4.vue b/src/pages/admin/view4.vue
similarity index 100%
rename from src/pages/view4.vue
rename to src/pages/admin/view4.vue
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 3a2238d..0ad6415 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -21,7 +21,6 @@
 <!--							<img class="module_code_img" :src="state.captchaUrl" @click="getCaptcha">-->
 <!--						</div>-->
 <!--					</div>-->
-
 					<div class="module_m">
 						<div class="module_code">
 							<el-radio-group v-model="state.role" class="ml-4">
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index 3df644d..ebfb10f 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -13,31 +13,30 @@ export const getUuid = (): string => {
 export const getFrontList = () => {
 	const routes = [
 		{
-			"path": "/",
+			"path": "/admin/",
 			"name": "产品维度",
 			"icon": "House",
 		},
 		{
-			"path": "/view1",
+			"path": "/admin/view1",
 			"name": "时间维度",
 			"icon": "DataAnalysis",
 		},
 		{
-			"path": "view2",
+			"path": "/admin/view2",
 			"name": "地域维度",
 			"icon": "DataAnalysis",
 		},
 		{
-			"path": "view3",
+			"path": "/admin/view3",
 			"name": "客户维度",
 			"icon": "DataAnalysis",
 		},
 		{
-			"path": "view4",
+			"path": "/admin/view4",
 			"name": "销售收入维度",
 			"icon": "DataAnalysis",
 		},
 	]
-
 	return routes;
 }