1. init 布局调整

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

@@ -12,7 +12,7 @@
                 {{ name }}
                 <span class="text-orange">({{ listTotal }}人)</span>
             </span>
-            <div class="d-flex">
+            <div class="d-flex operate-list">
                 <div class="text-gray btn" @click="gotoInvitationPage">
                     邀请员工加入企业
                 </div>
@@ -24,7 +24,7 @@
             <div
                 class="list_title d-flex align-items-center justify-content-end"
             >
-                <el-button type="blue" @click="addMemberBtn">
+                <el-button type="primary" @click="addMemberBtn">
                     添加员工
                 </el-button>
                 <el-button @click="exportMembers"> 批量导入 </el-button>
@@ -34,7 +34,10 @@
                 </el-button>
                 <el-button @click="handleDelete('del')"> 删除员工 </el-button>
             </div>
-            <div class="table-container flex-fill d-flex flex-column">
+            <div
+                v-if="false"
+                class="table-container flex-fill d-flex flex-column"
+            >
                 <el-table
                     :data="tableData"
                     :empty-text="emptyText"
@@ -216,7 +219,7 @@
                 color: #292b33;
                 margin-bottom: 9px;
             }
-            ul {
+            .operate-list {
                 overflow: hidden;
                 position: relative;
                 line-height: 20px;
@@ -231,11 +234,16 @@
                     margin-left: 15px;
                     margin-right: 15px;
                 }
-                li {
+                div {
                     display: block;
                     float: right;
                     font-weight: 400px;
                     cursor: pointer;
+                    color: #888;
+
+                    &:hover {
+                        color: #077aec;
+                    }
                 }
             }
         }