import WidthEllipsis from "@/components/widthEllipsis"
import { Progress, Statistic } from "antd"
import React from "react"
import { PRODUCT_TYPE_ENUM } from "../../../const"
import { APPTYPE } from "@/pages/iaaSystem/manage/const"
import './index.less'

function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[], bcColor?: string }[] {

    return [
        {
            label: '基础信息',
            data: [
                {
                    title: '统计日', dataIndex: 'day', label: '基础信息', align: 'center', width: 80, default: 1,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '应用', dataIndex: 'appName', label: '基础信息', align: 'center', width: 120, default: 2,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '应用ID', dataIndex: 'appId', label: '基础信息', align: 'center', width: 80,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '小程序名称', dataIndex: 'mpName', label: '基础信息', align: 'center', width: 85, default: 3,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '小程序ID', dataIndex: 'mpId', label: '基础信息', align: 'center', width: 80,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '业务类型', dataIndex: 'productType', label: '基础信息', align: 'center', width: 80, default: 4,
                    render: (a: string) => (<WidthEllipsis value={PRODUCT_TYPE_ENUM[a as keyof typeof PRODUCT_TYPE_ENUM]} />)
                },
                {
                    title: '应用类型', dataIndex: 'appType', label: '基础信息', align: 'center', width: 80, default: 5,
                    render: (a: string) => (<WidthEllipsis value={APPTYPE[a as keyof typeof APPTYPE]?.text} />)
                },
                {
                    title: '每日真实消耗', dataIndex: 'cost', label: '基础信息', align: 'right', width: 95, default: 6, sorter: true,
                    className: 'padding_0',
                    render: (a: number) => <div style={{ height: 25.5, position: 'relative' }}>
                        <Progress
                            strokeColor={{
                                from: '#10c1e9',
                                to: '#6892d0',
                            }}
                            status="active"
                            showInfo={false}
                            percent={a ? a / 20000 * 100 : 0}
                        />
                        <span style={{ position: 'absolute', left: '50%', top: '50%', width: '100%', padding: '0 5px', transform: 'translate(-50%, -50%)' }}><Statistic style={{ fontWeight: 'bold' }} value={a || 0} precision={2} valueStyle={a >= 20000 ? { color: '#000', fontWeight: 'bold' } : { fontWeight: 'bold' }} /></span>
                    </div>
                },
                {
                    title: '每日消耗', dataIndex: 'todayCost', label: '基础信息', align: 'right', width: 85, default: 7, sorter: true,
                    className: 'padding_0',
                    render: (a: number) => <div style={{ height: 25.5, position: 'relative' }}>
                        <Progress
                            strokeColor={{
                                from: '#ff5900',
                                to: '#ffd380',
                            }}
                            status="active"
                            showInfo={false}
                            percent={a ? a / 20000 * 100 : 0}
                        />
                        <span style={{ position: 'absolute', left: '50%', top: '50%', width: '100%', padding: '0 5px', transform: 'translate(-50%, -50%)' }}><Statistic value={a || 0} precision={2} valueStyle={a >= 20000 ? { color: '#000', fontWeight: 'bold' } : { fontWeight: 'bold' }} /></span>
                    </div>
                },
                {
                    title: '赔付金', dataIndex: 'payout', label: '基础信息', align: 'right', width: 80, default: 8, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '推广广告账号数量', dataIndex: 'acountCount', label: '基础信息', align: 'center', width: 80, default: 9, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '推广广告数量', dataIndex: 'adgroupCount', label: '基础信息', align: 'center', width: 80, default: 10, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                }
            ]
        },
        {
            label: '广告曝光指标（媒体）',
            data: [
                {
                    title: '点击量', dataIndex: 'clickCount', label: '广告曝光指标（媒体）', align: 'center', width: 80, default: 11, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '曝光量', dataIndex: 'viewCount', label: '广告曝光指标（媒体）', align: 'center', width: 80, default: 12, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '千次曝光成本', dataIndex: 'thousandDisplayPrice', label: '广告曝光指标（媒体）', align: 'right', width: 65, default: 13, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '点击率', dataIndex: 'ctr', label: '广告曝光指标（媒体）', align: 'center', width: 70, default: 14, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '点击均价', dataIndex: 'cpc', label: '广告曝光指标（媒体）', align: 'center', width: 65, default: 15, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '不感兴趣点击次数', dataIndex: 'noInterestCount', label: '广告曝光指标（媒体）', align: 'center', width: 65, default: 16, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '转化量', dataIndex: 'conversionsCount', label: '广告曝光指标（媒体）', align: 'center', width: 80, sorter: true, default: 17,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '转化成本', dataIndex: 'conversionsCost', label: '广告曝光指标（媒体）', align: 'right', width: 65, sorter: true, default: 18,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
            ]
        },
        {
            label: '广告转化指标（媒体）',
            data: [
                {
                    title: '注册人数', dataIndex: 'regDedupPv', label: '广告转化指标（媒体）', width: 65, align: 'center', sorter: true, default: 19,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册次数', dataIndex: 'regPv', label: '广告转化指标（媒体）', align: 'center', width: 80, sorter: true, default: 20,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册成本（人数）', dataIndex: 'regDedupCost', label: '广告转化指标（媒体）', align: 'right', width: 70, sorter: true, default: 21,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '注册成本（次数）', dataIndex: 'regCost', label: '广告转化指标（媒体）', align: 'right', width: 70, sorter: true, default: 22,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '注册率', dataIndex: 'regRate', label: '广告转化指标（媒体）', align: 'center', width: 70, default: 23, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '注册人数（平台上报+广告主上报）', dataIndex: 'regAllDedupPv', label: '广告转化指标（媒体）', align: 'center', width: 110, sorter: true, default: 24,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册成本（平台上报+广告主上报）', dataIndex: 'regCostPla', label: '广告转化指标（媒体）', align: 'right', width: 110, sorter: true, default: 25,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '注册率（平台上报+广告主上报）', dataIndex: 'regClickRatePla', label: '广告转化指标（媒体）', align: 'center', width: 110, default: 26, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
            ]
        },
        {
            label: '广告变现指标（媒体）',
            data: [
                {
                    title: '激活首日广告变现人数', dataIndex: 'adPayingUsersD1', label: '广告变现指标（媒体）', align: 'center', width: 85, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活首日广告变现成本（人数）', dataIndex: 'adPayingCostD1', label: '广告变现指标（媒体）', align: 'right', width: 100, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活首日广告变现金额', dataIndex: 'incomeVal1', label: '广告变现指标（媒体）', align: 'right', width: 85, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活首日广告变现ARPPU', dataIndex: 'incomeArppu1', label: '广告变现指标（媒体）', width: 90, align: 'center', sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活首日广告变现ROI', dataIndex: 'incomeRoi1', label: '广告变现指标（媒体）', align: 'center', width: 85, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '激活首24小时广告变现人数', dataIndex: 'adPayingUsers24h', label: '广告变现指标（媒体）', align: 'center', width: 85, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活首24小时广告变现成本（人数）', dataIndex: 'adPayingCost24h', label: '广告变现指标（媒体）', align: 'right', width: 100, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活首24小时广告变现金额', dataIndex: 'incomeVal24h', label: '广告变现指标（媒体）', align: 'right', width: 85, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活首24小时广告变现ARPPU', dataIndex: 'incomeArppu24h', label: '广告变现指标（媒体）', width: 98, align: 'center', sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活首24小时广告变现ROI', dataIndex: 'incomeRoi24h', label: '广告变现指标（媒体）', align: 'center', width: 90, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '激活3日广告变现次数', dataIndex: 'adMonetizationActive3dPv', label: '广告变现指标（媒体）', align: 'center', width: 75, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活3日广告变现人数', dataIndex: 'adMonetizationDedupActive3dPv', label: '广告变现指标（媒体）', align: 'center', width: 75, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活3日广告变现成本（人数）', dataIndex: 'adMonetizationDedupCost3', label: '广告变现指标（媒体）', align: 'right', width: 90, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活3日广告变现成本（次数）', dataIndex: 'adMonetizationActiveCost3', label: '广告变现指标（媒体）', align: 'right', width: 90, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活3日广告变现金额', dataIndex: 'incomeVal3', label: '广告变现指标（媒体）', align: 'right', width: 75, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活3日广告变现ARPPU', dataIndex: 'incomeArppu3', label: '广告变现指标（媒体）', width: 80, align: 'center', sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活3日广告变现ROI', dataIndex: 'incomeRoi3', label: '广告变现指标（媒体）', align: 'center', width: 75, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '激活7日广告变现次数', dataIndex: 'adMonetizationActive7dPv', label: '广告变现指标（媒体）', align: 'center', width: 75, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活7日广告变现人数', dataIndex: 'adMonetizationDedupActive7dPv', label: '广告变现指标（媒体）', align: 'center', width: 75, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活7日广告变现成本（人数）', dataIndex: 'adMonetizationDedupCost7', label: '广告变现指标（媒体）', align: 'right', width: 85, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活7日广告变现成本（次数）', dataIndex: 'adMonetizationActiveCost7', label: '广告变现指标（媒体）', align: 'right', width: 85, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活7日广告变现金额', dataIndex: 'incomeVal7', label: '广告变现指标（媒体）', align: 'right', width: 75, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活7日广告变现ARPPU', dataIndex: 'incomeArppu7', label: '广告变现指标（媒体）', width: 80, align: 'center', sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活7日广告变现ROI', dataIndex: 'incomeRoi7', label: '广告变现指标（媒体）', align: 'center', width: 80, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '激活14日广告变现金额', dataIndex: 'incomeVal14', label: '广告变现指标（媒体）', align: 'right', width: 80, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '激活14日广告变现ROI', dataIndex: 'incomeRoi14', label: '广告变现指标（媒体）', align: 'center', width: 75, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '广告变现人数', dataIndex: 'appAdPayingUsers', label: '广告变现指标（媒体）', align: 'right', width: 70, sorter: true, default: 27,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '广告变现成本', dataIndex: 'appAdPayingCost', label: '广告变现指标（媒体）', align: 'right', width: 70, sorter: true, default: 28,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现金额', dataIndex: 'adMonetizationAmount', label: '广告变现指标（媒体）', align: 'right', width: 85, sorter: true, default: 29,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现ARPPU', dataIndex: 'adMonetizationArppu', label: '广告变现指标（媒体）', width: 70, align: 'center', sorter: true, default: 30,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现ROI', dataIndex: 'adMonetizationRoi', label: '广告变现指标（媒体）', align: 'center', width: 70, sorter: true, default: 31,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                }
            ]
        },
        {
            label: '广告数据(颜色：明青)',
            bcColor: '#e6fffb',
            data: [
                {
                    title: '累计消耗（广告端）', dataIndex: 'totalCost', label: '广告数据', align: 'right', width: 110, sorter: true, className: 'adColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告端累计变现收入（广告端）', dataIndex: 'adTotalIncome', label: '广告数据', align: 'right', width: 95, sorter: true, className: 'adColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告端累计回收（广告端）', dataIndex: 'adTotalRecycle', label: '广告数据', align: 'right', width: 90, sorter: true, className: 'adColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '广告端变现累计利润（广告端）', dataIndex: 'adTotalRate', label: '广告数据', align: 'right', width: 95, sorter: true, className: 'adColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告端变现利润率（广告端）', dataIndex: 'appTotalProfitRate', tips: '计算公式：（广告端累计变现收入-累计消耗）/累计消耗*100%', label: '广告数据', align: 'center', width: 110, sorter: true, className: 'adColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '广告新增ARPU（广告端）', dataIndex: 'adNewArpu', tips: ' 计算公式：广告端变现收入/每日新增注册人数', label: '广告数据', align: 'center', width: 105, sorter: true, className: 'adColorClass',
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告总ARPU（广告端）', dataIndex: 'adTotalArpu', tips: '计算公式：广告端累计变现收入/累计注册人数', label: '广告数据', align: 'center', width: 105, sorter: true, className: 'adColorClass',
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                }
            ]
        },
        {
            label: '应用数据(颜色：法式洋红)',
            bcColor: '#fff0f6',
            data: [
                {
                    title: '点击数（应用端）', dataIndex: 'appClickCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '曝光次数（应用端）', dataIndex: 'appExposureCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '拉取次数（应用端）', dataIndex: 'appReqSuccCount', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '曝光率（应用端）', dataIndex: 'appExposureRate', label: '应用数据', align: 'center', width: 70, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '点击率（应用端）', dataIndex: 'appClickRate', label: '应用数据', align: 'center', width: 70, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: 'eCPM（应用端）', tips: '计算公式：单日总广告收入/曝光次数*1000', dataIndex: 'appEcpm', label: '应用数据', align: 'center', width: 80, sorter: true, className: 'appColorClass',
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '应用端每日变现收入（应用端）', dataIndex: 'appIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'appColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '应用端累计变现收入（应用端）', dataIndex: 'appTotalIncome', label: '应用数据', align: 'right', width: 95, sorter: true, className: 'appColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '每日新增注册人数（应用端）', dataIndex: 'appNewRegUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '新增注册成本（应用端）', dataIndex: 'appNewRegUserCost', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'appColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '每日活跃人数（DAU）（应用端）', dataIndex: 'appActiveUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '活跃用户次日留存人数（应用端）', dataIndex: 'appNextActiveUser', label: '应用数据', align: 'center', width: 95, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '活跃用户次日留存率（应用端）', dataIndex: 'appNextActiveUserRate', tips: '计算公式：活跃用户次日留存人数/每日活跃人数DAU', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '人均活跃成本（应用端）', dataIndex: 'appAvgActiveCost', tips: '计算公式：累计消耗/每日活跃人数DAU', label: '应用数据', align: 'right', width: 100, sorter: true, className: 'appColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '新增占比（应用端）', dataIndex: 'newProportion', tips: '计算公式：每日新增注册人数/每日活跃人数DAU', label: '应用数据', align: 'center', width: 85, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '累计注册人数（应用端）', dataIndex: 'appTotalRegUser', label: '应用数据', align: 'center', width: 85, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '人均新增成本（应用端）', dataIndex: 'appUserAvgCost', label: '应用数据', align: 'right', width: 80, sorter: true, className: 'appColorClass',
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '应用端累计回收（应用端）', dataIndex: 'appTotalRecycle', label: '应用数据', align: 'right', width: 90, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },

                {
                    title: '人均广告曝光次数（应用端）', dataIndex: 'avgExposureCount', tips: '计算公式：曝光量/每日活跃人数DAU', label: '应用数据', align: 'center', width: 100, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '应用端广告ARPU（应用端）', dataIndex: 'appAdArpu', tips: '计算公式：应用端每日变现收入/每日活跃人数DAU', label: '应用数据', align: 'center', width: 100, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '应用端广告总ARPU（应用端）', dataIndex: 'appAdTotalArpu', tips: '计算公式：应用端累计变现收入/累计注册人数', label: '应用数据', align: 'center', width: 110, sorter: true, className: 'appColorClass',
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
            ]
        },
        {
            label: '充值数据',
            data: [
                {
                    title: '今日账面充值', dataIndex: 'orderAmount', label: '充值数据', align: 'center', width: 110, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '今日账面回收', dataIndex: 'appOrderIncome',  tips: '变现+充值', label: '充值数据', align: 'center', width: 110, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '累计充值', dataIndex: 'totalOrderAmount', label: '充值数据', align: 'center', width: 110, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '累计回收', dataIndex: 'totalAppOrderIncome', label: '充值数据', align: 'center', width: 110, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
            ]
        }
    ]
}

export default columns12