Explorar o código

'表格调整'

Rorschach %!s(int64=5) %!d(string=hai) anos
pai
achega
8ec5764d30
Modificáronse 2 ficheiros con 18 adicións e 5 borrados
  1. 17 4
      src/pages/order/Order.vue
  2. 1 1
      src/store/modules/channel.js

+ 17 - 4
src/pages/order/Order.vue

@@ -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;

+ 1 - 1
src/store/modules/channel.js

@@ -7,7 +7,7 @@ const channel = {
   },
   mutations: {
     GET_CHANNEL_LIST: (state, data) => {
-      data.list.unshift({title:'全部',code:''})
+      // data.list.unshift({title:'全部',code:''})
       state.channeList = data
     },
     GET_PRODUCT_LIST: (state,data) =>{