【银保app】增加空数据展示样式

src/views/YB_APP/home.vue

@@ -258,7 +258,7 @@
             <th style="width: 13%;">保费</th>
           </tr>
           <tbody>
-            <tr v-for="item in tableData">
+            <tr v-if="tableData.length!=0" v-for="item in tableData">
               <td>{{item.acceptTime}}</td>
               <td>{{item.companyName}}</td>
               <td>{{item.orgName}}</td>
@@ -269,6 +269,10 @@
             </tr>
           </tbody>
         </table>
+        <div v-if="tableData.length == 0" class="noneDataDiv">
+          <img style="width:60%" src="@/assets/YB_APP/images/43.png">
+          <span class="noneDataDiv_span">暂无数据</span>
+        </div>
       </div>
     </div>
     <van-popup v-model="calendarShow" position="bottom">
@@ -420,8 +424,13 @@ export default {
       let params = {}
       getPremRankList(params).then(res=>{
         if(res.result == 0){
-          this.ebizPremRankGMList = res.content.ebizPremRankGMList
-          this.ebizPremRankQJList = res.content.ebizPremRankQJList
+          if(res.content.ebizPremRankGMList){
+            this.ebizPremRankGMList = res.content.ebizPremRankGMList
+          }
+          if(res.content.ebizPremRankQJList){
+            this.ebizPremRankQJList = res.content.ebizPremRankQJList
+          }
+          
           this.$nextTick(() => {
             this.setAnimation()
           })
@@ -455,7 +464,7 @@ export default {
       this.calendarShow = true
     },
     setAnimation(){
-      if(this.activePersonalType == 1){
+      if(this.activePersonalType == 1 && this.ebizPremRankGMList.length != 0){
         this.ebizPremRankGMList.forEach((item,index)=>{
           let ruleTrue1 = ` @keyframes changeWidth`+[index]+` { 0% {width: 0%;} 100% {width: `+item.prem/this.ebizPremRankGMList[0].prem*100+`%;} }`
           let sheet1 = document.styleSheets[0]
@@ -465,7 +474,7 @@ export default {
         })
       }
       
-      if(this.activePersonalType == 2){
+      if(this.activePersonalType == 2 && this.ebizPremRankQJList.length != 0){
         this.ebizPremRankQJList.forEach((item,index)=>{
           let ruleTrue2 = ` @keyframes changeTotalWidth`+[index]+` { 0% {width: 0%;} 100% {width: `+item.prem/this.ebizPremRankQJList[0].prem*100+`%;} }`
           let sheet2 = document.styleSheets[0]
@@ -627,4 +636,10 @@ export default {
   /deep/ .van-notice-bar__wrap{
     margin-left: 10px;
   }
+  .noneDataDiv{
+    display:flex;justify-content:center;align-items:center;height:300px;position:relative;width:100%;
+  }
+  .noneDataDiv_span{
+    position:absolute;bottom:80px;left:calc(50% - 33px);
+  }
 </style>