修改

src/views/newRole/css/index.scss

@@ -1,4 +1,4 @@
-.newService {
+.newRole {
   height: calc(100vh - 80px);
   padding: 24px;
   &-head {
@@ -179,13 +179,8 @@
           margin-right: 16px;
         }
         .contents2{
-          .newService-content-left-bottom{
+          .newRole-content-left-bottom{
             padding: 0 24px;
-            .el-checkbox{
-              width: 100%;
-              height: 64px;
-              margin-bottom: 20px;
-            }
             ::v-deep .multipleTable {
               .DisabledSelection .cell .el-checkbox__inner {
                 display: none;

src/views/newRole/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="newService">
-    <div class="newService-head flex-wrap">
+  <div class="newRole">
+    <div class="newRole-head flex-wrap">
       <div class="manageTitle">{{ title }}</div>
     </div>
-    <div class="newService-content flex-wrap">
-      <div class="newService-content-left">
-        <div class="newService-content-left-top">
+    <div class="newRole-content flex-wrap">
+      <div class="newRole-content-left">
+        <div class="newRole-content-left-top">
           <div class="flex head">
             <div class="title">角色列表</div>
             <el-button @click="handleAdd" class="serButton" size="small">新增</el-button>
@@ -15,7 +15,7 @@
             </el-input>
           </div>
         </div>
-        <div class="newService-content-left-bottom">
+        <div class="newRole-content-left-bottom">
           <template v-if="dataList.length">
             <el-scrollbar ref="scroll" style="height: 100%">
               <div v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
@@ -35,8 +35,8 @@
           </template>
         </div>
       </div>
-      <div class="newService-content-right">
-        <div class="newService-content-right-top">
+      <div class="newRole-content-right">
+        <div class="newRole-content-right-top">
           <div class="flex">
             <div class="title">角色信息 {{ dataObj.role_name }}</div>
             <el-button type="primary" @click="handleSave" :disabled="flag" class="bcButton" size="small">保存</el-button>
@@ -52,9 +52,9 @@
             </el-form>
           </div>
         </div>
-        <div style="height: calc(100% - 180px)" class="flex newService-content-right-new">
-          <div class="newService-content-right-bottom contents1 flex1">
-            <div class="newService-content-left-top">
+        <div style="height: calc(100% - 180px)" class="flex newRole-content-right-new">
+          <div class="newRole-content-right-bottom contents1 flex1">
+            <div class="newRole-content-left-top">
               <div class="flex head">
                 <div class="title">权限列表</div>
               </div>
@@ -63,9 +63,9 @@
                 </el-input>
               </div>
             </div>
-            <div class="newService-content-left-bottom">
+            <div class="newRole-content-left-bottom">
               <el-scrollbar ref="scroll" style="height: 100%">
-                <div class="newService-content-left-bottom-tree">
+                <div class="newRole-content-left-bottom-tree">
                   <el-tree ref="tree" show-checkbox :data="treeData" :props="defaultProps" highlight-current :filter-node-method="filterNode" default-expand-all node-key="auth_id" @check="checkChange" @node-click="handleNodeClick" :expand-on-click-node="false">
                     <span class="custom-tree-node" slot-scope="{ node, data }">
                       <span class="customTxt">{{ node.label }}</span>
@@ -78,14 +78,14 @@
               </el-scrollbar>
             </div>
           </div>
-          <div class="newService-content-right-bottom contents2 flex1">
-            <div class="newService-content-left-top">
+          <div class="newRole-content-right-bottom contents2 flex1">
+            <div class="newRole-content-left-top">
               <div class="flex head">
                 <div class="title">列授权</div>
                 <el-button type="primary" @click="handleColSave" class="bcButton" size="small">保存</el-button>
               </div>
             </div>
-            <div class="newService-content-left-bottom">
+            <div class="newRole-content-left-bottom">
               <el-table ref="multipleTable" class="multipleTable" :data="checkArrs" border stripe :maxHeight="tableHeight" tooltip-effect="dark" style="width: 100%;" @selection-change="handleSelectionChange">
                 <el-table-column label-class-name="DisabledSelection" type="selection" width="100">
                 </el-table-column>

src/views/systemSettings/views/newService/css/index.scss

@@ -140,8 +140,8 @@
           }
         }
         .cj-form{
-          .title{
-            margin-bottom: 20px;
+          .el-form-item{
+            margin-bottom: 22px;
           }
           margin-top: 0;
         }