feat(ai-web): 完成自研流程图的保存

service-web/client/src/pages/ai/task/template/FlowTaskTemplateFlowEdit.tsx

@@ -1,6 +1,6 @@
-import React, {useEffect, useState} from 'react'
+import React, {useState} from 'react'
 import styled from 'styled-components'
-import {useParams, useNavigate} from 'react-router'
+import {useNavigate, useParams} from 'react-router'
 import {useMount} from 'ahooks'
 import axios from 'axios'
 import {commonInfo} from '../../../../util/amis.tsx'
@@ -12,7 +12,7 @@ const FlowTaskTemplateFlowEditDiv = styled.div`
 const FlowTaskTemplateFlowEdit: React.FC = () => {
   const navigate = useNavigate()
   const {template_id} = useParams()
-  const [graphData, setGraphData] = useState<GraphData>()
+  const [graphData, setGraphData] = useState<GraphData>({nodes: [], edges: [], data: {}})
 
   useMount(async () => {
     let {data} = await axios.get(
@@ -21,13 +21,24 @@ const FlowTaskTemplateFlowEdit: React.FC = () => {
         headers: commonInfo.authorizationHeaders
       }
     )
+    setGraphData(data?.data?.flowGraph)
   })
 
   return (
     <FlowTaskTemplateFlowEditDiv className="h-full w-full">
       <FlowEditor
         graphData={graphData}
-        onGraphDataChange={data => {
+        onGraphDataChange={async data => {
+          await axios.post(
+            `${commonInfo.baseAiUrl}/flow_task/template/update_flow_graph`,
+            {
+              id: template_id,
+              graph: data
+            },
+            {
+              headers: commonInfo.authorizationHeaders
+            }
+          )
           navigate(-1)
         }}
       />