|
@@ -11,14 +11,18 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
{ label: '回', key: 'payBack', type: '付费趋势' },
|
|
|
{ label: '倍', key: 'newUserRechargeRate', type: '付费趋势' },
|
|
|
]
|
|
|
- let mySelectFieldData = localStorage.getItem('myAdFieldConfig1.0.0_推广每日数据')
|
|
|
- let newSelectFieldData: any = {}
|
|
|
- if (mySelectFieldData) {
|
|
|
- newSelectFieldData = JSON.parse(mySelectFieldData).date_field
|
|
|
- } else {
|
|
|
- newSelectFieldData = defaultValue
|
|
|
+ const getFieldDta = () => {
|
|
|
+ let mySelectFieldData = localStorage.getItem('myAdFieldConfig1.0.0_推广每日数据')
|
|
|
+ let newSelectFieldData: any = {}
|
|
|
+ if (mySelectFieldData) {
|
|
|
+ newSelectFieldData = JSON.parse(mySelectFieldData).date_field
|
|
|
+ } else {
|
|
|
+ newSelectFieldData = defaultValue
|
|
|
+ }
|
|
|
+ return newSelectFieldData
|
|
|
}
|
|
|
|
|
|
+
|
|
|
return [
|
|
|
{
|
|
|
label: '推广账号信息',
|
|
@@ -48,7 +52,7 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
title: '推广游戏应用类型', dataIndex: 'gameType', key: 'gameType', label: '推广内容信息', align: 'center', width: 70, default: 6, render: (a: string) => {
|
|
|
if (a) {
|
|
|
let one = a.charAt(0)
|
|
|
- switch(one) {
|
|
|
+ switch (one) {
|
|
|
case '3':
|
|
|
return 'Android'
|
|
|
case '4':
|
|
@@ -75,15 +79,15 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
{
|
|
|
label: '广告曝光数据',
|
|
|
data: [
|
|
|
- { title: '曝光量', dataIndex: 'viewCount', label: '广告曝光数据', align: 'center', width: 90, default: 9, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '点击量', dataIndex: 'clickCount', label: '广告曝光数据', align: 'center', width: 80, default: 10, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '转化量', dataIndex: 'convertCount', label: '广告曝光数据', align: 'center', width: 80, default: 11, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '曝光量', dataIndex: 'viewCount', label: '广告曝光数据', align: 'center', width: 90, default: 9, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '点击量', dataIndex: 'clickCount', label: '广告曝光数据', align: 'center', width: 80, default: 10, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '转化量', dataIndex: 'convertCount', label: '广告曝光数据', align: 'center', width: 80, default: 11, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '转化率', dataIndex: 'convertRate', label: '广告曝光数据', align: 'center', width: 70, default: 12, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
{ title: '平均转化成本', dataIndex: 'avgConvertCost', label: '广告曝光数据', align: 'center', width: 70, default: 13, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '深度转化量', dataIndex: 'deepConvertCount', label: '广告曝光数据', align: 'center', width: 70, default: 14, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '深度转化量', dataIndex: 'deepConvertCount', label: '广告曝光数据', align: 'center', width: 70, default: 14, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '深度转化成本', dataIndex: 'deepConvertCost', label: '广告曝光数据', align: 'center', width: 70, default: 15, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '深度转化率', dataIndex: 'deepConvertRate', label: '广告曝光数据', align: 'center', width: 70, default: 16, sorter: true,
|
|
@@ -91,25 +95,25 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
},
|
|
|
{ title: '千次曝光成本', dataIndex: 'thousandViewCost', label: '广告曝光数据', align: 'center', width: 70, default: 17, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '平均点击均价', dataIndex: 'avgClickCost', label: '广告曝光数据', align: 'center', width: 70, default: 18, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '应用下载开始量', dataIndex: 'appDownloadCount', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '应用下载开始量', dataIndex: 'appDownloadCount', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '应用下载开始成本', dataIndex: 'appDownloadCost', label: '广告曝光数据', align: 'center', width: 90, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '应用下载开始率', dataIndex: 'appDownloadRate', label: '广告曝光数据', align: 'center', width: 70, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
- { title: '应用下载完成量', dataIndex: 'downloadFinish', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '应用下载完成量', dataIndex: 'downloadFinish', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '应用下载完成成本', dataIndex: 'downloadFinishCost', label: '广告曝光数据', align: 'center', width: 90, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '应用下载完成率', dataIndex: 'downloadFinishRate', label: '广告曝光数据', align: 'center', width: 70, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
- { title: '应用安装量', dataIndex: 'appInstallCount', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '应用安装量', dataIndex: 'appInstallCount', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '应用安装成本', dataIndex: 'appInstallCost', label: '广告曝光数据', align: 'center', width: 90, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '应用安装完成率', dataIndex: 'appInstallRate', label: '广告曝光数据', align: 'center', width: 70, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
- { title: '应用激活量', dataIndex: 'appActiveCount', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '应用激活量', dataIndex: 'appActiveCount', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '应用激活成本', dataIndex: 'appActiveCost', label: '广告曝光数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '应用激活率', dataIndex: 'appActiveRate', label: '广告曝光数据', align: 'center', width: 70, sorter: true,
|
|
@@ -126,17 +130,17 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
{
|
|
|
label: '付费数据',
|
|
|
data: [
|
|
|
- { title: '首日新用户充值次数', dataIndex: 'firstUserRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '首日新用户充值人数', dataIndex: 'firstUserRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '首日新用户充值次数', dataIndex: 'firstUserRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '首日新用户充值人数', dataIndex: 'firstUserRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '首日新用户充值金额', dataIndex: 'firstUserRechargeMoney', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '老用户充值次数', dataIndex: 'oldUserRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '老用户充值人数', dataIndex: 'oldUserRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '老用户充值次数', dataIndex: 'oldUserRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '老用户充值人数', dataIndex: 'oldUserRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '老用户充值金额', dataIndex: 'oldUserRechargeMoney', label: '付费数据', align: 'center', width: 80, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '账面充值次数', dataIndex: 'showRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '账面充值人数', dataIndex: 'showRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '账面充值次数', dataIndex: 'showRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '账面充值人数', dataIndex: 'showRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '账面充值金额', dataIndex: 'showRechargeMoney', label: '付费数据', align: 'center', width: 80, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '新用户累计充值次数', dataIndex: 'newUserRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '新用户累计充值人数', dataIndex: 'newUserRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '新用户累计充值次数', dataIndex: 'newUserRechargeCount', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '新用户累计充值人数', dataIndex: 'newUserRechargeUser', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '新用户累计充值金额', dataIndex: 'newUserRechargeMoney', label: '付费数据', align: 'center', width: 80, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{
|
|
|
title: '首日回收率', dataIndex: 'todayRecoveryRate', label: '付费数据', align: 'center', width: 70, sorter: true,
|
|
@@ -183,7 +187,7 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
title: '买量用户付费率', dataIndex: 'buyUserRechargeRate', label: '付费数据', align: 'center', width: 70, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
- { title: '新用户付费比', dataIndex: 'newUserRechargeRate', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '新用户付费比', dataIndex: 'newUserRechargeRate', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '首日客单价', dataIndex: 'avgFirstUserRecharge', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '买量客单价', dataIndex: 'avgBuyUserRecharge', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
{ title: '账面客单价', dataIndex: 'avgShowUserRecharge', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
@@ -193,10 +197,10 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
title: '复充率', dataIndex: 'repeatRechargeRate', label: '付费数据', align: 'center', width: 70, sorter: true,
|
|
|
render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
},
|
|
|
- { title: '新增注册ARPU', dataIndex: 'newRegARPU', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '首日付费ARPU', dataIndex: 'firstRechargeARPU', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '当天付费ARPU', dataIndex: 'todayRechargeArpu', label: '付费数据', align: 'center', width: 80, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
- { title: '账面ARPU', dataIndex: 'showRechargeARPU', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> }
|
|
|
+ { title: '新增注册ARPU', dataIndex: 'newRegARPU', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '首日付费ARPU', dataIndex: 'firstRechargeARPU', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '当天付费ARPU', dataIndex: 'todayRechargeArpu', label: '付费数据', align: 'center', width: 80, sorter: true, render: (a: string) => <Statistic value={a || 0} /> },
|
|
|
+ { title: '账面ARPU', dataIndex: 'showRechargeARPU', label: '付费数据', align: 'center', width: 70, sorter: true, render: (a: string) => <Statistic value={a || 0} /> }
|
|
|
]
|
|
|
},
|
|
|
{
|
|
@@ -225,10 +229,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 19,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendDay1) {
|
|
|
data = b?.rechargeTrendDay1
|
|
@@ -252,10 +257,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 20,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendDay3) {
|
|
|
data = b?.rechargeTrendDay3
|
|
@@ -279,10 +285,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 21,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendDay7) {
|
|
|
data = b?.rechargeTrendDay7
|
|
@@ -306,10 +313,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 22,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendDay15) {
|
|
|
data = b?.rechargeTrendDay15
|
|
@@ -333,10 +341,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 23,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendMonth1) {
|
|
|
data = b?.rechargeTrendMonth1
|
|
@@ -360,10 +369,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 24,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendMonth2) {
|
|
|
data = b?.rechargeTrendMonth2
|
|
@@ -387,10 +397,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
width: 110,
|
|
|
default: 25,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendMonth3) {
|
|
|
data = b?.rechargeTrendMonth3
|
|
@@ -415,10 +426,11 @@ function columns12(gameType: any): { label: string, fieldSHow?: { label: string,
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
render: (a: any, b: any) => {
|
|
|
- if (newSelectFieldData?.length > 0) {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
- let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
- switch (newSelectFieldData[0].type) {
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
case '付费趋势':
|
|
|
if (b?.rechargeTrendTotal) {
|
|
|
data = b?.rechargeTrendTotal
|