refractor：修改报表

@@ -20,7 +20,7 @@ export const columns: BasicColumn[] = [
     dataIndex: 'dataType',
     width: 120,
     format: (_text: string, record: Recordable) => {
-      return record.dataCompare === 0 ? '原始数据' :  '聚合数据';
+      return record.dataCompare === 0 ? '原始数据' : '聚合数据';
     },
   },
   {
@@ -33,10 +33,10 @@ export const columns: BasicColumn[] = [
   },
   {
     title: '执行状态',
-    dataIndex: 'status',
+    dataIndex: 'executeStatus',
     width: 120,
     customRender: ({ record }) => {
-      const status = record.status;
+      const status = record.executeStatus;
       const color = status == 1 ? 'green' : status == 0 ? 'red' : 'blue';
       const text = status == 1 ? '成功' : status == 0 ? '失败' : '进行中';
       return h(Tag, { color: color }, () => text);
@@ -62,7 +62,7 @@ export const searchFormSchema: FormSchema[] = [
     },
   },
   {
-    field: 'status',
+    field: 'executeStatus',
     label: '执行状态',
     component: 'Select',
     colProps: { span: 6 },

@@ -2,36 +2,45 @@
   <div>
     <BasicTable :clickToRowSelect="false" @register="registerTable" :searchInfo="searchInfo">
       <template #toolbar>
-        <Authority value="api:yt:reportExport:export">
-          <Popconfirm title="您确定要导出报表数据吗？" ok-text="确定" cancel-text="取消" @confirm="exportCharts()">
-            <a-button type="primary"> 导出报表 </a-button>
-          </Popconfirm>
-        </Authority>
         <Authority value="api:yt:reportExport:delete">
-          <Popconfirm title="您确定要批量删除数据" ok-text="确定" cancel-text="取消" @confirm="handleDeleteOrBatchDelete(null)">
+          <Popconfirm
+            title="您确定要批量删除数据"
+            ok-text="确定"
+            cancel-text="取消"
+            @confirm="handleDeleteOrBatchDelete(null)"
+          >
             <a-button type="primary" color="error" :disabled="hasBatchDelete"> 批量删除 </a-button>
           </Popconfirm>
         </Authority>
       </template>
       <template #action="{ record }">
-        <TableAction :actions="[
-          {
-            label: '报表查看',
-            icon: 'clarity:note-edit-line',
-            auth: 'api:yt:reportExport:get',
-            onClick: handleView.bind(null, record),
-          },
-          {
-            label: '删除',
-            icon: 'ant-design:delete-outlined',
-            auth: 'api:yt:reportExport:delete',
-            color: 'error',
-            popConfirm: {
-              title: '是否确认删除',
-              confirm: handleDeleteOrBatchDelete.bind(null, record),
+        <TableAction
+          :actions="[
+            {
+              label: '报表导出',
+              icon: 'clarity:note-edit-line',
+              auth: 'api:yt:reportExport:export',
+              onClick: handleExport.bind(null, record),
+              ifShow: record.executeStatus === 1,
+            },
+            {
+              label: '报表查看',
+              icon: 'clarity:note-edit-line',
+              auth: 'api:yt:reportExport:get',
+              onClick: handleView.bind(null, record),
             },
-          },
-        ]" />
+            {
+              label: '删除',
+              icon: 'ant-design:delete-outlined',
+              auth: 'api:yt:reportExport:delete',
+              color: 'error',
+              popConfirm: {
+                title: '是否确认删除',
+                confirm: handleDeleteOrBatchDelete.bind(null, record),
+              },
+            },
+          ]"
+        />
       </template>
     </BasicTable>
     <ReportPreviewModal @register="registerModal" />
@@ -39,76 +48,67 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive, nextTick } from 'vue';
-import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { searchFormSchema, columns } from './config.data';
-import { Authority } from '/@/components/Authority';
-import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-import { Popconfirm } from 'ant-design-vue';
-import { useModal } from '/@/components/Modal';
-import ReportPreviewModal from './ReportPreviewModal.vue';
-import {
-  // exportPage,
-  deleteExportManage
-} from '/@/api/export/exportManager';
-
-const searchInfo = reactive<Recordable>({});
+  import { reactive, nextTick } from 'vue';
+  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { searchFormSchema, columns } from './config.data';
+  import { Authority } from '/@/components/Authority';
+  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+  import { Popconfirm } from 'ant-design-vue';
+  import { useModal } from '/@/components/Modal';
+  import ReportPreviewModal from './ReportPreviewModal.vue';
+  import { exportPage, deleteExportManage } from '/@/api/export/exportManager';
+  import { downloadByUrl } from '/@/utils/file/download';
 
-const [registerTable, { reload, setProps, setTableData }] = useTable({
-  title: '报表导出列表',
-  // api: exportPage,
-  columns,
-  showIndexColumn: false,
-  clickToRowSelect: false,
-  formConfig: {
-    labelWidth: 120,
-    schemas: searchFormSchema,
-  },
-  useSearchForm: true,
-  showTableSetting: true,
-  bordered: true,
-  rowKey: 'id',
-  actionColumn: {
-    width: 200,
-    title: '操作',
-    dataIndex: 'action',
-    slots: { customRender: 'action' },
-    fixed: 'right',
-  },
-});
-
-const handleSuccess = () => {
-  reload();
-};
-
-const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-  deleteExportManage,
-  handleSuccess,
-  setProps
-);
+  const searchInfo = reactive<Recordable>({});
+  const [registerTable, { reload, setProps }] = useTable({
+    title: '报表导出列表',
+    api: exportPage,
+    columns,
+    showIndexColumn: false,
+    clickToRowSelect: false,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    useSearchForm: true,
+    showTableSetting: true,
+    bordered: true,
+    rowKey: 'id',
+    actionColumn: {
+      width: 200,
+      title: '操作',
+      dataIndex: 'action',
+      slots: { customRender: 'action' },
+      fixed: 'right',
+    },
+  });
 
-nextTick(() => {
-  setProps(selectionOptions);
-  setTableData([
-    {
-      id:'121212',
-      reportConfigName: '1',
-      organizationName: '2',
-      dataCompare: 1,
-      executeWay: 1,
-      executeTime: 1,
-      status: 1
-    }
-  ])
+  const handleSuccess = () => {
+    reload();
+  };
 
-});
+  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+    deleteExportManage,
+    handleSuccess,
+    setProps
+  );
 
-const [registerModal, { openModal }] = useModal();
-const handleView = (_, record) => {
-  openModal(true, {
-    isUpdate: true,
-    record,
+  nextTick(() => {
+    setProps(selectionOptions);
   });
-};
-const exportCharts = () => { };
+
+  const [registerModal, { openModal }] = useModal();
+  const handleView = (_, record) => {
+    openModal(true, {
+      isUpdate: true,
+      record,
+    });
+  };
+  const handleExport = (record) => {
+    const url = record.reportPath;
+    downloadByUrl({
+      url,
+      target: '_self',
+    });
+  };
 </script>