'1.1.2.6'

src/views/ranking/custom_rank.vue

@@ -1,19 +1,23 @@
 <template>
   <div class="all-box">
       <div class="all">
-          
-    <el-row :gutter="0">
-      <el-col :span="6" v-loading="item_loading">
-        <div style="text-align: center; padding: 10px 0;"><el-button type="primary" @click="addGroup" :disabled="table_loading" v-if="employeeOrdept">新建分组</el-button></div>
-        <el-menu v-if="groups_list.length > 0" default-active="0" class="el-menu-vertical-demo elMenuCustomRule_Z">
-          <el-menu-item v-for="(item, index) in groups_list" :key="index" :index="index.toString()" @click="getGroupsInfo(item)">
-			<i class="el-icon-document-copy"></i>
-            <span slot="title">{{ item.name }}</span>
-          </el-menu-item>
-        </el-menu>
-        <div v-else style="text-align: center;margin-top: 10%;" class="fontColorF">
-            <img src="@/assets/image/nodata.png" style="width: 180px;height: 120px;margin: 30px auto;">
-            <div>还没有自定义分组</div>
+          <div class="flex-box">
+              
+    <!-- <el-row :gutter="0"> -->
+      <!-- <el-col :span="6"> -->
+      <div class="flex-box" v-loading="item_loading">
+        <div class="terr-left">
+            <div style="text-align: center; padding: 10px 0;"><el-button type="primary" @click="addGroup" :disabled="table_loading" v-if="employeeOrdept">新建分组</el-button></div>
+            <el-menu v-if="groups_list.length > 0" default-active="0" class="el-menu-vertical-demo elMenuCustomRule_Z">
+            <el-menu-item v-for="(item, index) in groups_list" :key="index" :index="index.toString()" @click="getGroupsInfo(item)">
+                <i class="el-icon-document-copy"></i>
+                <span slot="title">{{ item.name }}</span>
+            </el-menu-item>
+            </el-menu>
+            <div v-else style="text-align: center;margin-top: 10%;" class="fontColorF">
+                <img src="@/assets/image/nodata.png" style="width: 180px;height: 120px;margin: 30px auto;">
+                <div>还没有自定义分组</div>
+            </div>
         </div>
         <!-- <div v-if="groups_list.length == 0">
           <div class="nopoint_box">
@@ -21,7 +25,8 @@
             <span class="title">没有对应的数据</span>
           </div>
         </div> -->
-      </el-col>
+      </div>
+      <!-- </el-col> -->
       <el-col :span="18" class="listData" v-loading="table_loading">
         <el-row style="margin-bottom: 10px;" v-if="groups_list.length != 0">
           <el-col :span="24" class="groups_name">
@@ -120,7 +125,8 @@
           ></el-pagination>
         </center>
       </el-col>
-    </el-row>
+    </div>
+    <!-- </el-row> -->
       </div>
 
     <!-- 新增分组 -->
@@ -1199,7 +1205,7 @@ export default {
 .elMenuCustomRule_Z {
   overflow-y: auto;
   border: none;
-  height: 980px;
+//   height: 980px;
 }
 // 滚动条样式
 .elMenuCustomRule_Z::-webkit-scrollbar {
@@ -1232,4 +1238,10 @@ export default {
   overflow: inherit;
   white-space: normal;
 }
+
+.terr-left button{
+    margin: 0 auto;
+    display: block;
+    margin-bottom: 20px;
+}
 </style>