优化页面UI,修改测试bug

hx-ai-intelligent/src/view/carbonEmissionManage/carbonAssets/carbonAssetsDetail/index.vue

@@ -51,10 +51,17 @@
       <a-card>
         <div class="ns-form-title">
           <div class="title">交易明细</div>
-          <div class="operation">
+          <div class="operation" style="display: flex">
             <a-button type="primary" @click="addDetail">新增</a-button>
-            <a-button type="primary" style="margin-left: 6px">导入</a-button>
-            <a-button type="primary" style="margin-left: 6px">导出</a-button>
+            <a-upload
+              v-model:file-list="importFileList"
+              name="file"
+              accept=".xlsx"
+              :showUploadList="false"
+              :custom-request="importFile">
+              <a-button type="primary" style="margin-left: 6px">导入</a-button>
+            </a-upload>
+            <a-button type="primary" style="margin-left: 6px" @click="exportFile">导出</a-button>
             <a-button
               type="primary"
               style="margin-left: 6px"
@@ -196,8 +203,8 @@
   const orgId = ref('');
   const result = JSON.parse(sessionStorage.getItem('ORGID')!);
   orgId.value = result;
-  const fetch = (api, params = { orgId }) => {
-    return http.post(api, params);
+  const fetch = (api, params = { orgId }, config) => {
+    return http.post(api, params, config);
   };
   // 详情部分变量
   const selectedRowKeys = ref([]);
@@ -400,6 +407,52 @@
     visible.value = true;
     getDictList();
   };
+  const importFileList = ref<UploadProps['fileList']>([]);
+  const importFile = (options: UploadRequestOption) => {
+    const { file, onSuccess, onError } = options;
+    const formData = ref(new FormData());
+    formData.value.append('file', file as any);
+    formData.value.append('orgId', orgId.value);
+    formData.value.append('year', queryParams.value.year);
+    fetch(carbonAssets.import, formData.value)
+      .then((res) => {
+        message.success('操作成功！');
+        getDetailList();
+      })
+      .catch((error) => {
+        console.log('error', error);
+      });
+  };
+  const exportFile = () => {
+    const exportQuery = ref({
+      orgId: orgId.value,
+      pageNum: 1,
+      pageSize: 999,
+      year: queryParams.value.year,
+      ids: selectedRowKeys.value,
+    });
+    const config = {
+      responseType: 'blob',
+    };
+    fetch(carbonAssets.export, exportQuery.value, config)
+      .then((res) => {
+        // 创建一个 URL 对象，指向图片数据的 blob
+        const url = window.URL.createObjectURL(new Blob([res]));
+        // 创建一个 <a> 标签，用于触发下载
+        const link = document.createElement('a');
+        link.href = url;
+        link.setAttribute('download', 'carbonTradeDetails.xlsx'); // 设置下载的文件名
+        document.body.appendChild(link);
+        link.click();
+
+        // 清理 URL 对象
+        window.URL.revokeObjectURL(url);
+        selectedRowKeys.value = []
+      })
+      .catch((error) => {
+        console.error('下载失败：', error);
+      });
+  };
   // 上传附件
   const fileList = ref<UploadProps['fileList']>([]);
   const beforeUpload: UploadProps['beforeUpload'] = (file) => {