fix：修改视频管理重复提交问题和视频封面上传loading效果

@@ -19,7 +19,8 @@
         >
         >
           <img v-if="tenantLogo" :src="tenantLogo" alt="avatar" />
           <img v-if="tenantLogo" :src="tenantLogo" alt="avatar" />
           <div v-else>
           <div v-else>
-            <plus-outlined />
+            <loading-outlined v-if="loading"></loading-outlined>
+            <plus-outlined v-else />
             <div class="ant-upload-text">上传</div>
             <div class="ant-upload-text">上传</div>
           </div>
           </div>
         </Upload>
         </Upload>
@@ -35,15 +36,17 @@
   import { createOrEditCameraManage } from '/@/api/camera/cameraManager';
   import { createOrEditCameraManage } from '/@/api/camera/cameraManager';
   import { message, Upload } from 'ant-design-vue';
   import { message, Upload } from 'ant-design-vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
-  import { PlusOutlined } from '@ant-design/icons-vue';
+  import { PlusOutlined, LoadingOutlined } from '@ant-design/icons-vue';
   import { upload } from '/@/api/oss/ossFileUploader';
   import { upload } from '/@/api/oss/ossFileUploader';
   import { FileItem } from '/@/components/Upload/src/typing';
   import { FileItem } from '/@/components/Upload/src/typing';
 
 
   export default defineComponent({
   export default defineComponent({
     name: 'ContactDrawer',
     name: 'ContactDrawer',
-    components: { BasicDrawer, BasicForm, Upload, PlusOutlined },
+    components: { BasicDrawer, BasicForm, Upload, PlusOutlined, LoadingOutlined },
     emits: ['success', 'register'],
     emits: ['success', 'register'],
     setup(_, { emit }) {
     setup(_, { emit }) {
+      const loading = ref(false);
+
       const isUpdate = ref(true);
       const isUpdate = ref(true);
       const editId = ref('');
       const editId = ref('');
       const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
       const [registerForm, { validate, setFieldsValue, resetFields }] = useForm({
@@ -70,11 +73,14 @@
 
 
       async function customUpload({ file }) {
       async function customUpload({ file }) {
         if (beforeUpload(file)) {
         if (beforeUpload(file)) {
+          loading.value = true;
+
           const formData = new FormData();
           const formData = new FormData();
           formData.append('file', file);
           formData.append('file', file);
           const response = await upload(formData);
           const response = await upload(formData);
           if (response.fileStaticUri) {
           if (response.fileStaticUri) {
             tenantLogo.value = response.fileStaticUri;
             tenantLogo.value = response.fileStaticUri;
+            loading.value = true;
           }
           }
         }
         }
       }
       }
@@ -94,6 +100,7 @@
       const getTitle = computed(() => (!unref(isUpdate) ? '新增视频配置' : '编辑视频配置'));
       const getTitle = computed(() => (!unref(isUpdate) ? '新增视频配置' : '编辑视频配置'));
 
 
       async function handleSubmit() {
       async function handleSubmit() {
+        setDrawerProps({ confirmLoading: true });
         try {
         try {
           const { createMessage } = useMessage();
           const { createMessage } = useMessage();
           const values = await validate();
           const values = await validate();
@@ -105,7 +112,6 @@
           } else {
           } else {
             delete values.id;
             delete values.id;
           }
           }
-          setDrawerProps({ confirmLoading: true });
           let saveMessage = '添加成功';
           let saveMessage = '添加成功';
           let updateMessage = '修改成功';
           let updateMessage = '修改成功';
           await createOrEditCameraManage(values);
           await createOrEditCameraManage(values);
@@ -113,7 +119,9 @@
           emit('success');
           emit('success');
           createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
           createMessage.success(unref(isUpdate) ? updateMessage : saveMessage);
         } finally {
         } finally {
-          setDrawerProps({ confirmLoading: false });
+          setTimeout(() => {
+            setDrawerProps({ confirmLoading: false });
+          }, 300);
         }
         }
       }
       }
 
 
@@ -125,6 +133,7 @@
         customUpload,
         customUpload,
         beforeUpload,
         beforeUpload,
         tenantLogo,
         tenantLogo,
+        loading,
       };
       };
     },
     },
   });
   });