|
@@ -0,0 +1,238 @@
|
|
|
+import WidthEllipsis from "@/components/widthEllipsis"
|
|
|
+import { Statistic } from "antd"
|
|
|
+import React from "react"
|
|
|
+import '../../gameData/flowingWater/index.less'
|
|
|
+
|
|
|
+function columns12() {
|
|
|
+
|
|
|
+ let newArr: { label: string, data: any[] }[] = [
|
|
|
+ {
|
|
|
+ label: '游戏',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ title: '游戏', dataIndex: 'parent_game_name', label: '游戏', align: 'center', width: 90, default: 1,
|
|
|
+ render: (a: string, b: any) => (<WidthEllipsis value={a} />)
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '区服信息',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ title: '区服名称', dataIndex: 'server_name', label: '区服信息', align: 'center', width: 70, default: 2,
|
|
|
+ render: (a: string, b: any) => (<WidthEllipsis value={a} />)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '开服时间', dataIndex: 'dt', label: '区服信息', align: 'center', width: 140, default: 3,
|
|
|
+ render: (a: string, b: any) => (<WidthEllipsis value={a} />)
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '开服天数', dataIndex: 'start_day', label: '区服信息', align: 'center', width: 60, default: 4,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '区服战力', dataIndex: 'server_combat_num', label: '区服信息', align: 'center', width: 90, default: 5,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '用户信息',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ title: '新用户人数', dataIndex: 'new_user_count', label: '用户信息', align: 'center', width: 70, default: 6,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '创角人数', dataIndex: 'create_role_count', label: '用户信息', align: 'center', width: 70, default: 7,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '角色数量', dataIndex: 'role_count', label: '用户信息', align: 'center', width: 70, default: 8,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '付费数据',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ title: '总付费人数', dataIndex: 'total_num', label: '付费数据', align: 'center', width: 80, default: 9,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '总付费金额', dataIndex: 'total_amount', label: '付费数据', align: 'center', width: 85, default: 10,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '付费ARPPU', dataIndex: 'total_arppu', label: '付费数据', align: 'center', width: 80, default: 11,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '付费率', dataIndex: 'amount_rate', label: '付费数据', align: 'center', width: 80, default: 12,
|
|
|
+ render: (a: number) => <Statistic value={a ? a * 100 : 0} precision={2} valueStyle={!a ? {} : a >= 1 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '今天付费人数', dataIndex: 'ba1_num', label: '付费数据', align: 'center', width: 70, default: 13, className: "redColorClass",
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '今天付费次数', dataIndex: 'ba1_count', label: '付费数据', align: 'center', width: 65, default: 14, className: "redColorClass",
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '今天付费金额', dataIndex: 'ba1', label: '付费数据', align: 'center', width: 75, default: 15, className: "redColorClass",
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '昨天付费人数', dataIndex: 'ba2_num', label: '付费数据', align: 'center', width: 70, default: 16, className: "orangeColorClass",
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '昨天付费次数', dataIndex: 'ba2_count', label: '付费数据', align: 'center', width: 65, default: 17, className: "orangeColorClass",
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '昨天付费金额', dataIndex: 'ba2', label: '付费数据', align: 'center', width: 75, default: 18, className: "orangeColorClass",
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '前天付费人数', dataIndex: 'ba3_num', label: '付费数据', align: 'center', width: 65, default: 19, className: 'volcanoColorClass',
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '前天付费次数', dataIndex: 'ba3_count', label: '付费数据', align: 'center', width: 65, default: 20, className: 'volcanoColorClass',
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '前天付费金额', dataIndex: 'ba3', label: '付费数据', align: 'center', width: 75, default: 21, className: 'volcanoColorClass',
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '活跃数据',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ title: '今日活跃人数', dataIndex: 'ba1_active_num', label: '活跃数据', align: 'center', width: 65, default: 22,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '昨天活跃人数', dataIndex: 'ba2_active_num', label: '活跃数据', align: 'center', width: 65, default: 23,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '前天活跃人数', dataIndex: 'ba3_active_num', label: '活跃数据', align: 'center', width: 65, default: 24,
|
|
|
+ render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '角色信息',
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ title: '充值模板',
|
|
|
+ dataIndex: 'roleInfo',
|
|
|
+ label: '角色信息',
|
|
|
+ align: 'center',
|
|
|
+ default: 25,
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ title: '角色排名',
|
|
|
+ dataIndex: 'rank_num',
|
|
|
+ key: 'rank_num',
|
|
|
+ width: 65,
|
|
|
+ align: 'center',
|
|
|
+ className: "h5BiomassClass green2ColorClass",
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ return <div className='h5BiomassTable'>
|
|
|
+ {b?.role_rank_date?.map((item: any, index: number) => {
|
|
|
+ return <div key={'cc' + index}>
|
|
|
+ <div><span>{item.rank_num}</span></div>
|
|
|
+ </div>
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '角色名称',
|
|
|
+ dataIndex: 'role_name',
|
|
|
+ key: 'role_name',
|
|
|
+ width: 65,
|
|
|
+ align: 'center',
|
|
|
+ className: "h5BiomassClass green2ColorClass",
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ return <div className='h5BiomassTable'>
|
|
|
+ {b?.role_rank_date?.map((item: any, index: number) => {
|
|
|
+ return <div key={'cc' + index}>
|
|
|
+ <div><span><WidthEllipsis value={item.role_name} /></span></div>
|
|
|
+ </div>
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '角色等级',
|
|
|
+ dataIndex: 'role_level',
|
|
|
+ key: 'role_level',
|
|
|
+ width: 65,
|
|
|
+ align: 'center',
|
|
|
+ className: "h5BiomassClass green2ColorClass",
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ return <div className='h5BiomassTable'>
|
|
|
+ {b?.role_rank_date?.map((item: any, index: number) => {
|
|
|
+ return <div key={'cc' + index}>
|
|
|
+ <div><span>{item.role_level}</span></div>
|
|
|
+ </div>
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '角色攻击力',
|
|
|
+ dataIndex: 'combat_num',
|
|
|
+ key: 'combat_num',
|
|
|
+ width: 65,
|
|
|
+ align: 'center',
|
|
|
+ className: "h5BiomassClass green2ColorClass",
|
|
|
+ render: (a: any, b: any) => {
|
|
|
+ return <div className='h5BiomassTable'>
|
|
|
+ {b?.role_rank_date?.map((item: any, index: number) => {
|
|
|
+ return <div key={'cc' + index}>
|
|
|
+ <div><span>{item.combat_num}</span></div>
|
|
|
+ </div>
|
|
|
+ })}
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ // {
|
|
|
+ // label: '角色信息',
|
|
|
+ // data: [
|
|
|
+ // {
|
|
|
+ // title: '角色排名', dataIndex: 'rank_num', label: '角色信息', align: 'center', width: 55, default: 9,
|
|
|
+ // render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // title: '角色名称', dataIndex: 'role_name', label: '区服信息', align: 'center', width: 80, default: 10,
|
|
|
+ // render: (a: string, b: any) => (<WidthEllipsis value={a} />)
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // title: '角色等级', dataIndex: 'role_level', label: '角色信息', align: 'center', width: 70, default: 11,
|
|
|
+ // render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // title: '角色攻击力', dataIndex: 'combat_num', label: '角色信息', align: 'center', width: 85, default: 12,
|
|
|
+ // render: (a: string) => <Statistic value={a || 0} />
|
|
|
+ // },
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ ]
|
|
|
+
|
|
|
+ return newArr
|
|
|
+}
|
|
|
+
|
|
|
+export default columns12
|