fix

src/pages/gameDataStatistics/gameData/everyday/index.tsx

@@ -1,14 +1,11 @@
 import React, { useEffect, useState } from "react"
 import TableData from "../../components/TableData"
 import columns12 from "./tableConfig"
-import columnsBuy12 from "./tableConfigBuy"
-import columnsNature12 from "./tableConfigNature"
 import { GameDayProps, getGameDayListApi, getGameDayTotalApi } from "@/services/gameData/game"
 import { useAjax } from "@/Hook/useAjax"
 import QueryForm from "@/components/QueryForm"
 import moment from "moment"
 import RechargeTrendGame from "@/components/rechargeTrend/index_game"
-import { Tabs } from "antd"
 import './index.less'
 import { getPresets } from "@/components/QueryForm/const"
 
@@ -23,10 +20,10 @@ const Everyday: React.FC = () => {
         pageNum: 1, pageSize: 100,
         registeredBeginDate: moment().format('YYYY-MM-DD'),
         registeredEndDate: moment().format('YYYY-MM-DD'),
-        sourceSystem: 'ZX_ONE'
+        sourceSystem: 'ZX_ONE',
+        tableTypes: 'buy'
     })
     const [totalData, setTotalData] = useState<any[]>([])
-    const [accessKey, setAccessKey] = useState<string>('1')
 
     const [rtConfig, setRtConfig] = useState<{ gameId?: number, gameName?: string, beginDate?: string, sourceSystem?: string, visible: boolean }>({ visible: false })
 
@@ -49,14 +46,9 @@ const Everyday: React.FC = () => {
     }
 
     return <div>
-        <Tabs type="card" className="tabsBottom0" accessKey={accessKey} onChange={(accessKey) => setAccessKey(accessKey)}>
-            <Tabs.TabPane tab="买量" key="1" />
-            <Tabs.TabPane tab="自然量" key="2" />
-            <Tabs.TabPane tab="总量" key="3" />
-        </Tabs>
         <TableData
             leftChild={<QueryForm
-                initialValues={{ regDay: [moment(), moment()], sourceSystem: 'ZX_ONE' }}
+                initialValues={{ regDay: [moment(), moment()], sourceSystem: 'ZX_ONE', tableTypes: 'buy' }}
                 onChange={(data: any) => {
                     console.log(data)
                     const { regStartDay, regEndDay, rechargeDay, ...params } = data
@@ -78,6 +70,7 @@ const Everyday: React.FC = () => {
                     }
                     setQueryForm({ ...newQueryForm, ...params })
                 }}
+                isUserEnterType
                 isSource
                 isRegDay={{ ranges: getPresets() }}
                 isGameId
@@ -112,8 +105,8 @@ const Everyday: React.FC = () => {
                 newQueryForm.pageSize = pageSize
                 setQueryForm({ ...newQueryForm })
             }}
-            config={accessKey === '1' ? columnsBuy12(rechargeTrendHandle) : accessKey === '2' ? columnsNature12(rechargeTrendHandle) : columns12(rechargeTrendHandle)}
-            configName={accessKey === '1' ? `游戏每日付费趋势Buy` : accessKey === '2' ? '游戏每日付费趋势Nature' : '游戏每日付费趋势'}
+            config={columns12(rechargeTrendHandle)}
+            configName={'游戏每日付费趋势'}
         />
 
         {rtConfig.visible && <RechargeTrendGame {...rtConfig} onClose={() => setRtConfig({ visible: false })} />}

src/pages/gameDataStatistics/gameData/everyday/tableConfig.tsx

@@ -25,199 +25,14 @@ function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: str
         return newSelectFieldData
     }
 
-    // 买量付费趋势
-    const buyC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `buyAmountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（买）`,
-            dataIndex: `D${index + 1}Buy`,
-            label: "买量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-    const buyM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `buyAmountM${index}Trend`
-        let data = {
-            title: `M${index}（买）`,
-            dataIndex: `M${index}Buy`,
-            label: "买量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-    // 自然量
-    const natureC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `natureAmountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（自）`,
-            dataIndex: `D${index + 1}Nature`,
-            label: "自然量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-
-        return data
-    })
-    const natureM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `natureAmountM${index}Trend`
-        let data = {
-            title: `M${index}（自）`,
-            dataIndex: `M${index}Nature`,
-            label: "自然量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
     let defaultStart = 14
     // 总付费趋势
     const zC = Array(90).fill('').map((_item: string, index: number) => {
         let field = `amountD${index + 1}Trend`
         let data = {
-            title: `D${index + 1}（总）`,
+            title: `D${index + 1}`,
             dataIndex: `D${index + 1}`,
-            label: "总付费趋势",
+            label: "付费趋势",
             align: "center",
             width: 110,
             render: (a: any, b: any) => {
@@ -255,15 +70,17 @@ function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: str
                 return '--'
             },
         }
-        data['default'] = defaultStart + index
+        if (index < 30) {
+            data['default'] = defaultStart + index
+        }
         return data
     })
     const zM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
         let field = `amountM${index}Trend`
         let data = {
-            title: `M${index}（总）`,
+            title: `M${index}`,
             dataIndex: `M${index}`,
-            label: "总付费趋势",
+            label: "付费趋势",
             align: "center",
             width: 110,
             render: (a: any, b: any) => {
@@ -301,7 +118,7 @@ function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: str
                 return '--'
             },
         }
-        data['default'] = defaultStart + 90 + num
+        // data['default'] = defaultStart + 90 + num
         return data
     })
 
@@ -334,427 +151,142 @@ function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: str
             ]
         },
         {
-            label: '买量用户数据',
-            data: [
-                { title: '买量注册人数', dataIndex: 'buyRegNum', label: '买量用户数据', align: 'center', width: 70, sorter: true },
-                { title: '买量注册成本', dataIndex: 'buyRegCost', label: '买量用户数据', align: 'center', width: 70, sorter: true }
-            ]
-        },
-        {
-            label: '自然量用户数据',
-            data: [
-                { title: '自然量注册人数', dataIndex: 'natureRegNum', label: '自然量用户数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量注册成本', dataIndex: 'natureRegCost', label: '自然量用户数据', align: 'center', width: 70, sorter: true }
-            ]
-        },
-        {
-            label: '总用户数据',
+            label: '用户数据',
             data: [
-                { title: '注册人数', dataIndex: 'regNum', label: '总用户数据', align: 'center', width: 70, default: 4, sorter: true },
-                { title: '注册成本', dataIndex: 'regCost', label: '总用户数据', align: 'center', width: 70, default: 5, sorter: true }
+                { title: '注册人数', dataIndex: 'regNum', label: '用户数据', align: 'center', width: 70, default: 4, sorter: true },
+                { title: '注册成本', dataIndex: 'regCost', label: '用户数据', align: 'center', width: 70, default: 5, sorter: true }
             ]
         },
         {
-            label: '买量付费数据',
+            label: '付费数据',
             data: [
-                { title: '买量首日新用户充值次数', dataIndex: 'buyFirstNewUserAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量首日新用户充值人数', dataIndex: 'buyFirstNewUserAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
+                { title: '首日新用户充值次数', dataIndex: 'firstNewUserAmountCount', label: '付费数据', align: 'center', width: 70, sorter: true },
+                { title: '首日新用户充值人数', dataIndex: 'firstNewUserAmountNum', label: '付费数据', align: 'center', width: 70, default: 6, sorter: true },
                 {
-                    title: '买量首日新用户充值金额', dataIndex: 'buyFirstNewUserAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日新用户充值金额', dataIndex: 'firstNewUserAmount', label: '付费数据', align: 'center', width: 70, default: 7, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
-                { title: '买量老用户充值次数', dataIndex: 'buyOldUserCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量老用户充值人数', dataIndex: 'buyOldUserNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
+                { title: '老用户充值次数', dataIndex: 'oldUserCount', label: '付费数据', align: 'center', width: 70, sorter: true },
+                { title: '老用户充值人数', dataIndex: 'oldUserNum', label: '付费数据', align: 'center', width: 70, sorter: true },
                 {
-                    title: '买量老用户充值金额', dataIndex: 'buyOldUserAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '老用户充值金额', dataIndex: 'oldUserAmount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
-                { title: '买量账面充值次数', dataIndex: 'buyAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量账面充值人数', dataIndex: 'buyAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
+                { title: '账面充值次数', dataIndex: 'amountCount', label: '付费数据', align: 'center', width: 70, sorter: true },
+                { title: '账面充值人数', dataIndex: 'amountNum', label: '付费数据', align: 'center', width: 70, sorter: true },
                 {
-                    title: '买量账面充值金额', dataIndex: 'buyAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '账面充值金额', dataIndex: 'amount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
-                { title: '买量新用户累计充值次数', dataIndex: 'buyNewUserTotalAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量新用户累计充值人数', dataIndex: 'buyNewUserTotalAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
+                { title: '新用户累计充值次数', dataIndex: 'newUserTotalAmountCount', label: '付费数据', align: 'center', width: 70, sorter: true },
+                { title: '新用户累计充值人数', dataIndex: 'newUserTotalAmountNum', label: '付费数据', align: 'center', width: 70, default: 8, sorter: true },
                 {
-                    title: '买量新用户累计充值金额', dataIndex: 'buyNewUserTotalAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '新用户累计充值金额', dataIndex: 'newUserTotalAmount', label: '付费数据', align: 'center', width: 70, default: 9, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量首日ROI', dataIndex: 'buyFirstRoi', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日ROI', dataIndex: 'firstRoi', label: '付费数据', align: 'center', width: 70, sorter: true, default: 10,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '买量总ROI', dataIndex: 'buyTotalRoi', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '总ROI', dataIndex: 'totalRoi', label: '付费数据', align: 'center', width: 70, sorter: true, default: 11,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '买量首日付费率', dataIndex: 'buyFirstAmountRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日付费率', dataIndex: 'firstAmountRate', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '买量至今付费率', tips: '买量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'buyTodayAmountRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
+                    title: '至今付费率', tips: '至今付费率（总）=新用户累计充值人数/注册人数', dataIndex: 'todayAmountRate', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '买量新用户付费比', dataIndex: 'buyNewUserRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '新用户付费比', dataIndex: 'newUserRate', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '买量首日客单价', dataIndex: 'buyFirstAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日客单价', dataIndex: 'firstAvgAmount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量首日充值成本', dataIndex: 'buyFirstNewUserRechargeCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日充值成本', dataIndex: 'firstNewUserRechargeCost', label: '付费数据', align: 'center', width: 70, default: 12, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量总充值成本', dataIndex: 'buyTotalRechargeCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '总充值成本', dataIndex: 'totalRechargeCost', label: '付费数据', align: 'center', width: 70, default: 13, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量至今客单价', tips: '买量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'buyTodayAvgAmount', label: '买量付费数据', align: 'center', width: 80, sorter: true,
+                    title: '至今客单价', tips: '至今客单价（总）=新用户累计充值金额/新用户累计充值次数', dataIndex: 'todayAvgAmount', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量账面客单价', dataIndex: 'buyAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '账面客单价', dataIndex: 'avgAmount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量复充率', tips: '买量复充率=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'buyUserAgainRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
+                    title: '复充率', tips: '复充率（总）=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'userAgainRate', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
 
-
-                {
-                    title: '买量单日付费100+人数', dataIndex: 'buyHundredUserNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量单日付费100+成本', dataIndex: 'buyHundredUserNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数', dataIndex: 'buyFirstRoleNum', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量创角人数', dataIndex: 'buyRoleNum', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
                 {
-                    title: '买量新用户累计创角人数', dataIndex: 'buyNewUserTotalRoleNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
+                    title: '单日付费100+人数', dataIndex: 'hundredUserNum', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量首日创角人数成本', dataIndex: 'buyFirstRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量创角人数成本', dataIndex: 'buyRoleNumCost', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量新用户累计创角人数成本', dataIndex: 'buyNewUserTotalRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
+                    title: '单日付费100+成本', dataIndex: 'hundredUserNumCost', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '买量首日创角率', dataIndex: 'buyFirstRoleNumRate', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量创角率', dataIndex: 'buyRoleNumRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户累计创角率', dataIndex: 'buyNewUserTotalRoleNumRate', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '买量新增注册ARPPU', dataIndex: 'buyRegUserArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日创角人数', dataIndex: 'firstRoleNum', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量首日付费ARPPU', dataIndex: 'buyFirstAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '创角人数', dataIndex: 'roleNum', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量至今付费ARPPU', dataIndex: 'buyTodayAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '新用户累计创角人数', dataIndex: 'newUserTotalRoleNum', label: '付费数据', align: 'center', width: 85, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量账面ARPPU', dataIndex: 'buyAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-            ]
-        },
-        {
-            label: '自然量付费数据',
-            data: [
-                { title: '自然量首日新用户充值次数', dataIndex: 'natureFirstNewUserAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量首日新用户充值人数', dataIndex: 'natureFirstNewUserAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量首日新用户充值金额', dataIndex: 'natureFirstNewUserAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量老用户充值次数', dataIndex: 'natureOldUserCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量老用户充值人数', dataIndex: 'natureOldUserNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量老用户充值金额', dataIndex: 'natureOldUserAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量账面充值次数', dataIndex: 'natureAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量账面充值人数', dataIndex: 'natureAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量账面充值金额', dataIndex: 'natureAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量新用户累计充值次数', dataIndex: 'natureNewUserTotalAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量新用户累计充值人数', dataIndex: 'natureNewUserTotalAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量新用户累计充值金额', dataIndex: 'natureNewUserTotalAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日ROI', dataIndex: 'natureFirstRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量总ROI', dataIndex: 'natureTotalRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日付费率', dataIndex: 'natureFirstAmountRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量至今付费率', tips: '自然量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'natureTodayAmountRate', label: '自然量付费数据', align: 'center', width: 60, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户付费比', dataIndex: 'natureNewUserRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日客单价', dataIndex: 'natureFirstAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日充值成本', dataIndex: 'natureFirstNewUserRechargeCost', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量总充值成本', dataIndex: 'natureTotalRechargeCost', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今客单价', tips: '自然量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'natureTodayAvgAmount', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面客单价', dataIndex: 'natureAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量复充率', tips: '自然量复充率=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'natureUserAgainRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '自然量单日付费100+人数', dataIndex: 'natureHundredUserNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量单日付费100+成本', dataIndex: 'natureHundredUserNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
+                    title: '首日创角人数成本', dataIndex: 'firstRoleNumCost', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '自然量首日创角人数', dataIndex: 'natureFirstRoleNum', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                },
-                {
-                    title: '自然量创角人数', dataIndex: 'natureRoleNum', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计创角人数', dataIndex: 'natureNewUserTotalRoleNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角人数成本', dataIndex: 'natureFirstRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
+                    title: '创角人数成本', dataIndex: 'roleNumCost', label: '付费数据', align: 'center', width: 75, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '自然量创角人数成本', dataIndex: 'natureRoleNumCost', label: '自然量付费数据', align: 'center', width: 85, sorter: true,
+                    title: '新用户累计创角人数成本', dataIndex: 'newUserTotalRoleNumCost', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '自然量新用户累计创角人数成本', dataIndex: 'natureNewUserTotalRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角率', dataIndex: 'natureFirstRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
+                    title: '首日创角率', dataIndex: 'firstRoleNumRate', label: '付费数据', align: 'center', width: 75, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '自然量创角率', dataIndex: 'natureRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
+                    title: '创角率', dataIndex: 'roleNumRate', label: '付费数据', align: 'center', width: 75, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '自然量新用户累计创角率', dataIndex: 'natureNewUserTotalRoleNumRate', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
+                    title: '新用户累计创角率', dataIndex: 'newUserTotalRoleNumRate', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
-
                 {
-                    title: '自然量新增注册ARPPU', dataIndex: 'natureRegUserArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '新增注册ARPPU', dataIndex: 'regUserArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '自然量首日付费ARPPU', dataIndex: 'natureFirstAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日付费ARPPU', dataIndex: 'firstAmountArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '自然量至今付费ARPPU', dataIndex: 'natureTodayAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
+                    title: '至今付费ARPPU', dataIndex: 'todayAmountArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '自然量账面ARPPU', dataIndex: 'natureAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '总付费数据',
-            data: [
-                { title: '总首日新用户充值次数', dataIndex: 'firstNewUserAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总首日新用户充值人数', dataIndex: 'firstNewUserAmountNum', label: '总付费数据', align: 'center', width: 70, default: 6, sorter: true },
-                {
-                    title: '总首日新用户充值金额', dataIndex: 'firstNewUserAmount', label: '总付费数据', align: 'center', width: 70, default: 7, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总老用户充值次数', dataIndex: 'oldUserCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总老用户充值人数', dataIndex: 'oldUserNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总老用户充值金额', dataIndex: 'oldUserAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总账面充值次数', dataIndex: 'amountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总账面充值人数', dataIndex: 'amountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总账面充值金额', dataIndex: 'amount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总新用户累计充值次数', dataIndex: 'newUserTotalAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总新用户累计充值人数', dataIndex: 'newUserTotalAmountNum', label: '总付费数据', align: 'center', width: 70, default: 8, sorter: true },
-                {
-                    title: '总新用户累计充值金额', dataIndex: 'newUserTotalAmount', label: '总付费数据', align: 'center', width: 70, default: 9, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日ROI', dataIndex: 'firstRoi', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 10,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总总ROI', dataIndex: 'totalRoi', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 11,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总首日付费率', dataIndex: 'firstAmountRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总至今付费率', tips: '至今付费率（总）=新用户累计充值人数/注册人数', dataIndex: 'todayAmountRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总新用户付费比', dataIndex: 'newUserRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总首日客单价', dataIndex: 'firstAvgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日充值成本', dataIndex: 'firstNewUserRechargeCost', label: '总付费数据', align: 'center', width: 70, default: 12, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总总充值成本', dataIndex: 'totalRechargeCost', label: '总付费数据', align: 'center', width: 70, default: 13, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总至今客单价', tips: '至今客单价（总）=新用户累计充值金额/新用户累计充值次数', dataIndex: 'todayAvgAmount', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总账面客单价', dataIndex: 'avgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总复充率', tips: '复充率（总）=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'userAgainRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '总单日付费100+人数', dataIndex: 'hundredUserNum', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总单日付费100+成本', dataIndex: 'hundredUserNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总首日创角人数', dataIndex: 'firstRoleNum', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总创角人数', dataIndex: 'roleNum', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总新用户累计创角人数', dataIndex: 'newUserTotalRoleNum', label: '总付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日创角人数成本', dataIndex: 'firstRoleNumCost', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总创角人数成本', dataIndex: 'roleNumCost', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总新用户累计创角人数成本', dataIndex: 'newUserTotalRoleNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总首日创角率', dataIndex: 'firstRoleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总创角率', dataIndex: 'roleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总新用户累计创角率', dataIndex: 'newUserTotalRoleNumRate', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '总新增注册ARPPU', dataIndex: 'regUserArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日付费ARPPU', dataIndex: 'firstAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总至今付费ARPPU', dataIndex: 'todayAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总账面ARPPU', dataIndex: 'amountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '账面ARPPU', dataIndex: 'amountArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 }
             ]
@@ -783,87 +315,17 @@ function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: str
                     }
                 ]
             },
-            label: '买量付费趋势',
-            data: [
-                ...buyC,
-                ...buyM,
-                {
-                    title: "总（买）",
-                    dataIndex: "totalBuy",
-                    label: "买量付费趋势",
-                    align: "center",
-                    width: 110,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.buyAmountSumTrend) {
-                                        data = b?.buyAmountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
-            label: '自然量付费趋势',
-            data: [
-                ...natureC,
-                ...natureM,
-                {
-                    title: "总（自）",
-                    dataIndex: "totalNature",
-                    label: "自然量付费趋势",
-                    align: "center",
-                    width: 110,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.natureAmountSumTrend) {
-                                        data = b?.natureAmountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
             label: '总付费趋势',
             data: [
                 ...zC,
-                ...zM, 
+                ...zM,
                 {
-                    title: "总（总）",
+                    title: "总",
                     dataIndex: "total",
-                    label: "总付费趋势",
+                    label: "付费趋势",
                     align: "center",
                     width: 110,
-                    default: 113,
+                    default: 44,
                     render: (a: any, b: any) => {
                         let fieldData = getFieldDta()
                         if (fieldData?.length > 0) {
@@ -895,7 +357,7 @@ function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: str
                     title: '操作',
                     dataIndex: 'cz',
                     label: '操作',
-                    default: 114,
+                    default: 45,
                     align: 'center',
                     width: 75,
                     render: (a: number, b: any) => {

src/pages/gameDataStatistics/gameData/everyday/tableConfigBuy.tsx

@@ -1,922 +0,0 @@
-import React from "react"
-import style from './index.less'
-import { Statistic } from "antd"
-import { gameClassifyEnum } from "@/components/QueryForm/const"
-import { version } from "../../components/TableData"
-import moment from "moment"
-
-function columnsBuy12(rechargeTrendHandle: (data: any) => void): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
-
-    const getFieldDta = () => {
-        let defaultValue = [  // 默认展示字段
-            { label: '充值人数', key: 'rechargeUserCount', type: '付费趋势' },
-            { label: '充值金额', key: 'rechargeMoney', type: '付费趋势' },
-            { label: '增', key: 'increase', type: '付费趋势' },
-            { label: '回', key: 'back', type: '付费趋势' },
-            { label: '倍', key: 'multiples', type: '付费趋势' },
-        ]
-        let mySelectFieldData = localStorage.getItem(`myAdFieldConfig${version}_游戏每日数据`)
-        let newSelectFieldData: any = {}
-        if (mySelectFieldData) {
-            newSelectFieldData = JSON.parse(mySelectFieldData).date_field
-        } else {
-            newSelectFieldData = defaultValue
-        }
-        return newSelectFieldData
-    }
-
-    let buyDefaultStart = 14
-    // 买量付费趋势
-    const buyC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `buyAmountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（买）`,
-            dataIndex: `D${index + 1}Buy`,
-            label: "买量付费趋势",
-            align: "center",
-            width: 110,
-            render: (_: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-
-        // if (index < 29) {
-        data['default'] = buyDefaultStart + index
-        // }
-        return data
-    })
-
-    const buyM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `buyAmountM${index}Trend`
-        let data = {
-            title: `M${index}（买）`,
-            dataIndex: `M${index}Buy`,
-            label: "买量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        data['default'] = buyDefaultStart + 90 + num
-        return data
-    })
-
-    // 自然量
-    const natureC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `natureAmountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（自）`,
-            dataIndex: `D${index + 1}Nature`,
-            label: "自然量付费趋势",
-            align: "center",
-            width: 110,
-            render: (_: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-    const natureM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `natureAmountM${index}Trend`
-        let data = {
-            title: `M${index}（自）`,
-            dataIndex: `M${index}Nature`,
-            label: "自然量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-    // 总付费趋势
-    const zC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `amountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（总）`,
-            dataIndex: `D${index + 1}`,
-            label: "总付费趋势",
-            align: "center",
-            width: 110,
-            render: (_: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-    const zM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `amountM${index}Trend`
-        let data = {
-            title: `M${index}（总）`,
-            dataIndex: `M${index}`,
-            label: "总付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-
-    return [
-        {
-            label: '游戏信息',
-            data: [
-                { title: '推广游戏名称', dataIndex: 'gameName', label: '游戏信息', align: 'center', width: 70, default: 2 },
-                {
-                    title: '推广游戏应用类型', dataIndex: 'gameClassify', label: '游戏信息', align: 'center', width: 80,
-                    render: (a: string) => (<span>{gameClassifyEnum[a]}</span>)
-                }
-            ]
-        },
-        {
-            label: '时间',
-            data: [
-                { title: '日期', dataIndex: 'costDate', label: '时间', align: 'center', width: 90, default: 1 },
-            ]
-        },
-        {
-            label: '消耗',
-            data: [
-                {
-                    title: '消耗', dataIndex: 'cost', label: '消耗', align: 'center', width: 90, sorter: true, default: 3,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '买量用户数据',
-            data: [
-                { title: '买量注册人数', dataIndex: 'buyRegNum', label: '买量用户数据', align: 'center', width: 70, default: 4, sorter: true },
-                { title: '买量注册成本', dataIndex: 'buyRegCost', label: '买量用户数据', align: 'center', width: 70, default: 5, sorter: true }
-            ]
-        },
-        {
-            label: '自然量用户数据',
-            data: [
-                { title: '自然量注册人数', dataIndex: 'natureRegNum', label: '自然量用户数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量注册成本', dataIndex: 'natureRegCost', label: '自然量用户数据', align: 'center', width: 70, sorter: true }
-            ]
-        },
-        {
-            label: '总用户数据',
-            data: [
-                { title: '注册人数', dataIndex: 'regNum', label: '总用户数据', align: 'center', width: 70, sorter: true },
-                { title: '注册成本', dataIndex: 'regCost', label: '总用户数据', align: 'center', width: 70, sorter: true }
-            ]
-        },
-        {
-            label: '买量付费数据',
-            data: [
-                { title: '买量首日新用户充值次数', dataIndex: 'buyFirstNewUserAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量首日新用户充值人数', dataIndex: 'buyFirstNewUserAmountNum', label: '买量付费数据', align: 'center', width: 70, default: 6, sorter: true },
-                {
-                    title: '买量首日新用户充值金额', dataIndex: 'buyFirstNewUserAmount', label: '买量付费数据', align: 'center', width: 70, default: 7, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '买量老用户充值次数', dataIndex: 'buyOldUserCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量老用户充值人数', dataIndex: 'buyOldUserNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '买量老用户充值金额', dataIndex: 'buyOldUserAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '买量账面充值次数', dataIndex: 'buyAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量账面充值人数', dataIndex: 'buyAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '买量账面充值金额', dataIndex: 'buyAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '买量新用户累计充值次数', dataIndex: 'buyNewUserTotalAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量新用户累计充值人数', dataIndex: 'buyNewUserTotalAmountNum', label: '买量付费数据', align: 'center', width: 70, default: 8, sorter: true },
-                {
-                    title: '买量新用户累计充值金额', dataIndex: 'buyNewUserTotalAmount', label: '买量付费数据', align: 'center', width: 70, default: 9, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日ROI', dataIndex: 'buyFirstRoi', label: '买量付费数据', align: 'center', width: 70, default: 10, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量总ROI', dataIndex: 'buyTotalRoi', label: '买量付费数据', align: 'center', width: 70, default: 11, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日付费率', dataIndex: 'buyFirstAmountRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量至今付费率', tips: '买量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'buyTodayAmountRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户付费比', dataIndex: 'buyNewUserRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日客单价', dataIndex: 'buyFirstAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日充值成本', dataIndex: 'buyFirstNewUserRechargeCost', label: '买量付费数据', align: 'center', width: 70, default: 12, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量总充值成本', dataIndex: 'buyTotalRechargeCost', label: '买量付费数据', align: 'center', width: 70, default: 13, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量至今客单价', tips: '买量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'buyTodayAvgAmount', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面客单价', dataIndex: 'buyAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量复充率', tips: '买量复充率=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'buyUserAgainRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '买量单日付费100+人数', dataIndex: 'buyHundredUserNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量单日付费100+成本', dataIndex: 'buyHundredUserNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数', dataIndex: 'buyFirstRoleNum', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量创角人数', dataIndex: 'buyRoleNum', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户累计创角人数', dataIndex: 'buyNewUserTotalRoleNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数成本', dataIndex: 'buyFirstRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量创角人数成本', dataIndex: 'buyRoleNumCost', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量新用户累计创角人数成本', dataIndex: 'buyNewUserTotalRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量首日创角率', dataIndex: 'buyFirstRoleNumRate', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量创角率', dataIndex: 'buyRoleNumRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户累计创角率', dataIndex: 'buyNewUserTotalRoleNumRate', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '买量新增注册ARPPU', dataIndex: 'buyRegUserArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日付费ARPPU', dataIndex: 'buyFirstAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量至今付费ARPPU', dataIndex: 'buyTodayAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面ARPPU', dataIndex: 'buyAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-            ]
-        },
-        {
-            label: '自然量付费数据',
-            data: [
-                { title: '自然量首日新用户充值次数', dataIndex: 'natureFirstNewUserAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量首日新用户充值人数', dataIndex: 'natureFirstNewUserAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量首日新用户充值金额', dataIndex: 'natureFirstNewUserAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量老用户充值次数', dataIndex: 'natureOldUserCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量老用户充值人数', dataIndex: 'natureOldUserNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量老用户充值金额', dataIndex: 'natureOldUserAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量账面充值次数', dataIndex: 'natureAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量账面充值人数', dataIndex: 'natureAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量账面充值金额', dataIndex: 'natureAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量新用户累计充值次数', dataIndex: 'natureNewUserTotalAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量新用户累计充值人数', dataIndex: 'natureNewUserTotalAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量新用户累计充值金额', dataIndex: 'natureNewUserTotalAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日ROI', dataIndex: 'natureFirstRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量总ROI', dataIndex: 'natureTotalRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日付费率', dataIndex: 'natureFirstAmountRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量至今付费率', tips: '自然量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'natureTodayAmountRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户付费比', dataIndex: 'natureNewUserRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日客单价', dataIndex: 'natureFirstAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日充值成本', dataIndex: 'natureFirstNewUserRechargeCost', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量总充值成本', dataIndex: 'natureTotalRechargeCost', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今客单价', tips: '自然量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'natureTodayAvgAmount', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面客单价', dataIndex: 'natureAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量复充率', tips: '自然量复充率=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'natureUserAgainRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '自然量单日付费100+人数', dataIndex: 'natureHundredUserNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量单日付费100+成本', dataIndex: 'natureHundredUserNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量首日创角人数', dataIndex: 'natureFirstRoleNum', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                },
-                {
-                    title: '自然量创角人数', dataIndex: 'natureRoleNum', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计创角人数', dataIndex: 'natureNewUserTotalRoleNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角人数成本', dataIndex: 'natureFirstRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量创角人数成本', dataIndex: 'natureRoleNumCost', label: '自然量付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量新用户累计创角人数成本', dataIndex: 'natureNewUserTotalRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角率', dataIndex: 'natureFirstRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量创角率', dataIndex: 'natureRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户累计创角率', dataIndex: 'natureNewUserTotalRoleNumRate', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '自然量新增注册ARPPU', dataIndex: 'natureRegUserArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日付费ARPPU', dataIndex: 'natureFirstAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今付费ARPPU', dataIndex: 'natureTodayAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面ARPPU', dataIndex: 'natureAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '总付费数据',
-            data: [
-                { title: '总首日新用户充值次数', dataIndex: 'firstNewUserAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总首日新用户充值人数', dataIndex: 'firstNewUserAmountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总首日新用户充值金额', dataIndex: 'firstNewUserAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总老用户充值次数', dataIndex: 'oldUserCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总老用户充值人数', dataIndex: 'oldUserNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总老用户充值金额', dataIndex: 'oldUserAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总账面充值次数', dataIndex: 'amountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总账面充值人数', dataIndex: 'amountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总账面充值金额', dataIndex: 'amount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总新用户累计充值次数', dataIndex: 'newUserTotalAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总新用户累计充值人数', dataIndex: 'newUserTotalAmountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总新用户累计充值金额', dataIndex: 'newUserTotalAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日ROI', dataIndex: 'firstRoi', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总总ROI', dataIndex: 'totalRoi', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总首日付费率', dataIndex: 'firstAmountRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总至今付费率', tips: '至今付费率（总）=新用户累计充值人数/注册人数', dataIndex: 'todayAmountRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总新用户付费比', dataIndex: 'newUserRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总首日客单价', dataIndex: 'firstAvgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日充值成本', dataIndex: 'firstNewUserRechargeCost', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总总充值成本', dataIndex: 'totalRechargeCost', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总至今客单价', tips: '至今客单价（总）=新用户累计充值金额/新用户累计充值次数', dataIndex: 'todayAvgAmount', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总账面客单价', dataIndex: 'avgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总复充率', tips: '复充率（总）=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'userAgainRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '总单日付费100+人数', dataIndex: 'hundredUserNum', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总单日付费100+成本', dataIndex: 'hundredUserNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总首日创角人数', dataIndex: 'firstRoleNum', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总创角人数', dataIndex: 'roleNum', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总新用户累计创角人数', dataIndex: 'newUserTotalRoleNum', label: '总付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日创角人数成本', dataIndex: 'firstRoleNumCost', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总创角人数成本', dataIndex: 'roleNumCost', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总新用户累计创角人数成本', dataIndex: 'newUserTotalRoleNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总首日创角率', dataIndex: 'firstRoleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总创角率', dataIndex: 'roleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总新用户累计创角率', dataIndex: 'newUserTotalRoleNumRate', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '总新增注册ARPPU', dataIndex: 'regUserArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日付费ARPPU', dataIndex: 'firstAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总至今付费ARPPU', dataIndex: 'todayAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总账面ARPPU', dataIndex: 'amountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            fieldSHow: {
-                label: '付费趋势区间字段展示',
-                saveField: 'date_field',
-                defaultValue: [  // 默认展示字段
-                    { label: '充值人数', key: 'rechargeUserCount', type: '付费趋势' },
-                    { label: '充值金额', key: 'rechargeMoney', type: '付费趋势' },
-                    { label: '增', key: 'increase', type: '付费趋势' },
-                    { label: '回', key: 'back', type: '付费趋势' },
-                    { label: '倍', key: 'multiples', type: '付费趋势' },
-                ],
-                data: [
-                    {
-                        label: '付费趋势',
-                        data: [
-                            { label: '充值人数', key: 'rechargeUserCount', type: '付费趋势' },
-                            { label: '充值金额', key: 'rechargeMoney', type: '付费趋势' },
-                            { label: '增', key: 'increase', type: '付费趋势' },
-                            { label: '回', key: 'back', type: '付费趋势' },
-                            { label: '倍', key: 'multiples', type: '付费趋势' },
-                        ]
-                    }
-                ]
-            },
-            label: '买量付费趋势',
-            data: [
-                ...buyC,
-                ...buyM,
-                {
-                    title: "总（买）",
-                    dataIndex: "totalBuy",
-                    label: "买量付费趋势",
-                    align: "center",
-                    width: 110,
-                    default: 113,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.buyAmountSumTrend) {
-                                        data = b?.buyAmountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }
-            ],
-        },
-        {
-            label: '自然量付费趋势',
-            data: [
-                ...natureC,
-                ...natureM,
-                {
-                    title: "总（自）",
-                    dataIndex: "totalNature",
-                    label: "自然量付费趋势",
-                    align: "center",
-                    width: 110,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.natureAmountSumTrend) {
-                                        data = b?.natureAmountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
-            label: '总付费趋势',
-            data: [
-                ...zC,
-                ...zM,
-                {
-                    title: "总（总）",
-                    dataIndex: "total",
-                    label: "总付费趋势",
-                    align: "center",
-                    width: 110,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.amountSumTrend) {
-                                        data = b?.amountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
-            label: '操作',
-            data: [
-                {
-                    title: '操作',
-                    dataIndex: 'cz',
-                    label: '操作',
-                    default: 114,
-                    align: 'center',
-                    width: 75,
-                    render: (a: number, b: any) => {
-                        if (b?.costDate === '总计') {
-                            return '--'
-                        }
-                        return <a onClick={() => rechargeTrendHandle(b)}>复充趋势</a>
-                    },
-                }
-            ]
-        }
-    ]
-}
-
-export default columnsBuy12

src/pages/gameDataStatistics/gameData/everyday/tableConfigNature.tsx

@@ -1,914 +0,0 @@
-import React from "react"
-import style from './index.less'
-import { Statistic } from "antd"
-import { gameClassifyEnum } from "@/components/QueryForm/const"
-import { version } from "../../components/TableData"
-import moment from "moment"
-
-function columnsNature12(rechargeTrendHandle: (data: any) => void): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
-
-    const getFieldDta = () => {
-        let defaultValue = [  // 默认展示字段
-            { label: '充值人数', key: 'rechargeUserCount', type: '付费趋势' },
-            { label: '充值金额', key: 'rechargeMoney', type: '付费趋势' },
-            { label: '增', key: 'increase', type: '付费趋势' },
-            { label: '回', key: 'back', type: '付费趋势' },
-            { label: '倍', key: 'multiples', type: '付费趋势' },
-        ]
-        let mySelectFieldData = localStorage.getItem(`myAdFieldConfig${version}_游戏每日数据`)
-        let newSelectFieldData: any = {}
-        if (mySelectFieldData) {
-            newSelectFieldData = JSON.parse(mySelectFieldData).date_field
-        } else {
-            newSelectFieldData = defaultValue
-        }
-        return newSelectFieldData
-    }
-
-    // 买量付费趋势
-    const buyC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `buyAmountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（买）`,
-            dataIndex: `D${index + 1}Buy`,
-            label: "买量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-    const buyM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `buyAmountM${index}Trend`
-        let data = {
-            title: `M${index}（买）`,
-            dataIndex: `M${index}Buy`,
-            label: "买量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-    let natureDefaultStart = 14
-    // 自然量
-    const natureC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `natureAmountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（自）`,
-            dataIndex: `D${index + 1}Nature`,
-            label: "自然量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        data['default'] = natureDefaultStart + index
-        return data
-    })
-
-    const natureM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `natureAmountM${index}Trend`
-        let data = {
-            title: `M${index}（自）`,
-            dataIndex: `M${index}Nature`,
-            label: "自然量付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        data['default'] = natureDefaultStart + 90 + num
-        return data
-    })
-
-    // 总付费趋势
-    const zC = Array(90).fill('').map((_item: string, index: number) => {
-        let field = `amountD${index + 1}Trend`
-        let data = {
-            title: `D${index + 1}（总）`,
-            dataIndex: `D${index + 1}`,
-            label: "总付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-    const zM = [4, 5, 6, 7, 8, 9, 10, 11, 12].map((index, num) => {
-        let field = `amountM${index}Trend`
-        let data = {
-            title: `M${index}（总）`,
-            dataIndex: `M${index}`,
-            label: "总付费趋势",
-            align: "center",
-            width: 110,
-            render: (a: any, b: any) => {
-                let date1 = moment()
-                if (b?.costDate === '总计') {
-                    if (b?.beginDay) {
-                        date1 = moment(b?.beginDay)
-                    } else {
-                        date1 = moment()
-                    }
-                } else {
-                    date1 = moment(b.costDate)
-                }
-                let dt = moment()
-                let day = dt.diff(date1, 'day');
-                let fieldData = getFieldDta()
-                if (fieldData?.length > 0 && index * 30 <= day) {
-                    let data: any = {}
-                    let keyS: string[] = fieldData?.map((item: any) => item.key)
-                    switch (fieldData[0].type) {
-                        case '付费趋势':
-                            if (b?.[field]) {
-                                data = b?.[field]
-                                return <div className={style.dbox}>
-                                    {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                    {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                    {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                    {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                </div>
-                            }
-                            return '--'
-                    }
-                }
-                return '--'
-            },
-        }
-        return data
-    })
-
-
-
-    return [
-        {
-            label: '游戏信息',
-            data: [
-                { title: '推广游戏名称', dataIndex: 'gameName', label: '游戏信息', align: 'center', width: 70, default: 2 },
-                {
-                    title: '推广游戏应用类型', dataIndex: 'gameClassify', label: '游戏信息', align: 'center', width: 80,
-                    render: (a: string) => (<span>{gameClassifyEnum[a]}</span>)
-                }
-            ]
-        },
-        {
-            label: '时间',
-            data: [
-                { title: '日期', dataIndex: 'costDate', label: '时间', align: 'center', width: 90, default: 1 },
-            ]
-        },
-        {
-            label: '消耗',
-            data: [
-                {
-                    title: '消耗', dataIndex: 'cost', label: '消耗', align: 'center', width: 90, sorter: true, default: 3,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '买量用户数据',
-            data: [
-                { title: '买量注册人数', dataIndex: 'buyRegNum', label: '买量用户数据', align: 'center', width: 70, sorter: true },
-                { title: '买量注册成本', dataIndex: 'buyRegCost', label: '买量用户数据', align: 'center', width: 70, sorter: true }
-            ]
-        },
-        {
-            label: '自然量用户数据',
-            data: [
-                { title: '自然量注册人数', dataIndex: 'natureRegNum', label: '自然量用户数据', align: 'center', width: 70, default: 4, sorter: true },
-                { title: '自然量注册成本', dataIndex: 'natureRegCost', label: '自然量用户数据', align: 'center', width: 70, default: 5, sorter: true }
-            ]
-        },
-        {
-            label: '总用户数据',
-            data: [
-                { title: '注册人数', dataIndex: 'regNum', label: '总用户数据', align: 'center', width: 70, sorter: true },
-                { title: '注册成本', dataIndex: 'regCost', label: '总用户数据', align: 'center', width: 70, sorter: true }
-            ]
-        },
-        {
-            label: '买量付费数据',
-            data: [
-                { title: '买量首日新用户充值次数', dataIndex: 'buyFirstNewUserAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量首日新用户充值人数', dataIndex: 'buyFirstNewUserAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '买量首日新用户充值金额', dataIndex: 'buyFirstNewUserAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '买量老用户充值次数', dataIndex: 'buyOldUserCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量老用户充值人数', dataIndex: 'buyOldUserNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '买量老用户充值金额', dataIndex: 'buyOldUserAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '买量账面充值次数', dataIndex: 'buyAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量账面充值人数', dataIndex: 'buyAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '买量账面充值金额', dataIndex: 'buyAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '买量新用户累计充值次数', dataIndex: 'buyNewUserTotalAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '买量新用户累计充值人数', dataIndex: 'buyNewUserTotalAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '买量新用户累计充值金额', dataIndex: 'buyNewUserTotalAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日ROI', dataIndex: 'buyFirstRoi', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量总ROI', dataIndex: 'buyTotalRoi', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日付费率', dataIndex: 'buyFirstAmountRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量至今付费率', tips: '买量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'buyTodayAmountRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户付费比', dataIndex: 'buyNewUserRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日客单价', dataIndex: 'buyFirstAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日充值成本', dataIndex: 'buyFirstNewUserRechargeCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量总充值成本', dataIndex: 'buyTotalRechargeCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量至今客单价', tips: '买量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'buyTodayAvgAmount', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面客单价', dataIndex: 'buyAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量复充率', tips: '买量复充率=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'buyUserAgainRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '买量单日付费100+人数', dataIndex: 'buyHundredUserNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量单日付费100+成本', dataIndex: 'buyHundredUserNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数', dataIndex: 'buyFirstRoleNum', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量创角人数', dataIndex: 'buyRoleNum', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户累计创角人数', dataIndex: 'buyNewUserTotalRoleNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数成本', dataIndex: 'buyFirstRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量创角人数成本', dataIndex: 'buyRoleNumCost', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量新用户累计创角人数成本', dataIndex: 'buyNewUserTotalRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量首日创角率', dataIndex: 'buyFirstRoleNumRate', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量创角率', dataIndex: 'buyRoleNumRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户累计创角率', dataIndex: 'buyNewUserTotalRoleNumRate', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '买量新增注册ARPPU', dataIndex: 'buyRegUserArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日付费ARPPU', dataIndex: 'buyFirstAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量至今付费ARPPU', dataIndex: 'buyTodayAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面ARPPU', dataIndex: 'buyAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-            ]
-        },
-        {
-            label: '自然量付费数据',
-            data: [
-                { title: '自然量首日新用户充值次数', dataIndex: 'natureFirstNewUserAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量首日新用户充值人数', dataIndex: 'natureFirstNewUserAmountNum', label: '自然量付费数据', align: 'center', width: 70, default: 6, sorter: true },
-                {
-                    title: '自然量首日新用户充值金额', dataIndex: 'natureFirstNewUserAmount', label: '自然量付费数据', align: 'center', width: 70, default: 7, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量老用户充值次数', dataIndex: 'natureOldUserCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量老用户充值人数', dataIndex: 'natureOldUserNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量老用户充值金额', dataIndex: 'natureOldUserAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量账面充值次数', dataIndex: 'natureAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量账面充值人数', dataIndex: 'natureAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '自然量账面充值金额', dataIndex: 'natureAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '自然量新用户累计充值次数', dataIndex: 'natureNewUserTotalAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true },
-                { title: '自然量新用户累计充值人数', dataIndex: 'natureNewUserTotalAmountNum', label: '自然量付费数据', align: 'center', width: 70, default: 8, sorter: true },
-                {
-                    title: '自然量新用户累计充值金额', dataIndex: 'natureNewUserTotalAmount', label: '自然量付费数据', align: 'center', width: 70, default: 9, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日ROI', dataIndex: 'natureFirstRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true, default: 10,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量总ROI', dataIndex: 'natureTotalRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true, default: 11,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日付费率', dataIndex: 'natureFirstAmountRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量至今付费率', tips: '自然量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'natureTodayAmountRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户付费比', dataIndex: 'natureNewUserRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日客单价', dataIndex: 'natureFirstAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日充值成本', dataIndex: 'natureFirstNewUserRechargeCost', label: '自然量付费数据', align: 'center', width: 70, default: 12, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量总充值成本', dataIndex: 'natureTotalRechargeCost', label: '自然量付费数据', align: 'center', width: 70, default: 13, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今客单价', tips: '自然量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'natureTodayAvgAmount', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面客单价', dataIndex: 'natureAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量复充率', tips: '自然量复充率=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'natureUserAgainRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '自然量单日付费100+人数', dataIndex: 'natureHundredUserNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量单日付费100+成本', dataIndex: 'natureHundredUserNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量首日创角人数', dataIndex: 'natureFirstRoleNum', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                },
-                {
-                    title: '自然量创角人数', dataIndex: 'natureRoleNum', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计创角人数', dataIndex: 'natureNewUserTotalRoleNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角人数成本', dataIndex: 'natureFirstRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量创角人数成本', dataIndex: 'natureRoleNumCost', label: '自然量付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量新用户累计创角人数成本', dataIndex: 'natureNewUserTotalRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角率', dataIndex: 'natureFirstRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量创角率', dataIndex: 'natureRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户累计创角率', dataIndex: 'natureNewUserTotalRoleNumRate', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '自然量新增注册ARPPU', dataIndex: 'natureRegUserArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日付费ARPPU', dataIndex: 'natureFirstAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今付费ARPPU', dataIndex: 'natureTodayAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面ARPPU', dataIndex: 'natureAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '总付费数据',
-            data: [
-                { title: '总首日新用户充值次数', dataIndex: 'firstNewUserAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总首日新用户充值人数', dataIndex: 'firstNewUserAmountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总首日新用户充值金额', dataIndex: 'firstNewUserAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总老用户充值次数', dataIndex: 'oldUserCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总老用户充值人数', dataIndex: 'oldUserNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总老用户充值金额', dataIndex: 'oldUserAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总账面充值次数', dataIndex: 'amountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总账面充值人数', dataIndex: 'amountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总账面充值金额', dataIndex: 'amount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                { title: '总新用户累计充值次数', dataIndex: 'newUserTotalAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                { title: '总新用户累计充值人数', dataIndex: 'newUserTotalAmountNum', label: '总付费数据', align: 'center', width: 70, sorter: true },
-                {
-                    title: '总新用户累计充值金额', dataIndex: 'newUserTotalAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日ROI', dataIndex: 'firstRoi', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总总ROI', dataIndex: 'totalRoi', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总首日付费率', dataIndex: 'firstAmountRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总至今付费率', tips: '至今付费率（总）=新用户累计充值人数/注册人数', dataIndex: 'todayAmountRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总新用户付费比', dataIndex: 'newUserRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总首日客单价', dataIndex: 'firstAvgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日充值成本', dataIndex: 'firstNewUserRechargeCost', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总总充值成本', dataIndex: 'totalRechargeCost', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总至今客单价', tips: '至今客单价（总）=新用户累计充值金额/新用户累计充值次数', dataIndex: 'todayAvgAmount', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总账面客单价', dataIndex: 'avgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总复充率', tips: '复充率（总）=新用户复充人数/新用户累计充值人数（新用户复充人数为累计充值次数n≥2）', dataIndex: 'userAgainRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '总单日付费100+人数', dataIndex: 'hundredUserNum', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总单日付费100+成本', dataIndex: 'hundredUserNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总首日创角人数', dataIndex: 'firstRoleNum', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总创角人数', dataIndex: 'roleNum', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总新用户累计创角人数', dataIndex: 'newUserTotalRoleNum', label: '总付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日创角人数成本', dataIndex: 'firstRoleNumCost', label: '总付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总创角人数成本', dataIndex: 'roleNumCost', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总新用户累计创角人数成本', dataIndex: 'newUserTotalRoleNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '总首日创角率', dataIndex: 'firstRoleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总创角率', dataIndex: 'roleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '总新用户累计创角率', dataIndex: 'newUserTotalRoleNumRate', label: '总付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '总新增注册ARPPU', dataIndex: 'regUserArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总首日付费ARPPU', dataIndex: 'firstAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总至今付费ARPPU', dataIndex: 'todayAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总账面ARPPU', dataIndex: 'amountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            fieldSHow: {
-                label: '付费趋势区间字段展示',
-                saveField: 'date_field',
-                defaultValue: [  // 默认展示字段
-                    { label: '充值人数', key: 'rechargeUserCount', type: '付费趋势' },
-                    { label: '充值金额', key: 'rechargeMoney', type: '付费趋势' },
-                    { label: '增', key: 'increase', type: '付费趋势' },
-                    { label: '回', key: 'back', type: '付费趋势' },
-                    { label: '倍', key: 'multiples', type: '付费趋势' },
-                ],
-                data: [
-                    {
-                        label: '付费趋势',
-                        data: [
-                            { label: '充值人数', key: 'rechargeUserCount', type: '付费趋势' },
-                            { label: '充值金额', key: 'rechargeMoney', type: '付费趋势' },
-                            { label: '增', key: 'increase', type: '付费趋势' },
-                            { label: '回', key: 'back', type: '付费趋势' },
-                            { label: '倍', key: 'multiples', type: '付费趋势' },
-                        ]
-                    }
-                ]
-            },
-            label: '买量付费趋势',
-            data: [
-                ...buyC,
-                ...buyM,
-                {
-                    title: "总（买）",
-                    dataIndex: "totalBuy",
-                    label: "买量付费趋势",
-                    align: "center",
-                    width: 110,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.buyAmountSumTrend) {
-                                        data = b?.buyAmountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
-            label: '自然量付费趋势',
-            data: [
-                ...natureC,
-                ...natureM,
-                {
-                    title: "总（自）",
-                    dataIndex: "totalNature",
-                    label: "自然量付费趋势",
-                    align: "center",
-                    width: 110,
-                    default: 113,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.natureAmountSumTrend) {
-                                        data = b?.natureAmountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
-            label: '总付费趋势',
-            data: [
-                ...zC, 
-                ...zM,
-                {
-                    title: "总（总）",
-                    dataIndex: "total",
-                    label: "总付费趋势",
-                    align: "center",
-                    width: 110,
-                    render: (a: any, b: any) => {
-                        let fieldData = getFieldDta()
-                        if (fieldData?.length > 0) {
-                            let data: any = {}
-                            let keyS: string[] = fieldData?.map((item: any) => item.key)
-                            switch (fieldData[0].type) {
-                                case '付费趋势':
-                                    if (b?.amountSumTrend) {
-                                        data = b?.amountSumTrend
-                                        return <div className={style.dbox}>
-                                            {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人：<span>{data?.rechargeUserCount}</span></span>}
-                                            {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金：<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
-                                            {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增：<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回：<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
-                                            {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍：<span>{data?.multiples?.toFixed(2)}</span></span>}
-                                        </div>
-                                    }
-                                    return '--'
-                            }
-                        }
-                        return '--'
-                    },
-                }]
-        },
-        {
-            label: '操作',
-            data: [
-                {
-                    title: '操作',
-                    dataIndex: 'cz',
-                    label: '操作',
-                    default: 114,
-                    align: 'center',
-                    width: 75,
-                    render: (a: number, b: any) => {
-                        if (b?.costDate === '总计') {
-                            return '--'
-                        }
-                        return <a onClick={() => rechargeTrendHandle(b)}>复充趋势</a>
-                    },
-                }
-            ]
-        }
-    ]
-}
-
-export default columnsNature12

src/pages/gameDataStatistics/gameData/total/index.tsx

@@ -1,14 +1,11 @@
 import React, { useEffect, useState } from "react"
 import TableData from "../../components/TableData"
 import columns12 from "./tableConfig"
-import columnsBuy12 from './tableConfigBuy'
-import columnsNature12 from './tableConfigNature'
 import { useAjax } from "@/Hook/useAjax"
 import { GameTotalProps, getGameTotalListApi, getGameTotalTotalApi } from "@/services/gameData/game"
 import QueryForm from "@/components/QueryForm"
 import { getPresets } from "@/components/QueryForm/const"
 import moment from "moment"
-import { Tabs } from "antd"
 import '../everyday/index.less'
 
 /**
@@ -24,9 +21,9 @@ const Total: React.FC = () => {
         registeredBeginDate: moment().format('YYYY-MM-DD'), //.subtract(30, 'd')
         registeredEndDate: moment().format('YYYY-MM-DD'),
         rechargeBeginDate: moment().format('YYYY-MM-DD'), //subtract(30, 'd').
-        rechargeEndDate: moment().format('YYYY-MM-DD')
+        rechargeEndDate: moment().format('YYYY-MM-DD'),
+        tableTypes: 'buy'
     })
-    const [accessKey, setAccessKey] = useState<string>('1')
     const [totalData, setTotalData] = useState<any[]>([])
 
     const getGameTotalList = useAjax((params) => getGameTotalListApi(params))
@@ -43,14 +40,9 @@ const Total: React.FC = () => {
     }, [queryForm])
 
     return <div>
-        <Tabs type="card" className="tabsBottom0" accessKey={accessKey} onChange={(accessKey) => setAccessKey(accessKey)}>
-            <Tabs.TabPane tab="买量" key="1" />
-            <Tabs.TabPane tab="自然量" key="2" />
-            <Tabs.TabPane tab="总量" key="3" />
-        </Tabs>
         <TableData
             leftChild={<QueryForm
-                initialValues={{ regDay: [moment(), moment()], rechargeDay: [moment(), moment()], sourceSystem: 'ZX_ONE' }}
+                initialValues={{ regDay: [moment(), moment()], rechargeDay: [moment(), moment()], sourceSystem: 'ZX_ONE', tableTypes: 'buy' }}
                 onChange={(data: any) => {
                     console.log(data)
                     const { regStartDay, regEndDay, rechargeDay, ...params } = data
@@ -73,6 +65,7 @@ const Total: React.FC = () => {
                     setQueryForm({ ...newQueryForm, ...params })
                 }}
                 isSource
+                isUserEnterType
                 isRegDay={{ ranges: getPresets() }}
                 isGameId
                 isBGGameClassify
@@ -107,8 +100,8 @@ const Total: React.FC = () => {
                 newQueryForm.pageSize = pageSize
                 setQueryForm({ ...newQueryForm })
             }}
-            config={accessKey === '1' ? columnsBuy12() : accessKey === '2' ? columnsNature12() : columns12()}
-            configName={accessKey === '1' ? '游戏总数据Buy' : accessKey === '2' ? '游戏总数据Nature' : '游戏总数据'}
+            config={columns12()}
+            configName={'游戏总数据'}
         />
     </div>
 }

src/pages/gameDataStatistics/gameData/total/tableConfig.tsx

@@ -31,639 +31,214 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
             ]
         },
         {
-            label: '买量用户数据',
+            label: '用户数据',
             data: [
                 {
-                    title: '买量注册人数', dataIndex: 'buyRegNum', label: '买量用户数据', align: 'center', width: 70, sorter: true,
+                    title: '注册人数', dataIndex: 'regNum', label: '用户数据', align: 'center', width: 70, sorter: true, default: 3,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '买量注册成本', dataIndex: 'buyRegCost', label: '买量用户数据', align: 'center', width: 70, sorter: true,
+                    title: '注册成本', dataIndex: 'regCost', label: '用户数据', align: 'center', width: 70, sorter: true, default: 4,
                     render: (a: string) => <Statistic value={a || 0} />
                 }
             ]
         },
         {
-            label: '自然量用户数据',
+            label: '付费数据',
             data: [
                 {
-                    title: '自然量注册人数', dataIndex: 'natureRegNum', label: '自然量用户数据', align: 'center', width: 70, sorter: true,
+                    title: '新用户充值次数', dataIndex: 'newUserAmountCount', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '自然量注册成本', dataIndex: 'natureRegCost', label: '自然量用户数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '总用户数据',
-            data: [
-                {
-                    title: '总注册人数', dataIndex: 'regNum', label: '总用户数据', align: 'center', width: 70, sorter: true, default: 3,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总注册成本', dataIndex: 'regCost', label: '总用户数据', align: 'center', width: 70, sorter: true, default: 4,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '买量付费数据',
-            data: [
-                {
-                    title: '买量新用户充值次数', dataIndex: 'buyNewUserAmountCount', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户充值人数', dataIndex: 'buyNewUserAmountNum', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户充值金额', dataIndex: 'buyNewUserAmount', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户充值成本', dataIndex: 'buyNewUserRechargeCost', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户回收率', dataIndex: 'buyNewUserRechargeRate', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日新用户充值次数', dataIndex: 'buyFirstNewUserAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日新用户充值人数', dataIndex: 'buyFirstNewUserAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日新用户充值金额', dataIndex: 'buyFirstNewUserAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量老用户充值次数', dataIndex: 'buyOldUserCount', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量老用户充值人数', dataIndex: 'buyOldUserNum', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量老用户充值金额', dataIndex: 'buyOldUserAmount', label: '买量付费数据', align: 'center', width: 80,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面充值次数', dataIndex: 'buyAmountCount', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面充值人数', dataIndex: 'buyAmountNum', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面充值金额', dataIndex: 'buyAmount', label: '买量付费数据', align: 'center', width: 80,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户累计充值次数', dataIndex: 'buyNewUserTotalAmountCount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户累计充值人数', dataIndex: 'buyNewUserTotalAmountNum', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户累计充值金额', dataIndex: 'buyNewUserTotalAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日充值成本', dataIndex: 'buyFirstNewUserRechargeCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量总充值成本', dataIndex: 'buyTotalRechargeCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日ROI', dataIndex: 'buyFirstRoi', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量总ROI', dataIndex: 'buyTotalRoi', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日付费率', dataIndex: 'buyFirstAmountRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户付费率', dataIndex: 'buyNewUserRoi', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量至今付费率', tips: '买量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'buyTodayAmountRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户付费比', dataIndex: 'buyNewUserRate', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量首日客单价', dataIndex: 'buyFirstAvgAmount', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户客单价', dataIndex: 'buyNewUserAvgAmount', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量至今客单价', tips: '买量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'buyTodayAvgAmount', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面客单价', dataIndex: 'buyAvgAmount', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                // {
-                //     title: '买量复充率', dataIndex: 'buyUserAgainRate', label: '买量付费数据', align: 'center', width: 70,
-                //     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                // },
-
-                {
-                    title: '买量单日付费100+人数', dataIndex: 'buyHundredUserNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量单日付费100+成本', dataIndex: 'buyHundredUserNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数', dataIndex: 'buyFirstRoleNum', label: '买量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量创角人数', dataIndex: 'buyRoleNum', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户累计创角人数', dataIndex: 'buyNewUserTotalRoleNum', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日创角人数成本', dataIndex: 'buyFirstRoleNumCost', label: '买量付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量创角人数成本', dataIndex: 'buyRoleNumCost', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量新用户累计创角人数成本', dataIndex: 'buyNewUserTotalRoleNumCost', label: '买量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '买量首日创角率', dataIndex: 'buyFirstRoleNumRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量创角率', dataIndex: 'buyRoleNumRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新用户累计创角率', dataIndex: 'buyNewUserTotalRoleNumRate', label: '买量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-                {
-                    title: '买量新用户复充率', tips: '注册时间范围内买量用户，在充值时间内重复充值（即用户累计充值次数n≥2)。计算公式：复冲率=新用户复充人数/新用户累计充值人数', dataIndex: 'buyNewUserAgainRate', label: '买量付费数据', align: 'center', width: 80,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量当天复充率', dataIndex: 'buyTodayAgainRate', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '买量新增注册ARPPU', dataIndex: 'buyRegUserArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量首日付费ARPPU', dataIndex: 'buyFirstAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量新用户付费ARPPU', dataIndex: 'buyNewUserAmountArpu', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量至今付费ARPPU', dataIndex: 'buyTodayAmountArpu', label: '买量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '买量账面ARPPU', dataIndex: 'buyAmountArpu', label: '买量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '自然量付费数据',
-            data: [
-                {
-                    title: '自然量新用户充值次数', dataIndex: 'natureNewUserAmountCount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户充值人数', dataIndex: 'natureNewUserAmountNum', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户充值金额', dataIndex: 'natureNewUserAmount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户充值成本', dataIndex: 'natureNewUserRechargeCost', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户回收率', dataIndex: 'natureNewUserRechargeRate', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日新用户充值次数', dataIndex: 'natureFirstNewUserAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日新用户充值人数', dataIndex: 'natureFirstNewUserAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日新用户充值金额', dataIndex: 'natureFirstNewUserAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量老用户充值次数', dataIndex: 'natureOldUserCount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量老用户充值人数', dataIndex: 'natureOldUserNum', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量老用户充值金额', dataIndex: 'natureOldUserAmount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面充值次数', dataIndex: 'natureAmountCount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面充值人数', dataIndex: 'natureAmountNum', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面充值金额', dataIndex: 'natureAmount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计充值次数', dataIndex: 'natureNewUserTotalAmountCount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计充值人数', dataIndex: 'natureNewUserTotalAmountNum', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计充值金额', dataIndex: 'natureNewUserTotalAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日充值成本', dataIndex: 'natureFirstNewUserRechargeCost', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量总充值成本', dataIndex: 'natureTotalRechargeCost', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日ROI', dataIndex: 'natureFirstRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量总ROI', dataIndex: 'natureTotalRoi', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日付费率', dataIndex: 'natureFirstAmountRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户付费率', dataIndex: 'natureNewUserRoi', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量至今付费率', tips: '自然量至今付费率=新用户累计充值人数/注册人数', dataIndex: 'natureTodayAmountRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户付费比', dataIndex: 'natureNewUserRate', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量首日客单价', dataIndex: 'natureFirstAvgAmount', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户客单价', dataIndex: 'natureNewUserAvgAmount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今客单价', tips: '自然量至今客单价=新用户累计充值金额/新用户累计充值次数', dataIndex: 'natureTodayAvgAmount', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面客单价', dataIndex: 'natureAvgAmount', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                // {
-                //     title: '自然量复充率', dataIndex: 'natureUserAgainRate', label: '自然量付费数据', align: 'center', width: 70,
-                //     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                // },
-
-
-                {
-                    title: '自然量单日付费100+人数', dataIndex: 'natureHundredUserNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量单日付费100+成本', dataIndex: 'natureHundredUserNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量首日创角人数', dataIndex: 'natureFirstRoleNum', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                },
-                {
-                    title: '自然量创角人数', dataIndex: 'natureRoleNum', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户累计创角人数', dataIndex: 'natureNewUserTotalRoleNum', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角人数成本', dataIndex: 'natureFirstRoleNumCost', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量创角人数成本', dataIndex: 'natureRoleNumCost', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} precision={2} />
-                },
-                {
-                    title: '自然量新用户累计创角人数成本', dataIndex: 'natureNewUserTotalRoleNumCost', label: '自然量付费数据', align: 'center', width: 90, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日创角率', dataIndex: 'natureFirstRoleNumRate', label: '自然量付费数据', align: 'center', width: 80, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量创角率', dataIndex: 'natureRoleNumRate', label: '自然量付费数据', align: 'center', width: 75, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新用户累计创角率', dataIndex: 'natureNewUserTotalRoleNumRate', label: '自然量付费数据', align: 'center', width: 85, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-
-
-                {
-                    title: '自然量新用户复充率', tips: '注册时间范围内自然量用户，在充值时间内重复充值（即用户累计充值次数n≥2)。计算公式：复冲率=新用户复充人数/新用户累计充值人数', dataIndex: 'natureNewUserAgainRate', label: '自然量付费数据', align: 'center', width: 80,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量当天复充率', dataIndex: 'natureTodayAgainRate', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
-                },
-                {
-                    title: '自然量新增注册ARPPU', dataIndex: 'natureRegUserArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量首日付费ARPPU', dataIndex: 'natureFirstAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量新用户付费ARPPU', dataIndex: 'natureNewUserAmountArpu', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量至今付费ARPPU', dataIndex: 'natureTodayAmountArpu', label: '自然量付费数据', align: 'center', width: 70, sorter: true,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '自然量账面ARPPU', dataIndex: 'natureAmountArpu', label: '自然量付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                }
-            ]
-        },
-        {
-            label: '总付费数据',
-            data: [
-                {
-                    title: '总新用户充值次数', dataIndex: 'newUserAmountCount', label: '总付费数据', align: 'center', width: 70,
-                    render: (a: string) => <Statistic value={a || 0} />
-                },
-                {
-                    title: '总新用户充值人数', dataIndex: 'newUserAmountNum', label: '总付费数据', align: 'center', width: 70, default: 5,
+                    title: '新用户充值人数', dataIndex: 'newUserAmountNum', label: '付费数据', align: 'center', width: 70, default: 5,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户充值金额', dataIndex: 'newUserAmount', label: '总付费数据', align: 'center', width: 70, default: 6,
+                    title: '新用户充值金额', dataIndex: 'newUserAmount', label: '付费数据', align: 'center', width: 70, default: 6,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户充值成本', dataIndex: 'newUserRechargeCost', label: '总付费数据', align: 'center', width: 70, default: 14,
+                    title: '新用户充值成本', dataIndex: 'newUserRechargeCost', label: '付费数据', align: 'center', width: 70, default: 14,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户回收率', dataIndex: 'newUserRechargeRate', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 11,
+                    title: '新用户回收率', dataIndex: 'newUserRechargeRate', label: '付费数据', align: 'center', width: 70, sorter: true, default: 11,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总首日新用户充值次数', dataIndex: 'firstNewUserAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日新用户充值次数', dataIndex: 'firstNewUserAmountCount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总首日新用户充值人数', dataIndex: 'firstNewUserAmountNum', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 7,
+                    title: '首日新用户充值人数', dataIndex: 'firstNewUserAmountNum', label: '付费数据', align: 'center', width: 70, sorter: true, default: 7,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总首日新用户充值金额', dataIndex: 'firstNewUserAmount', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 8,
+                    title: '首日新用户充值金额', dataIndex: 'firstNewUserAmount', label: '付费数据', align: 'center', width: 70, sorter: true, default: 8,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总老用户充值次数', dataIndex: 'oldUserCount', label: '总付费数据', align: 'center', width: 70,
+                    title: '老用户充值次数', dataIndex: 'oldUserCount', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总老用户充值人数', dataIndex: 'oldUserNum', label: '总付费数据', align: 'center', width: 70,
+                    title: '老用户充值人数', dataIndex: 'oldUserNum', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总老用户充值金额', dataIndex: 'oldUserAmount', label: '总付费数据', align: 'center', width: 80,
+                    title: '老用户充值金额', dataIndex: 'oldUserAmount', label: '付费数据', align: 'center', width: 80,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总账面充值次数', dataIndex: 'amountCount', label: '总付费数据', align: 'center', width: 70,
+                    title: '账面充值次数', dataIndex: 'amountCount', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总账面充值人数', dataIndex: 'amountNum', label: '总付费数据', align: 'center', width: 70,
+                    title: '账面充值人数', dataIndex: 'amountNum', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总账面充值金额', dataIndex: 'amount', label: '总付费数据', align: 'center', width: 85,
+                    title: '账面充值金额', dataIndex: 'amount', label: '付费数据', align: 'center', width: 85,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户累计充值次数', dataIndex: 'newUserTotalAmountCount', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '新用户累计充值次数', dataIndex: 'newUserTotalAmountCount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户累计充值人数', dataIndex: 'newUserTotalAmountNum', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 9,
+                    title: '新用户累计充值人数', dataIndex: 'newUserTotalAmountNum', label: '付费数据', align: 'center', width: 70, sorter: true, default: 9,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户累计充值金额', dataIndex: 'newUserTotalAmount', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 10,
+                    title: '新用户累计充值金额', dataIndex: 'newUserTotalAmount', label: '付费数据', align: 'center', width: 70, sorter: true, default: 10,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总首日充值成本', dataIndex: 'firstNewUserRechargeCost', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 15,
+                    title: '首日充值成本', dataIndex: 'firstNewUserRechargeCost', label: '付费数据', align: 'center', width: 70, sorter: true, default: 15,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总总充值成本', dataIndex: 'totalRechargeCost', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 16,
+                    title: '总充值成本', dataIndex: 'totalRechargeCost', label: '付费数据', align: 'center', width: 70, sorter: true, default: 16,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总首日ROI', dataIndex: 'firstRoi', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 12,
+                    title: '首日ROI', dataIndex: 'firstRoi', label: '付费数据', align: 'center', width: 70, sorter: true, default: 12,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总总ROI', dataIndex: 'totalRoi', label: '总付费数据', align: 'center', width: 70, sorter: true, default: 13,
+                    title: '总ROI', dataIndex: 'totalRoi', label: '付费数据', align: 'center', width: 70, sorter: true, default: 13,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总首日付费率', dataIndex: 'firstAmountRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日付费率', dataIndex: 'firstAmountRate', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总新用户付费率', dataIndex: 'newUserRoi', label: '总付费数据', align: 'center', width: 70,
+                    title: '新用户付费率', dataIndex: 'newUserRoi', label: '付费数据', align: 'center', width: 70,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总至今付费率', tips: '至今付费率（总）=新用户累计充值人数/注册人数', dataIndex: 'todayAmountRate', label: '总付费数据', align: 'center', width: 80, sorter: true,
+                    title: '至今付费率', tips: '至今付费率（总）=新用户累计充值人数/注册人数', dataIndex: 'todayAmountRate', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总新用户付费比', dataIndex: 'newUserRate', label: '总付费数据', align: 'center', width: 70,
+                    title: '新用户付费比', dataIndex: 'newUserRate', label: '付费数据', align: 'center', width: 70,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总首日客单价', dataIndex: 'firstAvgAmount', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日客单价', dataIndex: 'firstAvgAmount', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户客单价', dataIndex: 'newUserAvgAmount', label: '总付费数据', align: 'center', width: 70,
+                    title: '新用户客单价', dataIndex: 'newUserAvgAmount', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总至今客单价', tips: '至今客单价（总）=新用户累计充值金额/新用户累计充值次数', dataIndex: 'todayAvgAmount', label: '总付费数据', align: 'center', width: 80, sorter: true,
+                    title: '至今客单价', tips: '至今客单价（总）=新用户累计充值金额/新用户累计充值次数', dataIndex: 'todayAvgAmount', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总账面客单价', dataIndex: 'avgAmount', label: '总付费数据', align: 'center', width: 70,
+                    title: '账面客单价', dataIndex: 'avgAmount', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 // {
-                //     title: '总复充率', dataIndex: 'userAgainRate', label: '总付费数据', align: 'center', width: 70,
+                //     title: '复充率', dataIndex: 'userAgainRate', label: '付费数据', align: 'center', width: 70,
                 //     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 // },
 
 
                 {
-                    title: '总单日付费100+人数', dataIndex: 'hundredUserNum', label: '总付费数据', align: 'center', width: 90, sorter: true,
+                    title: '单日付费100+人数', dataIndex: 'hundredUserNum', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总单日付费100+成本', dataIndex: 'hundredUserNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
+                    title: '单日付费100+成本', dataIndex: 'hundredUserNumCost', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '总首日创角人数', dataIndex: 'firstRoleNum', label: '总付费数据', align: 'center', width: 75, sorter: true,
+                    title: '首日创角人数', dataIndex: 'firstRoleNum', label: '付费数据', align: 'center', width: 75, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总创角人数', dataIndex: 'roleNum', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '创角人数', dataIndex: 'roleNum', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户累计创角人数', dataIndex: 'newUserTotalRoleNum', label: '总付费数据', align: 'center', width: 85, sorter: true,
+                    title: '新用户累计创角人数', dataIndex: 'newUserTotalRoleNum', label: '付费数据', align: 'center', width: 85, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总首日创角人数成本', dataIndex: 'firstRoleNumCost', label: '总付费数据', align: 'center', width: 80, sorter: true,
+                    title: '首日创角人数成本', dataIndex: 'firstRoleNumCost', label: '付费数据', align: 'center', width: 80, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '总创角人数成本', dataIndex: 'roleNumCost', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '创角人数成本', dataIndex: 'roleNumCost', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '总新用户累计创角人数成本', dataIndex: 'newUserTotalRoleNumCost', label: '总付费数据', align: 'center', width: 90, sorter: true,
+                    title: '新用户累计创角人数成本', dataIndex: 'newUserTotalRoleNumCost', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: '总首日创角率', dataIndex: 'firstRoleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
+                    title: '首日创角率', dataIndex: 'firstRoleNumRate', label: '付费数据', align: 'center', width: 75, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总创角率', dataIndex: 'roleNumRate', label: '总付费数据', align: 'center', width: 75, sorter: true,
+                    title: '创角率', dataIndex: 'roleNumRate', label: '付费数据', align: 'center', width: 75, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 {
-                    title: '总新用户累计创角率', dataIndex: 'newUserTotalRoleNumRate', label: '总付费数据', align: 'center', width: 90, sorter: true,
+                    title: '新用户累计创角率', dataIndex: 'newUserTotalRoleNumRate', label: '付费数据', align: 'center', width: 90, sorter: true,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
 
                 {
-                    title: '总新用户复充率', tips: '注册时间范围内用户，在充值时间内重复充值（即用户累计充值次数n≥2)。计算公式：复冲率=新用户复充人数/新用户累计充值人数', dataIndex: 'newUserAgainRate', label: '总付费数据', align: 'center', width: 70,
+                    title: '新用户复充率', tips: '注册时间范围内用户，在充值时间内重复充值（即用户累计充值次数n≥2)。计算公式：复冲率=新用户复充人数/新用户累计充值人数', dataIndex: 'newUserAgainRate', label: '付费数据', align: 'center', width: 70,
                     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 },
                 // {
-                //     title: '总当天复充率', dataIndex: 'todayAgainRate', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                //     title: '当天复充率', dataIndex: 'todayAgainRate', label: '付费数据', align: 'center', width: 70, sorter: true,
                 //     render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                 // },
                 {
-                    title: '总新增注册ARPPU', dataIndex: 'regUserArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '新增注册ARPPU', dataIndex: 'regUserArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总首日付费ARPPU', dataIndex: 'firstAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '首日付费ARPPU', dataIndex: 'firstAmountArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总新用户付费ARPPU', dataIndex: 'newUserAmountArpu', label: '总付费数据', align: 'center', width: 70,
+                    title: '新用户付费ARPPU', dataIndex: 'newUserAmountArpu', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总至今付费ARPPU', dataIndex: 'todayAmountArpu', label: '总付费数据', align: 'center', width: 70, sorter: true,
+                    title: '至今付费ARPPU', dataIndex: 'todayAmountArpu', label: '付费数据', align: 'center', width: 70, sorter: true,
                     render: (a: string) => <Statistic value={a || 0} />
                 },
                 {
-                    title: '总账面ARPPU', dataIndex: 'amountArpu', label: '总付费数据', align: 'center', width: 70,
+                    title: '账面ARPPU', dataIndex: 'amountArpu', label: '付费数据', align: 'center', width: 70,
                     render: (a: string) => <Statistic value={a || 0} />
                 }
             ]

src/services/gameData/game.ts

@@ -30,6 +30,7 @@ export interface GameTotalProps extends Paging, SortProps {
     // 注册开始时间
     registeredBeginDate?: string
     registeredEndDate?: string
+    tableTypes?: string
 }
 /**
  * 游戏总数据