|
@@ -39,6 +39,194 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
label: "D1~Dn",
|
|
|
align: "center",
|
|
|
width: 120,
|
|
|
+ children: [{
|
|
|
+ title: `新创角`,
|
|
|
+ dataIndex: field,
|
|
|
+ key: 'newCreate',
|
|
|
+ align: "center",
|
|
|
+ width: 120,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let date1 = moment()
|
|
|
+ if (b?.gameName === '总计') {
|
|
|
+ if (b?.dt) {
|
|
|
+ date1 = moment(b?.dt)
|
|
|
+ } else {
|
|
|
+ date1 = moment()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ date1 = moment(b.dt)
|
|
|
+ }
|
|
|
+ let dt = moment()
|
|
|
+ let day = dt.diff(date1, 'day');
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0 && index <= day) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case 'D1~Dn':
|
|
|
+ if (b?.[field]) {
|
|
|
+ data = b?.[field]
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人:<span>{data?.regNum}</span></span>}
|
|
|
+ {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>传角人:<span>{data?.roleNum}</span></span>}
|
|
|
+ {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人:<span>{data?.activeNum}</span></span>}
|
|
|
+ {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人:<span>{data?.amountNum}</span></span>}
|
|
|
+ {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ title: `滚服`,
|
|
|
+ dataIndex: field,
|
|
|
+ key: 'gf',
|
|
|
+ align: "center",
|
|
|
+ width: 120,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let date1 = moment()
|
|
|
+ if (b?.gameName === '总计') {
|
|
|
+ if (b?.dt) {
|
|
|
+ date1 = moment(b?.dt)
|
|
|
+ } else {
|
|
|
+ date1 = moment()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ date1 = moment(b.dt)
|
|
|
+ }
|
|
|
+ let dt = moment()
|
|
|
+ let day = dt.diff(date1, 'day');
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0 && index <= day) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case 'D1~Dn':
|
|
|
+ if (b?.[field]) {
|
|
|
+ data = b?.[field]
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人数:<span>{data?.rollServerNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付费人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚占比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ data['default'] = defaultStart + index
|
|
|
+ return data
|
|
|
+ })
|
|
|
+
|
|
|
+ let defaultStartM = 43
|
|
|
+ let month = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((item, index) => {
|
|
|
+ let field = `m${item}Trend`
|
|
|
+ let data = {
|
|
|
+ title: `M${item}`,
|
|
|
+ dataIndex: field,
|
|
|
+ label: "D1~Dn",
|
|
|
+ children: [{
|
|
|
+ title: `新创角`,
|
|
|
+ dataIndex: field,
|
|
|
+ key: 'newCreate',
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let date1 = moment()
|
|
|
+ if (b?.gameName === '总计') {
|
|
|
+ if (b?.dt) {
|
|
|
+ date1 = moment(b?.dt)
|
|
|
+ } else {
|
|
|
+ date1 = moment()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ date1 = moment(b.dt)
|
|
|
+ }
|
|
|
+ let dt = moment()
|
|
|
+ let day = dt.diff(date1, 'day');
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0 && item * 30 <= day) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case 'D1~Dn':
|
|
|
+ if (b?.[field]) {
|
|
|
+ data = b?.[field]
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人:<span>{data?.regNum}</span></span>}
|
|
|
+ {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>传角人:<span>{data?.roleNum}</span></span>}
|
|
|
+ {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人:<span>{data?.activeNum}</span></span>}
|
|
|
+ {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人:<span>{data?.amountNum}</span></span>}
|
|
|
+ {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ title: `滚服`,
|
|
|
+ dataIndex: field,
|
|
|
+ key: 'gf',
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ let date1 = moment()
|
|
|
+ if (b?.gameName === '总计') {
|
|
|
+ if (b?.dt) {
|
|
|
+ date1 = moment(b?.dt)
|
|
|
+ } else {
|
|
|
+ date1 = moment()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ date1 = moment(b.dt)
|
|
|
+ }
|
|
|
+ let dt = moment()
|
|
|
+ let day = dt.diff(date1, 'day');
|
|
|
+ let fieldData = getFieldDta()
|
|
|
+ if (fieldData?.length > 0 && item * 30 <= day) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
+ switch (fieldData[0].type) {
|
|
|
+ case 'D1~Dn':
|
|
|
+ if (b?.[field]) {
|
|
|
+ data = b?.[field]
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人数:<span>{data?.rollServerNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付费人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚占比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ data['default'] = defaultStartM + index
|
|
|
+ return data
|
|
|
+ })
|
|
|
+
|
|
|
+ month.push({
|
|
|
+ title: `Y1`,
|
|
|
+ dataIndex: 'y1Trend',
|
|
|
+ label: "D1~Dn",
|
|
|
+ default: 53,
|
|
|
+ children: [{
|
|
|
+ title: `新创角`,
|
|
|
+ dataIndex: 'y1Trend',
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ key: 'newCreate',
|
|
|
render: (a: any, b: any) => {
|
|
|
let date1 = moment()
|
|
|
if (b?.gameName === '总计') {
|
|
@@ -53,44 +241,32 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
let dt = moment()
|
|
|
let day = dt.diff(date1, 'day');
|
|
|
let fieldData = getFieldDta()
|
|
|
- if (fieldData?.length > 0 && index <= day) {
|
|
|
+ if (fieldData?.length > 0 && 360 <= day) {
|
|
|
let data: any = {}
|
|
|
let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
switch (fieldData[0].type) {
|
|
|
case 'D1~Dn':
|
|
|
- if (b?.[field]) {
|
|
|
- data = b?.[field]
|
|
|
+ if (b?.['y1Trend']) {
|
|
|
+ data = b?.['y1Trend']
|
|
|
return <div className={style.dbox}>
|
|
|
- {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新人:<span>{data?.regNum}</span></span>}
|
|
|
- {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创人:<span>{data?.roleNum}</span></span>}
|
|
|
- {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活人:<span>{data?.activeNum}</span></span>}
|
|
|
- {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付人:<span>{data?.amountNum}</span></span>}
|
|
|
- {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人:<span>{data?.rollServerNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人:<span>{data?.regNum}</span></span>}
|
|
|
+ {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>传角人:<span>{data?.roleNum}</span></span>}
|
|
|
+ {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人:<span>{data?.activeNum}</span></span>}
|
|
|
+ {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人:<span>{data?.amountNum}</span></span>}
|
|
|
+ {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
</div>
|
|
|
}
|
|
|
return '--'
|
|
|
}
|
|
|
}
|
|
|
return '--'
|
|
|
- },
|
|
|
- }
|
|
|
- data['default'] = defaultStart + index
|
|
|
- return data
|
|
|
- })
|
|
|
-
|
|
|
- let defaultStartM = 43
|
|
|
- let month = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((item, index) => {
|
|
|
- let field = `m${item}Trend`
|
|
|
- let data = {
|
|
|
- title: `M${item}`,
|
|
|
- dataIndex: field,
|
|
|
- label: "D1~Dn",
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ title: `滚服`,
|
|
|
+ dataIndex: 'y1Trend',
|
|
|
align: "center",
|
|
|
width: 110,
|
|
|
+ key: 'gf',
|
|
|
render: (a: any, b: any) => {
|
|
|
let date1 = moment()
|
|
|
if (b?.gameName === '总计') {
|
|
@@ -105,80 +281,26 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
let dt = moment()
|
|
|
let day = dt.diff(date1, 'day');
|
|
|
let fieldData = getFieldDta()
|
|
|
- if (fieldData?.length > 0 && item * 30 <= day) {
|
|
|
+ if (fieldData?.length > 0 && 360 <= day) {
|
|
|
let data: any = {}
|
|
|
let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
switch (fieldData[0].type) {
|
|
|
case 'D1~Dn':
|
|
|
- if (b?.[field]) {
|
|
|
- data = b?.[field]
|
|
|
+ if (b?.['y1Trend']) {
|
|
|
+ data = b?.['y1Trend']
|
|
|
return <div className={style.dbox}>
|
|
|
- {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新人:<span>{data?.regNum}</span></span>}
|
|
|
- {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创人:<span>{data?.roleNum}</span></span>}
|
|
|
- {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活人:<span>{data?.activeNum}</span></span>}
|
|
|
- {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付人:<span>{data?.amountNum}</span></span>}
|
|
|
- {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人:<span>{data?.rollServerNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人数:<span>{data?.rollServerNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付费人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚占比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
</div>
|
|
|
}
|
|
|
return '--'
|
|
|
}
|
|
|
}
|
|
|
return '--'
|
|
|
- },
|
|
|
- }
|
|
|
- data['default'] = defaultStartM + index
|
|
|
- return data
|
|
|
- })
|
|
|
-
|
|
|
- month.push({
|
|
|
- title: `Y1`,
|
|
|
- dataIndex: 'y1Trend',
|
|
|
- label: "D1~Dn",
|
|
|
- align: "center",
|
|
|
- width: 70,
|
|
|
- default: 53,
|
|
|
- render: (a: any, b: any) => {
|
|
|
- let date1 = moment()
|
|
|
- if (b?.gameName === '总计') {
|
|
|
- if (b?.dt) {
|
|
|
- date1 = moment(b?.dt)
|
|
|
- } else {
|
|
|
- date1 = moment()
|
|
|
- }
|
|
|
- } else {
|
|
|
- date1 = moment(b.dt)
|
|
|
- }
|
|
|
- let dt = moment()
|
|
|
- let day = dt.diff(date1, 'day');
|
|
|
- let fieldData = getFieldDta()
|
|
|
- if (fieldData?.length > 0 && 360 <= day) {
|
|
|
- let data: any = {}
|
|
|
- let keyS: string[] = fieldData?.map((item: any) => item.key)
|
|
|
- switch (fieldData[0].type) {
|
|
|
- case 'D1~Dn':
|
|
|
- if (b?.['y1Trend']) {
|
|
|
- data = b?.['y1Trend']
|
|
|
- return <div className={style.dbox}>
|
|
|
- {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新人:<span>{data?.regNum}</span></span>}
|
|
|
- {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创人:<span>{data?.roleNum}</span></span>}
|
|
|
- {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活人:<span>{data?.activeNum}</span></span>}
|
|
|
- {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付人:<span>{data?.amountNum}</span></span>}
|
|
|
- {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人:<span>{data?.rollServerNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
- </div>
|
|
|
- }
|
|
|
- return '--'
|
|
|
- }
|
|
|
}
|
|
|
- return '--'
|
|
|
- },
|
|
|
+ }]
|
|
|
} as any)
|
|
|
|
|
|
month.push({
|
|
@@ -186,41 +308,78 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
dataIndex: 'totalTrend',
|
|
|
label: "D1~Dn",
|
|
|
align: "center",
|
|
|
- width: 110,
|
|
|
default: 54,
|
|
|
- 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 'D1~Dn':
|
|
|
- if (b?.['totalTrend']) {
|
|
|
- data = b?.['totalTrend']
|
|
|
- return <div className={style.dbox}>
|
|
|
- {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新人:<span>{data?.regNum}</span></span>}
|
|
|
- {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>创人:<span>{data?.roleNum}</span></span>}
|
|
|
- {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活人:<span>{data?.activeNum}</span></span>}
|
|
|
- {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付人:<span>{data?.amountNum}</span></span>}
|
|
|
- {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人:<span>{data?.rollServerNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
- {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
- {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
- </div>
|
|
|
- }
|
|
|
- return '--'
|
|
|
+ children: [{
|
|
|
+ title: `新创角`,
|
|
|
+ dataIndex: 'totalTrend',
|
|
|
+ key: 'newCreate',
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ 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 'D1~Dn':
|
|
|
+ if (b?.['totalTrend']) {
|
|
|
+ data = b?.['totalTrend']
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('regNum') && <span style={{ color: '#2f54eb', fontWeight: 600 }}>新用户人:<span>{data?.regNum}</span></span>}
|
|
|
+ {keyS?.includes('roleNum') && <span style={{ color: '#722ed1', fontWeight: 600 }}>传角人:<span>{data?.roleNum}</span></span>}
|
|
|
+ {keyS?.includes('activeNum') && <span style={{ color: '#eb2f96', fontWeight: 600 }}>活跃人:<span>{data?.activeNum}</span></span>}
|
|
|
+ {keyS?.includes('amountNum') && <span style={{ color: '#d81b60', fontWeight: 600 }}>付费人:<span>{data?.amountNum}</span></span>}
|
|
|
+ {keyS?.includes('amount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>付金金:<span><Statistic value={data?.amount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- return '--'
|
|
|
- },
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ title: `滚服`,
|
|
|
+ dataIndex: 'totalTrend',
|
|
|
+ key: 'gf',
|
|
|
+ align: "center",
|
|
|
+ width: 110,
|
|
|
+ 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 'D1~Dn':
|
|
|
+ if (b?.['totalTrend']) {
|
|
|
+ data = b?.['totalTrend']
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rollServerNum') && <span style={{ color: '#13c2c2', fontWeight: 600 }}>滚人数:<span>{data?.rollServerNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountNum') && <span style={{ color: '#faad14', fontWeight: 600 }}>滚付费人:<span>{data?.rollServerAmountNum}</span></span>}
|
|
|
+ {keyS?.includes('rollServerAmount') && <span style={{ color: '#0f538a', fontWeight: 600 }}>滚付金金:<span><Statistic value={data?.rollServerAmount || 0} valueStyle={{ color: '#0f538a', fontWeight: 600 }} /></span></span>}
|
|
|
+ {keyS?.includes('rollServerAmountRate') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>滚占比:<span>{(data?.rollServerAmountRate * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
+ }],
|
|
|
} as any)
|
|
|
|
|
|
return [
|
|
|
{
|
|
|
label: '时间',
|
|
|
data: [
|
|
|
- { title: '开服时间', dataIndex: 'dt', label: '时间', align: 'center', width: 90, default: 4, sorter: true },
|
|
|
+ {
|
|
|
+ title: '开服时间', dataIndex: 'dt', label: '时间', align: 'center', width: 90, default: 4, sorter: true,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (b.gameName === '总计') {
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ return a
|
|
|
+ }
|
|
|
+ },
|
|
|
]
|
|
|
},
|
|
|
{
|