PC首頁優化

src/views/index.vue

@@ -30,7 +30,7 @@
                           <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
                           <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
                            <span v-if="(daily.payAmt && daily.payAmt.today || 0) >0">
-                              {{((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) / daily.payAmt.yesterday }}
+                              {{ getRate((daily.payAmt && daily.payAmt.today || 0) , daily.payAmt.yesterday) }}
                            </span>
                            <span v-else>100</span>
                       </span>
@@ -70,7 +70,7 @@
                           <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
                           <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
                           <span v-if="(daily.payUser && daily.payUser.today || 0) >0">
-                            {{((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) / daily.payUser.yesterday }}
+                             {{ getRate((daily.payUser && daily.payUser.today || 0) , daily.payUser.yesterday) }}
                           </span>
                           <span v-else>100</span>
                      </span>
@@ -110,7 +110,7 @@
                           <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
                           <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
                           <span v-if="(daily.ticketNum && daily.ticketNum.today || 0) >0">
-                            {{((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) / daily.ticketNum.yesterday }}
+                            {{ getRate((daily.ticketNum && daily.ticketNum.today || 0) , daily.ticketNum.yesterday) }}
                           </span>
                           <span v-else>100</span>
                      </span>
@@ -151,7 +151,7 @@
                           <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
                           <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
                           <span v-if="(daily.newSite && daily.newSite.today || 0) >0">
-                            {{((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) / daily.newSite.yesterday }}
+                            {{ getRate((daily.newSite && daily.newSite.today || 0) , daily.newSite.yesterday) }}
                           </span>
                           <span v-else>100</span>
                      </span>
@@ -403,7 +403,12 @@ export default {
         title: {
           text: ''
         },
-        tooltip: {},
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
         xAxis: {
           data: []
         },
@@ -433,7 +438,12 @@ export default {
         title: {
           text: ''
         },
-        tooltip: {},
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
         xAxis: {
           data: []
         },
@@ -463,7 +473,12 @@ export default {
         title: {
           text: ''
         },
-        tooltip: {},
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
         xAxis: {
           data: []
         },
@@ -500,7 +515,12 @@ export default {
         title: {
           text: ''
         },
-        tooltip: {},
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
         xAxis: {
           data: []
         },
@@ -535,6 +555,15 @@ export default {
       this.getTicketSiteTop()
     },
 
+    getRate(today, yestoday){
+      if(today > yestoday){
+         {{((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) / daily.newSite.yesterday }}
+         return ((today - yesterday) / yesterday )*100
+      }else{
+         return ((yesterday - today) / yesterday )*100
+      }
+    },
+
     // 统计今日实时交易金额、交易用户、盲票销售张数、新增经销商数量
     getDailyData() {
       getDailyData({}).then(res => {