From ccb4379b73268a1d91d40edfaf3b77e049010ce5 Mon Sep 17 00:00:00 2001
From: monanxiao <monanxiao@qq.com>
Date: Tue, 15 Oct 2024 14:18:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=90=8E=E5=8F=B0=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/config.js | 10 ++++++--
 src/views/system/edit.vue | 49 +++++++++++++++++++++++----------------
 2 files changed, 37 insertions(+), 22 deletions(-)

diff --git a/src/api/modules/config.js b/src/api/modules/config.js
index 2872d36..908679b 100644
--- a/src/api/modules/config.js
+++ b/src/api/modules/config.js
@@ -1,3 +1,9 @@
 import service from "../request.js";
-const API_BASE_URL = '/config';
-// 原接口方法已转移至system.js 中
+
+export function updateAdmin(params) {
+    return service({
+        method: "put",
+        url: '/sys/user/password',
+        data: params,
+    });
+}
\ No newline at end of file
diff --git a/src/views/system/edit.vue b/src/views/system/edit.vue
index 7f98df5..1f1adbd 100644
--- a/src/views/system/edit.vue
+++ b/src/views/system/edit.vue
@@ -1,6 +1,7 @@
 <template>
   <el-card>
-    <el-form :model="form" label-width="auto" style="max-width: 600px;">
+
+    <el-form :model="formData" label-width="auto" style="max-width: 600px;">
 
       <el-form-item label="账号">
           <span>admin</span>
@@ -12,7 +13,7 @@
       ]"
           label="旧密码">
         <el-input
-            v-model="form.name"
+            v-model="formData.oldPassword"
             style="width: 240px"
             type="password"
             placeholder="请输入密码"
@@ -20,19 +21,19 @@
         />
       </el-form-item>
 
-      <el-alert type="info" show-icon :closable="false" style="margin-bottom: 10px">
-        <p>留空则不修改账号名，如果账号修改后，旧账号将不能用！</p>
-      </el-alert>
-      <el-form-item label="修改账号">
-        <el-input v-model="form.name" />
-      </el-form-item>
+<!--      <el-alert type="info" show-icon :closable="false" style="margin-bottom: 10px">-->
+<!--        <p>留空则不修改账号名，如果账号修改后，旧账号将不能用！</p>-->
+<!--      </el-alert>-->
+<!--      <el-form-item label="修改账号">-->
+<!--        <el-input v-model="form.name" />-->
+<!--      </el-form-item>-->
 
       <el-alert type="info" show-icon :closable="false" style="margin-bottom: 10px">
         <p>留空则不修改密码，如果密码修改后，旧密码将不能用！</p>
       </el-alert>
       <el-form-item label="新密码">
         <el-input
-            v-model="form.name"
+            v-model="formData.newPassword"
             style="width: 240px"
             type="password"
             placeholder="请输入新密码"
@@ -49,21 +50,29 @@
 
 <script setup>
   import { reactive } from 'vue'
+  import {updateAdmin} from "../../api/modules/config";
+  import {ElMessage} from "element-plus";
+  import {useRouter} from "vue-router";
 
-  // do not use same name with ref
-  const form = reactive({
-    name: '',
-    region: '',
-    date1: '',
-    date2: '',
-    delivery: false,
-    type: [],
-    resource: '',
-    desc: '',
+  const router = useRouter();
+
+  const formData = reactive({
+    oldPassword: '',
+    newPassword: '',
   })
 
   const onSubmit = () => {
-    console.log('submit!')
+
+    // 修改密码
+    updateAdmin(formData).then(res => {
+
+      ElMessage({
+        message: '修改成功，请重新登录',
+        type: 'success',
+      });
+      sessionStorage.removeItem("token");
+      router.push("/login");
+    });
   }
 </script>