pref：优化个人资料上传头像显示加载状态

@@ -42,8 +42,9 @@
                   alt="avatar"
                 />
                 <div v-else>
-                  <div style="">
-                    <PlusOutlined style="font-size: 30px" />
+                  <div>
+                    <LoadingOutlined style="font-size: 30px" v-if="loading" />
+                    <PlusOutlined v-else style="font-size: 30px" />
                   </div>
                 </div>
               </Upload>
@@ -92,6 +93,7 @@
   import { PlusOutlined } from '@ant-design/icons-vue';
   import { useUserStore } from '/@/store/modules/user';
   import type { FileItem } from '/@/components/Upload/src/typing';
+  import { LoadingOutlined } from '@ant-design/icons-vue';
 
   const schema: DescItem[] = [
     {
@@ -121,9 +123,10 @@
   ];
   export default defineComponent({
     name: 'Index',
-    components: { BasicModal, BasicForm, Description, Upload, PlusOutlined },
+    components: { BasicModal, BasicForm, Description, Upload, PlusOutlined, LoadingOutlined },
     emits: ['refreshPersonl', 'register'],
     setup(_, { emit }) {
+      const loading = ref(false);
       const userInfo = getAuthCache(USER_INFO_KEY);
       const { createMessage } = useMessage();
       const getPersonalValue: any = ref({});
@@ -143,11 +146,14 @@
 
       const customUploadqrcodePic = async ({ file }) => {
         if (beforeUploadqrcodePic(file)) {
+          peresonalPic.value = '';
+          loading.value = true;
           const formData = new FormData();
           formData.append('file', file);
           const response = await uploadApi(formData);
           if (response.fileStaticUri) {
             peresonalPic.value = response.fileStaticUri;
+            loading.value = false;
           }
         }
       };
@@ -240,6 +246,7 @@
         schema,
         registerModal,
         registerForm,
+        loading,
       };
     },
   });