import WidthEllipsis from "@/components/widthEllipsis"
import { Progress, Statistic } from "antd"
import React from "react"
import { ADSTATUSEnum, LANDINGTYPE, PRICINGEnum, PRODUCT_TYPE_ENUM, PROJECTSTATUs } 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[] }[] {


    return [
        {
            label: '账户信息',
            data: [
                {
                    title: '推广账号名称', dataIndex: 'accountName', label: '账户信息', align: 'center', width: 100, default: 3,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '推广账号ID', dataIndex: 'accountId', label: '账户信息', align: 'center', width: 100, default: 2,
                    render: (a: string) => (<WidthEllipsis value={a} isCopy />)
                },
                {
                    title: '备注', dataIndex: 'notes', label: '账户信息', align: 'center', width: 100, default: 4,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '服务商', dataIndex: 'service', label: '账户信息', align: 'center', width: 100, default: 5,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '渠道名称', dataIndex: 'agentName', label: '账户信息', align: 'center', width: 80, default: 16,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '渠道ID', dataIndex: 'agentId', label: '账户信息', align: 'center', width: 80,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '投手', dataIndex: 'zxPitcherName', label: '账户信息', align: 'center', width: 60, default: 15,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '余额', dataIndex: 'balance', label: '账户信息', align: 'right', width: 75, sorter: true, default: 21,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '业务类型', dataIndex: 'productType', label: '账户信息', align: 'center', width: 80, default: 11,
                    render: (a: string) => (<WidthEllipsis value={PRODUCT_TYPE_ENUM[a as keyof typeof PRODUCT_TYPE_ENUM]} />)
                },
                {
                    title: '应用类型', dataIndex: 'appType', label: '账户信息', align: 'center', width: 80, default: 12,
                    render: (a: string) => (<WidthEllipsis value={APPTYPE[a as keyof typeof APPTYPE]?.text} />)
                },
                {
                    title: '应用', dataIndex: 'appName', label: '账户信息', align: 'center', width: 100, default: 13,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '应用ID', dataIndex: 'appId', label: '账户信息', align: 'center', width: 100,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '小程序名称', dataIndex: 'mpName', label: '账户信息', align: 'center', width: 100, default: 14,
                    render: (a: string, b: any) => (<WidthEllipsis isCopy value={a} />)
                },
                {
                    title: '小程序ID', dataIndex: 'mpId', label: '账户信息', align: 'center', width: 100,
                    render: (a: string, b: any) => (<WidthEllipsis isCopy value={a} />)
                }
            ]
        },
        {
            label: '广告信息',
            data: [
                {
                    title: '广告组', dataIndex: 'campaignId', label: '广告信息', align: 'center', width: 100, default: 7,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '广告组名称', dataIndex: 'campaignName', label: '广告信息', align: 'center', width: 100, default: 8,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '广告名称', dataIndex: 'adName', label: '广告信息', align: 'center', width: 100, default: 9,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '广告ID', dataIndex: 'adId', label: '广告信息', align: 'center', width: 80, default: 6,
                    render: (a: string) => (<WidthEllipsis value={a} isCopy />)
                },
                {
                    title: '广告状态', dataIndex: 'adStatus', label: '广告信息', align: 'center', width: 95, default: 17,
                    render: (a: string) => (<WidthEllipsis value={(ADSTATUSEnum as any)[a]} />)
                },
                {
                    title: '项目名称', dataIndex: 'projectName', label: '广告信息', align: 'center', width: 75, default: 18,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '项目ID', dataIndex: 'projectId', label: '广告信息', align: 'center', width: 75,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '项目类型', dataIndex: 'adType', label: '广告信息', align: 'center', width: 75, default: 19,
                    render: (a: string) => (<WidthEllipsis value={a === 'ALL' ? '所有广告' : a === 'SEARCH' ? '搜索广告' : '--'} />)
                },
                {
                    title: '项目状态', dataIndex: 'proStatus', label: '广告信息', align: 'center', width: 75, default: 20,
                    render: (a: string) => (<WidthEllipsis value={(PROJECTSTATUs as any)[a]} />)
                },
                {
                    title: '项目预算', dataIndex: 'proBudget', label: '广告信息', align: 'right', width: 75, default: 28, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '预算类型', dataIndex: 'budgetMode', label: '广告信息', align: 'center', width: 70, default: 29, 
                    render: (a: string) => (<WidthEllipsis value={a === 'BUDGET_MODE_DAY' ? '日预算' : a === 'BUDGET_MODE_TOTAL' ? '总预算' : '--'} />)
                },
                {
                    title: '推广目标', dataIndex: 'landingType', label: '广告信息', align: 'center', width: 100, default: 10,
                    render: (a: string) => (<WidthEllipsis value={(LANDINGTYPE as any)[a]} />)
                },
                {
                    title: '媒体平台', dataIndex: 'mediaPlatform', label: '广告信息', align: 'center', width: 80,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '出价方式', dataIndex: 'pricing', label: '广告信息', align: 'center', width: 80, default: 22,
                    render: (a: string) => (<WidthEllipsis value={(PRICINGEnum as any)[a]} />)
                },
                {
                    title: '当前出价', dataIndex: 'cpaBid', label: '广告信息', align: 'center', width: 75, default: 23, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '广告日预算', dataIndex: 'dayBudget', label: '广告信息', align: 'right', width: 75, default: 24, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '投放时间', dataIndex: 'startTime', label: '广告信息', align: 'center', width: 180, default: 31,
                    render: (a: string, b: any) => b?.accountId === '总计' ? '--' : <WidthEllipsis value={a + (b?.endTime ? '~' + b?.endTime : '')} />
                },
                {
                    title: '广告创建时间', dataIndex: 'promotionCreateTime', label: '广告信息', align: 'center', width: 130, default: 32,
                    render: (a: string, b: any) => <WidthEllipsis value={a} />
                },
                {
                    title: '深度转化ROI系数', dataIndex: 'roiGoal', label: '广告信息', align: 'center', width: 75, default: 30,
                    render: (a: string) => <Statistic value={a || 0} />
                }
            ]
        },
        {
            label: '消耗数据',
            data: [
                {
                    title: '消耗时间', dataIndex: 'dt', label: '消耗数据', align: 'center', width: 100,
                    render: (a: string) => <WidthEllipsis value={a} />
                },
                {
                    title: '今日消耗', dataIndex: 'cost', label: '消耗数据', align: 'center', width: 85, default: 33, sorter: true,
                    className: 'padding_0',
                    render: (a: number) => <div style={{ height: 27, position: 'relative' }}>
                        <Progress
                            strokeColor={{
                                from: '#ff5900',
                                to: '#ffd380',
                            }}
                            status="active"
                            showInfo={false}
                            percent={a ? a / 20000 * 100 : 0}
                        />
                        <span style={{ position: 'absolute', left: 0, top: 2, bottom: 0, right: 0, padding: '0 5px' }}><Statistic value={a || 0} valueStyle={a >= 20000 ? { color: '#000', fontWeight: 500 } : { fontWeight: 500 }} /></span>
                    </div>
                },
                {
                    title: '广告总消耗', dataIndex: 'adTotalCost', label: '消耗数据', align: 'center', width: 85, default: 34, sorter: true,
                    className: 'padding_0',
                    render: (a: number) => <div style={{ height: 27, position: 'relative' }}>
                        <Progress
                            strokeColor={{
                                from: '#10c1e9',
                                to: '#6892d0',
                            }}
                            status="active"
                            showInfo={false}
                            percent={a ? a / 20000 * 100 : 0}
                        />
                        <span style={{ position: 'absolute', left: 0, top: 2, bottom: 0, right: 0, padding: '0 5px' }}><Statistic value={a || 0} valueStyle={a >= 20000 ? { color: '#000', fontWeight: 500 } : { fontWeight: 500 }} /></span>
                    </div>
                }
            ]
        },
        {
            label: '广告媒体端展示数据指标',
            data: [
                {
                    title: '曝光量', dataIndex: 'showCount', label: '广告媒体端展示数据指标', align: 'center', width: 70, default: 35, sorter: true, 
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '点击量', dataIndex: 'click', label: '广告媒体端展示数据指标', align: 'center', width: 70, default: 36, sorter: true, 
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '点击率', dataIndex: 'ctr', label: '广告媒体端展示数据指标', align: 'center', width: 70, default: 37, sorter: true, 
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '点击均价', dataIndex: 'avgClickCost', label: '广告媒体端展示数据指标', align: 'center', width: 65, default: 38, sorter: true, 
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '千次曝光成本', dataIndex: 'avgShowCost', label: '广告媒体端展示数据指标', align: 'right', width: 65, default: 39, sorter: true,
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
            ]
        },
        {
            label: '广告媒体端转化数据指标',
            data: [
                {
                    title: '转化目标', dataIndex: 'convertTarget', label: '广告媒体端转化数据指标', align: 'center', width: 65, default: 25, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a} />
                },
                {
                    title: '转化目标量', dataIndex: 'convertCount', label: '广告媒体端转化数据指标', align: 'center', width: 65, default: 40, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '转化目标成本', dataIndex: 'convertCost', label: '广告媒体端转化数据指标', align: 'center', width: 65, default: 27, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '转化目标率', dataIndex: 'convertRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, default: 26, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '激活数', dataIndex: 'active', label: '广告媒体端转化数据指标', align: 'center', width: 65, default: 41, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活成本', dataIndex: 'activeCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, default: 42, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '激活率', dataIndex: 'activeRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, default: 43, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '注册数', dataIndex: 'register', label: '广告媒体端转化数据指标', align: 'center', width: 65, default: 49, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册成本(广告)', dataIndex: 'activeRegisterCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, default: 50, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册率', dataIndex: 'activeRegisterRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, default: 51, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '关键行为数', dataIndex: 'gameAddiction', label: '广告媒体端转化数据指标', align: 'center', width: 65, default: 46, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '关键行为成本', dataIndex: 'gameAddictionCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, default: 44, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '关键行为率', dataIndex: 'gameAddictionRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, default: 45, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '次留成本', dataIndex: 'attributionNextDayOpenCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, default: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '次日留存数', dataIndex: 'attributionNextDayOpenCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '次留率(广告)', dataIndex: 'attributionNextDayOpenRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, default: 72, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '次留回传数', dataIndex: 'nextDayOpen', label: '广告媒体端转化数据指标', align: 'center', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '2日留存数', dataIndex: 'attributionRetention2dCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '2日留存成本', dataIndex: 'attributionRetention2dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '2日留存率', dataIndex: 'attributionRetention2dRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '3日留存数', dataIndex: 'attributionRetention3dCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '3日留存成本', dataIndex: 'attributionRetention3dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '3日留存率', dataIndex: 'attributionRetention3dRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '4日留存数', dataIndex: 'attributionRetention4dCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '4日留存成本', dataIndex: 'attributionRetention4dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '4日留存率', dataIndex: 'attributionRetention4dRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '5日留存数', dataIndex: 'attributionRetention5dCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '5日留存成本', dataIndex: 'attributionRetention5dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '5日留存率', dataIndex: 'attributionRetention5dRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '6日留存数', dataIndex: 'attributionRetention6dCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '6日留存成本', dataIndex: 'attributionRetention6dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '6日留存率', dataIndex: 'attributionRetention6dRate', label: '广告媒体端转化数据指标', align: 'center', width: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '7日留存数', dataIndex: 'attributionRetention7dCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '7日留存成本', dataIndex: 'attributionRetention7dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '7日留存总数', dataIndex: 'attributionRetention7dSumCnt', label: '广告媒体端转化数据指标', align: 'center', width: 65, sorter: true, default: 74, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '7日留存率', dataIndex: 'attributionRetention7dTotalCost', label: '广告媒体端转化数据指标', align: 'center', width: 70, sorter: true, className: "adDataBackColorClass",
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '7日留存总成本', dataIndex: 'attributionRetention7dCost', label: '广告媒体端转化数据指标', align: 'right', width: 75, sorter: true, default: 73, className: "adDataBackColorClass",
                    render: (a: string) => <Statistic value={a || 0} />
                },
            ]
        },
        {
            label: '小程序/小游戏变现指标',
            data: [
                {
                    title: '小程序/小游戏当日LTV（首日）', dataIndex: 'attributionMicroGame0dLtv', label: '小程序/小游戏变现指标', align: 'center', width: 85,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '小程序/小游戏激活后三日LTV', dataIndex: 'attributionMicroGame3dLtv', label: '小程序/小游戏变现指标', align: 'center', width: 85,
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '小程序/小游戏当日（首日）广告变现ROI', dataIndex: 'attributionMicroGame0dRoi', label: '小程序/小游戏变现指标', align: 'center', width: 95, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '小程序/小游戏激活后三日广告变现ROI', dataIndex: 'attributionMicroGame3dRoi', label: '小程序/小游戏变现指标', align: 'center', width: 95, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '小程序/小游戏激活后七日广告变现ROI', dataIndex: 'attributionMicroGame7dRoi', label: '小程序/小游戏变现指标', align: 'center', width: 95, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '小程序/小游戏激活后七日LTV', dataIndex: 'attributionMicroGame7dLtv', label: '小程序/小游戏变现指标', align: 'center', width: 85,
                    render: (a: string) => <Statistic value={a || 0} />
                },
            ]
        },
        {
            label: '应用端数据指标',
            data: [
                {
                    title: '今日注册人数', dataIndex: 'todayRegUser', label: '应用端数据指标', align: 'center', width: 65, default: 47, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '广告总注册人数', dataIndex: 'totalRegUser', label: '应用端数据指标', align: 'center', width: 65, default: 48, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册成本(应用)', dataIndex: 'regCost', label: '应用端数据指标', align: 'right', width: 75, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '人均新增成本', dataIndex: 'totalRegCost', label: '应用端数据指标', align: 'right', width: 75, default: 52, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册首日广告变现人数', dataIndex: 'regFirstUser', label: '应用端数据指标', align: 'center', width: 85, default: 53, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册首日广告变现次数', dataIndex: 'regFirstCnt', label: '应用端数据指标', align: 'center', width: 85, default: 54, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册首日广告变现金额', dataIndex: 'regFirstAmount', label: '应用端数据指标', align: 'right', width: 85, default: 55, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册首日变现ROI', dataIndex: 'regFirstRoi', label: '应用端数据指标', align: 'center', width: 70, default: 56, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '注册24小时广告变现人数', dataIndex: 'regTwentyFourUser', label: '应用端数据指标', align: 'center', width: 85, default: 57, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册24小时广告变现次数', dataIndex: 'regTwentyFourCnt', label: '应用端数据指标', align: 'center', width: 85, default: 58, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册24小时广告变现金额', dataIndex: 'regTwentyFourAmount', label: '应用端数据指标', align: 'right', width: 85, default: 59, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册24小时变现ROI', dataIndex: 'regTwentyFourRoi', label: '应用端数据指标', align: 'center', width: 70, default: 60, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '注册3日广告变现人数', dataIndex: 'regThreeUser', label: '应用端数据指标', align: 'center', width: 85, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册3日广告变现次数', dataIndex: 'regThreeCnt', label: '应用端数据指标', align: 'center', width: 85, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册3日广告变现金额', dataIndex: 'regThreeAmount', label: '应用端数据指标', align: 'right', width: 85, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册3日变现ROI', dataIndex: 'regThreeRoi', label: '应用端数据指标', align: 'center', width: 70, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '注册7日广告变现人数', dataIndex: 'regSevenUser', label: '应用端数据指标', align: 'center', width: 85, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册7日广告变现次数', dataIndex: 'regSevenCnt', label: '应用端数据指标', align: 'center', width: 85, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册7日广告变现金额', dataIndex: 'regSevenAmount', label: '应用端数据指标', align: 'right', width: 85, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '注册7日变现ROI', dataIndex: 'regSevenRoi', label: '应用端数据指标', align: 'center', width: 70, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '累计首日广告变现人数', dataIndex: 'regTotalUser', label: '应用端数据指标', align: 'center', width: 85, default: 61, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '累计广告变现次数', dataIndex: 'regTotalCnt', label: '应用端数据指标', align: 'center', width: 85, default: 62, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '累计广告变现金额', dataIndex: 'regTotalAmount', label: '应用端数据指标', align: 'right', width: 85, default: 63, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '累计广告变现ROI', dataIndex: 'regTotalRoi', label: '应用端数据指标', align: 'center', width: 70, default: 64, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '首日新增ARPU', dataIndex: 'firstNewArpu', label: '应用端数据指标', align: 'center', width: 80, default: 65, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告总ARPU', dataIndex: 'adTotalArpu', label: '应用端数据指标', align: 'center', width: 80, default: 66, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '首日ecpm', dataIndex: 'firstEcpm', label: '应用端数据指标', align: 'center', width: 80, default: 67, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '总ecpm', dataIndex: 'totalEcpm', label: '应用端数据指标', align: 'center', width: 80, default: 68, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '人均广告有效观看次数', dataIndex: 'userAvgLookCnt', label: '应用端数据指标', align: 'center', width: 85, default: 69, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                },
                {
                    title: '用户广告转化率', dataIndex: 'userAdConvertRate', label: '应用端数据指标', align: 'center', width: 70, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                
                {
                    title: '次日留存率(应用)', dataIndex: 'active2Rate', label: '应用端数据指标', align: 'center', width: 70, sorter: true, className: 'payDataBackColorClass',
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 50 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '次日留存人数', dataIndex: 'active2User', label: '应用端数据指标', align: 'center', width: 75, default: 71, sorter: true, className: 'payDataBackColorClass',
                    render: (a: string) => <Statistic value={a || 0} />
                }
            ]
        }
    ]
}

export default columns12