qc-dataSystemNew25/src/pages/dataStatisticsNovel/pitcher/overview/tableConfig.tsx

import WidthEllipsis from "@/components/WidthEllipsis";
import { Statistic } from "antd";

function columns12(): NOVEL_DATA_API.ColumnsProps[] {

    return [
        {
            label: '基本信息',
            data: [
                {
                    title: '投手', dataIndex: 'pitcher', label: '基本信息', align: 'center', width: 60, default: 1,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '最早消耗时间', dataIndex: 'start_date', label: '基本信息', align: 'center', width: 90, default: 2,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '最晚消耗时间', dataIndex: 'end_date', label: '基本信息', align: 'center', width: 90, default: 3,
                    render: (a: string) => (<WidthEllipsis value={a} />)
                },
                {
                    title: '消耗', dataIndex: 'cost', label: '基本信息', align: 'right', width: 110, sorter: true, default: 4,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '注册用户充值', dataIndex: 'amount', label: '基本信息', align: 'right', width: 120, sorter: true, default: 5,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '首日充值', dataIndex: 'first_amount', label: '基本信息', align: 'right', width: 110, sorter: true, default: 6,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '回收率', dataIndex: 'roi', label: '基本信息', align: 'center', width: 90, default: 7, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '首日回收率', dataIndex: 'first_roi', label: '基本信息', align: 'center', width: 75, default: 8, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '七日回收率', dataIndex: 'roi7', label: '基本信息', align: 'center', width: 90, default: 9, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '30日回收率', dataIndex: 'roi30', label: '基本信息', align: 'center', width: 90, default: 10, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '毛利额', dataIndex: 'profit', label: '基本信息', align: 'right', width: 110, sorter: true, default: 11,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '点击率', dataIndex: 'click_rate', label: '基本信息', align: 'center', width: 80, default: 12, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '关注率', dataIndex: 'follow_rate', label: '基本信息', align: 'center', width: 80, default: 13, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '下单率', dataIndex: 'order_rate', label: '基本信息', align: 'center', width: 80, default: 14, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '首日下单率', dataIndex: 'first_order_rate', label: '基本信息', align: 'center', width: 85, default: 15, sorter: true,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={a <= 0.08 ? { color: '#0f990f', fontWeight: 600 } : a >= 1 ? { color: 'red', fontWeight: 600 } : {}} suffix="%" />
                },
                {
                    title: '曝光量', dataIndex: 'view_count', label: '基本信息', align: 'center', width: 110, sorter: true, default: 16,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '点击量', dataIndex: 'click_count', label: '基本信息', align: 'center', width: 105, sorter: true, default: 17,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '关注人数', dataIndex: 'follow_user', label: '基本信息', align: 'center', width: 85, sorter: true, default: 18,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '充值人数', dataIndex: 'order_user', label: '基本信息', align: 'center', width: 85, sorter: true, default: 19,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '首日充值人数', dataIndex: 'first_order_user', label: '基本信息', align: 'center', width: 80, sorter: true, default: 20,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '关注成本', dataIndex: 'follow_cost', label: '基本信息', align: 'right', width: 85, sorter: true, default: 21,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '充值成本', dataIndex: 'order_cost', label: '基本信息', align: 'right', width: 80, sorter: true, default: 22,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '首日充值成本', dataIndex: 'first_order_cost', label: '基本信息', align: 'right', width: 80, sorter: true, default: 23,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '客单价', dataIndex: 'avg_amount', label: '基本信息', align: 'right', width: 70, sorter: true, default: 24,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '今日充值', dataIndex: 'td_amount', label: '基本信息', align: 'right', width: 90, sorter: true, default: 25,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '昨日充值', dataIndex: 'yd_amount', label: '基本信息', align: 'right', width: 90, sorter: true, default: 26,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '前日充值', dataIndex: 'byd_amount', label: '基本信息', align: 'right', width: 90, sorter: true, default: 27,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '真实累计充值', dataIndex: 'reg_user_coefficient_amount', label: '基本信息', align: 'right', width: 120, sorter: true, default: 28,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '真实首日充值', dataIndex: 'first_user_coefficient_amount', label: '基本信息', align: 'right', width: 120, sorter: true, default: 29,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '真实累计回本率', dataIndex: 'total_reg_user_coefficient_roi', label: '基本信息', align: 'center', width: 90, sorter: true, default: 30,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '真实首日回本率', dataIndex: 'total_first_user_coefficient_roi', label: '基本信息', align: 'center', width: 80, sorter: true, default: 31,
                    render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
                },
                {
                    title: '书城粉丝数', dataIndex: 'platform_new_user_count', label: '基本信息', align: 'center', width: 70, sorter: true, default: 32,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '书城粉丝关注成本', dataIndex: 'platform_new_user_cost', label: '基本信息', align: 'right', width: 90, sorter: true, default: 33,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
                {
                    title: '加企业微信客服人数', dataIndex: 'scan_follow_user_count', label: '基本信息', align: 'center', width: 95, sorter: true, default: 34,
                    render: (a: number) => (<Statistic value={a || 0} />)
                },
                {
                    title: '加企业微信客服成本', dataIndex: 'scan_follow_user_cost', label: '基本信息', align: 'right', width: 95, sorter: true, default: 35,
                    render: (a: number) => (<Statistic value={a || 0} precision={2} />)
                },
            ]
        }
    ]
}

export default columns12