PC端首页统计数据修改

src/views/business/channel/components/Detail.vue

@@ -79,7 +79,7 @@
          class="ygp-form-items"
          align="flex-start"
          justify="flex-start">
-         <el-form-item label="盲票张数" style="width: 50%;margin-bottom:5px;" >
+         <el-form-item label="盲票销量" style="width: 50%;margin-bottom:5px;" >
            <span :class="loading?'el-icon-loading':''"> </span>
            {{detail.operData && detail.operData.ticketSaleCnt}}
          </el-form-item>
@@ -92,7 +92,7 @@
          align="flex-start"
          justify="flex-start">
          <el-form-item label="佣金" style="width: 50%;margin-bottom:5px;" >
-           <span :class="loading?'el-icon-loading':''">￥{{detail.operData && detail.operData.commAmt/100}} </span>
+           <span :class="loading?'el-icon-loading':''"></span>￥{{detail.operData && detail.operData.commAmt/100}} 
          </el-form-item>
      </flexbox>
    </el-form>

src/views/business/salesite/components/Detail.vue

@@ -105,9 +105,9 @@
              <span :class="loading?'el-icon-loading':''"></span>
              {{detail.userCnt}}
           </el-form-item>
-          <el-form-item label="订单数" style="width: 50%;margin-bottom:5px;" >
+          <el-form-item label="盲票销量" style="width: 50%;margin-bottom:5px;" >
             <span :class="loading?'el-icon-loading':''"> </span>
-            {{detail.operData && detail.operData.orderCnt}}
+            {{detail.operData && detail.operData.ticketSaleCnt}}
           </el-form-item>
      </flexbox>
      <flexbox
@@ -115,10 +115,10 @@
          align="flex-start"
          justify="flex-start">
           <el-form-item label="营业额" style="width: 50%;margin-bottom:5px;" >
-             <span :class="loading?'el-icon-loading':''"></span>{{detail.operData &&detail.operData.saleAmt/100}}
+             <span :class="loading?'el-icon-loading':''"></span>￥{{detail.operData &&detail.operData.saleAmt/100}}
           </el-form-item>
           <el-form-item label="佣金" style="width: 50%;margin-bottom:5px;" >
-            <span :class="loading?'el-icon-loading':''">{{detail.operData && detail.operData.commAmt/100}} </span>
+            <span :class="loading?'el-icon-loading':''"></span>￥{{detail.operData && detail.operData.commAmt/100}} 
           </el-form-item>
      </flexbox>
    </el-form>

src/views/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="workbench" class="crm-workbench">
+  <div ref="workbench" class="index-workbench">
     <div >
       <div class="brief-box">
         <div class="brief-title">
@@ -28,8 +28,11 @@
                       <span v-if="(daily.payAmt && daily.payAmt.yesterday || 0) > 0 ">
                           <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) == 0" class="el-icon-sort rate__icon" />
                           <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) > 0" class="el-icon-sort-up rate__icon" style="color: red;" />
-                          <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: blue;" />
-                           {{((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) / daily.payAmt.yesterday }}
+                          <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: green;" />
+                           <span v-if="(daily.payAmt && daily.payAmt.today || 0) >0">
+                              {{((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) / daily.payAmt.yesterday }}
+                           </span>
+                           <span v-else>100</span>
                       </span>
                       <span v-if="(daily.payAmt && daily.payAmt.yesterday || 0) == 0">
                           <span v-if="(daily.payAmt && daily.payAmt.today || 0) == 0" class="el-icon-sort rate__icon" />
@@ -65,8 +68,11 @@
                      <span v-if="(daily.payUser && daily.payUser.yesterday || 0) > 0 ">
                           <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) == 0" class="el-icon-sort rate__icon" />
                           <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) > 0" class="el-icon-sort-up rate__icon" style="color: red;" />
-                          <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: blue;" />
-                          {{((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) / daily.payUser.yesterday }}
+                          <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: green;" />
+                          <span v-if="(daily.payUser && daily.payUser.today || 0) >0">
+                            {{((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) / daily.payUser.yesterday }}
+                          </span>
+                          <span v-else>100</span>
                      </span>
                      <span v-if="(daily.payUser && daily.payUser.yesterday || 0) == 0">
                           <span v-if="(daily.payUser && daily.payUser.today || 0) == 0" class="el-icon-sort rate__icon" />
@@ -102,8 +108,11 @@
                      <span v-if="(daily.ticketNum && daily.ticketNum.yesterday || 0) > 0 ">
                           <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) == 0" class="el-icon-sort rate__icon" />
                           <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) > 0" class="el-icon-sort-up rate__icon" style="color: red;" />
-                          <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: blue;" />
-                          {{((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) / daily.ticketNum.yesterday }}
+                          <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: green;" />
+                          <span v-if="(daily.ticketNum && daily.ticketNum.today || 0) >0">
+                            {{((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) / daily.ticketNum.yesterday }}
+                          </span>
+                          <span v-else>100</span>
                      </span>
                      <span v-if="(daily.ticketNum && daily.ticketNum.yesterday || 0) == 0">
                          <span v-if="(daily.ticketNum && daily.ticketNum.today || 0) == 0" class="el-icon-sort rate__icon" />
@@ -140,8 +149,11 @@
                      <span v-if="(daily.newSite && daily.newSite.yesterday || 0) > 0 ">
                           <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) == 0" class="el-icon-sort rate__icon" />
                           <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) > 0" class="el-icon-sort-up rate__icon" style="color: red;" />
-                          <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: blue;" />
-                          {{((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) / daily.newSite.yesterday }}
+                          <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) < 0" class="el-icon-sort-down rate__icon" style="color: green;" />
+                          <span v-if="(daily.newSite && daily.newSite.today || 0) >0">
+                            {{((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) / daily.newSite.yesterday }}
+                          </span>
+                          <span v-else>100</span>
                      </span>
                      <span v-if="(daily.newSite && daily.newSite.yesterday || 0) == 0">
                           <span v-if="(daily.newSite && daily.newSite.today || 0) == 0" class="el-icon-sort rate__icon" />
@@ -518,7 +530,15 @@ export default {
             name: '交易金额',
             type: 'line',
             smooth: true,
-            data: []
+            data: [],
+            itemStyle: {
+                normal: {
+                    color: '#F00', //改变折线点的颜色
+                    lineStyle: {
+                        color: '#508FDE' //改变折线颜色
+                    }
+                }
+            }
           }
         ]
       }
@@ -540,7 +560,15 @@ export default {
             name: '交易用户',
             type: 'line',
             smooth: true,
-            data: []
+            data: [],
+            itemStyle: {
+                normal: {
+                    color: '#F00', //改变折线点的颜色
+                    lineStyle: {
+                        color: '#508FDE' //改变折线颜色
+                    }
+                }
+            }
           }
         ]
       }
@@ -561,7 +589,22 @@ export default {
           {
             name: '销售金额',
             type: 'bar',
-            data: []
+            data: [],
+            itemStyle: {
+                normal: {
+    　　　　　　　　//这里是重点
+                    color: function(params) {
+
+                        //注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
+                        var colorList = ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622'];
+                        if (params.dataIndex >= colorList.length) {
+                            let index = params.dataIndex / colorList.length;
+                            return colorList[index]
+                        }
+                        return colorList[params.dataIndex]
+                    }
+                }
+            }
           }
         ]
       }
@@ -583,7 +626,21 @@ export default {
           {
             name: '销售金额',
             type: 'bar',
-            data: []
+            data: [],
+            itemStyle: {
+                normal: {
+    　　　　　　　　//这里是重点
+                    color: function(params) {
+                      //注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
+                        var colorList = ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622'];
+                        if (params.dataIndex >= colorList.length) {
+                            let index = params.dataIndex / colorList.length;
+                            return colorList[index]
+                        }
+                        return colorList[params.dataIndex]
+                    }
+                }
+            }
           }
         ]
       }
@@ -752,10 +809,8 @@ export default {
 
 </style>
 
-
-
 <style rel="stylesheet/scss" scoped lang="scss">
-  .crm-workbench {
+  .index-workbench {
     width: 100%;
     min-width: 1200px;
     height: 100%;
@@ -896,11 +951,12 @@ export default {
             }
             .rate {
               font-size: 14px;
-              color: #2BBF24;
+              color: #000;
               margin-top: 8px;
 
               .rate__icon {
-                font-size: 12px;
+                font-size: 14px;
+                font-weight: bold;
               }
               &.bottom {
                 color: #2BBF24;