feat(finance): 全屏加载过程效果

src/api/bi/finance.js

@@ -93,17 +93,15 @@ export const getFinanceDetailAPI = (data) => {
  * @returns 
  */
 export const getFinanceSubListAPI = (data) => {
+  console.log(data)
   return request({
     url: '/bi/finance/cost/subList',
     method: 'POST',
     data: {
       subType: 0, // 直播间的
       zbjQdType: data.zbjQdType instanceof Array ? data.zbjQdType : data.zbjQdType ? [data.zbjQdType] : [],
-      flavor: data.flavorErp,
-      specName: data.specNameErp,
-      zbjQdTypeAll: false,
-      flavorErpAll: data.flavorErpAll,
-      specNameErpAll: data.specNameErpAll,
+      flavor: data.flavorErp instanceof Array ? data.flavorErp : data.flavorErp ? [data.flavorErp] : [],
+      specName: data.specNameErp instanceof Array ? data.specNameErp : data.specNameErp ? [data.specNameErp] : [],
       series: data.seriesPrdMap.map(o => o[0]),
       goodsName: data.seriesPrdMap.map(o => o[1]),
       startDate: parseTime(data.date[0], `{y}-{m}-{d}`),

src/views/bi/finance/index.vue

 <template>
   <div class="app-container">
-    <div class="container">
+    <div class="container" v-loading="loading">
       <!-- 搜索表单 -->
       <el-form :model="queryParams"
         label-position="right"
@@ -116,7 +116,8 @@
         border
         @expand-change="expandChangeFn"
         @mousedown="handleMouseDown"
-        ref="expandTableRef">
+        ref="expandTableRef"
+        show-overflow-tooltip>
         <el-table-column type="expand">
           <template #default="props">
             <div class="expand-div">
@@ -224,6 +225,7 @@ import { formatNumberWithUnit, parseTime } from '@/utils'
 const { lastPickerOptions: pickerOptions, lastDate } = useDatePickerOptions()
 const showSearch = ref(true) // 搜索
 const detailVisible = ref(false) // 详情
+const loading = ref(false) 
 
 const data = reactive({
   queryParams: {
@@ -439,6 +441,7 @@ const tableList = ref([
 ])
 const total = ref(0)
 const getList = async () => {
+  loading.value = true
   // 直播间分类全选时，单独增加字段给后台
   queryParams.value.zbjQdTypeAll = (queryParams.value.zbjQdType.length === brandList.value.length)
   // 口味
@@ -449,6 +452,7 @@ const getList = async () => {
   const res = await getFinanceListAPI(queryParams.value)
   total.value = res.data.total
   tableList.value = res.data.list
+  loading.value = false
 }
 getList()