|
@@ -110,103 +110,208 @@ const options = reactive({
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'install',
|
|
|
|
|
|
|
+ dataIndex: 'reg_total',
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'reg_dev',
|
|
|
|
|
|
|
+ dataIndex: 'reg_cost',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'reg_total',
|
|
|
|
|
|
|
+ dataIndex: 'd0',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'role_total',
|
|
|
|
|
|
|
+ dataIndex: 'd1',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'role_per',
|
|
|
|
|
|
|
+ dataIndex: 'd2',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'active',
|
|
|
|
|
|
|
+ dataIndex: 'd3',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'a_cost',
|
|
|
|
|
|
|
+ dataIndex: 'd4',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'a_per',
|
|
|
|
|
|
|
+ dataIndex: 'd5',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'reg_pay_num',
|
|
|
|
|
|
|
+ dataIndex: 'd6',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'reg_pay_total',
|
|
|
|
|
|
|
+ dataIndex: 'd7',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'p_per',
|
|
|
|
|
|
|
+ dataIndex: 'd8',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'da_per',
|
|
|
|
|
|
|
+ dataIndex: 'd9',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 're_per',
|
|
|
|
|
|
|
+ dataIndex: 'd10',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 're_amount_per',
|
|
|
|
|
|
|
+ dataIndex: 'd11',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'old_login_total',
|
|
|
|
|
|
|
+ dataIndex: 'd12',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'reg_cost',
|
|
|
|
|
|
|
+ dataIndex: 'd13',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd14',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd15',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd16',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd17',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd18',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd19',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd20',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd21',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd22',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd23',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd24',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd25',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd26',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'p_cost',
|
|
|
|
|
|
|
+ dataIndex: 'd27',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'arpu',
|
|
|
|
|
|
|
+ dataIndex: 'd28',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'r_arpu',
|
|
|
|
|
|
|
+ dataIndex: 'd29',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'agent_name',
|
|
|
|
|
|
|
+ dataIndex: 'd30',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'site_name',
|
|
|
|
|
|
|
+ dataIndex: 'd35',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'auth_name',
|
|
|
|
|
|
|
+ dataIndex: 'd40',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'pay_total',
|
|
|
|
|
|
|
+ dataIndex: 'd45',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'pay_amount',
|
|
|
|
|
|
|
+ dataIndex: 'd50',
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
action: 'totalRow',
|
|
action: 'totalRow',
|
|
|
- dataIndex: 'pay_cost',
|
|
|
|
|
|
|
+ dataIndex: 'd55',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd60',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd65',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd70',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd75',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd80',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd85',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd90',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd95',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd100',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd105',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd110',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd115',
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ action: 'totalRow',
|
|
|
|
|
+ dataIndex: 'd120',
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
|
|
|
|
@@ -216,37 +321,59 @@ const options = reactive({
|
|
|
// SaTable 列配置
|
|
// SaTable 列配置
|
|
|
const columns = reactive([
|
|
const columns = reactive([
|
|
|
{ title: '日期', dataIndex: 'tdate', width: 130, fixed: 'left' },
|
|
{ title: '日期', dataIndex: 'tdate', width: 130, fixed: 'left' },
|
|
|
- { title: '支出', dataIndex: 'cost', width: 100 },
|
|
|
|
|
- { title: '展示IP', dataIndex: 'show_ip', width: 100 },
|
|
|
|
|
- { title: '激活', dataIndex: 'install', width: 100 },
|
|
|
|
|
- { title: '激活率', dataIndex: 'i_per', width: 100 },
|
|
|
|
|
-
|
|
|
|
|
- { title: '注册设备', dataIndex: 'reg_dev', width: 100 },
|
|
|
|
|
- { title: '注册数', dataIndex: 'reg_total', width: 100 },
|
|
|
|
|
- { title: '注册率', dataIndex: 'r_per', width: 100 },
|
|
|
|
|
|
|
+ { title: '消耗金额', dataIndex: 'cost', width: 100 },
|
|
|
|
|
|
|
|
|
|
+ { title: '注册数', dataIndex: 'reg_total', width: 80 },
|
|
|
{ title: '注册成本', dataIndex: 'reg_cost', width: 100 },
|
|
{ title: '注册成本', dataIndex: 'reg_cost', width: 100 },
|
|
|
- { title: '创角数', dataIndex: 'role_total', width: 100 },
|
|
|
|
|
- { title: '创角率', dataIndex: 'role_per', width: 100 },
|
|
|
|
|
- { title: '次留数', dataIndex: 'active', width: 100 },
|
|
|
|
|
- { title: '次留成本', dataIndex: 'a_cost', width: 100 },
|
|
|
|
|
- { title: '次留率', dataIndex: 'a_per', width: 100 },
|
|
|
|
|
- { title: '总付费人数', dataIndex: 'reg_pay_num', width: 100 },
|
|
|
|
|
- { title: '总付费金额', dataIndex: 'reg_pay_total', width: 100 },
|
|
|
|
|
- { title: '付费率', dataIndex: 'p_per', width: 100 },
|
|
|
|
|
- { title: '付费成本', dataIndex: 'p_cost', width: 100 },
|
|
|
|
|
-
|
|
|
|
|
- { title: 'ARPU', dataIndex: 'arpu', width: 100 },
|
|
|
|
|
- { title: '注册ARPU', dataIndex: 'r_arpu', width: 100 },
|
|
|
|
|
-
|
|
|
|
|
- { title: '当天回本率', dataIndex: 'da_per', width: 100 },
|
|
|
|
|
- { title: '累计回本率', dataIndex: 're_per', width: 100 },
|
|
|
|
|
- { title: '实际回本率', dataIndex: 're_amount_per', width: 100 },
|
|
|
|
|
-
|
|
|
|
|
- { title: '老用户数', dataIndex: 'old_login_total', width: 100 },
|
|
|
|
|
- { title: '当天收入', dataIndex: 'pay_total', width: 100 },
|
|
|
|
|
- { title: '实际收入', dataIndex: 'pay_amount', width: 100 },
|
|
|
|
|
- { title: '实际收支比', dataIndex: 'pay_cost', width: 130 },
|
|
|
|
|
|
|
+ { title: '累计', dataIndex: 'd0', width: 80 },
|
|
|
|
|
+ { title: '1', dataIndex: 'd1', width: 80 },
|
|
|
|
|
+ { title: '2', dataIndex: 'd2', width: 80 },
|
|
|
|
|
+ { title: '3', dataIndex: 'd3', width: 80 },
|
|
|
|
|
+ { title: '4', dataIndex: 'd4', width: 80 },
|
|
|
|
|
+ { title: '5', dataIndex: 'd5', width: 80 },
|
|
|
|
|
+ { title: '6', dataIndex: 'd6', width: 80 },
|
|
|
|
|
+ { title: '7', dataIndex: 'd7', width: 80 },
|
|
|
|
|
+ { title: '8', dataIndex: 'd8', width: 80 },
|
|
|
|
|
+ { title: '9', dataIndex: 'd9', width: 80 },
|
|
|
|
|
+ { title: '10', dataIndex: 'd10', width: 80 },
|
|
|
|
|
+ { title: '11', dataIndex: 'd11', width: 80 },
|
|
|
|
|
+ { title: '12', dataIndex: 'd12', width: 80 },
|
|
|
|
|
+ { title: '13', dataIndex: 'd13', width: 80 },
|
|
|
|
|
+ { title: '14', dataIndex: 'd14', width: 80 },
|
|
|
|
|
+ { title: '15', dataIndex: 'd15', width: 80 },
|
|
|
|
|
+ { title: '16', dataIndex: 'd16', width: 80 },
|
|
|
|
|
+ { title: '17', dataIndex: 'd17', width: 80 },
|
|
|
|
|
+ { title: '18', dataIndex: 'd18', width: 80 },
|
|
|
|
|
+ { title: '19', dataIndex: 'd19', width: 80 },
|
|
|
|
|
+ { title: '20', dataIndex: 'd20', width: 80 },
|
|
|
|
|
+ { title: '21', dataIndex: 'd21', width: 80 },
|
|
|
|
|
+ { title: '22', dataIndex: 'd22', width: 80 },
|
|
|
|
|
+ { title: '23', dataIndex: 'd23', width: 80 },
|
|
|
|
|
+ { title: '24', dataIndex: 'd24', width: 80 },
|
|
|
|
|
+ { title: '25', dataIndex: 'd25', width: 80 },
|
|
|
|
|
+ { title: '26', dataIndex: 'd26', width: 80 },
|
|
|
|
|
+ { title: '27', dataIndex: 'd27', width: 80 },
|
|
|
|
|
+ { title: '28', dataIndex: 'd28', width: 80 },
|
|
|
|
|
+ { title: '29', dataIndex: 'd29', width: 80 },
|
|
|
|
|
+ { title: '30', dataIndex: 'd30', width: 80 },
|
|
|
|
|
+ { title: '35', dataIndex: 'd35', width: 80 },
|
|
|
|
|
+ { title: '40', dataIndex: 'd40', width: 80 },
|
|
|
|
|
+ { title: '45', dataIndex: 'd45', width: 80 },
|
|
|
|
|
+ { title: '50', dataIndex: 'd50', width: 80 },
|
|
|
|
|
+ { title: '55', dataIndex: 'd55', width: 80 },
|
|
|
|
|
+ { title: '60', dataIndex: 'd60', width: 80 },
|
|
|
|
|
+ { title: '65', dataIndex: 'd65', width: 80 },
|
|
|
|
|
+ { title: '70', dataIndex: 'd70', width: 80 },
|
|
|
|
|
+ { title: '75', dataIndex: 'd75', width: 80 },
|
|
|
|
|
+ { title: '80', dataIndex: 'd80', width: 80 },
|
|
|
|
|
+ { title: '85', dataIndex: 'd85', width: 80 },
|
|
|
|
|
+ { title: '90', dataIndex: 'd90', width: 80 },
|
|
|
|
|
+ { title: '95', dataIndex: 'd95', width: 80 },
|
|
|
|
|
+ { title: '100', dataIndex: 'd100', width: 80 },
|
|
|
|
|
+ { title: '105', dataIndex: 'd105', width: 80 },
|
|
|
|
|
+ { title: '110', dataIndex: 'd110', width: 80 },
|
|
|
|
|
+ { title: '115', dataIndex: 'd115', width: 80 },
|
|
|
|
|
+ { title: '120', dataIndex: 'd120', width: 80 },
|
|
|
])
|
|
])
|
|
|
|
|
|
|
|
// 页面数据初始化
|
|
// 页面数据初始化
|