全部button111

src/views/BasicData/PersonnelManagement/index.vue

@@ -3,7 +3,7 @@
     <el-row>
       <el-col :span="6">
         <el-card>
-          <el-button class="button111" icon="el-icon-circle-plus-outline" size="small" @click="handleAdd('department_Form')">新增</el-button>
+          <el-button type="distribution" icon="el-icon-circle-plus-outline" size="small" @click="handleAdd('department_Form')">新增</el-button>
           <el-button type="warning" icon="el-icon-edit" size="small" plain @click="handleEdit()">编辑</el-button>
           <el-button type="danger" icon="el-icon-delete" size="small" plain @click="deleteTable()">删除</el-button>
         </el-card>
@@ -14,7 +14,7 @@
           <el-input v-model="Name" placeholder="请输入人员名称" class="input-with-select" size="small" style="width: 200px; margin-right: 15px" clearable>
             <el-button slot="append" icon="el-icon-search" @click="fetchPeopleForName"/>
           </el-input>
-          <el-button class="button111" icon="el-icon-circle-plus-outline" size="small" @click="addPeople()">新增</el-button>
+          <el-button type="distribution" icon="el-icon-circle-plus-outline" size="small" @click="addPeople()">新增</el-button>
           <el-button type="danger" icon="el-icon-circle-close-outline" size="small" plain @click="Quit()">离职</el-button>
           <el-button type="text" size="small" style="float: right" plain @click="searchLeavingList">离职名单</el-button>
           <el-button v-popover:popover4 :disabled="disabledMove" type="success" icon="el-icon-sort" size="small" plain @click="moveGroup">移动
@@ -912,20 +912,4 @@ export default {
 <style scoped>
 
 </style>
-<style lang="scss">
-  .button111{
-    background:rgb(253,246,236);
-    border-color: #ff9759;
-    color: #ff9759;
-    &:hover{
-      background: #ff9759;
-      border-color: #ff9759;
-      color: white;
-    }
-    &:focus{
-      background: #ff9759;
-      border-color: #ff9759;
-      color: white;
-    }
-  }
-</style>
+