fix: '节点配置交互优化'

src/pages/bsmanager/workOrder/workFlow/flowNode/flowNodeComponents/NodeEdit.jsx

@@ -38,9 +38,11 @@ const NodeEdit = props => {
   const [isDisable, setIsDisable] = useState(); // 允许回退是否可选择
   const [filedData, setFiledData] = useState([]); // 已选字段列表
   const [filedList, setFiledList] = useState([]); // 当前选择表的所有字段
-  const [visibleChecked, setVisibleChecked] = useState(true);
-  const [visibleChecked1, setVisibleChecked1] = useState(true);
+  const [visibleChecked, setVisibleChecked] = useState(false);
+  const [visibleChecked1, setVisibleChecked1] = useState(false);
   const [visibleChecked2, setVisibleChecked2] = useState(true);
+  const [visibleChecked3, setVisibleChecked3] = useState(false);
+  const [autoClose, setAutoClose] = useState(false);
 
   const [form] = Form.useForm();
   useEffect(() => {
@@ -55,12 +57,24 @@ const NodeEdit = props => {
       getFeedbackName();
     } else {
       form.resetFields();
+      setVisibleChecked(false);
+      setVisibleChecked1(false);
+      setVisibleChecked2(false);
+      setVisibleChecked3(false);
     }
   }, [visible]);
   // 获取表单回显
   const getFormData = () => {
+    console.log(msg);
     getFlowNode({ flowNodeId: msg.ID }).then(res => {
       if (res.code === 0) {
+        // 结束节点
+        if (res.data.Type == 2) {
+          setAutoClose(true);
+        } else {
+          setAutoClose(false);
+        }
+        console.log(res.data);
         let obj = {
           ...res.data.Extend,
           FlowName: res.data.FlowName,
@@ -71,14 +85,27 @@ const NodeEdit = props => {
           setIsDisable(true);
         }
         changTable(obj.TableName);
-        console.log(obj);
-        obj.Transferable = obj.Transferable == 1;
-        obj.EventsInformation = obj.EventsInformation == 1;
-        obj.IsSendMessage = obj.IsSendMessage == 1;
-        setVisibleChecked(obj.Transferable == 1);
-        setVisibleChecked1(obj.EventsInformation == 1);
-        setVisibleChecked2(obj.IsSendMessage == 1);
-        form.setFieldsValue(obj);
+        if (res.data.Extend != null) {
+          obj.NodeAliasName = obj.NodeAliasName || res.data.Name;
+          obj.Transferable = obj.Transferable == 1;
+          obj.EventsInformation = obj.EventsInformation == 1;
+          obj.IsSendMessage = obj.IsSendMessage == 1;
+          setVisibleChecked(obj.Transferable == 1);
+          setVisibleChecked1(obj.EventsInformation == 1);
+          setVisibleChecked2(obj.IsSendMessage == 1);
+          form.setFieldsValue(obj);
+        } else {
+          obj.AutoClose = obj.AutoClose == '是';
+          setVisibleChecked(false);
+          setVisibleChecked1(true);
+          setVisibleChecked2(true);
+          setVisibleChecked3(obj.AutoClose == '是');
+          form.setFieldsValue({
+            FlowName: res.data.FlowName,
+            NodeAliasName: res.data.Name,
+            Handover: '移交选择人',
+          });
+        }
       }
     });
   };
@@ -205,9 +232,10 @@ const NodeEdit = props => {
     form.validateFields().then(validate => {
       if (validate) {
         console.log(validate);
-        validate.Transferable = validate.Transferable ? 1 : 0;
-        validate.EventsInformation = validate.EventsInformation ? 1 : 0;
-        validate.IsSendMessage = validate.IsSendMessage ? 1 : 0;
+        validate.Transferable = visibleChecked ? 1 : 0;
+        validate.EventsInformation = visibleChecked1 ? 1 : 0;
+        validate.IsSendMessage = visibleChecked2 ? 1 : 0;
+        validate.AutoClose = visibleChecked3 ? '是' : '否';
         console.log(validate);
         editFlowNodeExtend({ ...validate, flowNodeId: msg.ID })
           .then(res => {
@@ -307,6 +335,10 @@ const NodeEdit = props => {
     console.log(e);
     setVisibleChecked2(e);
   };
+  const change3 = e => {
+    console.log(e);
+    setVisibleChecked3(e);
+  };
   return (
     <Drawer
       title="流程节点配置"
@@ -334,7 +366,11 @@ const NodeEdit = props => {
         <Form.Item label="流程节点" name="FlowName">
           <Input disabled />
         </Form.Item>
-        <Form.Item label="节点别名" name="NodeAliasName">
+        <Form.Item
+          label="节点别名"
+          name="NodeAliasName"
+          rules={[{ required: true, message: '请填写节点别名' }]}
+        >
           <Input placeholder="请输入节点别名" />
         </Form.Item>
         <Form.Item label="节点类型">
@@ -447,6 +483,16 @@ const NodeEdit = props => {
             <Radio value={1}>是</Radio>
           </Radio.Group> */}
         </Form.Item>
+        {autoClose && (
+          <Form.Item label="自动关单" name="AutoClose">
+            <Switch
+              checkedChildren="是"
+              unCheckedChildren="否"
+              checked={visibleChecked3}
+              onChange={change3}
+            />
+          </Form.Item>
+        )}
 
         <Form.Item
           label={