页面修改

src/views/workstatistics/monthStatistics.vue

@@ -38,97 +38,118 @@
             </el-table-column>
             <el-table-column label="引流总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,1,'0')">{{scope.row.PushCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,1,'0')">{{scope.row.PushCount}}</span>
                 <span v-else>{{scope.row.PushCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="有效总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,1,'1')">{{scope.row.EffectiveCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,1,'1')">{{scope.row.EffectiveCount}}</span>
                 <span v-else>{{scope.row.EffectiveCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="无效总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,1,'2')">{{scope.row.InvalidCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,1,'2')">{{scope.row.InvalidCount}}</span>
                 <span v-else>{{scope.row.InvalidCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="小红书总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'7')">{{scope.row.RedBookCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'7')">{{scope.row.RedBookCount}}</span>
                 <span v-else>{{scope.row.RedBookCount}} </span>
               </template>
             </el-table-column>
             <el-table-column prop="DouYinCount" label="抖音总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'9')">{{scope.row.DouYinCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'9')">{{scope.row.DouYinCount}}</span>
                 <span v-else>{{scope.row.DouYinCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="飞猪总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'8')">{{scope.row.FlyingPigCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'8')">{{scope.row.FlyingPigCount}}</span>
                 <span v-else>{{scope.row.FlyingPigCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="社群聊天总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'1')">{{scope.row.GroupChatCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'1')">{{scope.row.GroupChatCount}}</span>
                 <span v-else>{{scope.row.GroupChatCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="线下拜访总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'2')">{{scope.row.OfflineVisitCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'2')">{{scope.row.OfflineVisitCount}}</span>
                 <span v-else>{{scope.row.OfflineVisitCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="直客介绍总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'3')">{{scope.row.StraightCustomerCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'3')">{{scope.row.StraightCustomerCount}}</span>
                 <span v-else>{{scope.row.StraightCustomerCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="同业介绍总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'4')">{{scope.row.PeerCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'4')">{{scope.row.PeerCount}}</span>
                 <span v-else>{{scope.row.PeerCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="其他介绍总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'6')">{{scope.row.OtherCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,2,'6')">{{scope.row.OtherCount}}</span>
                 <span v-else>{{scope.row.OtherCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="订单总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'')">{{scope.row.OrderCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,3,'')">{{scope.row.OrderCount}}</span>
                 <span v-else>{{scope.row.OrderCount}} </span>
               </template>
             </el-table-column>
+            <el-table-column label="成交率">
+              <template slot-scope="scope">
+                <span>{{scope.row.TransRate}}% </span>
+              </template>
+            </el-table-column>
             <el-table-column label="机票订单总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'1')">{{scope.row.TicketOrderCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,3,'1')">{{scope.row.TicketOrderCount}}</span>
                 <span v-else>{{scope.row.TicketOrderCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="签证订单总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'2')">{{scope.row.VisaOrderCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,3,'2')">{{scope.row.VisaOrderCount}}</span>
                 <span v-else>{{scope.row.VisaOrderCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="地接订单总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'3')">{{scope.row.GroundOrderCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,3,'3')">{{scope.row.GroundOrderCount}}</span>
                 <span v-else>{{scope.row.GroundOrderCount}} </span>
               </template>
             </el-table-column>
             <el-table-column label="套餐订单总数">
               <template slot-scope="scope">
-                  <span v-if="scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'4')">{{scope.row.ComboOrderCount}}</span>
+                <span v-if="scope.row.MonthStr>0" class="pointer"
+                  @click="seeDetails(scope.row,3,'4')">{{scope.row.ComboOrderCount}}</span>
                 <span v-else>{{scope.row.ComboOrderCount}} </span>
               </template>
             </el-table-column>
@@ -179,8 +200,8 @@
 </template>
 
 <script>
-import rightDrawer from "../../components/workStatistics/rightDrawer.vue";
-export default {
+  import rightDrawer from "../../components/workStatistics/rightDrawer.vue";
+  export default {
     components: {
       rightDrawer,
     },
@@ -281,7 +302,9 @@ export default {
           }
         );
       },
-    tableRowClassName({ row }) {
+      tableRowClassName({
+        row
+      }) {
         let cname = "font-size-12";
         if (row.DateStr == "平均") {
           cname += " xiaoji-row";
@@ -290,7 +313,10 @@ export default {
         }
         return cname;
       },
-    tableCellClassName({ row, column }) {
+      tableCellClassName({
+        row,
+        column
+      }) {
         if (
           row[column.property] &&
           row[column.property].toString().indexOf("-") != -1 &&
@@ -338,45 +364,45 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 
 <style>
-@import "../../assets/css/customerManage.css";
+  @import "../../assets/css/customerManage.css";
 
-.el-table__fixed-body-wrapper table {
+  .el-table__fixed-body-wrapper table {
     padding-bottom: 8px !important;
-}
+  }
 
-.el-table .xiaoji-row {
+  .el-table .xiaoji-row {
     background: #ffff00;
-}
+  }
 
-.el-table .sum-row {
+  .el-table .sum-row {
     background: #00b0f0;
-}
+  }
 
-.el-table .warning-col {
+  .el-table .warning-col {
     background: red;
-}
+  }
 
-.diy-eltabs .el-tabs__content {
+  .diy-eltabs .el-tabs__content {
     height: calc(100% - 40px);
-}
+  }
 
-.diy-eltabs .data-box-item {
+  .diy-eltabs .data-box-item {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
-}
+  }
 
-.pointer {
+  .pointer {
     cursor: pointer;
-}
+  }
 
-.pointer:hover {
+  .pointer:hover {
     color: #00b0f0;
-}
+  }
 </style>
\ No newline at end of file