feat: avatar upload

src/api/base/profile.ts

@@ -1,5 +1,4 @@
 import { defHttp } from '@/utils/http/axios'
-import { UploadFileParams } from '@/types/axios'
 
 export interface ProfileDept {
   id: number
@@ -87,10 +86,7 @@ export function updateUserPwdApi(oldPassword: string, newPassword: string) {
 
 // 用户头像上传
 export function uploadAvatarApi(data) {
-  const params: UploadFileParams = {
+  return defHttp.put({ url: Api.uploadAvatarApi, data: { file: data } })
-    file: data
-  }
-  return defHttp.uploadFile({ url: Api.uploadAvatarApi }, params)
 }
 
 // 社交绑定，使用 code 授权码

src/views/base/profile/BaseSetting.vue

@@ -9,6 +9,7 @@
           <div class="mb-2">头像</div>
           <CropperAvatar
             :value="avatar"
+            :uploadApi="uploadAvatarApi as any"
             btnText="更换头像"
             :btnProps="{ preIcon: 'ant-design:cloud-upload-outlined' }"
             @change="updateAvatar"
@@ -56,7 +57,6 @@ async function updateAvatar({ src, data }) {
   const userinfo = userStore.getUserInfo
   userinfo.user.avatar = src
   userStore.setUserInfo(userinfo)
-  console.log('data', data)
 }
 
 async function handleSubmit() {

src/views/base/profile/data.ts

@@ -12,6 +12,30 @@ export interface ListItem {
   color?: string
 }
 
+// tab的list
+export const settingList = [
+  {
+    key: '1',
+    name: '基本设置',
+    component: 'BaseSetting'
+  },
+  {
+    key: '2',
+    name: '安全设置',
+    component: 'SecureSetting'
+  },
+  {
+    key: '3',
+    name: '账号绑定',
+    component: 'AccountBind'
+  },
+  {
+    key: '4',
+    name: '新消息通知',
+    component: 'MsgNotify'
+  }
+]
+
 // 基础设置 form
 export const baseSetschemas: FormSchema[] = [
   {