|
@@ -2,6 +2,7 @@ import WidthEllipsis from "@/components/widthEllipsis"
|
|
|
import { Badge, Statistic } from "antd"
|
|
|
import React from "react"
|
|
|
import { PRODUCT_TYPE_ENUM } from "../../const"
|
|
|
+import { formatSecondsToTime } from "@/utils/utils"
|
|
|
|
|
|
function columns12(): { label: string, fieldSHow?: { label: string, saveField: string, defaultValue: any[], data: any[] }, data: any[] }[] {
|
|
|
|
|
@@ -36,19 +37,19 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '累计消耗', dataIndex: 'costToday', label: '基本信息', align: 'center', width: 95, default: 5, sorter: true,
|
|
|
- render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ render: (a: string) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '总消耗', dataIndex: 'costTotal', label: '基本信息', align: 'center', width: 90, default: 6, sorter: true,
|
|
|
- render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ title: '每日真实消耗', dataIndex: 'costTotal', label: '基本信息', align: 'center', width: 90, default: 6, sorter: true,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '消耗', dataIndex: 'cost', label: '基本信息', align: 'center', width: 85, default: 7, sorter: true,
|
|
|
- render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ title: '每日消耗', dataIndex: 'cost', label: '基本信息', align: 'center', width: 85, default: 7, sorter: true,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '赔付金', dataIndex: 'payout', label: '基本信息', align: 'center', width: 80, default: 8, sorter: true,
|
|
|
- render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ title: '每日赔付金', dataIndex: 'payout', label: '基本信息', align: 'center', width: 80, default: 8, sorter: true,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '推广广告账号数量', tips: '消耗大于0', dataIndex: 'accountCount', label: '基本信息', align: 'center', width: 80, default: 9, sorter: true,
|
|
@@ -73,7 +74,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: 'DAU', tips: '日活用户人数', dataIndex: 'dau', label: '应用端指标', align: 'center', width: 80, default: 13, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '新增占比', tips: '新增注册人数/DAU', dataIndex: 'newProportion', label: '应用端指标', align: 'center', width: 90, default: 14, sorter: true,
|
|
@@ -81,31 +82,31 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '累计利润', tips: '广告变现累计收入-累计消耗', dataIndex: 'totalProfit', label: '应用端指标', align: 'center', width: 100, default: 15, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '利润率', tips: '(广告变现累计收入-累计消耗)/广告变现累计收入*100%', dataIndex: 'profitRate', label: '应用端指标', align: 'center', width: 80, default: 16, sorter: true,
|
|
|
+ title: '利润率', tips: '(广告变现累计收入-累计消耗)/累计消耗*100%', dataIndex: 'profitRate', label: '应用端指标', align: 'center', width: 80, default: 16, 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: 'adMonRevenue', label: '应用端指标', align: 'center', width: 80, default: 17, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={(a || 0) / 100} />
|
|
|
+ render: (a: number) => <Statistic value={(a || 0) / 100} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '广告变现累计收入', dataIndex: 'adMonRevenueTotal', label: '应用端指标', align: 'center', width: 85, default: 18, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={(a || 0) / 100} />
|
|
|
+ render: (a: number) => <Statistic value={(a || 0) / 100} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '新增用户成本', tips: '总消耗/新增注册人数', dataIndex: 'newUserRate', label: '应用端指标', align: 'center', width: 80, default: 19, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '人均新增成本', tips: '累计消耗/累计注册人数', dataIndex: 'avgUserRate', label: '应用端指标', align: 'center', width: 80, default: 20, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '人均活跃成本', tips: '累计消耗/DAU', dataIndex: 'avgActiveRate', label: '应用端指标', align: 'center', width: 80, default: 21, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '分享用户人数', dataIndex: 'shareUser', label: '应用端指标', align: 'center', width: 70, default: 22, sorter: true,
|
|
@@ -145,30 +146,34 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '活跃用户停留总时长', tips: '活跃用户人均停留时长*活跃用户人数', dataIndex: 'activeDuration', label: '应用端指标', align: 'center', width: 90, default: 31, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => {
|
|
|
+ return formatSecondsToTime(a || 0)
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
title: '活跃用户人均停留时长', tips: '活跃用户停留总时长/活跃用户人数', dataIndex: 'avgActiveDuration', label: '应用端指标', align: 'center', width: 100, default: 32, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => {
|
|
|
+ return formatSecondsToTime(a || 0)
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
title: '广告新增ARPU', tips: '广告变现收入/新增注册人数', dataIndex: 'nweAdArpu', label: '应用端指标', align: 'center', width: 80, default: 33, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '广告总ARPU', tips: '广告累计变现收入/累计注册人数', dataIndex: 'adArpuTotal', label: '应用端指标', align: 'center', width: 80, default: 34,sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ title: '广告总ARPU', tips: '广告累计变现收入/累计注册人数', dataIndex: 'adArpuTotal', label: '应用端指标', align: 'center', width: 80, default: 34, sorter: true,
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '激励视频广告收入', dataIndex: 'videoAdIncome', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '激励视频广告ecpm', dataIndex: 'videoAdEcpm', label: '应用端指标', align: 'center', width: 80,sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ title: '激励视频广告ecpm', dataIndex: 'videoAdEcpm', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
- title: '激励视频拉取量', dataIndex: 'videoAdCount', label: '应用端指标', align: 'center', width: 80,sorter: true,
|
|
|
+ title: '激励视频拉取量', dataIndex: 'videoAdCount', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a || 0} />
|
|
|
},
|
|
|
{
|
|
@@ -177,11 +182,11 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '插屏广告收入', dataIndex: 'plaqueAdIncome', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '插屏广告ecpm', dataIndex: 'plaqueAdEcpm', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '插屏广告拉取量', dataIndex: 'plaqueAdCount', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
@@ -213,11 +218,11 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: 'Banner广告收入', dataIndex: 'bannerIncome', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: 'Banner广告ecpm', dataIndex: 'bannerEcpm', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: 'banner广告拉取量', dataIndex: 'bannerReqSuccCount', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
@@ -225,11 +230,11 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '人均Banner广告广告收益', dataIndex: 'avgUserBannerIncome', label: '应用端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '人均激励视频收益', dataIndex: 'avgUserVideoIncome', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '人均插屏广告次数', dataIndex: 'avgUserInterstitialCount', label: '应用端指标', align: 'center', width: 80, sorter: true,
|
|
@@ -254,11 +259,11 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '小游戏注册率', dataIndex: 'miniGameRegisterRate', label: '广告媒体端指标', align: 'center', width: 80, default: 37, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '小游戏注册成本', dataIndex: 'miniGameRegisterCost', label: '广告媒体端指标', align: 'center', width: 80, default: 38, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '小游戏注册首日广告变现人数(平台上报)', dataIndex: 'miniGameFirstDayAdMonetizationUsers', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
@@ -274,23 +279,23 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '注册首日广告变现金额(平台上报)', dataIndex: 'miniGameFirstDayAdMonetizationAmount', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '首日变现ARPPU', tips: '注册首日广告变现金额(平台上报)/小游戏注册首日广告变现人数(平台上报)', dataIndex: 'miniGameFirstDayAdPayingArpu', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '首日变现ARPU', tips: '小游戏注册首日广告变现金额(平台上报)/小游戏注册人数', dataIndex: 'miniGameFirstDayAdPayingArppu', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '首日广告变现成本(平台上报)', dataIndex: 'miniGameFirstDayAdPayingCost', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '首日ROI', tips: '小游戏注册首日广告变现金额(平台上报)/消耗*100%', dataIndex: 'miniGameFirstDayAdPayingRoi', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
{
|
|
|
title: '激活首24小时广告变现人数(平台上报)', dataIndex: 'adPayingUsers24hPla', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
@@ -302,19 +307,19 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '激活首24小时广告变现金额(平台上报)', dataIndex: 'incomeVal24hPla', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '激活首24小时广告变现ARPPU(平台上报)', dataIndex: 'firstDayAdPurArppuCost24hPla', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '24小时广告变现ARPU(平台上报)', dataIndex: 'firstDayAdPurArpuCost24hPla', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '24小时广告变现成本', dataIndex: 'firstDayAdPurArpuCost24hPlaCost', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '24小时广告变现ROI', dataIndex: 'firstDayAdPurArpuCost24hPlaRoi', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
@@ -334,19 +339,19 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '小游戏注册3日广告变现金额(平台上报)', dataIndex: 'miniGameAdMonetizationAmountD3', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '3日广告变现ARPPU(平台上报)', dataIndex: 'adPurArppuDay3Cost', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '3日广告变现ARPU(平台上报)', dataIndex: 'adPurArpuDay3Cost', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '3日广告变现成本(平台上报)', dataIndex: 'adPurDay3Cost', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '3日广告变现ROI', dataIndex: 'adPurDay3Roi', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
@@ -366,19 +371,19 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '小游戏注册7日广告变现金额(平台上报)', dataIndex: 'miniGameRegD7Amount', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '7日广告变现ARPPU(平台上报)', dataIndex: 'miniGameRegD7Arppu', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '7日广告变现ARPU(平台上报)', dataIndex: 'miniGameRegD7Arpu', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '7日广告变现成本(平台上报', dataIndex: 'miniGameRegD7Cost', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '7日广告变现ROI', dataIndex: 'miniGameRegD7Roi', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
@@ -394,23 +399,23 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
},
|
|
|
{
|
|
|
title: '小游戏广告变现金额(平台上报)', dataIndex: 'miniGameAdMonetizationAmount', label: '广告媒体端指标', align: 'center', width: 100, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '广告变现ARPPU(平台上报)', dataIndex: 'miniGameAdMonetizationArppu', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '广告变现ARPU(平台上报)', dataIndex: 'miniGameAdMonetizationArpu', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '广告变现成本(平台上报)', dataIndex: 'miniGameAdMonetizationCost', label: '广告媒体端指标', align: 'center', width: 80, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a || 0} precision={2} />
|
|
|
},
|
|
|
{
|
|
|
title: '广告变现总ROI', dataIndex: 'miniGameAdMonetizationRoi', label: '广告媒体端指标', align: 'center', width: 80, default: 39, sorter: true,
|
|
|
- render: (a: number) => <Statistic value={a || 0} />
|
|
|
+ render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
}
|
|
|
]
|
|
|
}
|