完成后台密码修改

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,
+    });
+}

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>