|
@@ -2,7 +2,12 @@
|
|
|
<div class="workflow">
|
|
|
<TeleportContainer />
|
|
|
<div class="workflow-chart">
|
|
|
- <workflowChart :data="state.workflowData" ref="ref_workflow" />
|
|
|
+ <workflowChart
|
|
|
+ :ID="ID"
|
|
|
+ :data="state.workflowData"
|
|
|
+ ref="ref_workflow"
|
|
|
+ @save="getJsonData"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="operations">
|
|
|
<div>
|
|
@@ -34,6 +39,7 @@ import {
|
|
|
workflowDraftDetail,
|
|
|
workflowDraftSave,
|
|
|
} from '@/api/modules/workflow/chart'
|
|
|
+import { ElMessage } from 'element-plus'
|
|
|
|
|
|
const TeleportContainer = getTeleport()
|
|
|
const WorkflowStore = useWorkflowStore()
|
|
@@ -44,6 +50,7 @@ const props = defineProps({
|
|
|
const { proxy }: any = getCurrentInstance()
|
|
|
const state: any = reactive({
|
|
|
workflowData: null,
|
|
|
+ uniqueHash: '',
|
|
|
})
|
|
|
const ref_workflow = ref()
|
|
|
|
|
@@ -51,7 +58,9 @@ const getJsonData = () => {
|
|
|
const data = ref_workflow.value.toJSON()
|
|
|
const offset = WorkflowStore.graph.translate()
|
|
|
const res: any = {
|
|
|
- envVars: WorkflowStore.envVars.vars,
|
|
|
+ conversationVariables: [],
|
|
|
+ environmentVariables: WorkflowStore.envVars.vars,
|
|
|
+ hash: state.uniqueHash,
|
|
|
graph: {
|
|
|
nodes: [],
|
|
|
edges: [],
|
|
@@ -85,12 +94,34 @@ const getJsonData = () => {
|
|
|
}
|
|
|
})
|
|
|
console.log(res)
|
|
|
+ workflowDraftSave(props.ID, res)
|
|
|
+ .then(({ data }: any) => {
|
|
|
+ state.uniqueHash = data.uniqueHash
|
|
|
+ })
|
|
|
+ .catch(() => {})
|
|
|
+ .finally(() => {})
|
|
|
}
|
|
|
const initData = () => {
|
|
|
workflowDraftDetail(props.ID)
|
|
|
- const d = data0
|
|
|
- WorkflowStore.$patch((s: any) => (s.envVars.vars = d.envVars || []))
|
|
|
- state.workflowData = d.graph
|
|
|
+ .then(({ data }: any) => {
|
|
|
+ state.uniqueHash = data.uniqueHash
|
|
|
+ WorkflowStore.$patch(
|
|
|
+ (s: any) => (s.envVars.vars = data.environmentVariables || []),
|
|
|
+ )
|
|
|
+ // if (data.graph.viewport) {
|
|
|
+ // state.workflowData = data.graph
|
|
|
+ // } else {
|
|
|
+ state.workflowData = {
|
|
|
+ nodes: [],
|
|
|
+ edges: [],
|
|
|
+ }
|
|
|
+ // }
|
|
|
+ })
|
|
|
+ .catch(() => {})
|
|
|
+ .finally(() => {})
|
|
|
+ // const d = data0
|
|
|
+ // WorkflowStore.$patch((s: any) => (s.envVars.vars = d.envVars || []))
|
|
|
+ // state.workflowData = d.graph
|
|
|
}
|
|
|
onMounted(() => {
|
|
|
initData()
|