Переглянути джерело

项目中心首页 说明书更新记录表格修改

fujunwen 4 роки тому
батько
коміт
5fce5e7368
1 змінених файлів з 34 додано та 17 видалено
  1. 34 17
      src/views/homepage/index.vue

+ 34 - 17
src/views/homepage/index.vue

@@ -37,7 +37,7 @@
             </div>
         </section>
         <section class='homepage-nav-list'>
-            <nav>
+            <!-- <nav>
                 <div class='main-title'>
                     <span>重点关注事项</span>
                     <a @click='navToFocusItem'>更多</a>
@@ -56,7 +56,7 @@
                         </div>
                     </div>
                 </div>
-            </nav>
+            </nav> -->
             <nav>
                 <div class='main-title'>
                     <span>说明书更新记录</span>
@@ -75,6 +75,7 @@
                             <article>{{item.content || '--'}}</article>
                         </div>
                     </div>
+                    <div class="check-more">如需查看更多更新记录请点击<span @click='navToIntroduce'>更多</span></div>
                 </div>
             </nav>
         </section>
@@ -189,6 +190,7 @@ export default {
                                 }
                             }
                         })
+                        
                         this.cardsList = result
                     }
                 }
@@ -202,7 +204,7 @@ export default {
                 getParams: {
                     plazaId: this.plazaId,
                     page: 1,
-                    size: 10
+                    size: 13
                 }
             }
 
@@ -410,12 +412,12 @@ export default {
     }
     .homepage-nav-list {
         width: calc(25% - 10px);
-        nav:first-child {
-            height: 320px;
-        }
-        nav:last-child {
-            height: 320px;
-        }
+        // nav:first-child {
+        //     height: 320px;
+        // }
+        // nav:last-child {
+        //     height: 320px;
+        // }
         nav {
             padding: 14px 16px;
             margin-bottom: 10px;
@@ -433,6 +435,7 @@ export default {
                 }
             }
             .table {
+                height: calc(100% - 33px);
                 .row {
                     display: flex;
                     align-items: center;
@@ -471,20 +474,34 @@ export default {
                     background: #f8f9fa;
                 }
                 .table-body {
+                    max-height: calc(100% - 66px);
                     overflow: auto;
+                    color: #1F2429;
+                }
+                .check-more{
+                    margin-top: 15px;
+                    color: #1F2429;
+                    font-size: 14px;
+                    line-height: 22px;
+                    >span{
+                        margin-left: 5px;
+                        color: #0091ff;
+                        cursor: pointer;
+                    }
                 }
             }
         }
-        nav:first-child {
-            height: 40%;
-            .table-body {
-                height: 27vh;
-            }
-        }
+        // nav:first-child {
+        //     height: 40%;
+        //     .table-body {
+        //         height: 27vh;
+        //     }
+        // }
         nav:last-child {
-            height: calc(60% - 12px);
+            // height: calc(60% - 12px);
+            height: 100%;
             .table-body {
-                height: 45vh;
+                // height: 45vh;
             }
         }
     }