style:任务页面的tabs,调研管理增加分页

src/views/research/ResearchManage.vue

@@ -69,7 +69,9 @@
         @expand="expandTable"
         :pagination="false"
       />
-      <div class="pa">
+      
+    </div>
+    <div class="pa">
         <a-pagination
           showSizeChanger="true"
           showQuickJumper="true"
@@ -79,7 +81,6 @@
           :total="tableDataTotal"
           class="pagination"
         />
-      </div>
     </div>
     <!-- 表格 -->
     <div :class="out ? 'out' : 'unout'">
@@ -354,6 +355,7 @@ export default {
   height: 100%;
   display: flex;
   flex-direction: column;
+  //align-items: center;
   position: relative;
   // position: relative;
   .filter {
@@ -451,6 +453,7 @@ export default {
   .tableBox {
     margin: 20px 38px 30px ;
     display: flex;
+    flex: 1;
     //position: relative;
     flex-direction: column;
     
@@ -463,17 +466,20 @@ export default {
       > td {
       background: #f6f9fd;
     }
-    .pa {
-      left: 0;
+    
+  }
+  .pa {
       width: 100%;
       // height: 20px;
       // background-color: red;
       display: flex;
       justify-content: center;
       //position: absolute;
-      //bottom: 20px;
+      margin-bottom: 20px;
+      .pagination {
+        margin-bottom: 20px;
+      }
     }
-  }
   .out {
     display: block;
     position: absolute;
@@ -540,7 +546,7 @@ export default {
             border-radius: 5px;
             // height: 120%;
             width: 100%;
-            height: 40px;
+            height: 30px;
           }
         }
       }