小说/投手应用付费趋势/广告变现收益

src/global.less

@@ -134,7 +134,7 @@ select:-webkit-autofill {
 .ant-statistic {
   .ant-statistic-content {
     color: #000;
-    font-size: 13px;
+    font-size: 12px;
     word-break: break-word;
   }
 }

src/pages/iaaData/novel/tencent/appAdRevenue/tableConfig.tsx

@@ -89,31 +89,31 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                  {
-                   title: 'arppu1', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 14, sorter: true,
+                   title: 'D1', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 14, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
                 {
-                   title: 'arppu2', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 15, sorter: true,
+                   title: 'D2', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 15, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
                 {
-                   title: 'arppu3', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 16, sorter: true,
+                   title: 'D3', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 16, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
                 {
-                   title: 'arppu4', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 17, sorter: true,
+                   title: 'D4', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 17, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
                 {
-                   title: 'arppu5', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 18, sorter: true,
+                   title: 'D5', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 18, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
                 {
-                   title: 'arppu6', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 19, sorter: true,
+                   title: 'D6', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 19, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
                 {
-                   title: 'arppu7', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 20, sorter: true,
+                   title: 'D7', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 20, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} /> 
                 },
             ]

src/pages/iaaData/novel/tencent/appPayTrend/index.tsx

@@ -72,7 +72,7 @@ const AppPayTrend: React.FC = () => {
             config={columns12()}
             configName={'应用付费趋势'}
             fixed={{ left: 4, right: 0 }}
-            scroll={{ x: 1000, y: 620 }}
+            scroll={{ x: 1000, y:620 }}
             title='应用付费趋势'
             loading={getNovelAppPayTrend.loading}
             ajax={getNovelAppPayTrend}

src/pages/iaaData/novel/tencent/appPayTrend/tableConfig.tsx

@@ -13,22 +13,22 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
 
         const dataIndex = `da${index}`
         return {
-            title: `D${index}`, dataIndex, label: '基本信息', default: defaultIndex + count, width: 150,
+            title: `D${index}`, dataIndex, label: '基本信息', default: defaultIndex + count, width:150,
             render: (_: any, b: any) => {
                 if (moment().subtract(1, 'days') >= moment(b.dt === '总计' ? b.costDayBegin : b.dt).add(index - 1, 'days')) {
                     const data = b?.[dataIndex]?.split('/')
                     console.log(data)
-                    return <div className={style.dbox} style={{ height: 160 }}>
-                        <span style={{ color: '#F44336', fontWeight: 600, display: 'flex' }}>变现人数：<span><Statistic value={data?.[0] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#FF9800', fontWeight: 600, display: 'flex' }}>变现次数：<span><Statistic value={data?.[1] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex' }}>新增收入：<span><Statistic value={data?.[2] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#0f538a', fontWeight: 600, display: 'flex' }}>累计收入：<span><Statistic value={data?.[3] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#9C27B0', fontWeight: 600, display: 'flex' }}>arpu：<span><Statistic value={data?.[7] || 0} precision={2} /></span></span>
-                        <span style={{ color: 'rgb(12,130,16)', fontWeight: 600, display: 'flex' }}>增：<span><Statistic value={data?.[4] ? data?.[4] * 100 : 0} precision={2} valueStyle={!data?.[4] ? {} : data?.[4] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
-                        <span style={{ color: '#ff5722', fontWeight: 600, display: 'flex' }}>回：<span><Statistic value={data?.[5] ? data?.[5] * 100 : 0} precision={2} valueStyle={!data?.[5] ? {} : data?.[5] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
-                        <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex' }}>倍：<span><Statistic value={data?.[6] || 0} precision={2} /></span></span>
-                        
-                    </div>
+                    return <div className={style.dbox} style={{ height: 170}}>
+                            <span style={{ color: '#F44336', fontWeight: 600, display: 'flex', alignItems: 'center' }}>变现人数：<span><Statistic value={data?.[0] || 0} precision={2} /></span></span>
+                            <span style={{ color: '#FF9800', fontWeight: 600, display: 'flex', alignItems: 'center' }}>变现次数：<span><Statistic value={data?.[1] || 0} precision={2} /></span></span>
+                            <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex', alignItems: 'center' }}>新增收入：<span><Statistic value={data?.[2] || 0} precision={2} /></span></span>
+                            <span style={{ color: '#0f538a', fontWeight: 600, display: 'flex', alignItems: 'center' }}>累计收入：<span><Statistic value={data?.[3] || 0} precision={2} /></span></span>
+                            <span style={{ color: '#9C27B0', fontWeight: 600, display: 'flex', alignItems: 'center' }}>arpu：<span><Statistic value={data?.[7] || 0} precision={2} /></span></span>
+                            <span style={{ color: '#2196F3', fontWeight: 600, display: 'flex', alignItems: 'center' }}>arppu：<span><Statistic value={data?.[8] || 0} precision={2} /></span></span>
+                            <span style={{ color: 'rgb(12,130,16)', fontWeight: 600, display: 'flex', alignItems: 'center' }}>增：<span><Statistic value={data?.[4] ? data?.[4] * 100 : 0} precision={2} valueStyle={!data?.[4] ? {} : data?.[4] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
+                            <span style={{ color: '#ff5722', fontWeight: 600, display: 'flex', alignItems: 'center' }}>回：<span><Statistic value={data?.[5] ? data?.[5] * 100 : 0} precision={2} valueStyle={!data?.[5] ? {} : data?.[5] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
+                            <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex', alignItems: 'center' }}>倍：<span><Statistic value={data?.[6] || 0} precision={2} /></span></span>
+                        </div>
                 }
                 return <div style={{ height: 102, width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>--</div>
             }
@@ -74,7 +74,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                 {
                     title: '消耗', dataIndex: 'cost', label: '基本信息', align: 'right', width: 125, default: 6, sorter: true,
                     className: 'padding_0',
-                    render: (a: number) => <div style={{ height: 162, position: 'relative' }}>
+                    render: (a: number) => <div style={{ height: 172, position: 'relative' }}>
                         <Progress
                             strokeColor={{
                                 from: '#ff5900',
@@ -105,7 +105,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                 },
                 {
                     title: '广告变现金额', dataIndex: 'appAdPayingAmount', label: '基本信息', align: 'center', width: 110, default: 11, sorter: true,
-                    render: (a: number) =><Statistic value={a || 0} precision={2} />
+                    render: (a: number) => <Statistic value={a || 0} precision={2} />
                 },
                 {
                     title: '广告变现roi', dataIndex: 'appAdPayingRoi', label: '基本信息', align: 'center', width: 105, default: 12, sorter: true,

src/pages/iaaData/novel/tencent/pitcherAdRevenue/tableConfig.tsx

@@ -93,31 +93,31 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu1', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 15, sorter: true,
+                    title: 'D1', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 14, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu2', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 16, sorter: true,
+                    title: 'D2', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 15, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu3', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 17, sorter: true,
+                    title: 'D3', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 16, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu4', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 18, sorter: true,
+                    title: 'D4', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 17, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu5', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 19, sorter: true,
+                    title: 'D5', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 18, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu6', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 20, sorter: true,
+                    title: 'D6', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 19, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
                 {
-                    title: 'arppu7', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 21, sorter: true,
+                    title: 'D7', dataIndex: 'reg_dedup_pv', label: '基本信息', align: 'center', width: 80, default: 20, sorter: true,
                     render: (a: number, b: any) => <Statistic value={a || 0} precision={2} />
                 },
             ]

src/pages/iaaData/novel/tencent/pitcherPayTrend/tableConfig.tsx

@@ -18,15 +18,16 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                 if (moment().subtract(1, 'days') >= moment(b.dt === '总计' ? b.costDayBegin : b.dt).add(index - 1, 'days')) {
                     const data = b?.[dataIndex]?.split('/')
                     console.log(data)
-                    return <div className={style.dbox} style={{ height: 160 }}>
-                        <span style={{ color: '#F44336', fontWeight: 600, display: 'flex' }}>变现人数：<span><Statistic value={data?.[0] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#FF9800', fontWeight: 600, display: 'flex' }}>变现次数：<span><Statistic value={data?.[1] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex' }}>新增收入：<span><Statistic value={data?.[2] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#0f538a', fontWeight: 600, display: 'flex' }}>累计收入：<span><Statistic value={data?.[3] || 0} precision={2} /></span></span>
-                        <span style={{ color: '#9C27B0', fontWeight: 600, display: 'flex' }}>arpu：<span><Statistic value={data?.[7] || 0} precision={2} /></span></span>
-                        <span style={{ color: 'rgb(12,130,16)', fontWeight: 600, display: 'flex' }}>增：<span><Statistic value={data?.[4] ? data?.[4] * 100 : 0} precision={2} valueStyle={!data?.[4] ? {} : data?.[4] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
-                        <span style={{ color: '#ff5722', fontWeight: 600, display: 'flex' }}>回：<span><Statistic value={data?.[5] ? data?.[5] * 100 : 0} precision={2} valueStyle={!data?.[5] ? {} : data?.[5] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
-                        <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex' }}>倍：<span><Statistic value={data?.[6] || 0} precision={2} /></span></span>
+                    return <div className={style.dbox} style={{ height: 170 }}>
+                        <span style={{ color: '#F44336', fontWeight: 600, display: 'flex' ,alignItems:'center' }}>变现人数：<span><Statistic value={data?.[0] || 0} precision={2} /></span></span>
+                        <span style={{ color: '#FF9800', fontWeight: 600, display: 'flex' ,alignItems:'center' }}>变现次数：<span><Statistic value={data?.[1] || 0} precision={2} /></span></span>
+                        <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex' ,alignItems:'center' }}>新增收入：<span><Statistic value={data?.[2] || 0} precision={2} /></span></span>
+                        <span style={{ color: '#0f538a', fontWeight: 600, display: 'flex',alignItems:'center'  }}>累计收入：<span><Statistic value={data?.[3] || 0} precision={2} /></span></span>
+                        <span style={{ color: '#9C27B0', fontWeight: 600, display: 'flex',alignItems:'center'  }}>arpu：<span><Statistic value={data?.[7] || 0} precision={2} /></span></span>
+                         <span style={{ color: '#2196F3', fontWeight: 600, display: 'flex',alignItems:'center'  }}>arppu：<span><Statistic value={data?.[8] || 0} precision={2} /></span></span>
+                        <span style={{ color: 'rgb(12,130,16)', fontWeight: 600, display: 'flex' ,alignItems:'center' }}>增：<span><Statistic value={data?.[4] ? data?.[4] * 100 : 0} precision={2} valueStyle={!data?.[4] ? {} : data?.[4] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
+                        <span style={{ color: '#ff5722', fontWeight: 600, display: 'flex' ,alignItems:'center' }}>回：<span><Statistic value={data?.[5] ? data?.[5] * 100 : 0} precision={2} valueStyle={!data?.[5] ? {} : data?.[5] >= 0.5 ? { color: 'red' } : { color: '#0f990f' }} suffix="%" /></span></span>
+                        <span style={{ color: '#d81b60', fontWeight: 600, display: 'flex' ,alignItems:'center' }}>倍：<span><Statistic value={data?.[6] || 0} precision={2} /></span></span>
 
                     </div>
                 }
@@ -78,7 +79,7 @@ function columns12(): { label: string, fieldSHow?: { label: string, saveField: s
                 {
                     title: '消耗', dataIndex: 'cost', label: '基本信息', align: 'right', width: 125, default: 7, sorter: true,
                     className: 'padding_0',
-                    render: (a: number) => <div style={{ height: 162, position: 'relative' }}>
+                    render: (a: number) => <div style={{ height: 172, position: 'relative' }}>
                         <Progress
                             strokeColor={{
                                 from: '#ff5900',