fix：修改设备和设备配置上传图片加loading

@@ -5,15 +5,16 @@
         <template #iconSelect>
           <Upload
             name="avatar"
+            :show-upload-list="false"
             list-type="picture-card"
             class="avatar-uploader"
-            :show-upload-list="false"
             :customRequest="customUpload"
             :before-upload="beforeUpload"
           >
             <img v-if="devicePic" :src="devicePic" alt="avatar" />
             <div v-else>
-              <PlusOutlined />
+              <loading-outlined v-if="loading"></loading-outlined>
+              <PlusOutlined v-else />
               <div class="ant-upload-text">图片上传</div>
             </div>
           </Upload>
@@ -85,7 +86,7 @@
   import { step1Schemas } from '../../config/data';
   import { useScript } from '/@/hooks/web/useScript';
   import { Input, Upload, message, Modal, Form, Row, Col, AutoComplete } from 'ant-design-vue';
-  import { EnvironmentTwoTone, PlusOutlined } from '@ant-design/icons-vue';
+  import { EnvironmentTwoTone, PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue';
   import { upload } from '/@/api/oss/ossFileUploader';
   import { FileItem } from '/@/components/Upload/src/typing';
   import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
@@ -105,6 +106,7 @@
       FormItem: Form.Item,
       Row,
       Col,
+      LoadingOutlined,
     },
     props: {
       isUpdate: {
@@ -114,6 +116,7 @@
     emits: ['next'],
     setup(props, { emit }) {
       const devicePic = ref('');
+      const loading = ref(false);
 
       const [register, { validate, resetFields, setFieldsValue, getFieldsValue, updateSchema }] =
         useForm({
@@ -140,11 +143,13 @@
       // 图片上传
       async function customUpload({ file }) {
         if (beforeUpload(file)) {
+          loading.value = true;
           const formData = new FormData();
           formData.append('file', file);
           const response = await upload(formData);
           if (response.fileStaticUri) {
             devicePic.value = response.fileStaticUri;
+            loading.value = false;
           }
         }
       }
@@ -371,6 +376,7 @@
         dataSource,
         debounceSearch,
         generateSN,
+        loading,
       };
     },
   });

@@ -20,7 +20,8 @@
                 style="width: 6.25rem; height: 6.25rem"
               />
               <div v-else>
-                <PlusOutlined />
+                <loading-outlined v-if="loading"></loading-outlined>
+                <PlusOutlined v-else />
                 <div class="ant-upload-text">图片上传</div>
               </div>
             </Upload>
@@ -37,7 +38,7 @@
   import { Select, Input, Divider } from 'ant-design-vue';
   import { uploadApi } from '/@/api/personal/index';
   import { Upload } from 'ant-design-vue';
-  import { PlusOutlined } from '@ant-design/icons-vue';
+  import { PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import type { FileItem } from '/@/components/Upload/src/typing';
 
@@ -50,9 +51,12 @@
       [Divider.name]: Divider,
       Upload,
       PlusOutlined,
+      LoadingOutlined,
     },
     emits: ['next', 'resetFunc', 'register'],
     setup(_, { emit }) {
+      const loading = ref(false);
+
       const { createMessage } = useMessage();
       const peresonalPic = ref('');
 
@@ -75,11 +79,14 @@
       };
       const customUploadqrcodePic = async ({ file }) => {
         if (beforeUploadqrcodePic(file)) {
+          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;
           }
         }
       };
@@ -122,6 +129,7 @@
         beforeUploadqrcodePic,
         customUploadqrcodePic,
         getStep1Func,
+        loading,
       };
     },
   });