添加loading

src/css/icssIndex.less

@@ -461,4 +461,29 @@
         position: relative;
         top: 2px;
     }  
+}
+.loading{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 100;
+    display: none;
+}
+.loadingMask{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: #000;
+    opacity: 0.5;
+    filter:alpha(opacity=50);
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50);";
+}
+.loadingImg{
+    width: 40px;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin: -20px 0 0 -20px;
 }

src/html/icssIndex.html

@@ -21,6 +21,11 @@
             <img class="emptyImg" src="./images/empty.png" alt="空">
             <p class="emptyTxt">内容暂无推送信息~</p>
           </div>
+          <div class="loading">
+            <div class="loadingMask"></div>
+            <img class="loadingImg" src="./images/loading.gif" alt="loading">
+            <!-- <p class="loadingTxt">loading~</p> -->
+          </div>
         </div>
         
       </div>

src/js/icssIndex.js

@@ -2,6 +2,7 @@ require('./../css/reset.css');
 require('./../css/icssIndex.less');
 require('./../css/popup.css');
 require('./../images/empty.png')
+require('./../images/loading.gif')
 // require('./popupEdit.js');
 var Promise = require("bluebird");
 let diagFirstImg = require('./../images/yszd.png')
@@ -27,6 +28,8 @@ let msg;
 function getMRInfo() {
    return post(config.getMr2,{mrId:mrId})
 }
+$('.loading').css("display","block")
+$('.empty').css("display","none")
 getMRInfo().then(res =>{
     if(res.data.code == '0'){
         msg = res.data.data
@@ -408,8 +411,11 @@ function renderPageData(confArr,diagWaring,diagFirst,diagPossible,diagIdentify,l
           break;
       } 
     }
+    $('.loading').css("display","none")
     if(renderNum > 0 || diagWaring.length > 0){
       $(".empty").css("display","none")
+    }else{
+      $(".empty").css("display","block")
     }
 }