|
@@ -360,13 +360,42 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
|
+ }, {
|
|
|
+ title: "D5(买)",
|
|
|
+ dataIndex: "D5Buy",
|
|
|
+ label: "买量付费趋势",
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ default: 33,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.buyAmountD5Trend) {
|
|
|
+ data = b?.buyAmountD5Trend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人:<span>{data?.rechargeUserCount}</span></span>}
|
|
|
+ {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金:<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.multiples}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "D7(买)",
|
|
|
dataIndex: "D7Buy",
|
|
|
label: "买量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 33,
|
|
|
+ default: 34,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -395,7 +424,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "买量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 34,
|
|
|
+ default: 35,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -424,7 +453,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "买量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 35,
|
|
|
+ default: 36,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -453,7 +482,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "买量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 36,
|
|
|
+ default: 37,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -482,7 +511,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "买量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 37,
|
|
|
+ default: 38,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -505,13 +534,42 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
|
+ }, {
|
|
|
+ title: "M6(买)",
|
|
|
+ dataIndex: "M6Buy",
|
|
|
+ label: "买量付费趋势",
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ default: 39,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.buyAmountM6Trend) {
|
|
|
+ data = b?.buyAmountM6Trend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人:<span>{data?.rechargeUserCount}</span></span>}
|
|
|
+ {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金:<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.multiples}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "总(买)",
|
|
|
dataIndex: "totalBuy",
|
|
|
label: "买量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 38,
|
|
|
+ default: 40,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -544,7 +602,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 39,
|
|
|
+ default: 41,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -573,7 +631,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 40,
|
|
|
+ default: 42,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -596,13 +654,42 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
|
+ }, {
|
|
|
+ title: "D5(自)",
|
|
|
+ dataIndex: "D5Nature",
|
|
|
+ label: "自然量付费趋势",
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ default: 43,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.natureAmountD5Trend) {
|
|
|
+ data = b?.natureAmountD5Trend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人:<span>{data?.rechargeUserCount}</span></span>}
|
|
|
+ {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金:<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.multiples}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "D7(自)",
|
|
|
dataIndex: "D7Nature",
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 41,
|
|
|
+ default: 44,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -631,7 +718,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 42,
|
|
|
+ default: 45,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -660,7 +747,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 43,
|
|
|
+ default: 46,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -689,7 +776,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 44,
|
|
|
+ default: 47,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -718,7 +805,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 45,
|
|
|
+ default: 48,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -741,13 +828,42 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
|
+ }, {
|
|
|
+ title: "M6(自)",
|
|
|
+ dataIndex: "M6Nature",
|
|
|
+ label: "自然量付费趋势",
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ default: 49,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.natureAmountM6Trend) {
|
|
|
+ data = b?.natureAmountM6Trend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人:<span>{data?.rechargeUserCount}</span></span>}
|
|
|
+ {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金:<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.multiples}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "总(自)",
|
|
|
dataIndex: "totalNature",
|
|
|
label: "自然量付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 46,
|
|
|
+ default: 50,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -780,7 +896,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 47,
|
|
|
+ default: 51,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -809,7 +925,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 48,
|
|
|
+ default: 52,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -832,13 +948,42 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
|
+ }, {
|
|
|
+ title: "D5(总)",
|
|
|
+ dataIndex: "D5",
|
|
|
+ label: "总付费趋势",
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ default: 53,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.amountD5Trend) {
|
|
|
+ data = b?.amountD5Trend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人:<span>{data?.rechargeUserCount}</span></span>}
|
|
|
+ {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金:<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.multiples}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "D7(总)",
|
|
|
dataIndex: "D7",
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 49,
|
|
|
+ default: 54,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -867,7 +1012,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 50,
|
|
|
+ default: 55,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -896,7 +1041,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 51,
|
|
|
+ default: 56,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -925,7 +1070,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 52,
|
|
|
+ default: 57,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -954,7 +1099,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 53,
|
|
|
+ default: 58,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -977,13 +1122,42 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
|
+ }, {
|
|
|
+ title: "M6(总)",
|
|
|
+ dataIndex: "M6",
|
|
|
+ label: "总付费趋势",
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ default: 59,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.amountM6Trend) {
|
|
|
+ data = b?.amountM6Trend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeUserCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>充人:<span>{data?.rechargeUserCount}</span></span>}
|
|
|
+ {keyS?.includes('rechargeMoney') && <span style={{ color: '#0f538a', fontWeight: 600 }}>充金:<span><Statistic value={data?.rechargeMoney || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('increase') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.increase * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('back') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.back * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('multiples') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.multiples}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "总(总)",
|
|
|
dataIndex: "total",
|
|
|
label: "总付费趋势",
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
- default: 54,
|
|
|
+ default: 60,
|
|
|
render: (a: any, b: any) => {
|
|
|
let fieldData = getFieldDta()
|
|
|
if (fieldData?.length > 0) {
|
|
@@ -1015,7 +1189,7 @@ function columns12(rechargeTrendHandle: (data: any) => void): { label: string, f
|
|
|
title: '操作',
|
|
|
dataIndex: 'cz',
|
|
|
label: '操作',
|
|
|
- default: 55,
|
|
|
+ default: 61,
|
|
|
align: 'center',
|
|
|
width: 75,
|
|
|
render: (a: number, b: any) => {
|