待办事项添加数据为空的情况

src/assets/styles/yxk-admin.scss

@@ -1213,4 +1213,29 @@ input[type='number'] {
   background-color: transparent;
   border-color: #f65163;
   color: #f65163;
+}
+
+// table 选中状态
+// .el-table__body .rowStyle>td {
+//   color: #fff !important;
+//   background-color: #13439E !important;
+// }
+
+// 数据为空
+.empty-main{
+  display: flex;
+  height: calc(100% - 40px);
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+  .empty-img{
+    width: 140px !important;
+    height: 140px !important;
+    vertical-align: middle !important;
+  }
+  p{
+    font-size: 12px;
+    color: #999;
+    margin-top: -10px;
+  }
 }

src/views/home.vue

@@ -61,7 +61,7 @@
               </p>
             </h3>
             <div style="height: calc(100% - 40px);overflow-y: auto;overflow-x: hidden;">
-              <ul class="todo-list">
+              <ul v-if="waitBorrowerData.length !== 0" class="todo-list">
                 <li v-for="(item,index) in waitBorrowerData" :key="index">
                   <el-tooltip class="item" effect="dark" :content="item.title" :enterable="false" placement="top">
                     <p>温馨提示：{{ item.title }}</p>
@@ -69,6 +69,10 @@
                   <span>{{ item.update_time | parseTime }}</span>
                 </li>
               </ul>
+              <div v-else class="empty-main">
+                <svg-icon icon-class="empty" class-name="empty-img" />
+                <p>暂无数据</p>
+              </div>
             </div>
           </div>
         </el-col>
@@ -319,4 +323,7 @@ export default {
     }
   }
 }
+.empty-main{
+  height: 100%;
+}
 </style>

src/views/system/archiveStatistics/index.vue

@@ -195,22 +195,4 @@ export default {
     flex: 1;
   }
 }
-
-.empty-main{
-  display: flex;
-  height: calc(100% - 40px);
-  flex-flow: column;
-  justify-content: center;
-  align-items: center;
-  .empty-img{
-    width: 140px;
-    height: 140px;
-    vertical-align: middle;
-  }
-  p{
-    font-size: 12px;
-    color: #999;
-    margin-top: -10px;
-  }
-}
 </style>