Rorschach il y a 5 ans
Parent
commit
9de59f4b77
2 fichiers modifiés avec 80 ajouts et 62 suppressions
  1. 1 3
      src/pages/order/Order.vue
  2. 79 59
      src/pages/skill/Skill.vue

+ 1 - 3
src/pages/order/Order.vue

@@ -51,7 +51,7 @@
           ></el-table-column>
 
           <el-table-column
-            label="VIP用户 | UV1"
+            label="VIP用户 | -UV1"
             align="right"
             header-align="center"
             :render-header="renderheader"
@@ -263,8 +263,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)
         : "";

+ 79 - 59
src/pages/skill/Skill.vue

@@ -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)
         : "";