1. init 公共按钮的处理

src/installer/index.ts

@@ -50,6 +50,7 @@ import {
 import Vue, { VueConstructor } from 'vue';
 import './lodash';
 import 'element-ui/lib/theme-chalk/index.css';
+import Button from "@/core-ui/component/element-ui/button.vue";
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 const scrollbar = require('element-ui/lib/scrollbar');
 
@@ -79,6 +80,8 @@ locale.el.pagination.pageClassifier = '';
 
 Vue.component('el-autocomplete', Autocomplete);
 Vue.component('el-scrollbar', scrollbar.default);
+Vue.component('com-button', Button);
+
 
 Vue.use(Avatar);
 Vue.use(Pagination);

src/views/pages/employ-management/address-book/employ-list.vue

@@ -24,15 +24,21 @@
             <div
                 class="list_title d-flex align-items-center justify-content-end"
             >
-                <el-button type="primary" @click="addMemberBtn">
+                <com-button size="medium" type="primary" @click="addMemberBtn">
                     添加员工
-                </el-button>
-                <el-button @click="exportMembers"> 批量导入 </el-button>
-                <el-button @click="outFile"> 批量导出 </el-button>
-                <el-button @click="handleDelete('disable')">
+                </com-button>
+                <com-button size="medium" @click="exportMembers">
+                    批量导入
+                </com-button>
+                <com-button size="medium" @click="outFile">
+                    批量导出
+                </com-button>
+                <com-button size="medium" @click="handleDelete('disable')">
                     禁用员工
-                </el-button>
-                <el-button @click="handleDelete('del')"> 删除员工 </el-button>
+                </com-button>
+                <com-button size="medium" @click="handleDelete('del')">
+                    删除员工
+                </com-button>
             </div>
             <div class="table-container flex-fill d-flex flex-column">
                 <el-table
@@ -90,14 +96,14 @@
                         align="center"
                     >
                         <template slot-scope="scope">
-                            <el-button
+                            <com-button
                                 @click="handleClick(scope.row.peid)"
                                 type="text"
                                 size="small"
                                 class="act-btn"
                             >
                                 详情
-                            </el-button>
+                            </com-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -284,21 +290,6 @@
                         line-height: 32px;
                     }
                 }
-
-                /deep/ .el-button {
-                    min-width: 32px;
-                    padding-top: 0px;
-                    padding-bottom: 0px;
-                    padding-left: 20px;
-                    padding-right: 20px;
-
-                    height: 32px;
-                    border-radius: 4px;
-
-                    & + .el-button {
-                        margin-left: 12px;
-                    }
-                }
             }
 
             .table_item {