修改表格字段 修改按钮样式 修改页尾距离表格的距离

src/components/OrgTable.vue

@@ -141,6 +141,7 @@
           </el-table>
         </div>
         <el-pagination
+          class="pagination"
           :current-page="page"
           :page-sizes="[5, 10, 20]"
           :pageSize="pageSize"
@@ -940,5 +941,13 @@ export default {
     }
   }
 }
+.dialog-footer{
+  ::v-deep .el-button {
+    width: 80px;
+    height: 36px;
+    padding: 0;
+    font-size: 14px;
+  }
+}
 
 </style>

src/components/ProcessChooseTree.vue

@@ -111,11 +111,13 @@
         </el-table>
       </div>
       <pagination
-          :page="page"
+        class="pagination"
+        :current-page="page"
+        :page-sizes="[5, 10, 20]"
           :pageSize="pageSize"
           :total="total"
-          @pageChange="handlePageChange"
-          @pageSizeChange="handlePageSizeChange"
+        @current-change="handlePageChange"
+        @size-change="handlePageSizeChange"
       ></pagination>
 
       <!-- 已选择的用户 -->
@@ -134,7 +136,7 @@
           v-show="checkedIdList.length > 1">全部删除</el-button>
       </div>
 
-      <div slot="footer" class="dialog-footer">
+      <div slot="footer" class="done">
         <el-button
             type="primary"
             class="common-button-primary"
@@ -753,7 +755,16 @@ export default {
     }
   }
 }
-.dialog-footer{
-  margin: 20px;
+.done {
+  margin: 30px 20px 10px;
+  text-align: right;
+  padding:20px 0 10px ;
+
+  ::v-deep .el-button {
+    width: 80px;
+    height: 36px;
+    padding: 0;
+    font-size: 14px;
+  }
 }
 </style>