|
@@ -15,7 +15,7 @@
|
|
|
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div class="channelForm" v-if="orderParams.channelCode">
|
|
|
+ <div class="pruductForm" v-if="orderParams.channelCode">
|
|
|
产品包选择:
|
|
|
<el-select v-model="orderParams.packageId" placeholder="请选择产品包">
|
|
|
<el-option
|
|
@@ -39,7 +39,7 @@
|
|
|
<el-table :data="orderList" border style="width: 100%" >
|
|
|
<el-table-column label="日期" prop="day" align="left" header-align="center"></el-table-column>
|
|
|
<el-table-column label="流量与观看" header-align="center">
|
|
|
- <el-table-column label="产品包名称" prop="packageTitle" align="left" header-align="center"></el-table-column>
|
|
|
+ <!-- <el-table-column label="产品包名称" prop="packageTitle" align="left" header-align="center"></el-table-column> -->
|
|
|
<el-table-column label="UV" prop="uv" align="right" header-align="center"></el-table-column>
|
|
|
<el-table-column label="VV" prop="pv" align="right" header-align="center"></el-table-column>
|
|
|
|
|
@@ -51,6 +51,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="vipUv"
|
|
|
+ min-width="80px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="非VIP用户UV2 | =UV-UV1"
|
|
@@ -58,6 +59,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="waitVipUv"
|
|
|
+ min-width="110px"
|
|
|
></el-table-column>
|
|
|
|
|
|
|
|
@@ -68,6 +70,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="perCapitaPlay"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
@@ -76,6 +79,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="vipProportion"
|
|
|
+ min-width="80px"
|
|
|
></el-table-column>
|
|
|
|
|
|
|
|
@@ -85,6 +89,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="consecutiveMonthly"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="月包 | -Qm2"
|
|
@@ -92,6 +97,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="monthlyPayment"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="年包 | -Qy"
|
|
@@ -99,6 +105,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="yearlyPayment"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="r1 | =Qm1/UV"
|
|
@@ -106,6 +113,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="consecutiveConversion"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="r2 | =Qm2/UV"
|
|
@@ -113,6 +121,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="monthlyConversion"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="r3 | =Qy/UV"
|
|
@@ -120,6 +129,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="yearlyConversion"
|
|
|
+ min-width="70px"
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
label="R | =(Qm1+Qm2+Qy)/UV"
|
|
@@ -127,6 +137,7 @@
|
|
|
header-align="center"
|
|
|
:render-header="renderheader"
|
|
|
prop="totalConversion"
|
|
|
+ min-width="150px"
|
|
|
></el-table-column>
|
|
|
|
|
|
</el-table-column>
|
|
@@ -221,8 +232,7 @@ export default {
|
|
|
},
|
|
|
created() {
|
|
|
this.$store.dispatch("getChannelList", { pageNo: "", pageSize: "" });
|
|
|
- this.$store.dispatch("getOrderList", this.orderParams);
|
|
|
- console.log(123321,this.channeList)
|
|
|
+ // this.$store.dispatch("getOrderList", this.orderParams);
|
|
|
this.orderParams.startDate = this.getYesterDay();
|
|
|
this.orderParams.endDate = this.getYesterDay();
|
|
|
},
|
|
@@ -276,6 +286,9 @@ export default {
|
|
|
.el-input {
|
|
|
width: 217px;
|
|
|
}
|
|
|
+.pruductForm{
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
.topForm {
|
|
|
display: flex;
|
|
|
align-items: center;
|