|
@@ -2,6 +2,7 @@ import WidthEllipsis from "@/components/WidthEllipsis";
|
|
|
import { Statistic } from "antd";
|
|
|
import style from '../../pitcher/pitcherPay/index.less'
|
|
|
|
|
|
+const lineHeight = '81.69px'
|
|
|
function columns12(): NOVEL_DATA_API.ColumnsProps[] {
|
|
|
|
|
|
const arr = Array(60).fill('').map((_, index) => {
|
|
@@ -16,7 +17,7 @@ function columns12(): NOVEL_DATA_API.ColumnsProps[] {
|
|
|
<span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{a?.mult}</span></span>
|
|
|
</div>
|
|
|
}
|
|
|
- return <div style={{ fontSize: 12, minHeight: 75.4, lineHeight: '75.4px' }}>--</div>
|
|
|
+ return <div style={{ fontSize: 12, minHeight: lineHeight, lineHeight }}>--</div>
|
|
|
}
|
|
|
}
|
|
|
})
|
|
@@ -33,7 +34,7 @@ function columns12(): NOVEL_DATA_API.ColumnsProps[] {
|
|
|
<span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{a?.mult}</span></span>
|
|
|
</div>
|
|
|
}
|
|
|
- return <div style={{ fontSize: 12, minHeight: 75.4, lineHeight: '75.4px' }}>--</div>
|
|
|
+ return <div style={{ fontSize: 12, minHeight: lineHeight, lineHeight }}>--</div>
|
|
|
}
|
|
|
}
|
|
|
})
|
|
@@ -44,147 +45,147 @@ function columns12(): NOVEL_DATA_API.ColumnsProps[] {
|
|
|
data: [
|
|
|
{
|
|
|
title: '小说', dataIndex: 'book', label: '基本信息', align: 'center', width: 70, default: 1,
|
|
|
- render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '投放位置', dataIndex: 'type', label: '基本信息', align: 'center', width: 40, default: 2,
|
|
|
- render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
- title: '最早投放日期', dataIndex: 'start_date', label: '基本信息', align: 'center', width: 80, default: 3,
|
|
|
- render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight: '75.4px' }} />)
|
|
|
+ title: '最早投放日期', dataIndex: 'start_date', label: '基本信息', align: 'center', width: 80, sorter: true, default: 3,
|
|
|
+ render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
- title: '最晚消耗时间', dataIndex: 'end_date', label: '基本信息', align: 'center', width: 80, default: 4,
|
|
|
- render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight: '75.4px' }} />)
|
|
|
+ title: '最晚消耗时间', dataIndex: 'end_date', label: '基本信息', align: 'center', width: 80, sorter: true, default: 4,
|
|
|
+ render: (a: string) => (<WidthEllipsis value={a} style={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '消耗', dataIndex: 'cost', label: '基本信息', align: 'right', width: 110, sorter: true, default: 5,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '注册用户充值', dataIndex: 'amount', label: '基本信息', align: 'right', width: 110, sorter: true, default: 6,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '首日充值', dataIndex: 'first_amount', label: '基本信息', align: 'right', width: 105, sorter: true, default: 7,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
- title: '回本率', dataIndex: 'roi', label: '基本信息', align: 'center', width: 100, default: 8, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ title: '回收率', dataIndex: 'roi', label: '基本信息', align: 'center', width: 100, default: 8, sorter: true,
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '首日回收率', dataIndex: 'first_roi', label: '基本信息', align: 'center', width: 100, default: 9, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '七日回收率', dataIndex: 'roi7', label: '基本信息', align: 'center', width: 100, default: 10, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '30日回收率', dataIndex: 'roi30', label: '基本信息', align: 'center', width: 100, default: 11, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '毛利额', dataIndex: 'profit', label: '基本信息', align: 'right', width: 100, sorter: true, default: 12,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '点击率', dataIndex: 'click_rate', label: '基本信息', align: 'center', width: 90, default: 13, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '关注率', dataIndex: 'follow_rate', label: '基本信息', align: 'center', width: 90, default: 14, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '下单率', dataIndex: 'order_rate', label: '基本信息', align: 'center', width: 90, default: 15, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '首日下单率', dataIndex: 'first_order_rate', label: '基本信息', align: 'center', width: 100, default: 16, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight: '75.4px' } : a >= 1 ? { color: '#0f990f', lineHeight: '75.4px' } : { lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight } : a <= 0.08 ? { color: '#0f990f', fontWeight: 600, lineHeight } : a >= 1 ? { color: 'red', fontWeight: 600, lineHeight } : { lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '曝光量', dataIndex: 'view_count', label: '基本信息', align: 'center', width: 110, sorter: true, default: 17,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '点击量', dataIndex: 'click_count', label: '基本信息', align: 'center', width: 105, sorter: true, default: 18,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '关注人数', dataIndex: 'follow_user', label: '基本信息', align: 'center', width: 95, sorter: true, default: 19,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '充值人数', dataIndex: 'order_user', label: '基本信息', align: 'center', width: 90, sorter: true, default: 20,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '首日充值人数', dataIndex: 'first_order_user', label: '基本信息', align: 'center', width: 80, sorter: true, default: 21,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '关注成本', dataIndex: 'follow_cost', label: '基本信息', align: 'right', width: 70, sorter: true, default: 22,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '充值成本', dataIndex: 'order_cost', label: '基本信息', align: 'right', width: 80, sorter: true, default: 23,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '首日充值成本', dataIndex: 'first_order_cost', label: '基本信息', align: 'right', width: 80, sorter: true, default: 24,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '客单价', dataIndex: 'avg_amount', label: '基本信息', align: 'right', width: 70, sorter: true, default: 25,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '今日充值', dataIndex: 'td_amount', label: '基本信息', align: 'right', width: 90, sorter: true, default: 26,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '昨日充值', dataIndex: 'yd_amount', label: '基本信息', align: 'right', width: 90, sorter: true, default: 27,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '前日充值', dataIndex: 'byd_amount', label: '基本信息', align: 'right', width: 90, sorter: true, default: 28,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '真实累计充值', dataIndex: 'total_reg_user_coefficient_amount', label: '基本信息', align: 'right', width: 110, sorter: true, default: 29,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '真实首日充值', dataIndex: 'total_first_user_coefficient_amount', label: '基本信息', align: 'right', width: 110, sorter: true, default: 30,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '真实累计回本率', dataIndex: 'total_reg_user_coefficient_roi', label: '基本信息', align: 'center', width: 110, sorter: true, default: 31,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a >= 0.5 ? { color: 'red', lineHeight: '75.4px' } : { color: '#0f990f', lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={{ lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '真实首日回本率', dataIndex: 'total_first_user_coefficient_roi', label: '基本信息', align: 'center', width: 110, sorter: true, default: 32,
|
|
|
- render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={!a ? { lineHeight: '75.4px' } : a >= 0.5 ? { color: 'red', lineHeight: '75.4px' } : { color: '#0f990f', lineHeight: '75.4px' }} suffix="%" />
|
|
|
+ render: (a: number) => <Statistic value={a ? (a * 100) : 0} precision={2} valueStyle={{ lineHeight }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '书城粉丝数', dataIndex: 'platform_new_user_count', label: '基本信息', align: 'center', width: 70, sorter: true, default: 33,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '书城粉丝关注成本', dataIndex: 'platform_new_user_cost', label: '基本信息', align: 'right', width: 90, sorter: true, default: 34,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '加企业微信客服人数', dataIndex: 'scan_follow_user_count', label: '基本信息', align: 'center', width: 95, sorter: true, default: 35,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} valueStyle={{ lineHeight }} />)
|
|
|
},
|
|
|
{
|
|
|
title: '加企业微信客服成本', dataIndex: 'scan_follow_user_cost', label: '基本信息', align: 'right', width: 95, sorter: true, default: 36,
|
|
|
- render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight: '75.4px' }} />)
|
|
|
+ render: (a: number) => (<Statistic value={a || 0} precision={2} valueStyle={{ lineHeight }} />)
|
|
|
}
|
|
|
]
|
|
|
},
|