qc-iaaSystem/src/pages/iaaData/novel/tencent/pitcherAdRevenue/tableConfig.tsx

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

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


    return [
        {
            label: '基本信息',
            data: [
                {
                    title: '日期', dataIndex: 'dt', 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: 'iaaAppId', 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: 'adUnitType', label: '基本信息', align: 'center', width: 80,
                    render: (a: string) => (<WidthEllipsis value={AdUnitType_Enum[a as keyof typeof AdUnitType_Enum]} />)
                },
                {
                    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: 'pitcherName', label: '基本信息', align: 'center', width: 80, default: 6,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '消耗', dataIndex: 'cost', label: '基本信息', align: 'right', width: 125, default: 7, sorter: true,
                    className: 'padding_0',
                    render: (a: number) => <div style={{ height: 30, 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: 'adMonetizationCost', label: '基本信息', align: 'right', width: 110, default: 8, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现人数', dataIndex: 'appAdPayingUsers', label: '基本信息', align: 'center', width: 110, default: 9, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} />
                },
                {
                    title: '广告变现arpu', dataIndex: 'arpu', label: '基本信息', align: 'center', width: 110, default: 10, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现arppu', dataIndex: 'arppu', label: '基本信息', align: 'center', width: 120, default: 11, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现金额', dataIndex: 'appAdPayingAmount', label: '基本信息', align: 'center', width: 110, default: 12, sorter: true,
                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: '广告变现roi', dataIndex: 'appAdPayingRoi', label: '基本信息', align: 'center', width: 105, default: 13, sorter: true,
                    render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },

                {
                    title: '注册人数', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 14, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D1', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 14, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D2', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 15, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D3', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 16, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D4', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 17, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D5', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 18, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D6', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 19, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
                {
                    title: 'D7', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 20, sorter: true,
                    render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                },
            ]
        }
    ]
}

export default columns12