fix: 工作流编辑器节点上添加描述，样式优化

src/pages/bsmanager/workOrder/workflowEdit/workFlowComponents/flowChartComponents/NodeModal.jsx

@@ -440,7 +440,7 @@ const NodeModal = props => {
             borderTopColor: '#99bbe8',
             color: '#15428b',
             fontWeight: 700,
-            marginBottom: '30px',
+            // marginBottom: '30px',
           }}
         >
           {nodeMsg.NodeType === '20' || nodeMsg.NodeType === '21' || nodeMsg.NodeType === '22'
@@ -448,6 +448,20 @@ const NodeModal = props => {
             : '节点'}
           信息
         </Divider>
+        <div className={styles.titleBox}>
+          {/* 条件网关 */}
+          <p style={{ display: form?.getFieldValue('NodeType') === '20' ? 'block' : 'none' }}>
+            条件网关：客户端填写表单内容，根据设置的条件规则以及出口的目标节点，进行全规则匹配，确定最终流转节点。
+          </p>
+          {/* 汇合网关 */}
+          <p style={{ display: form?.getFieldValue('NodeType') === '21' ? 'block' : 'none' }}>
+            汇合网关：等待所有的入口分支流程全部完成，自动移交到下一节点，汇合网关支持规则配置。
+          </p>
+          {/* 并行网关 */}
+          <p style={{ display: form?.getFieldValue('NodeType') === '22' ? 'block' : 'none' }}>
+            并行网关：根据网关的连接情况，强制所有出口分支流程必须流转。
+          </p>
+        </div>
         <Form
           form={form}
           labelCol={{ span: 4 }}
@@ -531,6 +545,7 @@ const NodeModal = props => {
             </Form.Item>
           </div>
         </Form>
+
         <div
           style={{
             display:
@@ -547,7 +562,7 @@ const NodeModal = props => {
               borderTopColor: '#99bbe8',
               color: '#15428b',
               fontWeight: 700,
-              margin: '30px 0 10px 0',
+              // margin: '30px 0 10px 0',
             }}
           >
             承办管理
@@ -592,7 +607,7 @@ const NodeModal = props => {
               borderTopColor: '#99bbe8',
               color: '#15428b',
               fontWeight: 700,
-              margin: '30px 0 10px 0',
+              // margin: '30px 0 10px 0',
             }}
           >
             规则配置

src/pages/bsmanager/workOrder/workflowEdit/workFlowComponents/flowChartComponents/NodeModal.less

 .titleBox {
-  color: #DCDCDC;
+  color: #BCBCBC;
   font-size: 14px;
   padding-left: 20px;
 }

src/pages/bsmanager/workOrder/workflowEdit/workflow.less

@@ -115,6 +115,13 @@
       .nodeList {
         display: flex;
 
+        .lineBox {
+          height: 40px;
+          width: 1px;
+          background-color: #ccc;
+          margin-right: 10px;
+        }
+
         .nodeBox {
           display: flex;
           align-items: center;