fix: 修改加载log 和上传图片

src/components/Cropper/src/CopperModal.vue

@@ -173,6 +173,7 @@
         previewSource.value = '';
         reader.onload = function (e) {
           src.value = (e.target?.result as string) ?? '';
+          console.log(' reader.onload ', file.name);
           filename = file.name;
         };
         return false;
@@ -183,6 +184,16 @@
       }
 
       function handleReady(cropperInstance: Cropper) {
+        let imageExtensions: Array<string> = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];
+        let path = cropperInstance.url;
+        let urlName = '';
+        let isImg = imageExtensions.some((item) => {
+          urlName = path.substring(path.lastIndexOf('/') + 1, path.length);
+          return path.indexOf(item) > -1;
+        });
+        if (isImg) {
+          filename = urlName;
+        }
         cropper.value = cropperInstance;
       }
 
@@ -205,6 +216,7 @@
         }
         if (uploadApi && isFunction(uploadApi)) {
           const blob = dataURLtoBlob(previewSource.value);
+          console.log('previewSource.value', previewSource.value, blob, filename);
           try {
             setModalProps({ confirmLoading: true });
             const result = await uploadApi({ name: 'file', file: blob, filename });

src/views/corporation/index.vue

@@ -2,12 +2,12 @@
   <div class="p-4">
     <BasicTable @register="registerTable">
       <template #toolbar> </template>
-      <template #sceneLogo="{ record }">
+      <template #topLogo="{ record }">
         <CropperAvatar
           :showBtn="false"
           :width="80"
           :uploadApi="uploadLogoApi"
-          :value="record.sceneLogo"
+          :value="record.topLogo"
           :title="t('routes.corporation.sceneLogo')"
           @change="
             (_, data) => {
@@ -157,8 +157,8 @@
         },
         {
           title: t('routes.corporation.sceneLogo'),
-          dataIndex: 'sceneLogo',
-          slots: { customRender: 'sceneLogo' },
+          dataIndex: 'topLogo',
+          slots: { customRender: 'topLogo' },
           width: 160,
         },
         {
@@ -289,7 +289,7 @@
         console.log('src', data.data);
         await updateCompnayApi({
           id: record.id,
-          sceneLogo: data.data,
+          topLogo: data.data,
         });
         nextTick(reload);
       }