港投项目-智慧党建-文章管理-暂无数据显示

src/views/projectFront/smartPartyBuilding/articleManagement.vue

@@ -28,7 +28,7 @@
     </div>
     <div class="contentStyle whiteBlock">
       <vue-scroll style="height: 90%; width: 100%">
-        <div class="contentBox">
+        <div class="contentBox" v-if="List.length > 0">
           <div
             class="contentMenu"
             v-for="(item, index) in List"
@@ -59,18 +59,24 @@
 
             <li class="alarm-item" v-show="current === index">
               <div class="operation">
-                <span @click.stop="edit(item)"
-                style="margin-right: 20px !important;cursor: pointer;"
-                  ><i class="el-icon-edit" style="color: #4a8bff;"></i>编辑</span
+                <span
+                  @click.stop="edit(item)"
+                  style="margin-right: 20px !important; cursor: pointer"
+                  ><i class="el-icon-edit" style="color: #4a8bff"></i>编辑</span
                 >
-                <span @click.stop="deleteDev(item)" style="cursor: pointer;">
+                <span @click.stop="deleteDev(item)" style="cursor: pointer">
                   <i class="el-icon-delete" style="color: red"></i>删除</span
                 >
               </div>
             </li>
           </div>
         </div>
+        <div class="noData" v-else>
+        <img src="@/assets/images/noData.png" alt srcset />
+        <p>暂无数据</p>
+      </div>
       </vue-scroll>
+     
     </div>
 
     <!-- 新增 -->
@@ -143,21 +149,25 @@
         </div>
       </div>
     </el-dialog>
-     <!-- 详情 -->
-     <el-dialog
+    <!-- 详情 -->
+    <el-dialog
       :modal-append-to-body="false"
       title="详情"
       :visible.sync="dialogContent"
       width="1200px"
     >
-      <div style="padding: 10px 80px;">
-        <h1 style="text-align: center;">{{detailData.articleTitle}}</h1>
+      <div style="padding: 10px 80px">
+        <h1 style="text-align: center">{{ detailData.articleTitle }}</h1>
         <div class="detailHeader">
-          <span>{{detailData.createTime}}</span>
+          <span>{{ detailData.createTime }}</span>
+        </div>
+        <div class="detailContent">
+          <div
+            class="ql-editor"
+            style="white-space: pre-line"
+            v-html="detailData.articleContent"
+          ></div>
         </div>
-         <div class="detailContent">
-          <div class="ql-editor" style="white-space:pre-line" v-html="detailData.articleContent"></div>
-         </div>      
         <div class="dialog-footer" style="margin-right: 45%">
           <el-button
             type="primary"
@@ -192,7 +202,7 @@ export default {
   data() {
     return {
       detailData: {},
-      dialogContent:false,
+      dialogContent: false,
       current: -1,
       title: "",
       dialogShow: false,
@@ -305,7 +315,6 @@ export default {
     },
 
     edit(obj) {
-      console.log('编辑的内容',obj.coverImage[0].url);
       this.title = '编辑'
       this.dialogShow = true
       this.addEditForm = JSON.parse(JSON.stringify(obj))
@@ -403,9 +412,9 @@ export default {
       font-size: 10px;
       color: #ccc;
     }
-    .alarm-item{
+    .alarm-item {
       margin-left: 35%;
-       margin-top: 16px;
+      margin-top: 16px;
     }
   }
   .contentMenu:hover {
@@ -417,14 +426,19 @@ export default {
   width: 100%;
   height: 100%;
 }
-.detailHeader{
+.detailHeader {
   text-align: center;
   padding: 20px;
-  span{
+  span {
     color: #ccc;
     font-size: 12px;
     margin-left: -5%;
   }
 }
-
+.noData {
+  margin: 15% 45%;
+  p {
+    margin-left: 5%;
+  }
+}
 </style>