@skyfox2000/webui 1.3.3 → 1.3.5

package/src/components/content/dialog/excelForm.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { watch, ref, onMounted } from 'vue';
-import { Button } from '../../common';
+import { watch, ref, onMounted, computed } from 'vue';
+import { Button, Loading } from '../../common';
 import { Modal, Space, Upload, Alert } from 'ant-design-vue';
 import {
    EditorControl,
@@ -11,12 +11,14 @@ import {
    AsyncUploader,
    UploadStatus,
    doSave,
+   doQuery,
    ExcelFileParams,
    processExcelFile,
    path,
    UploadFile,
 } from '@/index';
-import { AnyData, ResStatus } from '@skyfox2000/fapi';
+import { csvToExcelView } from '@/utils/excel-view';
+import { AnyData, ResStatus, IUrlInfo, httpGet, ApiResponse } from '@skyfox2000/fapi';
 import message from 'vue-m-message';
 //引入相关样式
 import type { UploadProps } from 'ant-design-vue';
@@ -24,6 +26,7 @@ import VueOfficeExcel from '@vue-office/excel';
 import '@vue-office/excel/lib/index.css';
 
 type AlertType = 'success' | 'info' | 'warning' | 'error';
+type FileType = 'excel' | 'csv' | 'both';
 
 const props = defineProps<{
    /**
@@ -31,22 +34,22 @@ const props = defineProps<{
     */
    title: String;
    /**
-    * 表格控制器
+    * 来源表格控制器
     */
-   gridCtrl: GridControl<AnyData>;
+   gridCtrl?: GridControl<AnyData>;
    /**
-    * 表格控制器
+    * 当前表单控制器
     */
    excelCtrl: EditorControl<AnyData>;
    /**
     * 文件上传参数
     */
-   uploadParams: ExcelFileParams;
+   uploadParams?: ExcelFileParams;
    /**
     * 表格字段映射
     * - 表头映射字段
     */
-   excelFieldMap: Record<string, string>;
+   excelFieldMap?: Record<string, string>;
    /**
     * Excel文件信息字段
     */
@@ -60,6 +63,18 @@ const props = defineProps<{
     * 确认按钮文字，空字符串则不显示
     */
    saveText?: string;
+   /**
+    * 取消按钮文字，空字符串则不显示
+    */
+   cancelText?: string;
+   /**
+    * 外部预览地址
+    */
+   previewUrl?: IUrlInfo;
+   /**
+    * 允许的文件类型：excel(仅Excel) | csv(仅CSV) | both(都允许)
+    */
+   fileType?: FileType;
 }>();
 
 const excelCtrl = props.excelCtrl;
@@ -68,6 +83,36 @@ const excelUrl = ref('');
 const fileList = ref<any[]>([]);
 const fileName = ref('');
 const validating = ref(true); // 表示正在验证状态
+// 是否为预览模式 - 改为计算属性
+const isPreviewMode = computed(() => !!props.previewUrl);
+
+// 计算文件类型限制
+const fileAccept = computed(() => {
+   const fileType = props.fileType || 'both';
+   switch (fileType) {
+      case 'excel':
+         return '.xlsx,.xls';
+      case 'csv':
+         return '.csv';
+      case 'both':
+      default:
+         return '.xlsx,.xls,.csv';
+   }
+});
+
+// 计算文件类型提示
+const fileTypeTip = computed(() => {
+   const fileType = props.fileType || 'both';
+   switch (fileType) {
+      case 'excel':
+         return '请选择Excel文件';
+      case 'csv':
+         return '请选择CSV文件';
+      case 'both':
+      default:
+         return '请选择Excel或CSV文件';
+   }
+});
 
 // Alert状态变量
 const validationMsg = ref('待验证数据规则');
@@ -79,6 +124,24 @@ watch(
    () => excelCtrl.visible.value,
    () => {
       open.value = excelCtrl.visible.value;
+      // 当对话框打开时，先清空表格内容
+      if (open.value) {
+         // 清空之前的数据
+         excelUrl.value = '';
+         fileName.value = '';
+         validating.value = true;
+         validationMsg.value = '待验证数据规则';
+         validationType.value = 'warning';
+         duplicateMsg.value = '待验证重复数据';
+         duplicateType.value = 'warning';
+         excelError.value = false;
+         duplicateError.value = false;
+
+         // 然后检查是否有预览地址
+         if (props.previewUrl) {
+            loadPreviewFile();
+         }
+      }
    },
 );
 watch(
@@ -88,10 +151,144 @@ watch(
    },
 );
 
+watch(
+   () => props.previewUrl,
+   () => {
+      // 当预览地址变化且对话框是打开状态时，重新加载预览文件
+      if (open.value && props.previewUrl) {
+         loadPreviewFile();
+      }
+   },
+   { deep: true },
+);
+
 const uploadParams = ref(props.uploadParams);
-const uploadUrl = ref(uploadParams.value.uploadUrl);
-const duplicateRules = ref(uploadParams.value.duplicateRules);
-const duplicateUrl = ref(uploadParams.value.duplicateUrl);
+const uploadUrl = ref(uploadParams.value?.uploadUrl);
+const duplicateRules = ref(uploadParams.value?.duplicateRules);
+const duplicateUrl = ref(uploadParams.value?.duplicateUrl);
+
+// 加载预览文件
+const loadPreviewFile = async () => {
+   if (!props.previewUrl || !excelCtrl) return;
+
+   excelCtrl.isFormLoading.value = true;
+   try {
+      let result: ApiResponse<AnyData> | null = null;
+
+      // 根据请求方法选择不同的处理方式
+      if (props.previewUrl.method === 'GET') {
+         // 使用 httpGet 方法处理 GET 请求
+         const getUrl: IUrlInfo = {
+            ...props.previewUrl,
+            method: 'GET' as const,
+            api: props.previewUrl.api || excelCtrl.page.api,
+            authorize: props.previewUrl.authorize ?? excelCtrl.page.authorize,
+         };
+
+         result = await httpGet(getUrl);
+      } else {
+         // 使用 doQuery 处理 POST 请求
+         const queryParams = props.previewUrl.params;
+         result = await doQuery(excelCtrl, {
+            url: props.previewUrl,
+            urlKey: 'preview',
+            params: queryParams,
+            hideErrorToast: true,
+         });
+      }
+
+      // 原始模式下，result 就是原始数据，不是 ApiResponse 格式
+      if (props.previewUrl.raw) {
+         // 原始模式：直接处理返回的数据
+         await handleFileData(result);
+      } else {
+         // 标准模式：检查 ApiResponse 格式
+         if (result?.status === ResStatus.SUCCESS && result.data) {
+            const data = result.data;
+            // 处理返回的文件数据
+            await handleFileData(data);
+         } else {
+            throw new Error(result?.msg || '文件加载失败');
+         }
+      }
+   } catch (error: any) {
+      console.error('预览文件加载错误:', error);
+      message.error('文件加载失败：' + (error?.message || '未知错误'));
+   } finally {
+      setTimeout(() => {
+         excelCtrl.isFormLoading.value = false;
+      }, 1000);
+   }
+};
+
+// CSV内容处理的公共方法
+const processCsvContent = async (content: string, filename: string = 'preview.csv') => {
+   const csvResult = await csvToExcelView(content, filename);
+   if (csvResult.success) {
+      excelUrl.value = csvResult.blobUrl!;
+      fileName.value = csvResult.fileName!;
+   } else {
+      throw new Error(csvResult.error || 'CSV格式处理失败');
+   }
+};
+
+// Excel内容处理的公共方法
+const processExcelContent = (content: string, mimeType?: string, filename: string = '预览文件.xlsx') => {
+   const type = mimeType || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+   excelUrl.value = `data:${type};base64,${content}`;
+   fileName.value = filename;
+};
+
+// 判断是否为CSV格式的内容
+const isCsvContent = (data: string) => data.includes(',') || data.includes('\n');
+
+// 判断是否为CSV类型
+const isCsvType = (type?: string, filename?: string) => type === 'text/csv' || filename?.toLowerCase().includes('.csv');
+
+// 判断是否为Excel类型
+const isExcelType = (type?: string, filename?: string) =>
+   type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+   type === 'application/vnd.ms-excel' ||
+   filename?.toLowerCase().match(/\.(xlsx|xls)$/);
+
+// 处理文件数据的统一方法
+const handleFileData = async (data: any) => {
+   // 原始模式：直接处理文件内容
+   if (props.previewUrl?.raw) {
+      if (typeof data === 'string') {
+         if (isCsvContent(data)) {
+            await processCsvContent(data);
+         } else {
+            processExcelContent(data);
+         }
+      } else if (data instanceof ArrayBuffer || data instanceof Uint8Array) {
+         const blob = new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+         excelUrl.value = URL.createObjectURL(blob);
+         fileName.value = '预览文件.xlsx';
+      } else {
+         throw new Error('不支持的原始文件格式');
+      }
+      return;
+   }
+
+   // 标准模式：处理结构化数据
+   if (data.Content && data.Type) {
+      if (isCsvType(data.Type, data.FileName)) {
+         await processCsvContent(data.Content, data.FileName || 'preview.csv');
+      } else if (isExcelType(data.Type, data.FileName)) {
+         processExcelContent(data.Content, data.Type, data.FileName || '预览文件.xlsx');
+      } else {
+         processExcelContent(data.Content);
+      }
+   } else if (data.url) {
+      excelUrl.value = data.url;
+      fileName.value = data.fileName || '预览文件.xlsx';
+   } else if (typeof data === 'string') {
+      await processCsvContent(data);
+   } else {
+      throw new Error('不支持的文件格式');
+   }
+};
 
 const dialogUpload = async () => {
    const url = uploadUrl.value;
@@ -105,23 +302,24 @@ const dialogUpload = async () => {
       return;
    }
 
-   excelCtrl.isFormLoading.value = true;
+   excelCtrl.isFormSaving.value = true;
    try {
       if (!excelBuffer.value || !fileName.value) {
-         message.warning('请先选择Excel文件！');
-         excelCtrl.isFormLoading.value = false;
+         message.warning('请先选择文件！');
+         excelCtrl.isFormSaving.value = false;
          return;
       }
 
       // 创建文件对象和上传器
       const uploader = new AsyncUploader(url, 1);
 
-      // 创建上传文件对象
+      // 创建上传文件对象 - 根据原始文件类型设置正确的MIME类型
+      const fileType = originalFileType.value || 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
       const file = new File([excelBuffer.value], fileName.value, {
-         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+         type: fileType,
       });
 
-      const fileKey = path.join(uploadParams.value.basePath, fileName.value);
+      const fileKey = path.join(uploadParams.value?.basePath ?? '', fileName.value);
       const uploadFile: UploadFile = {
          uid: '1',
          name: fileName.value,
@@ -152,7 +350,7 @@ const dialogUpload = async () => {
       console.error('上传处理错误：', error);
       message.error('上传处理失败：' + (error?.message || '未知错误'));
    } finally {
-      excelCtrl.isFormLoading.value = false;
+      excelCtrl.isFormSaving.value = false;
    }
 };
 
@@ -167,7 +365,7 @@ const dialogSave = async (uploadFile: UploadFile) => {
          const excelDataList = excelData.map((row: Record<string, AnyData>) => {
             const result: Record<string, AnyData> = {};
             for (const key in row) {
-               const field = props.excelFieldMap[key];
+               const field = props.excelFieldMap?.[key];
                if (field) {
                   result[field] = row[key];
                }
@@ -193,7 +391,7 @@ const dialogSave = async (uploadFile: UploadFile) => {
          },
       };
 
-      excelCtrl.isFormLoading.value = true;
+      excelCtrl.isFormSaving.value = true;
       try {
          const result = await doSave(props.excelCtrl, {
             params: postData,
@@ -214,7 +412,7 @@ const dialogSave = async (uploadFile: UploadFile) => {
          console.error('保存错误：', error);
          message.error('数据保存失败，请稍后再试！');
       } finally {
-         excelCtrl.isFormLoading.value = false;
+         excelCtrl.isFormSaving.value = false;
       }
    }
 };
@@ -222,20 +420,114 @@ const dialogSave = async (uploadFile: UploadFile) => {
 const excelError = ref(false);
 const duplicateError = ref(false);
 const excelBuffer = ref<ArrayBuffer | null>(null);
+const originalFileType = ref<string>(''); // 跟踪原始文件类型
+
+/**
+ * 执行数据验证逻辑
+ * @param buffer 要验证的ArrayBuffer
+ * @returns 验证是否通过
+ */
+const performDataValidation = async (buffer: ArrayBuffer): Promise<boolean> => {
+   const gridCtrl = props.gridCtrl;
+   if (!gridCtrl) return false;
+
+   // 先进行数据验证
+   const { hasError, errBlob } = await validateExcel(buffer, excelCtrl.formRules.value);
+
+   // 有验证错误
+   if (hasError) {
+      if (errBlob) {
+         excelError.value = true;
+         validating.value = false;
+         validationMsg.value = '数据验证失败';
+         validationType.value = 'error';
+         const blobUrl = URL.createObjectURL(errBlob);
+         excelUrl.value = blobUrl;
+      }
+      return false; // 验证失败则结束
+   } else {
+      // 验证成功
+      validationMsg.value = '数据验证成功';
+      validationType.value = 'success';
+   }
+
+   // 无验证错误，继续验证重复数据
+   if (duplicateRules.value && duplicateRules.value.length > 0 && duplicateUrl.value) {
+      try {
+         // 检测重复数据
+         if (!duplicateUrl.value.api) duplicateUrl.value.api = gridCtrl.page.api;
+         if (duplicateUrl.value.authorize === undefined) duplicateUrl.value.authorize = gridCtrl.page.authorize;
+
+         const { hasError, errBlob } = await checkExcelDuplicates(buffer, duplicateRules.value, duplicateUrl.value);
+         if (hasError) {
+            // 有重复数据
+            if (errBlob) {
+               duplicateError.value = true;
+               duplicateMsg.value = '检测到重复数据';
+               duplicateType.value = 'error';
+               const blobUrl = URL.createObjectURL(errBlob);
+               excelUrl.value = blobUrl;
+            }
+            return false;
+         } else {
+            // 无重复数据
+            duplicateError.value = false;
+            duplicateMsg.value = '数据验证通过';
+            duplicateType.value = 'success';
+         }
+      } catch (error) {
+         duplicateMsg.value = '重复检测异常';
+         duplicateType.value = 'error';
+         return false;
+      }
+   }
+
+   return true; // 验证通过
+};
 
 // 上传前处理函数
 const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
+   const gridCtrl = props.gridCtrl;
+   if (!gridCtrl) {
+      message.error('未配置表格控制器！');
+      return;
+   }
+
    const isExcel =
       file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
       file.type === 'application/vnd.ms-excel';
-   if (!isExcel) {
-      message.error('只能上传Excel文件!');
+   const isCsv = file.type === 'text/csv' || file.name.toLowerCase().endsWith('.csv');
+
+   // 根据配置的文件类型检查
+   const allowedType = props.fileType || 'both';
+   let isValidType = false;
+   let errorMsg = '';
+
+   switch (allowedType) {
+      case 'excel':
+         isValidType = isExcel;
+         errorMsg = '只能上传Excel文件!';
+         break;
+      case 'csv':
+         isValidType = isCsv;
+         errorMsg = '只能上传CSV文件!';
+         break;
+      case 'both':
+      default:
+         isValidType = isExcel || isCsv;
+         errorMsg = '只能上传Excel文件或CSV文件!';
+         break;
+   }
+
+   if (!isValidType) {
+      message.error(errorMsg);
       return Upload.LIST_IGNORE;
    }
 
    try {
-      // 设置文件名
+      // 设置文件名和原始文件类型
       fileName.value = file.name;
+      originalFileType.value = isCsv ? 'text/csv' : 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
 
       // 清除之前的错误状态并设置为验证中
       excelError.value = false;
@@ -246,7 +538,40 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
       duplicateMsg.value = '待验证重复数据';
       duplicateType.value = 'warning';
 
-      // 使用ArrayBuffer读取文件
+      if (isCsv) {
+         // 处理CSV文件 - 完整验证流程同Excel
+         const csvBuffer = await file.arrayBuffer();
+
+         // 先将CSV转换为Excel格式的ArrayBuffer
+         const decoder = new TextDecoder('utf-8');
+         const csvText = decoder.decode(csvBuffer);
+
+         // 转换CSV为Excel格式用于验证
+         const { csvToExcelView } = await import('@/utils/excel-view');
+         const excelResult = await csvToExcelView(csvText, file.name);
+         if (!excelResult.success) {
+            throw new Error(excelResult.error || 'CSV文件处理失败');
+         }
+
+         // 获取Excel格式的ArrayBuffer用于验证
+         const response = await fetch(excelResult.blobUrl!);
+         const convertedExcelBuffer = await response.arrayBuffer();
+         excelBuffer.value = convertedExcelBuffer;
+
+         // 执行统一的验证流程
+         const isValidationPassed = await performDataValidation(convertedExcelBuffer);
+         if (!isValidationPassed) {
+            return false; // 验证失败则结束
+         }
+
+         // 所有验证通过，使用已生成的Excel预览
+         excelUrl.value = excelResult.blobUrl!;
+         fileName.value = excelResult.fileName!;
+         validating.value = false;
+         return false;
+      }
+
+      // 使用ArrayBuffer读取Excel文件
       const buffer = await file.arrayBuffer();
       excelBuffer.value = buffer;
 
@@ -254,73 +579,24 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
       reader.readAsDataURL(file);
       reader.onload = async (loadEvent) => {
          if (loadEvent.target) {
-            // 读取完成后先进行普通验证
-            const { hasError, errBlob } = await validateExcel(buffer, excelCtrl.formRules.value);
-
-            // 有验证错误
-            if (hasError) {
-               if (errBlob) {
-                  excelError.value = true;
-                  validating.value = false;
-                  validationMsg.value = '数据验证失败';
-                  validationType.value = 'error';
-                  const blobUrl = URL.createObjectURL(errBlob);
-                  excelUrl.value = blobUrl;
-               }
+            // 执行统一的验证流程
+            const isValidationPassed = await performDataValidation(buffer);
+            if (!isValidationPassed) {
                return; // 验证失败则结束
-            } else {
-               // 验证成功
-               validationMsg.value = '数据验证成功';
-               validationType.value = 'success';
             }
 
-            // 无验证错误，继续验证重复数据
-            if (duplicateRules.value && duplicateRules.value.length > 0 && duplicateUrl.value) {
-               try {
-                  // 检测重复数据
-                  if (!duplicateUrl.value.api) duplicateUrl.value.api = props.gridCtrl.page.api;
-                  if (duplicateUrl.value.authorize === undefined)
-                     duplicateUrl.value.authorize = props.gridCtrl.page.authorize;
-
-                  const { hasError, errBlob } = await checkExcelDuplicates(
-                     buffer,
-                     duplicateRules.value,
-                     duplicateUrl.value,
-                  );
-                  if (hasError) {
-                     // 有重复数据
-                     if (errBlob) {
-                        duplicateError.value = true;
-                        duplicateMsg.value = '检测到重复数据';
-                        duplicateType.value = 'error';
-                        const blobUrl = URL.createObjectURL(errBlob);
-                        excelUrl.value = blobUrl;
-                     }
-                     return;
-                  } else {
-                     // 无重复数据
-                     duplicateError.value = false;
-                     duplicateMsg.value = '数据验证通过';
-                     duplicateType.value = 'success';
-                  }
-               } catch (error) {
-                  duplicateMsg.value = '重复检测异常';
-                  duplicateType.value = 'error';
-               }
-            }
+            // 验证通过，显示原始Excel文件
             excelUrl.value = loadEvent.target.result as string;
-
-            // 验证完成
             validating.value = false;
          } else {
-            message.error('加载Excel文件失败，请检查文件格式！');
+            message.error('加载文件失败，请检查文件格式！');
          }
       };
    } catch (error) {
-      console.error('Excel处理错误:', error);
-      message.error('Excel文件处理失败，请检查文件格式！');
+      console.error('文件处理错误:', error);
+      message.error('文件处理失败，请检查文件格式！');
       validating.value = false;
-      validationMsg.value = 'Excel处理错误';
+      validationMsg.value = '文件处理错误';
       validationType.value = 'error';
    }
 
@@ -331,21 +607,29 @@ const beforeUpload: UploadProps['beforeUpload'] = async (file) => {
 const validationRules: { field: string; rules: string[] }[] = getRuleTexts(excelCtrl.formRules.value);
 
 onMounted(() => {
-   const pageCtrl = props.gridCtrl.page;
-   uploadUrl.value = uploadUrl.value ?? pageCtrl.urls.upload;
-   if (!uploadUrl.value) {
-      message.error('未配置文件上传地址！');
-      return;
-   }
+   const pageCtrl = props.gridCtrl?.page;
+   if (pageCtrl && !isPreviewMode.value) {
+      uploadUrl.value = uploadUrl.value ?? pageCtrl.urls.upload;
+      // 只有在非预览模式下才检查上传地址
+      if (!uploadUrl.value) {
+         message.error('未配置文件上传地址！');
+         return;
+      }
 
-   if (!uploadUrl.value.api) uploadUrl.value.api = pageCtrl.api;
-   if (uploadUrl.value.authorize === undefined) uploadUrl.value.authorize = pageCtrl.authorize;
+      if (!uploadUrl.value.api) uploadUrl.value.api = pageCtrl.api;
+      if (uploadUrl.value.authorize === undefined) uploadUrl.value.authorize = pageCtrl.authorize;
 
-   for (const key in excelCtrl.formData.value) {
-      if (props.gridCtrl.rowData.value) excelCtrl.formData.value[key] = props.gridCtrl.rowData.value[key];
+      for (const key in excelCtrl.formData.value) {
+         if (props.gridCtrl.rowData.value) excelCtrl.formData.value[key] = props.gridCtrl.rowData.value[key];
+      }
    }
 
    open.value = excelCtrl.visible.value;
+
+   // 如果在挂载时对话框已经是打开状态且是预览模式，则立即加载预览
+   if (open.value && props.previewUrl) {
+      loadPreviewFile();
+   }
 });
 
 const dialogClose = () => {
@@ -357,26 +641,27 @@ const handleError = () => {
 </script>
 <template>
    <Modal
-      :title="title ?? 'Excel文件上传'"
+      :title="title ?? '文件上传'"
       v-model:open="open"
       :wrapClassName="['modal', 'mx-auto', $attrs.width ? 'w-[' + $attrs.width + ']' : ''].join(' ')"
       :width="940"
       @close="dialogClose"
    >
       <slot></slot>
-      <div class="mb-4 flex items-center">
-         <Upload :file-list="fileList" :before-upload="beforeUpload" accept=".xlsx,.xls" :showUploadList="true">
-            <Button type="primary">选择Excel文件</Button>
+      <div v-if="!isPreviewMode" class="mb-4 flex items-center">
+         <Upload :file-list="fileList" :before-upload="beforeUpload" :accept="fileAccept" :showUploadList="true">
+            <Button type="primary">{{ fileTypeTip }}</Button>
          </Upload>
          <div v-if="excelUrl && fileName" class="ml-3 text-gray-600">
             <span>{{ fileName }}</span>
          </div>
       </div>
 
-      <div class="flex gap-4">
+      <div class="flex gap-4 relative">
          <!-- 左侧Excel显示区域 -->
+         <Loading size="large" v-if="excelCtrl.isFormLoading.value" />
          <div
-            class="flex-shrink-0 excel-container"
+            class="flex-shrink-0 relative border border-gray-200 rounded-md overflow-hidden"
             :class="[validationRules.length === 0 ? 'w-[100%]' : 'w-[80%]']"
             style="height: 430px"
          >
@@ -434,11 +719,12 @@ const handleError = () => {
 
       <template #footer>
          <Space>
-            <Button @click="dialogClose">取消</Button>
+            <Button @click="dialogClose">{{ cancelText ?? (isPreviewMode ? '关闭' : '取消') }}</Button>
             <Button
+               v-if="!isPreviewMode"
                @click="dialogUpload"
                type="primary"
-               :loading="excelCtrl.isFormSaving.value"
+               :loading="excelCtrl?.isFormSaving.value ?? false"
                :disabled="!excelUrl || excelError || duplicateError || validating"
             >
                {{ saveText ?? '上传文件' }}
@@ -469,11 +755,4 @@ const handleError = () => {
 .full-modal .ant-modal-body {
    flex: 1;
 }
-
-.excel-container {
-   position: relative;
-   border: 1px solid #f0f0f0;
-   border-radius: 4px;
-   overflow: hidden;
-}
 </style>