feat : 年度计划生成功能及分摊汇总导出功能

src/components/DetailComponent/AllocationSummaryDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-button color="#DED0B2" style="float: right;margin: 0 10px 10px 0" @click="exportTable">导出</el-button>
+  <el-button color="#DED0B2" style="float: right;margin: 0 10px 10px 0" @click="exportExcelHandler">导出</el-button>
   <el-table ref="table" :data="tableData" style="width: 100%;height: 479px" :show-summary="true" border
             :summary-method="getSummaries" v-loading="loading" :header-cell-style="{background:'#f5f7fa'}">
     <el-table-column type="index" label="序号" align="center" width="60"/>
@@ -34,8 +34,8 @@
 </template>
 
 <script setup>
-import {exportExcel} from "@/utils/export-excel";
 import {getAllocationSummaryDetails} from "@/api/expense-manage";
+import {shareExportExcel} from "@/api/expense-manage";
 
 const tableData = ref([{
   id: '12987122',
@@ -80,13 +80,28 @@ const getSummaries = (param) => {
   })
   return sums
 }
-const exportTable = () => {
-  const $e = table.value.$el
-  let $table = $e.querySelector('.el-table__fixed')
-  if (!$table) {
-    $table = $e
-  }
-  exportExcel($table, (5 + (Object.keys(tableData.value[0]).length - 5) * 5), "四川省国有资产经营投资管理有限责任公司科技创新项目费用分摊表", 2)
+// const exportTable = () => {
+//   const $e = table.value.$el
+//   let $table = $e.querySelector('.el-table__fixed')
+//   if (!$table) {
+//     $table = $e
+//   }
+//   exportExcel($table, (5 + (Object.keys(tableData.value[0]).length - 5) * 5), "四川省国有资产经营投资管理有限责任公司科技创新项目费用分摊表", 2)
+// }
+const exportExcelHandler = () => {
+  shareExportExcel(route.query.id).then(res => {
+    console.log(res)
+    let reg = /filename=([^&]+)/;
+    let contentDisposition = decodeURI(res.headers['content-disposition'])
+    let result = reg.exec(contentDisposition)
+    let fileName = result[1]
+    fileName = fileName.replace(/\"/g, '')
+    const blob = new Blob([res.data])
+    let a = document.createElement('a')
+    a.href = URL.createObjectURL(blob)
+    a.download = fileName
+    a.click()
+  })
 }
 const init = () => {
   loading.value = true