update: 样式调整

src/views/enterprise/edit-role/menu-tree.vue

@@ -142,6 +142,9 @@ export default {
   .all-menu {
     padding: 20px 0 0 20px;
     width: calc(100% - 140px);
+    /deep/.el-checkbox.is-disabled + .el-tree-node__label {
+      color: @gray03;
+    }
   }
 }
 </style>

src/views/review-center/create-audit-group.vue

@@ -14,6 +14,7 @@
         :titles="['全选', '已选']"
         :button-texts="['移除', '转入']"
         :props="{label: 'staffName', key: 'staffId'}"
+        :render-content="render"
         :data="adminList">
       </dm-transfer>
     </el-form-item>
@@ -24,6 +25,7 @@
 </template>
 
 <script>
+import getStrLen from '@/common/js/strlen';
 import fetch from '@/api/review';
 const { auditGroupDetail, editAuditGroup, addAuditGroup, getAdminList } = fetch;
 
@@ -42,6 +44,19 @@ export default {
       groupDataRules: {
         auditGroupName: [ { required: true, message: '请输入审核组名称', trigger: 'blur' } ],
         auditPerson: [ { required: true, message: '请选择管理员', trigger: 'blur' } ]
+      },
+      render(n, options) {
+        const str = `${options.staffName} (${options.roleName})`;
+        {
+          if (getStrLen.getZhLen(str) <= 10) {
+            return <span>{str}</span>;
+          } else {
+            return <el-tooltip placement="top">
+              <p slot="content">{str}</p>
+              <span>{str}</span>
+            </el-tooltip>;
+          }
+        }
       }
     };
   },