专利清单数据为空时显示

src/views/project/patentCollection/components/views/Abstract.vue

@@ -435,7 +435,7 @@ export default {
       }
     }
   }
-
+  
   .el-card__header {
     font-weight: normal;
     font-size: 14px;
@@ -443,4 +443,15 @@ export default {
     border-bottom: 1px solid #EBEEF5;
   }
 }
+.patent-abstract-list-view:empty{
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  line-height: 80px;
+  &::after{
+    content: '暂无数据';
+    color: #909399;
+  }
+    
+  }
 </style>

src/views/project/patentCollection/components/views/Picture.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 图片视图 -->
   <div class="pic">
-    <div class="item" style="padding:10px;display: flex;flex-wrap: wrap;">
+    <div class="item">
       <el-card shadow="hover" v-for="(item, index) in tableData" style="width:200px;margin:5px" :key="index">
         <div slot="header"
           style="width: 100%; white-space: nowrap;overflow-x: hidden;text-overflow: ellipsis;font-size:12px;">
@@ -87,7 +87,26 @@ export default {
   },
 }
 </script>
-
+<style lang="scss" scoped>
+.item{
+  padding:10px;
+  display: flex;
+  flex-wrap: wrap;
+}
+  .item:empty{
+    padding: 0;
+    display: block;
+    height: 100%;
+    width: 100%;
+    text-align: center;
+    line-height: 80px;
+    &::after{
+      content: '暂无数据';
+      color: #909399;
+    }
+    
+  }
+</style>
 <style lang="scss">
 .pic {
   .el-divider {