自定义指标

dist/index.html

@@ -12,7 +12,7 @@
 			document.write('<script src="' + src + '"><\/script>');
 			})();
     </script>
-    <script type="module" crossorigin src="./assets/index.ca6f969d.js"></script>
+    <script type="module" crossorigin src="./assets/index.076039f9.js"></script>
     <link rel="modulepreload" href="./js/@vue/@vue.5bfcce30.js">
     <link rel="modulepreload" href="./js/vue-router/vue-router.ccba075e.js">
     <link rel="modulepreload" href="./js/vue-demi/vue-demi.4f3c4c97.js">

src/components/businessMoudle/dataManagement/acStatement.vue/dataList.vue

@@ -2,12 +2,15 @@
   <div v-loading="loading" class="table_container">
     <div class="tableTop">
       <div class="title">详细数据</div>
-      <el-button type="primary" plain @click="exportEvent">导出数据</el-button>
+      <div>
+        <Indicators :type="mainPageInfo.data_group == 'account' ? 'account_report_1' : ( mainPageInfo.data_group == 'user' ? 'account_report_2' : (mainPageInfo.data_group == 'team' ? 'account_report_3' : ''))" @refresh="init(1)"></Indicators>
+        <el-button class="lMar10" type="primary" plain @click="exportEvent">导出数据</el-button>
+      </div>
     </div>
     <div>
-      <el-table ref="tableAccountRef" :data="tableInfo.tableList"
-        :header-cell-style="tableHeaderStyle" style="width: 100%;" border empty-text="暂无数据" :summary-method="getSummaries"
-        show-summary max-height="calc(100vh - 280px)">
+      <el-table ref="tableAccountRef" :data="tableInfo.tableList" :header-cell-style="tableHeaderStyle"
+        style="width: 100%;" :key="tableInfo.updateKey" border empty-text="暂无数据" :summary-method="getSummaries" show-summary
+        max-height="calc(100vh - 280px)">
         <template v-for="item in tableInfo.descol">
           <el-table-column :fixed="item.disabled == 1" :prop="item.key_value"
             :min-width="item.key_value != 'advertiser_status' && item.key_value != 'advertiser_nick' && item.label.length <= 4 ? '120px' : item.label.length <= 8 ? '150px' : '200px'">
@@ -58,12 +61,13 @@ import { Api } from "@/api/api";
 import { ElMessage } from "element-plus";
 import { getDay, hasDot } from "@/common/common";
 import http from "@/http/http";
-import downLoadTable from "@/components/capsulationMoudle/downLoadTable.vue";
 import { exportOrder } from "@/common/export/index.js";
+import Indicators from '@/components/businessMoudle/gdtList/indicators/index.vue'
+
 const props = defineProps({
   mainPageInfo: {
     type: Object,
-    default: ()=>{}
+    default: () => { }
   }
 })
 
@@ -79,7 +83,8 @@ const tableInfo = reactive<any>({
   pageSize: 20,
   total: 0,
   totalPages: 0,//共多少页
-  sortType: 'desc'
+  sortType: 'desc',
+  updateKey: 1,
 })
 
 
@@ -119,21 +124,29 @@ const exportEvent = async () => {
   loading.value = false;
   if (res && res.errNo == '0') {
     let list = res.rst.data.list;
-      let tHeader = res.rst.data?.explain?.map((v) => {
-        return v.label;
-      })
-      let filterVal = res.rst.data?.explain.map((v) => {
-        return v.key_value
-      })
-      let excelDatas = [
-        {
-          tHeader: tHeader, // sheet表一头部
-          filterVal: filterVal, // 表一的数据字段
-          tableDatas: list, // 表一的整体json数据
-          sheetName: ''// 表一的sheet名字
-        }
-      ]
-      exportOrder({ excelDatas, name: `数据报表（导出时间：${getDay(0)}）` })
+    let descol = [{
+        disabled: 1,
+        if_sort: 1,
+        key_value: "time",
+        label: "时间",
+        tooltip: ""
+      }].concat(res.rst.data?.explain)
+
+    let tHeader = descol.map((v) => {
+      return v.label;
+    })
+    let filterVal = descol.map((v) => {
+      return v.key_value
+    })
+    let excelDatas = [
+      {
+        tHeader: tHeader, // sheet表一头部
+        filterVal: filterVal, // 表一的数据字段
+        tableDatas: list, // 表一的整体json数据
+        sheetName: ''// 表一的sheet名字
+      }
+    ]
+    exportOrder({ excelDatas, name: `数据报表（导出时间：${getDay(0)}）` })
   } else {
     ElMessage.error(res.errMsg)
   }
@@ -161,13 +174,20 @@ const init = async (page?: any, pageSize?: any) => {
   let res: any = await http.get(Api.report_accountReportList, params)
   loading.value = false;
   if (res && res.errNo == '0') {
-    if(res.rst?.data?.summary?.length > 0){
+    if (res.rst?.data?.summary?.length > 0) {
       tableInfo.summary = res.rst?.data?.summary[0];
     }
-    tableInfo.descol = res.rst?.data?.explain;
+    tableInfo.descol = [{
+        disabled: 1,
+        if_sort: 1,
+        key_value: "time",
+        label: "时间",
+        tooltip: ""
+      }].concat(res.rst?.data?.explain);
     tableInfo.tableList = res.rst?.data?.list;
     tableInfo.total = res.rst?.pageInfo.total
     tableInfo.totalPages = res.rst?.pageInfo.total
+    tableInfo.updateKey ++;
   } else {
     ElMessage.error(res.errMsg)
   }
@@ -232,16 +252,19 @@ defineExpose({
   max-width: 600px;
   /* 设置最大宽度，根据需要调整 */
 }
-.table_container{
+
+.table_container {
   background-color: #fff;
   margin-top: 10px;
   padding: 20px;
 }
-.sortBox{
+
+.sortBox {
   height: 16px;
   margin-left: 2px;
   margin-top: -4px;
-  .sortItem{
+
+  .sortItem {
     width: 8px;
     height: 8px;
     line-height: 8px;
@@ -249,15 +272,16 @@ defineExpose({
     color: #999;
   }
 }
-.tableTop{
+
+.tableTop {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 20px;
-  .title{
+
+  .title {
     font-size: 14px;
     color: #333;
     font-weight: bold;
   }
-}
-</style>
+}</style>

src/components/businessMoudle/gdtList/indicators/index.vue

@@ -38,7 +38,7 @@ import IndicatorsDialog from './indexDialog.vue'
 import { getAdKpisTemplate, selectAdKpisTemplate, delAdKpisTemplate } from './ts/api'
 import { ElMessage } from 'element-plus';
 const props = withDefaults(defineProps<{
-  type: "media_base" | "campaign_base" | "ad_base" | "creative_base",
+  type: "media_base" | "campaign_base" | "ad_base" | "creative_base" | string,
 }>(), {
   type: 'media_base',
 })

src/components/businessMoudle/gdtList/indicators/ts/api.ts

@@ -2,7 +2,7 @@ import http from '@/http/http'
 import { ElMessage } from "element-plus";
 //基本接口
 interface IType {
-  type: 'media_base' | 'campaign_base' | 'ad_base' | 'creative_base',
+  type: 'media_base' | 'campaign_base' | 'ad_base' | 'creative_base' | any,
 }
 /**保存常用/自定义指标模板 */
 interface IAdKpisTemplateSave extends IType {