fix: '运维工作流流程中心人员设置选择面板重写'

src/pages/bsmanager/workOrder/workflowEdit/workFlowComponents/flowChartComponents/nodeModalComponents/RoalChoose.less

@@ -13,7 +13,7 @@
 
     .optionalList {
       position: relative;
-      width: 60%;
+      width: 70%;
       border-right: 1px solid #e7e7e7;
 
       .title {
@@ -63,21 +63,131 @@
         height: 360px;
         overflow-y: scroll;
 
-        .checkContent {
-          display: flex;
-          flex-wrap: wrap;
-          margin-left: 32px;
-
-          .check {
-            width: 150px;
-            margin-bottom: 10px;
-            margin-right: 6px;
-
-            .ant-checkbox-wrapper span {
-              max-width: 130px;
+        .checkContents {
+          padding-left: 15px;
+          .list {
+            .parent {
+              height: 38px;
+              line-height: 38px;
+              padding-left: 15px;
+              // border-bottom: 1px solid #f2f2f2;
+              transition: all 0.3s;
               overflow: hidden;
-              text-overflow: ellipsis;
-              white-space: nowrap;
+              .imgDown {
+                display: inline-block;
+                position: relative;
+                top: -2px;
+                margin-right: 5px;
+                &:hover {
+                  cursor: pointer;
+                }
+              }
+            }
+            .childs {
+              overflow: hidden;
+              transition: all 0.3s;
+              .child {
+                overflow: hidden;
+                height: 38px;
+                line-height: 38px;
+                padding-left: 30px;
+                border-bottom: 1px solid #f2f2f2;
+                &:hover {
+                  color: #0087F7;
+                  cursor: pointer;
+                }
+                &[active="true"] {
+                  color: #0087F7;
+                }
+              }
+            }
+          }
+
+          .checkContent {
+            display: flex;
+            flex-wrap: wrap;
+            margin-left: 32px;
+
+            // min-height: 50px;
+
+            .check {
+              width: 150px;
+              margin-bottom: 10px;
+              margin-right: 6px;
+
+              .ant-checkbox-wrapper span {
+                max-width: 130px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+              }
+            }
+          }
+          .checkGroupContent {
+            display: flex;
+            // width: 100%;
+            flex-direction: column;
+            border: 1px solid #c2cdfd;
+            border-radius: 5px;
+            margin: 10px 15px;
+            margin-right: 70px;
+            min-height: 50px;
+            padding: 0 10px 10px 16px;
+    
+            .ant-checkbox-wrapper {
+              background-color: #fff;
+            }
+    
+            .topCheckbox {
+              height: 20px;
+              margin: -10px 0 0 0px;
+              line-height: 20px;
+              >span {
+                background-color: white;
+              }
+            }
+    
+            .topCheckbox>label :hover {
+              font-weight: 600;
+            }
+    
+            .bottomCheckbox {
+              // margin-top: 10px;
+              display: flex;
+              flex-wrap: wrap;
+              .ant-checkbox-wrapper {
+                display: flex;
+                margin-left: 0;
+                width: 150px;
+                margin-right: 6px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                margin-top:10px;
+                .ant-checkbox + span {
+    
+                  display: flex;
+              }
+              }
+              .fontlabel {
+                display: inline-block;
+                width:130px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                // white-space: nowrap;
+              }
+    
+              // .ant-checkbox-group-item {
+              //   min-width: 150px !important;
+              // }
+              // .ant-checkbox-wrapper {
+              //   min-width: 150px !important;
+              // }
+            }
+    
+            .checkdiv {
+              display: flex;
+              flex-wrap: wrap;
             }
           }
         }
@@ -114,7 +224,7 @@
 
     .selectedList {
       position: relative;
-      width: 40%;
+      width: 30%;
 
       .header {
         height: 40px;

src/services/workflow/workflow.js

@@ -9,6 +9,9 @@ export const CreateFlow = param => post(`${PUBLISH_SERVICE}/WorkFlow/CreateFlow`
 export const UpdateFlowGroup = param => post(`${PUBLISH_SERVICE}/WorkFlow/UpdateFlowGroup`, param);
 // 查询全部角色对应的人员
 export const GetRoleUser = param => post(`${PUBLISH_SERVICE}/WorkFlow/GetRoleUser`, param);
+// 查询全部角色对应的人员(新增分组)
+export const GetRoleUserNew = param =>
+  get(`${PUBLISH_SERVICE}/UserCenter/GetFlowConfigAllRole`, param);
 // 获取节点信息
 export const GetNodeInfo = param => get(`${PUBLISH_SERVICE}/WorkFlow/GetNodeInfo`, param);
 // 创建或修改流程节点