feat: 增加Notificatio方法

src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue

@@ -12,6 +12,7 @@ import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+import { showExportNotification } from '@/utils/arcoD';
 
 export default {
   setup(props, { emit, expose }) {
@@ -106,18 +107,7 @@ export default {
     };
 
     const handleDownload = (record) => {
-      Notification.warning({
+      showExportNotification(record.name)
-        showIcon: false,
-        closable: true,
-        content: (
-          <div class="flex items-center">
-            <icon-loading size="16" class="color-#6D4CFE mr-8px" />
-            <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${record.name}”，请稍后...`}</p>
-          </div>
-        ),
-        duration: 3000,
-        class: `px-16px py-9px w-400px rounded-2px bg-#F0EDFF`,
-      });
       record.file && downloadByUrl(record.file);
     };
     const handleBatchDownload = () => {

src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue

@@ -12,6 +12,7 @@ import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+import { showExportNotification } from '@/utils/arcoD';
 
 export default {
   setup(props, { emit, expose }) {
@@ -106,19 +107,7 @@ export default {
     };
 
     const handleDownload = (record) => {
-      Notification.warning({
+      showExportNotification(record.name)
-        showIcon: false,
-        closable: true,
-        content: (
-          <div class="flex items-center">
-            <icon-loading size="16" class="color-#6D4CFE mr-8px" />
-            <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${record.name}”，请稍后...`}</p>
-          </div>
-        ),
-        duration: 3000,
-        class: `px-16px py-9px w-400px rounded-2px bg-#F0EDFF`,
-      });
-      record.file && downloadByUrl(record.file);
     };
     const handleBatchDownload = () => {
       // 批量下载逻辑

src/components/_base/navbar/components/download-center-modal/index.vue

@@ -8,7 +8,7 @@
     :footer="false"
     @close="onClose"
   >
-    <a-tabs v-model="activeTab" @tab-click="handleTabClick">
+    <a-tabs :active-key="activeTab" @tab-click="handleTabClick">
       <a-tab-pane key="0" title="导入"> </a-tab-pane>
       <a-tab-pane key="1" title="导出"> </a-tab-pane>
     </a-tabs>
@@ -42,6 +42,8 @@ const getData = () => {
 const open = () => {
   getData();
 
+  console.log(activeTab.value);
+
   timer = setInterval(() => {
     getData();
   }, 10000);

src/utils/arcoD.tsx

@@ -0,0 +1,17 @@
+import { Notification } from '@arco-design/web-vue';
+import { IconLoading } from '@arco-design/web-vue/es/icon';
+
+export function showExportNotification(name: string) {
+  Notification.warning({
+    showIcon: false,
+    closable: true,
+    content: () => (
+      <div class="flex items-center">
+        <IconLoading size={16} class="color-#6D4CFE mr-8px" />
+        <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${name}”，请稍后...`}</p>
+      </div>
+    ),
+    duration: 3000,
+    class: 'px-16px py-9px w-400px rounded-2px bg-#F0EDFF',
+  });
+}

src/utils/tools.ts

@@ -106,3 +106,4 @@ export function downloadByUrl(url: string, filename?: string) {
   a.click();
   document.body.removeChild(a);
 }
+

src/views/property-marketing/media-account/account-dashboard/index.vue

@@ -66,6 +66,7 @@ import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport }
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY, CARD_FIELDS } from './constants';
 import { downloadByUrl } from '@/utils/tools';
+import { showExportNotification } from '@/utils/arcoD';
 
 import icon1 from '@/assets/img/icon-question.png';