feat(finance): 财务分析_下载表格

src/api/bi/finance.js

@@ -114,14 +114,14 @@ export const getFinanceSubListAPI = (data) => {
 }
 
 /**
- * 下载达人数据表格
+ * 下载数据表格
  */
-export const downloadFinanceListAPI = async (data) => {
+export const downloadFinanceListAPI = async (data, fileName) => {
   const jsonString = JSON.stringify({
     zbjQdType: data.zbjQdType,
     flavor: data.flavorErp,
     specName: data.specNameErp,
-    zbjQdTypeAll: false,
+    zbjQdTypeAll: data.zbjQdTypeAll,
     flavorErpAll: data.flavorErpAll,
     specNameErpAll: data.specNameErpAll,
     series: data.seriesPrdMap.map(o => o[0]),
@@ -129,6 +129,7 @@ export const downloadFinanceListAPI = async (data) => {
     startDate: parseTime(data.date[0], `{y}-{m}-{d}`),
     endDate: parseTime(data.date[1], `{y}-{m}-{d}`),
     subType: 0, // 代表直播间的展开数据
+    type: data.type, // 0 代表导出达人数据，1 代表导出最外层所有数据，2 代表订单详情里的表格数据
   });
 
   const res = await request({
@@ -138,6 +139,6 @@ export const downloadFinanceListAPI = async (data) => {
     data: jsonString
   })
   // 保存文件到本地
-  saveAs(res, '财务分析-达人数据.xlsx');
+  saveAs(res, fileName);
   
 }

src/views/bi/finance/index.vue

 <template>
   <div class="app-container">
-    <div class="container" v-loading="loading">
+    <div class="container"
+      v-loading="loading">
       <!-- 搜索表单 -->
       <el-form :model="queryParams"
         label-position="right"
@@ -106,6 +107,12 @@
           v-show="showSearch">
           重置
         </el-button>
+        <el-button icon="Download"
+          @click="downLoadExcel"
+          type="success"
+          v-show="showSearch">
+          下载表格
+        </el-button>
         <right-toolbar v-model:showSearch="showSearch"
           @queryTable="getList"
           :columns="columns">
@@ -201,6 +208,11 @@
         </el-table>
         <template #footer>
           <el-row>
+            <el-button icon="Download"
+              @click="downLoadDetailExcel"
+              type="success">
+              下载订单详情表格
+            </el-button>
             <el-button class="semi-btn"
               type="primary"
               icon="SemiSelect"
@@ -226,7 +238,7 @@ import { formatNumberWithUnit, parseTime } from '@/utils'
 const { lastPickerOptions: pickerOptions, lastDate } = useDatePickerOptions()
 const showSearch = ref(true) // 搜索
 const detailVisible = ref(false) // 详情
-const loading = ref(false) 
+const loading = ref(false)
 
 const data = reactive({
   queryParams: {
@@ -510,12 +522,32 @@ const getSubList = async () => {
   expandTotal.value = res.data.total
   expandLoading.value = false
 }
+// 下载达人数据
 const downAllExpert = async (row) => {
   const res = await downloadFinanceListAPI({
     ...queryParams.value,
     zbjQdType: [row.zbjQdType],
-  })
-  console.log(res)
+    zbjQdTypeAll: false,
+    type: 1 // 代表达人数据
+  }, '财务分析-达人数据.xlsx')
+}
+// 下载全部表格数据
+const downLoadExcel = async () => {
+  const res = await downloadFinanceListAPI({
+    ...queryParams.value,
+    zbjQdTypeAll: true,
+    type: 2 // 代表全部数据
+  }, '财务分析.xlsx')
+}
+// 下载订单详情表格
+const downLoadDetailExcel = async (row) => {
+  const res = await downloadFinanceListAPI({
+    ...queryParams.value,
+    ...lastExpandRow,
+    ...expandQuery.value,
+    ...row,
+    type: 3 // 代表订单详情数据
+  }, '财务分析-订单详情.xlsx')
 }
 
 const handleMouseDown = (event) => {