总览页面列表时间bug

@@ -4,7 +4,7 @@
     <div id="businessIndex">
         <div class="overViewTitle">
             <h3>经营指标</h3>
-            <span>展示当日经营指标数据（{{overViewUpdateTime}}更新）</span>
+            <span>展示当日经营指标数据（{{overViewUpdateTime}} 更新）</span>
         </div>
 
         <div class="overViewContent" style="margin-left: 200px">
@@ -47,23 +47,23 @@
             </div>
 
             <div class="rankData">
-                <div class="dataModle2">
+                <div class="dataModle2" style="margin-bottom: 20px">
                     <p>同品类中<br>品牌排名为</p>
                     <h2>第<b>{{rankNow}}</b>名</h2>
                 </div>
-
                 <div class="dataModle2">
                     <p>较上周同期</p>
-                    <h2 class="up" v-show="rankChange > 0"><i>↑</i><b>{{rankChange}}</b>个名次</h2>
-                    <h2 class="middle" v-show="rankChange == 0"><i>--</i><b>{{rankChange}}</b>个名次</h2>
-                    <h2 class="down" v-show="rankChange < 0"><i>↓</i><b>{{-rankChange}}</b>个名次</h2>
-                    <h2 v-show="!rankChange"><b>--</b>个名次</h2>
+                    <h2 class="up" v-show="rankChange > 0"><i>↑</i><b>{{rankChange}}</b> 个名次</h2>
+                    <h2 class="middle" v-show="rankChange == 0"><i>--</i><b>{{rankChange}}</b> 个名次</h2>
+                    <h2 class="down" v-show="rankChange < 0"><i>↓</i><b>{{-rankChange}}</b> 个名次</h2>
+                    <h2 v-show="rankChange=='--'"><b>--</b>个名次</h2>
+
+                    <div class="rankTip" v-show="rankChange > 0"><b class="_red">今天业绩不错，继续加油哦!</b></div>
+                    <div class="rankTip" v-show="rankChange == 0"><b class="_blue">继续加油哦!</b></div>
+                    <div class="rankTip" v-show="rankChange < 0"><b class="_green">还需再接再厉哦！</b></div>
+                    <div class="rankTip" v-show="rankChange=='--'"><b class="_red">没数据也要加油哦！</b></div>
                 </div>
             </div>
-
-            <div class="rankTip" v-show="rankChange > 0"><b class="_red">今天业绩不错<br>继续加油哦!</b></div>
-            <div class="rankTip" v-show="rankChange == 0"><b class="_blue">继续加油哦!</b></div>
-            <div class="rankTip" v-show="rankChange < 0"><b class="_green">还需再接再厉哦！</b></div>
             <div class="clearfix"></div>
         </div>
     </div>
@@ -71,7 +71,7 @@
     <div id="businessDetail">
         <div class="overViewTitle">
             <h3>交易明细</h3>
-            <span>展示当日商品交易情况（{{listUpdateTime}}更新）</span>
+            <span>展示当日商品交易情况（{{listUpdateTime}} 更新）</span>
         </div>
 
         <div class="detailList">
@@ -92,14 +92,14 @@
         },
         data() {
             return {
-                buyNumbers: '',
-                orderAmount: '',
-                rankNow: '',
-                rankChange: '',
+                buyNumbers: '--',
+                orderAmount: '--',
+                rankNow: '--',
+                rankChange: '--',
                 rankLevel: '',
                 rankDate: '',
-                listUpdateTime: '',
-                overViewUpdateTime: '',
+                listUpdateTime: '--:--',
+                overViewUpdateTime: '--:--',
                 grid:{
                     url:'/report/getOrdersGoodsRptList',
                     columns:[
@@ -147,10 +147,7 @@
                     var rs = response.data;
                     self.buyNumbers = rs.data.buyNumbers?rs.data.buyNumbers:'--';
                     self.orderAmount = rs.data.orderAmount?rs.data.orderAmount:'--';
-                    self.overViewUpdateTime = rs.data.hour?rs.data.hour.substring(0,5):'--';
-                }, function (response) {
-                    var rs = response.data;
-                    console.log(rs.message);
+                    self.overViewUpdateTime = rs.data.hour?rs.data.hour.substring(0,5):'--:--';
                 });
             },
 
@@ -166,18 +163,15 @@
                 }).then(function (response) {
                     var rs = response.data;
                     self.rankNow = rs.data.rankNow?rs.data.rankNow:'--';
-                    self.rankChange = rs.data.rankChange?rs.data.rankChange:null;
+                    self.rankChange = rs.data.rankChange?rs.data.rankChange:'--';
                     self.rankLevel = rs.data.rankLevel?rs.data.rankLevel:'';
-                }, function (response) {
-                    var rs = response.data;
-                    console.log(rs.message);
                 });
             }
         },
         events:{
             complete(data){
-                if(data.length > 0){
-                    this.listUpdateTime = data.list[0].hour? data.list[0].hour+":00":'--';
+                if(data && data.list.length > 0){
+                    this.listUpdateTime = data.list[0].hour? data.list[0].hour+":00":'--:--';
                 }else{
                     this.listUpdateTime = '--';
                 }

@@ -167,7 +167,7 @@
     padding: 10px 0;
     background-color: #eeeeee;
     width: 200px;
-    height: 132px;
+    height: 130px;
     text-align: center;
 
     h2{
@@ -181,7 +181,7 @@
         }
         i{
           color: #ff0000;
-          margin-right: 10px;
+          margin-right: 5px;
           font-size: 30px;
           font-style: normal;
         }
@@ -228,7 +228,7 @@
     b{
       text-align: center;
       display: block;
-      margin-bottom: 12px;
+      margin-bottom: 10px;
     }
 
     .shape{