权限管理 UI 问题调整

src/views/SystemManage/PermissionManage.vue

@@ -183,13 +183,14 @@
           >
             <template slot-scope="scope">
               <div
+               v-if="scope.row.permissionNames && scope.row.permissionNames !== '/'"
                 v-for="(item, index) in scope.row.permissionNames &&
                 scope.row.permissionNames.split(',')"
-                :key="index"
-              >
+                :key="index">
                 {{ index > 0 ? "/" : "" }}
                 {{ item }}
               </div>
+              <span v-else>{{ '---' }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="status" label="启用状态" width="auto">

src/views/SystemManage/UserPermission.vue

@@ -781,4 +781,8 @@ export default {
   }
 }
 @import "scss/userpermission.scss";
+
+.manage-page .line {
+  height: 2rem !important;
+}
 </style>

src/views/SystemManage/scss/role.scss

@@ -280,7 +280,7 @@
           }
 
           .el-checkbox {
-            margin: 0px 0px 10px 0px;
+            margin: 0px 0px 12px 0px;
 
             &:last-of-type {
               margin-bottom: 0px;
@@ -294,7 +294,7 @@
           height: 85px;
           border-bottom: 1px solid #eeeeee;
           .el-checkbox {
-            margin-bottom: 10px;
+            margin-bottom: 12px;
           }
         }
 
@@ -306,7 +306,7 @@
 
           .el-checkbox {
             //margin: 22px 20px 0 20px;
-            margin-bottom: 10px;
+            margin-bottom: 12px;
           }
         }
 
@@ -355,7 +355,7 @@
           //padding-left: 30px;
           //padding-top: 8px;
           .line {
-            height: 30px;
+            height: 32px;
             width: 220px;
           }
         }
@@ -372,7 +372,7 @@
           //}
 
           .line {
-            height: 30px;
+            height: 32px;
             width: 220px;
           }
         }
@@ -385,7 +385,7 @@
           //padding-left: 30px;
 
           .line {
-            height: 30px;
+            height: 32px;
             width: 220px;
 
             > .el-checkbox {

src/views/SystemManage/scss/userpermission.scss

@@ -167,11 +167,12 @@
       display: flex;
       justify-content: flex-start;
       align-items: center;
+      margin-left: 0px;
       //border: 1px solid hotpink; width: auto;
       .info-item {
         display: flex;
         align-items: center;
-        padding: 0 20px 0 20px;
+        padding: 0 20px 0 0px;
         border-right: 1px solid #e6e6e8;
         .info-title {
           width: auto;
@@ -355,6 +356,7 @@
         width: 155px;
         border-right: 1px solid #eeeeee;
         .div3 {
+          padding: 20px;
           width: 100%;
           height: 165px;
           &:first-of-type {
@@ -365,26 +367,34 @@
           }
           border-bottom: 1px solid #eeeeee;
           .el-checkbox {
-            margin: 10px 20px 0 20px;
-            &:not(:first-of-type) {
-              margin-top: 20px;
+            //margin: 10px 20px 0 20px;
+            //&:not(:first-of-type) {
+            //  margin-top: 20px;
+            //}
+            margin: 0px 0px 12px 0px;
+            &:last-of-type {
+              margin-bottom: 0px;
             }
           }
         }
         .div2 {
+          padding: 20px;
           width: 100%;
           height: 85px;
           border-bottom: 1px solid #eeeeee;
           .el-checkbox {
-            margin: 12px 20px 0 20px;
+            //margin: 12px 20px 0 20px;
+            margin-bottom: 12px;
           }
         }
         .div1 {
+          padding: 20px;
           width: 100%;
           height: 55px;
           border-bottom: 1px solid #eeeeee;
           .el-checkbox {
-            margin: 15px 20px 0 20px;
+            //margin: 15px 20px 0 20px;
+            margin-bottom: 12px;
           }
         }
         // 未选中字体颜色
@@ -410,6 +420,7 @@
       .content {
         width: 100%;
         .div3 {
+          padding: 20px;
           &:last-of-type {
             height: 150px;
           }
@@ -420,9 +431,9 @@
           width: 100%;
           height: 165px;
           border-bottom: 1px solid #eeeeee;
-          padding-left: 30px;
-          padding-top: 8px;
-          .line {
+          //padding-left: 30px;
+          //padding-top: 8px;
+          /deep/.line{
             width: 220px;
             height: 30px;
           }
@@ -430,10 +441,11 @@
         .div2 {
           width: 100%;
           height: 85px;
-          padding-left: 30px;
+          padding: 20px;
+          //padding-left: 30px;
           border-bottom: 1px solid #eeeeee;
           .el-checkbox {
-            margin: 10px 20px 0 25px;
+            //margin: 10px 20px 0 25px;
           }
           .line /deep/ {
             width: 220px;
@@ -444,12 +456,13 @@
           }
         }
         .div1 {
+          padding: 20px;
           width: 100%;
           height: 55px;
-          padding-left: 30px;
+          //padding-left: 30px;
           border-bottom: 1px solid #eeeeee;
           .el-checkbox {
-            margin: 15px 20px 0 25px;
+            //margin: 15px 20px 0 25px;
           }
           .line /deep/ {
             width: 220px;