fix

src/components/CustomList/index.tsx

@@ -60,7 +60,8 @@ interface DataProps {
         saveField: string,
         defaultValue: any[],
         data: any[]
-    }
+    },
+    bcColor?: string
 }
 
 /**
@@ -328,7 +329,9 @@ function CustomListModel(props: customProps) {
                                     </div>
                                 </div>}
                                 <dt>
-                                    <Checkbox onChange={(e) => { checkAllHandle(e.target.checked, item.label) }} className='checkbox'>{item.label}</Checkbox>
+                                    <Checkbox onChange={(e) => { checkAllHandle(e.target.checked, item.label) }} className='checkbox'>
+                                        <span style={item?.bcColor ? { backgroundColor: item?.bcColor } : {}}>{item.label}</span>
+                                    </Checkbox>
                                 </dt>
                                 {item.data?.map((listItem: dataProps, listIndex: number) => {
                                     return <dd key={item.label + listIndex}>

src/global.less

@@ -371,6 +371,7 @@ body {
   }
 }
 
+// 平台上报
 .green2ColorClass {
   background-color: #f6ffed;
 
@@ -389,6 +390,16 @@ body {
   }
 }
 
+// 应用端数据
+.appColorClass {
+  background-color: #ffd6e7;
+
+  &.ant-table-cell-fix-left,
+  &.ant-table-cell-fix-right {
+    background-color: #ffd6e7;
+  }
+}
+
 .padding_0.ant-table-cell {
   padding: 0 !important;
 

src/pages/iaaData/novel/tencent/adList/tableConfig.tsx

@@ -7,7 +7,7 @@ import CreativePreview from "../../../components/CreativePreview"
 import TimeSeriesLook from "@/pages/iaaData/components/TimeSeriesLook"
 import { AUTO_ACQUISTION_STATUS } from "./const"
 
-function columns12(dayHandle: (data: any) => void, onChange?: () => void): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
+function columns12(dayHandle: (data: any) => void, onChange?: () => void): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[], bcColor?: string }[] {
 
 
     return [
@@ -351,6 +351,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: () => void): { lab
         },
         {
             label: '其他业务(平台上报指标)',
+            bcColor: '#f6ffed',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU(平台上报)', dataIndex: 'firstDayAdPurArppuCost24hPla', label: '其他业务(平台上报指标)', width: 130, align: 'center', sorter: true, className: 'green2ColorClass',
@@ -416,6 +417,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: () => void): { lab
         },
         {
             label: '其他业务(其他指标)',
+            bcColor: '#fff2e8',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU', dataIndex: 'firstDayAdPurArppuCost24h', label: '其他业务(其他指标)', width: 100, align: 'center', sorter: true, className: 'volcanoColorClass',
@@ -534,7 +536,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: () => void): { lab
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '注册率', dataIndex: 'regRate', label: '其他业务(其他指标)', width: 110, align: 'center', sorter: true, className: 'purple1ColorClass',
+                    title: '注册率', dataIndex: 'regRate', label: '其他业务(其他指标)', width: 110, align: 'center', sorter: true, className: 'volcanoColorClass',
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
@@ -573,6 +575,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: () => void): { lab
         },
         {
             label: '小游戏(平台上报)',
+            bcColor: '#f9f0ff',
             data: [
                 {
                     title: '小游戏注册首日广告变现ARPU(平台上报)', dataIndex: 'miniGameFirstDayAdPayingArpu', label: '小游戏(平台上报)', width: 130, align: 'center', sorter: true, className: 'purple1ColorClass',

src/pages/iaaData/novel/tencent/adList/tableConfigDay.tsx

@@ -1,9 +1,9 @@
 import WidthEllipsis from "@/components/widthEllipsis"
 import { Progress, Statistic } from "antd"
 import React from "react"
-import { AdUnitType_Enum, MARKETING_GOAL_ENUM, MARKETING_TARGET_TYPE_ENUM, PRODUCT_TYPE_ENUM } from "../../../const"
+import { PRODUCT_TYPE_ENUM } from "../../../const"
 
-function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
+function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[], bcColor?: string }[] {
 
 
     return [
@@ -225,6 +225,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
         },
         {
             label: '其他业务(平台上报指标)',
+            bcColor: '#f6ffed',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU(平台上报)', dataIndex: 'firstDayAdPurArppuCost24hPla', label: '其他业务(平台上报指标)', width: 130, align: 'center', sorter: true, className: 'green2ColorClass',
@@ -290,6 +291,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
         },
         {
             label: '其他业务(其他指标)',
+            bcColor: '#fff2e8',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU', dataIndex: 'firstDayAdPurArppuCost24h', label: '其他业务(其他指标)', width: 100, align: 'center', sorter: true, className: 'volcanoColorClass',
@@ -447,6 +449,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
         },
         {
             label: '小游戏(平台上报)',
+            bcColor: '#f9f0ff',
             data: [
                 {
                     title: '小游戏注册首日广告变现ARPU(平台上报)', dataIndex: 'miniGameFirstDayAdPayingArpu', label: '小游戏(平台上报)', width: 130, align: 'center', sorter: true, className: 'purple1ColorClass',

src/pages/iaaData/novel/tencent/appEveryDayData/tableConfig.tsx

@@ -5,7 +5,7 @@ import { PRODUCT_TYPE_ENUM } from "../../../const"
 import { APPTYPE } from "@/pages/iaaSystem/manage/const"
 import './index.less'
 
-function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
+function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[], bcColor?: string }[] {
 
     return [
         {
@@ -289,118 +289,125 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
             ]
         },
         {
-            label: '应用数据',
+            label: '广告数据',
             data: [
                 {
-                    title: '点击数（应用端）', dataIndex: 'appClickCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '曝光次数（应用端）', dataIndex: 'appExposureCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '拉取次数（应用端）', dataIndex: 'appReqSuccCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a || 0} />
+                    title: '累计消耗（广告端）', dataIndex: 'totalCost', label: '广告数据', align: 'right', width: 110, sorter: true, 
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '曝光率（应用端）', dataIndex: 'appExposureRate', label: '应用数据', align: 'center', width: 70, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
+                    title: '广告端累计变现收入（广告端）', dataIndex: 'adTotalIncome', label: '广告数据', align: 'right', width: 95, sorter: true, 
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '点击率（应用端）', dataIndex: 'appClickRate', label: '应用数据', align: 'center', width: 70, sorter: true, className: 'payDataBackColorClass',
+                    title: '广告端累计回收（广告端）', dataIndex: 'adTotalRecycle', label: '广告数据', align: 'right', width: 90, sorter: true, 
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: 'eCPM（应用端）', tips: '计算公式：单日总广告收入/曝光次数*1000', dataIndex: 'appEcpm', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '累计消耗（广告端）', dataIndex: 'totalCost', label: '应用数据', align: 'right', width: 75, sorter: true, className: 'payDataBackColorClass',
+                    title: '广告端变现累计利润（广告端）', dataIndex: 'adTotalRate', label: '广告数据', align: 'right', width: 95, sorter: true, 
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '广告端累计变现收入（广告端）', dataIndex: 'adTotalIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
+                    title: '广告端变现利润率（广告端）', dataIndex: 'appTotalProfitRate', tips: '计算公式：（广告端累计变现收入-累计消耗）/累计消耗*100%', label: '广告数据', align: 'center', width: 110, sorter: true, 
+                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '应用端每日变现收入（应用端）', dataIndex: 'appIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
+                    title: '广告新增ARPU（广告端）', dataIndex: 'adNewArpu', tips: ' 计算公式：广告端变现收入/每日新增注册人数', label: '广告数据', align: 'center', width: 105, sorter: true, 
+                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '应用端累计变现收入（应用端）', dataIndex: 'appTotalIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
+                    title: '广告总ARPU（广告端）', dataIndex: 'adTotalArpu', tips: '计算公式：广告端累计变现收入/累计注册人数', label: '广告数据', align: 'center', width: 105, sorter: true,
+                    render: (a: number) => <Statistic value={a || 0} precision={2} />
+                }
+            ]
+        },
+        {
+            label: '应用数据(颜色：法式洋红)',
+            bcColor: '#ffd6e7',
+            data: [
                 {
-                    title: '每日新增注册人数（应用端）', dataIndex: 'appNewRegUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'payDataBackColorClass',
+                    title: '点击数（应用端）', dataIndex: 'appClickCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '新增注册成本（应用端）', dataIndex: 'appNewRegUserCost', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
+                    title: '曝光次数（应用端）', dataIndex: 'appExposureCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
+                    render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '每日活跃人数（DAU）（应用端）', dataIndex: 'appActiveUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'payDataBackColorClass',
+                    title: '拉取次数（应用端）', dataIndex: 'appReqSuccCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '活跃用户次日留存人数（应用端）', dataIndex: 'appNextActiveUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a || 0} />
+                    title: '曝光率（应用端）', dataIndex: 'appExposureRate', label: '应用数据', align: 'center', width: 70, sorter: true, className: 'appColorClass',
+                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '活跃用户次日留存率（应用端）', dataIndex: 'appNextActiveUserRate', tips: '计算公式：活跃用户次日留存人数/每日活跃人数DAU', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'payDataBackColorClass',
+                    title: '点击率（应用端）', dataIndex: 'appClickRate', label: '应用数据', align: 'center', width: 70, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '人均活跃成本（应用端）', dataIndex: 'appAvgActiveCost', tips: '计算公式：累计消耗/每日活跃人数DAU', label: '应用数据', align: 'right', width: 100, sorter: true, className: 'payDataBackColorClass',
+                    title: 'eCPM（应用端）', tips: '计算公式：单日总广告收入/曝光次数*1000', dataIndex: 'appEcpm', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
+                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
+                },
+                {
+                    title: '应用端每日变现收入（应用端）', dataIndex: 'appIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'appColorClass',
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '新增占比（应用端）', dataIndex: 'newProportion', tips: '计算公式：每日新增注册人数/每日活跃人数DAU', label: '应用数据', align: 'center', width: 85, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
+                    title: '应用端累计变现收入（应用端）', dataIndex: 'appTotalIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'appColorClass',
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '累计注册人数（应用端）', dataIndex: 'appTotalRegUser', label: '应用数据', align: 'center', width: 85, sorter: true, className: 'payDataBackColorClass',
+                    title: '每日新增注册人数（应用端）', dataIndex: 'appNewRegUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '人均新增成本（应用端）', dataIndex: 'appUserAvgCost', label: '应用数据', align: 'right', width: 80, sorter: true, className: 'payDataBackColorClass',
+                    title: '新增注册成本（应用端）', dataIndex: 'appNewRegUserCost', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'appColorClass',
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '广告端累计回收（广告端）', dataIndex: 'adTotalRecycle', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
+                    title: '每日活跃人数（DAU）（应用端）', dataIndex: 'appActiveUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'appColorClass',
+                    render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '应用端累计回收（应用端）', dataIndex: 'appTotalRecycle', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'payDataBackColorClass',
+                    title: '活跃用户次日留存人数（应用端）', dataIndex: 'appNextActiveUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'appColorClass',
+                    render: (a: number) => <Statistic value={a || 0} />
+                },
+                {
+                    title: '活跃用户次日留存率（应用端）', dataIndex: 'appNextActiveUserRate', tips: '计算公式：活跃用户次日留存人数/每日活跃人数DAU', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '广告端变现累计利润（广告端）', dataIndex: 'adTotalRate', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'payDataBackColorClass',
+                    title: '人均活跃成本（应用端）', dataIndex: 'appAvgActiveCost', tips: '计算公式：累计消耗/每日活跃人数DAU', label: '应用数据', align: 'right', width: 100, sorter: true, className: 'appColorClass',
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '广告端变现利润率（广告端）', dataIndex: 'appTotalProfitRate', tips: '计算公式：（广告端累计变现收入-累计消耗）/累计消耗*100%', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'payDataBackColorClass',
+                    title: '新增占比（应用端）', dataIndex: 'newProportion', tips: '计算公式：每日新增注册人数/每日活跃人数DAU', label: '应用数据', align: 'center', width: 85, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '广告新增ARPU（广告端）', dataIndex: 'adNewArpu', tips: ' 计算公式：广告端变现收入/每日新增注册人数', label: '应用数据', align: 'center', width: 105, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a || 0} precision={2} />
+                    title: '累计注册人数（应用端）', dataIndex: 'appTotalRegUser', label: '应用数据', align: 'center', width: 85, sorter: true, className: 'appColorClass',
+                    render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '广告总ARPU（广告端）', dataIndex: 'adTotalArpu', tips: '计算公式：广告端累计变现收入/累计注册人数', label: '应用数据', align: 'center', width: 105, sorter: true, className: 'payDataBackColorClass',
-                    render: (a: number) => <Statistic value={a || 0} precision={2} />
+                    title: '人均新增成本（应用端）', dataIndex: 'appUserAvgCost', label: '应用数据', align: 'right', width: 80, sorter: true, className: 'appColorClass',
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '人均广告曝光次数（应用端）', dataIndex: 'avgExposureCount', tips: '计算公式：曝光量/每日活跃人数DAU', label: '应用数据', align: 'center', width: 100, sorter: true, className: 'payDataBackColorClass',
+                    title: '应用端累计回收（应用端）', dataIndex: 'appTotalRecycle', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'appColorClass',
+                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
+                },
+
+                {
+                    title: '人均广告曝光次数（应用端）', dataIndex: 'avgExposureCount', tips: '计算公式：曝光量/每日活跃人数DAU', label: '应用数据', align: 'center', width: 100, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '应用端广告ARPU（应用端）', dataIndex: 'appAdArpu', tips: '计算公式：应用端每日变现收入/每日活跃人数DAU', label: '应用数据', align: 'center', width: 100, sorter: true, className: 'payDataBackColorClass',
+                    title: '应用端广告ARPU（应用端）', dataIndex: 'appAdArpu', tips: '计算公式：应用端每日变现收入/每日活跃人数DAU', label: '应用数据', align: 'center', width: 100, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '应用端广告总ARPU（应用端）', dataIndex: 'appAdTotalArpu', tips: '计算公式：应用端累计变现收入/累计注册人数', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'payDataBackColorClass',
+                    title: '应用端广告总ARPU（应用端）', dataIndex: 'appAdTotalArpu', tips: '计算公式：应用端累计变现收入/累计注册人数', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'appColorClass',
                     render: (a: number) => <Statistic value={a || 0} precision={2} />
                 },
             ]

src/pages/iaaData/novel/tencent/dynamic/tableConfig.tsx

@@ -6,7 +6,7 @@ import SwitchStatus from "./switchStatus"
 import CreativePreview from "../../../components/CreativePreview"
 import { DELIVERY_MODE_Enum } from "./const"
 
-function columns12(dayHandle: (data: any) => void, onChange?: (data: any) => void): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
+function columns12(dayHandle: (data: any) => void, onChange?: (data: any) => void): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[], bcColor?: string }[] {
 
 
     return [
@@ -224,7 +224,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: (data: any) => voi
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '下单成本', dataIndex: 'orderCost', label: '商品转化', align: 'right', sorter: true,
+                    title: '下单成本', dataIndex: 'orderCost', label: '商品转化', align: 'right',  width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
@@ -352,6 +352,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: (data: any) => voi
         },
         {
             label: '其他业务(平台上报指标)',
+            bcColor: '#f6ffed',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU(平台上报)', dataIndex: 'firstDayAdPurArppuCost24hPla', label: '其他业务(平台上报指标)', width: 130, align: 'center', sorter: true, className: 'green2ColorClass',
@@ -417,6 +418,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: (data: any) => voi
         },
         {
             label: '其他业务(其他指标)',
+            bcColor: '#fff2e8',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU', dataIndex: 'firstDayAdPurArppuCost24h', label: '其他业务(其他指标)', width: 100, align: 'center', sorter: true, className: 'volcanoColorClass',
@@ -574,6 +576,7 @@ function columns12(dayHandle: (data: any) => void, onChange?: (data: any) => voi
         },
         {
             label: '小游戏(平台上报)',
+            bcColor: '#f9f0ff',
             data: [
                 {
                     title: '小游戏注册首日广告变现ARPU(平台上报)', dataIndex: 'miniGameFirstDayAdPayingArpu', label: '小游戏(平台上报)', width: 130, align: 'center', sorter: true, className: 'purple1ColorClass',

src/pages/iaaData/novel/tencent/dynamic/tableConfigDay.tsx

@@ -3,7 +3,7 @@ import { Progress, Statistic } from "antd"
 import React from "react"
 import { AdUnitType_Enum, PRODUCT_TYPE_ENUM } from "../../../const"
 
-function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
+function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[], bcColor?: string }[] {
 
 
     return [
@@ -52,7 +52,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
             label: '广告消耗信息',
             data: [
                 {
-                    title: '消耗', dataIndex: 'cost', label: '广告消耗信息', align: 'center', width: 85, default: 10, sorter: true, 
+                    title: '消耗', dataIndex: 'cost', label: '广告消耗信息', align: 'center', width: 85, default: 10, sorter: true,
                     className: 'padding_0',
                     render: (a: number) => <div style={{ height: 27, position: 'relative' }}>
                         <Progress
@@ -102,7 +102,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                 },
                 {
                     title: '公众号关注成本(点击归因)', dataIndex: 'fromFollowByClickCost', label: '广告转化信息', align: 'right', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2}/>
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '公众号关注率(点击归因)', dataIndex: 'fromFollowByClickRate', label: '广告转化信息', align: 'center', width: 80, sorter: true,
@@ -114,7 +114,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                 },
                 {
                     title: '公众号关注成本(平台上报)', dataIndex: 'bizFollowCost', label: '广告转化信息', align: 'right', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2}/>
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '公众号关注率(平台上报)', dataIndex: 'bizFollowRate', label: '广告转化信息', align: 'center', width: 80, sorter: true,
@@ -310,10 +310,11 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
         },
         {
             label: '其他业务(平台上报指标)',
+            bcColor: '#f6ffed',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU(平台上报)', dataIndex: 'firstDayAdPurArppuCost24hPla', label: '其他业务(平台上报指标)', width: 130, align: 'center', sorter: true, className: 'green2ColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2}/>
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '激活首24小时广告变现ROI(平台上报)', dataIndex: 'incomeRoi124hPla', label: '其他业务(平台上报指标)', width: 110, align: 'center', sorter: true, className: 'green2ColorClass',
@@ -375,18 +376,19 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
         },
         {
             label: '其他业务(其他指标)',
+            bcColor: '#fff2e8',
             data: [
                 {
                     title: '激活首24小时广告变现ARPPU', dataIndex: 'firstDayAdPurArppuCost24h', label: '其他业务(其他指标)', width: 100, align: 'center', sorter: true, className: 'volcanoColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2}/>
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '激活首日广告变现ARPPU', dataIndex: 'firstDayAdPurArppuCost', label: '其他业务(其他指标)', width: 90, align: 'center', sorter: true, className: 'volcanoColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2}/>
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '广告变现ARPPU', dataIndex: 'adMonetizationArppu', label: '其他业务(其他指标)', width: 80, align: 'center', sorter: true, className: 'volcanoColorClass',
-                    render: (a: string) => <Statistic value={a || 0} precision={2}/>
+                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '激活首24小时广告变现ROI', dataIndex: 'incomeRoi124h', label: '其他业务(其他指标)', width: 90, align: 'center', sorter: true, className: 'volcanoColorClass',
@@ -532,6 +534,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
         },
         {
             label: '小游戏(平台上报)',
+            bcColor: '#f9f0ff',
             data: [
                 {
                     title: '小游戏注册首日广告变现ARPU(平台上报)', dataIndex: 'miniGameFirstDayAdPayingArpu', label: '小游戏(平台上报)', width: 130, align: 'center', sorter: true, className: 'purple1ColorClass',
@@ -611,7 +614,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '回流次日留存人数', dataIndex: 'retentionPlaDedupPv', label: 'App相关字段', width: 80, align: 'center', sorter: true, 
+                    title: '回流次日留存人数', dataIndex: 'retentionPlaDedupPv', label: 'App相关字段', width: 80, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -619,7 +622,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '回流人数(平台上报)', dataIndex: 'miniGameBfUv', label: 'App相关字段', width: 80, align: 'center', sorter: true, 
+                    title: '回流人数(平台上报)', dataIndex: 'miniGameBfUv', label: 'App相关字段', width: 80, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -627,7 +630,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '广告变现人数(平台上报)', dataIndex: 'adMonetizationPlaDedupPv', label: 'App相关字段', width: 90, align: 'center', sorter: true, 
+                    title: '广告变现人数(平台上报)', dataIndex: 'adMonetizationPlaDedupPv', label: 'App相关字段', width: 90, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -639,7 +642,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '回流广告变现人数(平台上报)', dataIndex: 'adMonetizationBkPlaDedupPv', label: 'App相关字段', width: 90, align: 'center', sorter: true, 
+                    title: '回流广告变现人数(平台上报)', dataIndex: 'adMonetizationBkPlaDedupPv', label: 'App相关字段', width: 90, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -647,7 +650,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '回流广告变现ARPU(平台上报)', dataIndex: 'miniGameBfIncomePlaArpu', label: 'App相关字段', width: 100, align: 'center', sorter: true, 
+                    title: '回流广告变现ARPU(平台上报)', dataIndex: 'miniGameBfIncomePlaArpu', label: 'App相关字段', width: 100, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -655,7 +658,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '回流首日广告变现人数(平台上报)', dataIndex: 'adMonetizationBkPlaDedupActive1dPv', label: 'App相关字段', width: 100, align: 'center', sorter: true, 
+                    title: '回流首日广告变现人数(平台上报)', dataIndex: 'adMonetizationBkPlaDedupActive1dPv', label: 'App相关字段', width: 100, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -663,7 +666,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '回流首24小时广告变现人数(平台上报)', dataIndex: 'adMonetizationBkPlaDedupActive24hPv', label: 'App相关字段', width: 110, align: 'center', sorter: true, 
+                    title: '回流首24小时广告变现人数(平台上报)', dataIndex: 'adMonetizationBkPlaDedupActive24hPv', label: 'App相关字段', width: 110, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
@@ -671,7 +674,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '回流首24小时广告变现ARPU(平台上报)', dataIndex: 'adMonetizationBkPlaDedupActive24hArpu', label: 'App相关字段', width: 120, align: 'center', sorter: true, 
+                    title: '回流首24小时广告变现ARPU(平台上报)', dataIndex: 'adMonetizationBkPlaDedupActive24hArpu', label: 'App相关字段', width: 120, align: 'center', sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {