⚡ 增加个人信息修改、头像上传、密码更新功能

src/api/system/user.js

@@ -1,14 +1,5 @@
 import request from '@/router/axios';
 
-export const resetPassword = (userIds) => {
-  return request({
-    url: '/api/blade-user/reset-password',
-    method: 'post',
-    params: {
-      userIds,
-    }
-  })
-}
 export const getList = (current, size, params) => {
   return request({
     url: '/api/blade-user/list',
@@ -55,3 +46,32 @@ export const getUser = (id) => {
     }
   })
 }
+
+export const getUserInfo = () => {
+  return request({
+    url: '/api/blade-user/info',
+    method: 'get',
+  })
+}
+
+export const resetPassword = (userIds) => {
+  return request({
+    url: '/api/blade-user/reset-password',
+    method: 'post',
+    params: {
+      userIds,
+    }
+  })
+}
+
+export const updatePassword = (oldPassword, newPassword, newPassword1) => {
+  return request({
+    url: '/api/blade-user/update-password',
+    method: 'post',
+    params: {
+      oldPassword,
+      newPassword,
+      newPassword1,
+    }
+  })
+}

src/const/user/info.js

@@ -9,40 +9,38 @@ export default {
         type: 'upload',
         listType: 'picture-img',
         propsHttp: {
-                    res: 'data.0'
+          res: 'data',
+          url: 'link',
         },
         canvasOption: {
-                    text: 'avue',
+          text: 'bladex',
           ratio: 0.1
         },
-                action: 'https://avueupload.91eic.com/upload/list',
+        action: '/api/blade-resource/oss/endpoint/put-file',
         tip: '只能上传jpg/png用户头像，且不超过500kb',
         span: 12,
         row: true,
-                prop: 'img'
+        prop: 'avatar'
       }, {
         label: '姓名',
-                span: 6,
+        span: 12,
         row: true,
         prop: 'name'
       }, {
         label: '用户名',
         span: 12,
         row: true,
-                prop: 'username'
+        prop: 'realName'
       }, {
         label: '手机号',
         span: 12,
         row: true,
         prop: 'phone'
       }, {
-                label: '个性签名',
+        label: '邮箱',
-                prop: 'detail',
+        prop: 'email',
-                span: 24,
+        span: 12,
         row: true,
-                type: 'textarea',
-                minRows: 5,
-                maxRows: 8,
       }]
     }
   }, {
@@ -55,19 +53,19 @@ export default {
         span: 12,
         row: true,
         type: 'password',
-                prop: 'oldpassword'
+        prop: 'oldPassword'
       }, {
         label: '新密码',
         span: 12,
         row: true,
         type: 'password',
-                prop: 'newpassword'
+        prop: 'newPassword'
       }, {
         label: '确认密码',
         span: 12,
         row: true,
         type: 'password',
-                prop: 'newpasswords'
+        prop: 'newPassword1'
       }]
     }
   }]

src/views/user/info.vue

@@ -11,6 +11,8 @@
 
 <script>
   import option from "@/const/user/info";
+  import {getUserInfo, update, updatePassword} from "@/api/system/user";
+
 
   export default {
     data() {
@@ -25,25 +27,49 @@
     },
     methods: {
       handleSubmit() {
+        if (this.type === "info") {
+          update(this.form).then(res => {
+            if (res.data.success) {
+              this.$message({
+                type: "success",
+                message: "修改信息成功!"
+              });
+            } else {
+              this.$message({
+                type: "error",
+                message: res.data.msg
+              });
+            }
+          })
+        } else {
+          updatePassword(this.form.oldPassword, this.form.newPassword, this.form.newPassword1).then(res => {
+            if (res.data.success) {
+              this.$message({
+                type: "success",
+                message: "修改密码成功!"
+              });
+            } else {
               this.$message({
-          message: this.form,
+                type: "error",
-          type: "success"
+                message: res.data.msg
               });
+            }
+          })
+        }
       },
       handleWitch() {
         if (this.type === "info") {
+          getUserInfo().then(res => {
+            const user = res.data.data;
             this.form = {
-            username: "smallwei",
+              id: user.id,
-            name: "smallwei",
+              avatar: user.avatar,
-            phone: "1888888888888",
+              name: user.name,
-            detail: "这是一个个性签名"
+              realName: user.realName,
-          };
+              phone: user.phone,
-        } else if (this.type === "password") {
+              email: user.email,
-          this.form = {
+            }
-            oldpassword: 11111111,
+          });
-            newpassword: 22222222,
-            newpasswords: 22222222
-          };
         }
       },
       handleChange(item) {