feat(web): 增加任务和流程图CRUD

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

@@ -0,0 +1,38 @@
+import React, {useEffect, useState} from 'react'
+import styled from 'styled-components'
+import {useParams, useNavigate} from 'react-router'
+import {useMount} from 'ahooks'
+import axios from 'axios'
+import {commonInfo} from '../../../../util/amis.tsx'
+import FlowEditor, {type GraphData} from '../../../../components/flow/FlowEditor.tsx'
+
+const FlowTaskTemplateFlowEditDiv = styled.div`
+`
+
+const FlowTaskTemplateFlowEdit: React.FC = () => {
+  const navigate = useNavigate()
+  const {template_id} = useParams()
+  const [graphData, setGraphData] = useState<GraphData>()
+
+  useMount(async () => {
+    let {data} = await axios.get(
+      `${commonInfo.baseAiUrl}/flow_task/template/detail/${template_id}`,
+      {
+        headers: commonInfo.authorizationHeaders
+      }
+    )
+  })
+
+  return (
+    <FlowTaskTemplateFlowEditDiv className="h-full w-full">
+      <FlowEditor
+        graphData={graphData}
+        onGraphDataChange={data => {
+          navigate(-1)
+        }}
+      />
+    </FlowTaskTemplateFlowEditDiv>
+  )
+}
+
+export default FlowTaskTemplateFlowEdit