Merge remote-tracking branch 'origin/develop' into develop

src/views/statement/annualPlanDrawer/detail.data.ts

@@ -96,6 +96,9 @@ export const formSchema: FormSchema[] = [
     component: 'InputTextArea',
   },
 ];
+
+export const exportUrl = '/pro/export/yearEngineer';
+
 export const searchFormSchema: FormSchema[] = [
   {
     field: 'projecName',

src/views/statement/tabs/annualPlan.vue

 <template>
   <BasicTable @register="registerTable">
+    <template #toolbar>
+      <a-button type="primary" preIcon="mdi:plus" @click="handleExport"> 导出筛选结果 </a-button>
+    </template>
     <template #bodyCell="{ column, record, index }">
       <template v-if="column.key === 'serialNumber'">
         {{ index + 1 }}
@@ -19,18 +22,22 @@
       </template>
     </template>
   </BasicTable>
+  <exportModal @register="registerModal" />
   <detaildrawer @register="registerDrawer"></detaildrawer>
 </template>
 <script lang="ts" setup>
+  import  exportModal from '../components/exportModal.vue';
   import detaildrawer from '@/views/statement/annualPlanDrawer/detailDrawer.vue';
-
   import { annualPlanColumns, searchFormSchema } from './data';
+  import {exportUrl} from '../annualPlanDrawer/detail.data'
   import { BasicTable, useTable, TableAction } from '@/components/Table';
   import { inject } from 'vue';
   import {getAnnualPlanDetail, getAnnualPlanTotalList} from '@/api/project/annualPlan';
   import { router } from '@/router';
   import {useDrawer} from "@/components/Drawer";
   const [registerDrawer, { openDrawer }] = useDrawer();
+  import {useModal} from "@/components/Modal";
+  const [registerModal, { openModal: openModal }] = useModal();
   let detailId = inject('detailId');
   console.log('detailId', detailId);
   const [registerTable, { reload }] = useTable({
@@ -55,6 +62,26 @@
       fixed: undefined,
     },
   });
+  function handleExport() {
+    openModal(true, {
+      projectId: null,
+      exportUrl: exportUrl,
+      title:"年度资金计划",
+      exportData: getExportData(),
+    });
+  }
+
+  //导出相关操作
+  function getExportData() {
+    let exportData = [];
+    annualPlanColumns.map((i) => {
+      exportData.push({
+        label: i.title,
+        value: i.dataIndex,
+      });
+    });
+    return exportData;
+  }
    async function handleDetail(record: Recordable, disabled: number) {
     const res = await getAnnualPlanDetail({ id: record.id})
     console.log('res', res);