首页档案类型加数据为空的情况

src/views/home.vue

@@ -69,7 +69,7 @@
                   <span>{{ item.update_time | parseTime }}</span>
                 </li>
               </ul>
-              <div v-else class="empty-main">
+              <div v-else class="empty-main" style="height: 100%;">
                 <svg-icon icon-class="empty" class-name="empty-img" />
                 <p>暂无数据</p>
               </div>
@@ -113,16 +113,20 @@
           </div>
         </el-col>
         <el-col :xs="24" :sm="24" :lg="8">
-          <!-- 档案类别 -->
+          <!-- 档案类型 -->
           <div class="container-wrap">
             <span class="right-top-line" />
             <span class="left-bottom-line" />
             <h3 class="table-title">
               <p class="title-arrow">档案类型</p>
             </h3>
-            <div class="chart-wrapper">
+            <div v-if="typeData.length !== 0" class="chart-wrapper">
               <type-pie :type-data="typeData" />
             </div>
+            <div v-else class="empty-main">
+              <svg-icon icon-class="empty" class-name="empty-img" />
+              <p>暂无数据</p>
+            </div>
           </div>
         </el-col>
       </el-row>
@@ -323,7 +327,4 @@ export default {
     }
   }
 }
-.empty-main{
-  height: 100%;
-}
 </style>