|
@@ -25,69 +25,91 @@
|
|
|
<el-button type="primary" style="float: right;" @click="search">搜索</el-button>
|
|
|
</div>
|
|
|
<el-table :data="skillData" border style="width: 100%" :height="tableHeight">
|
|
|
- <el-table-column label="日期" prop="day" fixed align="left" header-align="center" min-width="120px"></el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="UV" prop="uv" align="right" header-align="center" min-width="100px"></el-table-column>
|
|
|
-
|
|
|
<el-table-column
|
|
|
- label="VIP用户 | UV1"
|
|
|
- align="right"
|
|
|
+ label="日期"
|
|
|
+ prop="day"
|
|
|
+ fixed
|
|
|
+ align="left"
|
|
|
header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="vipUv"
|
|
|
min-width="120px"
|
|
|
></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="非VIP用户 | UV2=UV-UV1"
|
|
|
- align="right"
|
|
|
- header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="waitVipUv"
|
|
|
- min-width="140px"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column label="流量与观看" header-align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="UV"
|
|
|
+ prop="uv"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ min-width="100px"
|
|
|
+ ></el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- label="VIP用户占比 | UV1/UV"
|
|
|
- align="right"
|
|
|
- header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="vipProportion"
|
|
|
- min-width="140px"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column label="VV" prop="vv" align="right" header-align="center" min-width="100px"></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="平均播放量"
|
|
|
- align="right"
|
|
|
- header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="perCapitaPlay"
|
|
|
- min-width="140px"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="总播放量"
|
|
|
- align="right"
|
|
|
- header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="totalPlay"
|
|
|
- min-width="140px"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="VIP用户 | -UV1"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="vipUv"
|
|
|
+ min-width="120px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="非VIP用户 | UV2=UV-UV1"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="waitVipUv"
|
|
|
+ min-width="140px"
|
|
|
+ ></el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- label="付费订单数量"
|
|
|
- align="right"
|
|
|
- header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="totalPayment"
|
|
|
- min-width="160px"
|
|
|
- ></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="转化率"
|
|
|
- align="right"
|
|
|
- header-align="center"
|
|
|
- :render-header="renderheader"
|
|
|
- prop="totalConversion"
|
|
|
- min-width="190px"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="VIP用户占比 | =UV1/UV"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="vipProportion"
|
|
|
+ min-width="140px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="VV"
|
|
|
+ prop="vv"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ min-width="100px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="总播放量 | -TP"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="totalPlay"
|
|
|
+ min-width="140px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="人均播放 | =TP/UV"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="perCapitaPlay"
|
|
|
+ min-width="140px"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="拉新,付费与转换率" header-align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="付费订单数量 | -Q"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="totalPayment"
|
|
|
+ min-width="160px"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="R | =Q/UV2"
|
|
|
+ align="right"
|
|
|
+ header-align="center"
|
|
|
+ :render-header="renderheader"
|
|
|
+ prop="totalConversion"
|
|
|
+ min-width="190px"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
<!-- <el-pagination
|
|
|
v-if="orderList.totalElements"
|
|
@@ -136,8 +158,6 @@ export default {
|
|
|
methods: {
|
|
|
// 搜索
|
|
|
search() {
|
|
|
- console.log(this.dateValue[0]);
|
|
|
- console.log(formatDate(this.dateValue[0], 2));
|
|
|
this.orderParams.startDate = this.orderParams.startDate
|
|
|
? formatDate(this.orderParams.startDate, 2)
|
|
|
: "";
|