|
|
@@ -7,41 +7,19 @@
|
|
7
|
7
|
</div>
|
|
8
|
8
|
<el-button type="primary" size="mini" @click="init(1,'export')">导出Excel</el-button>
|
|
9
|
9
|
</div>
|
|
10
|
|
- <div class="dataInfoBox">
|
|
11
|
|
- <div class="dataInfoItem">
|
|
|
10
|
+ <div class="dataInfoBox" v-loading="dataLoading">
|
|
|
11
|
+ <div class="dataInfoItem" v-for="(item,index) in dataInfoArrs" :key="index">
|
|
12
|
12
|
<div class="dataItemTitle">
|
|
13
|
|
- <img src="@/assets/img/icon/累计消耗@2x.png" style="height:14px" class="titleIcon" alt="">
|
|
14
|
|
- <span>累计消耗</span>
|
|
|
13
|
+ <img src="@/assets/img/icon/累计消耗@2x.png" v-if="item.prop == 'sum_paid'" style="height:14px" class="titleIcon" alt="">
|
|
|
14
|
+ <img src="@/assets/img/icon/累计充值@2x.png" v-if="item.prop == 'sum_charge'" style="height:17px" class="titleIcon" alt="">
|
|
|
15
|
+ <img src="@/assets/img/icon/roi@2x.png" v-if="item.prop == 'sum_roi'" style="height:14px" class="titleIcon" alt="">
|
|
|
16
|
+ <img src="@/assets/img/icon/总毛利润额@2x.png" v-if="item.prop == 'sum_profit'" style="height:14px" class="titleIcon" alt="">
|
|
|
17
|
+ <img src="@/assets/img/icon/回本率@2x.png" v-if="item.prop == 'sum_recover_rate'" style="height:14px" class="titleIcon" alt="">
|
|
|
18
|
+ <img src="@/assets/img/iconNew/企微成本@2x.png" v-if="item.prop == 'qwcb'" style="height:12px" class="titleIcon" alt="">
|
|
|
19
|
+ <img src="@/assets/img/iconNew/充值用户成本@2x.png" v-if="item.prop == 'shouri'" style="height:15px" class="titleIcon" alt="">
|
|
|
20
|
+ <span>{{item.label}}</span>
|
|
15
|
21
|
</div>
|
|
16
|
|
- <div class="dataItem-data">{{dataInfo&&(dataInfo.sum_paid||dataInfo.sum_paid==0)?$formatNum(dataInfo.sum_paid):'-'}}</div>
|
|
17
|
|
- </div>
|
|
18
|
|
- <div class="dataInfoItem">
|
|
19
|
|
- <div class="dataItemTitle">
|
|
20
|
|
- <img src="@/assets/img/icon/累计充值@2x.png" style="height:18px" class="titleIcon" alt="">
|
|
21
|
|
- <span>累计充值</span>
|
|
22
|
|
- </div>
|
|
23
|
|
- <div class="dataItem-data">{{dataInfo&&(dataInfo.sum_charge||dataInfo.sum_charge==0)?$formatNum(dataInfo.sum_charge):'-'}}</div>
|
|
24
|
|
- </div>
|
|
25
|
|
- <div class="dataInfoItem">
|
|
26
|
|
- <div class="dataItemTitle">
|
|
27
|
|
- <img src="@/assets/img/icon/roi@2x.png" class="titleIcon" alt="">
|
|
28
|
|
- <span>首日ROI</span>
|
|
29
|
|
- </div>
|
|
30
|
|
- <div class="dataItem-data">{{dataInfo&&(dataInfo.sum_roi||dataInfo.sum_roi==0)?dataInfo.sum_roi:'-'}}</div>
|
|
31
|
|
- </div>
|
|
32
|
|
- <div class="dataInfoItem">
|
|
33
|
|
- <div class="dataItemTitle">
|
|
34
|
|
- <img src="@/assets/img/icon/总毛利润额@2x.png" style="height:14px" class="titleIcon" alt="">
|
|
35
|
|
- <span>总毛利润额</span>
|
|
36
|
|
- </div>
|
|
37
|
|
- <div class="dataItem-data">{{dataInfo&&(dataInfo.sum_profit||dataInfo.sum_profit==0)?$formatNum(dataInfo.sum_profit):'-'}}</div>
|
|
38
|
|
- </div>
|
|
39
|
|
- <div class="dataInfoItem">
|
|
40
|
|
- <div class="dataItemTitle">
|
|
41
|
|
- <img src="@/assets/img/icon/回本率@2x.png" class="titleIcon" alt="">
|
|
42
|
|
- <span>回本率</span>
|
|
43
|
|
- </div>
|
|
44
|
|
- <div class="dataItem-data">{{dataInfo&&(dataInfo.sum_recover_rate||dataInfo.sum_recover_rate==0)?dataInfo.sum_recover_rate:'-'}}</div>
|
|
|
22
|
+ <div class="dataItem-data">{{dataInfo&&(dataInfo[item.prop]||dataInfo[item.prop]==0)?$formatNum(dataInfo[item.prop]):'-'}}</div>
|
|
45
|
23
|
</div>
|
|
46
|
24
|
</div>
|
|
47
|
25
|
<ux-grid class="uxGridBox" ref="plxTable" :border="false" @row-click="()=>{return}" :header-cell-style="headerColor" :height="height" show-footer-overflow="tooltip" show-overflow="tooltip" size="mini">
|
|
|
@@ -90,12 +68,45 @@ export default {
|
|
90
|
68
|
user_id: '',
|
|
91
|
69
|
drama_id: '',
|
|
92
|
70
|
gl_loading: false,
|
|
|
71
|
+ dataLoading:false,
|
|
|
72
|
+ dataInfoArrs:[
|
|
|
73
|
+ {
|
|
|
74
|
+ prop:'sum_paid',
|
|
|
75
|
+ label:'累计消耗',
|
|
|
76
|
+ },
|
|
|
77
|
+ {
|
|
|
78
|
+ prop:'sum_charge',
|
|
|
79
|
+ label:'累计充值',
|
|
|
80
|
+ },
|
|
|
81
|
+ {
|
|
|
82
|
+ prop:'qwcb',
|
|
|
83
|
+ label:'企微成本',
|
|
|
84
|
+ },
|
|
|
85
|
+ {
|
|
|
86
|
+ prop:'shouri',
|
|
|
87
|
+ label:'用户首日下单成本',
|
|
|
88
|
+ },
|
|
|
89
|
+ {
|
|
|
90
|
+ prop:'sum_roi',
|
|
|
91
|
+ label:'首日ROI',
|
|
|
92
|
+ },
|
|
|
93
|
+ {
|
|
|
94
|
+ prop:'sum_profit',
|
|
|
95
|
+ label:'总毛利润额',
|
|
|
96
|
+ },
|
|
|
97
|
+ {
|
|
|
98
|
+ prop:'sum_recover_rate',
|
|
|
99
|
+ label:'回本率',
|
|
|
100
|
+ },
|
|
|
101
|
+ ],
|
|
93
|
102
|
desCol: [
|
|
94
|
103
|
{ prop: "user_name", label: "投手", min_width: 160, fixed: 'left' },
|
|
95
|
104
|
{ prop: "date_num", label: "投放天数", min_width: 160, sort: true},
|
|
96
|
105
|
{ prop: "app_num", label: "投放公众号数", min_width: 160, sort: true },
|
|
97
|
106
|
{ prop: "day_paid", label: "累计消耗",sort: true },
|
|
98
|
107
|
{ prop: "charge_total", label: "累计充值",sort: true },
|
|
|
108
|
+ { prop: "charge_total", label: "企微成本",sort: true },
|
|
|
109
|
+ { prop: "charge_total", label: "用户首日下单成本",sort: true, min_width: 160 },
|
|
99
|
110
|
{ prop: "roi", label: "首日ROI", notes: '首日ROI=当日新用户充值之和/累计消耗',sort: true },
|
|
100
|
111
|
{ prop: "profit", label: "总毛利额", notes: '总毛利额=累计充值-累计消耗',sort: true },
|
|
101
|
112
|
{ prop: "recover_rate", label: "回本率%", notes: '回本率=累计充值/累计消耗',sort: true },
|
