角色页面调整

src/pages/user/RoleManager.vue

@@ -73,8 +73,8 @@
 <template>
     <div style="height: 100%;">
         <Row style="height: 100%;">
-            <i-col span="6" style="height: 100%;">
-                <div style="border: 1px solid #EDEFF1">
+            <i-col span="5" style="height: 100%;">
+                <div style="border-bottom: 1px solid #EDEFF1">
                     <div style="margin: 15px 0 15px 15px">
                         <span style="color: #697882;font-size: 12px;font-weight: 700">系统角色</span>
                     </div>
@@ -89,20 +89,21 @@
                     </div>
                 </div>
             </i-col>
-
+            <i-col span="1"style="max-width: 5px;background-color: #EFF3F8;height: 100%;">
+            </i-col>
             <!--权限多选-->
             <i-col span="18" style="height: 100%;">
-                <div style="border: 1px solid #EDEFF1">
-                    <div style="margin: 15px 0 15px 15px">
+                <div style="border-bottom: 1px solid #EDEFF1;margin-left: 17px;">
+                    <div style="margin: 15px 0 15px 0">
                         <span style="color: #697882;font-size: 12px;font-weight: 700">角色权限</span>
                     </div>
                 </div>
-                <div style="padding-left: 15px;">
+                <div style="margin-left: 30px;margin-top: 39px;border-top: 1px solid #E4E9F1;">
                     <!--1-->
                     <div v-for="item in permissionList" :key="item.id">
-                        <div style="border-bottom: 1px solid #e9e9e9;height: 49px;line-height: 49px;">
+                        <div style="border-bottom: 1px solid #E4E9F1;height: 49px;line-height: 49px;background-color: #F7F8FA;">
                             <Checkbox :indeterminate="item.indeterminate" :value="item.check"
-                                      @click.prevent.native="handleItemCheckAll(item)"  style="color:#697882;margin-right: 20px;">{{item.name}}</Checkbox>
+                                      @click.prevent.native="handleItemCheckAll(item)"  style="height: 95%;color:#697882;background-color: #F7F8FA;">{{item.name}}</Checkbox>
                         </div>
                         <!--2-->
                             <div v-for="itemSon in item.sonPermissionList" :key="itemSon.id" style="height: 49px;">