用户模块样式调整

src/views/system/user/index.vue

@@ -61,7 +61,7 @@
     </div>
     <el-row :gutter="20">
       <!--部门数据-->
-      <el-col :span="4" :xs="24" style="background: #f4f4f4;height: 100%">
+      <el-col :span="4" class="deptTree">
         <div class="head-container" style="padding: 10px 6px;background: #FFFFFF">
           <el-input
             v-model="deptName"
@@ -85,13 +85,13 @@
             @node-click="handleNodeClick"
           >
             <div slot-scope="{ node }" style="white-space: nowrap;text-overflow: ellipsis;overflow: hidden" class="custom-tree-node">
-              <span style="font-size: 14px" :title="node.label">{{ node.label }}</span>
+              <span :title="node.label">{{ node.label }}</span>
             </div>
           </el-tree>
         </div>
       </el-col>
       <!--用户数据-->
-      <el-col :span="20" :xs="24">
+      <el-col :span="20">
         <div class="mb12 font-small-bold" style="margin-top: 20px">用户管理列表</div>
         <el-table
           v-loading="loading"
@@ -943,6 +943,10 @@ export default {
 <style lang="scss" scoped>
   .user-manage {
     font-size: 18px;
+    .deptTree{
+      background: #f4f4f4;
+      height: 100%
+    }
       .placeholder{
         height:14px;
         background-color: #F4F4F4