|
@@ -1,3 +1,4 @@
|
|
|
+import WidthEllipsis from "@/components/widthEllipsis"
|
|
|
import { Statistic } from "antd"
|
|
|
import React from "react"
|
|
|
import style from './index.less'
|
|
@@ -21,7 +22,6 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
} else {
|
|
|
newSelectFieldData = defaultValue
|
|
|
}
|
|
|
- console.log('newSelectFieldData--->', newSelectFieldData);
|
|
|
|
|
|
return [
|
|
|
{
|
|
@@ -30,7 +30,10 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
{ title: '推广账号名称', dataIndex: 'accountName', key: 'accountName', label: '推广账号信息', align: 'center', width: 95, default: 1 },
|
|
|
{ title: '推广账号ID', dataIndex: 'accountId', key: 'accountId', label: '推广账号信息', align: 'center', width: 70, default: 2 },
|
|
|
{ title: '推广账号类型', dataIndex: '3', key: '3', label: '推广账号信息', align: 'center', width: 70, default: 3 },
|
|
|
- { title: '投放渠道', dataIndex: 'putAgent', key: 'putAgent', label: '推广账号信息', align: 'center', width: 70, default: 4 },
|
|
|
+ {
|
|
|
+ title: '投放渠道', dataIndex: 'putAgent', key: 'putAgent', label: '推广账号信息', align: 'center', width: 130, default: 4,
|
|
|
+ render: (a: string, b: any) => (<div style={{ minHeight: 60, display: 'flex', alignItems: 'center' }}>{a}</div>)
|
|
|
+ },
|
|
|
{ title: '推广状态', dataIndex: 'promoteStatus', key: 'promoteStatus', label: '推广账号信息', align: 'center', width: 70, default: 5 },
|
|
|
{ title: '充值模板', dataIndex: '6', key: '6', label: '推广账号信息', align: 'center', width: 70, default: 6 },
|
|
|
]
|
|
@@ -209,7 +212,6 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
label: "时间区间跨度",
|
|
|
width: 110,
|
|
|
render: (a: any, b: any) => {
|
|
|
-
|
|
|
if (newSelectFieldData?.length > 0) {
|
|
|
let data: any = {}
|
|
|
let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
@@ -225,9 +227,8 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
{keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
</div>
|
|
|
}
|
|
|
- return '--'
|
|
|
+ return '--'
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
return '--'
|
|
|
},
|
|
@@ -235,38 +236,158 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
title: "D3",
|
|
|
dataIndex: "D3",
|
|
|
label: "时间区间跨度",
|
|
|
- align: "center",
|
|
|
- width: 70
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (newSelectFieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
+ switch (newSelectFieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.threeDayRechargeTrend) {
|
|
|
+ data = b?.threeDayRechargeTrend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>人:<span>{data?.rechargeCount}</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('addPayBack') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.addPayBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.payBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "D7",
|
|
|
dataIndex: "D7",
|
|
|
label: "时间区间跨度",
|
|
|
- align: "center",
|
|
|
- width: 70
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (newSelectFieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
+ switch (newSelectFieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.sevenDayRechargeTrend) {
|
|
|
+ data = b?.sevenDayRechargeTrend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>人:<span>{data?.rechargeCount}</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('addPayBack') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.addPayBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.payBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "D15",
|
|
|
dataIndex: "D15",
|
|
|
label: "时间区间跨度",
|
|
|
- align: "center",
|
|
|
- width: 70
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (newSelectFieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
+ switch (newSelectFieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.fifteenDayRechargeTrend) {
|
|
|
+ data = b?.fifteenDayRechargeTrend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>人:<span>{data?.rechargeCount}</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('addPayBack') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.addPayBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.payBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "M1",
|
|
|
dataIndex: "M1",
|
|
|
label: "时间区间跨度",
|
|
|
- align: "center",
|
|
|
- width: 70
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (newSelectFieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
+ switch (newSelectFieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.oneMonthRechargeTrend) {
|
|
|
+ data = b?.oneMonthRechargeTrend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>人:<span>{data?.rechargeCount}</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('addPayBack') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.addPayBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.payBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "M2",
|
|
|
dataIndex: "M2",
|
|
|
label: "时间区间跨度",
|
|
|
- align: "center",
|
|
|
- width: 70
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (newSelectFieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
+ switch (newSelectFieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.twoMonthRechargeTrend) {
|
|
|
+ data = b?.twoMonthRechargeTrend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>人:<span>{data?.rechargeCount}</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('addPayBack') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.addPayBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.payBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "M3",
|
|
|
dataIndex: "M3",
|
|
|
label: "时间区间跨度",
|
|
|
- align: "center",
|
|
|
- width: 70
|
|
|
+ width: 110,
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ if (newSelectFieldData?.length > 0) {
|
|
|
+ let data: any = {}
|
|
|
+ let keyS: string[] = newSelectFieldData?.map((item: any) => item.key)
|
|
|
+ switch (newSelectFieldData[0].type) {
|
|
|
+ case '付费趋势':
|
|
|
+ if (b?.threeMonthRechargeTrend) {
|
|
|
+ data = b?.threeMonthRechargeTrend
|
|
|
+ return <div className={style.dbox}>
|
|
|
+ {keyS?.includes('rechargeCount') && <span style={{ color: '#d81b60', fontWeight: 600 }}>人:<span>{data?.rechargeCount}</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('addPayBack') && <span style={{ color: 'rgb(12,130,16)', fontWeight: 600 }}>增:<span>{(data?.addPayBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#ff5722', fontWeight: 600 }}>回:<span>{(data?.payBack * 100)?.toFixed(2)}%</span></span>}
|
|
|
+ {keyS?.includes('payBack') && <span style={{ color: '#d81b60', fontWeight: 600 }}>倍:<span>{data?.newUserRechargeRate}</span></span>}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '--'
|
|
|
+ },
|
|
|
}, {
|
|
|
title: "总",
|
|
|
dataIndex: "total",
|
|
@@ -853,23 +974,23 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
|
|
|
// width: 70
|
|
|
// },]
|
|
|
// },
|
|
|
- {
|
|
|
- label: '操作',
|
|
|
- data: [
|
|
|
- {
|
|
|
- title: '操作',
|
|
|
- dataIndex: 'cz',
|
|
|
- label: '操作',
|
|
|
- default: 21,
|
|
|
- key: 'cz',
|
|
|
- align: 'center',
|
|
|
- width: 75,
|
|
|
- render: (a: number) => {
|
|
|
- return <span>1111</span>
|
|
|
- },
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
+ // {
|
|
|
+ // label: '操作',
|
|
|
+ // data: [
|
|
|
+ // {
|
|
|
+ // title: '操作',
|
|
|
+ // dataIndex: 'cz',
|
|
|
+ // label: '操作',
|
|
|
+ // default: 21,
|
|
|
+ // key: 'cz',
|
|
|
+ // align: 'center',
|
|
|
+ // width: 75,
|
|
|
+ // render: (a: number) => {
|
|
|
+ // return <span>1111</span>
|
|
|
+ // },
|
|
|
+ // }
|
|
|
+ // ]
|
|
|
+ // }
|
|
|
]
|
|
|
}
|
|
|
|