diff --git a/src/components/dialog/WorkflowActionsDialog.vue b/src/components/dialog/WorkflowActionsDialog.vue index 38a6e09e..f2bdcb48 100644 --- a/src/components/dialog/WorkflowActionsDialog.vue +++ b/src/components/dialog/WorkflowActionsDialog.vue @@ -8,6 +8,7 @@ import { useToast } from 'vue-toast-notification' import api from '@/api' import WorkflowSidebar from '@/layouts/components/WorkflowSidebar.vue' import DropzoneBackground from '@/layouts/components/DropzoneBackground.vue' +import ImportCodeDialog from '@/components/dialog/ImportCodeDialog.vue' const { onConnect, addEdges, nodes, edges } = useVueFlow() @@ -55,6 +56,9 @@ const workflowForm = ref(props.workflow || {}) // 提示框 const $toast = useToast() +// 导入代码对话框 +const importCodeDialog = ref(false) + // 调用API 编辑任务 async function updateWorkflow() { // 更新节点和流程 @@ -74,6 +78,57 @@ async function updateWorkflow() { } } +// 保存导入的代码，直接覆盖原有值 +function saveCodeString(type: string, code: any) { + try { + if (code) { + if (type === 'workflow') { + nodes.value = code.actions + edges.value = code.flows + } + importCodeDialog.value = false + $toast.success('导入成功！') + } + } catch (error) { + $toast.error('导入失败！') + console.error(error) + } +} + +// 分享工作流程 +function shareWorkflow() { + const codeString = JSON.stringify({ actions: nodes.value, flows: edges.value }) + navigator.clipboard.writeText(codeString) + $toast.success('任务流程代码已复制到剪贴板！') +} + +// 删除选中节点或连接线 +const deleteSelectedNodeOrEdge = () => { + // 删除选中的节点 + const selectedNode = nodes.value.find((node: { selected: any }) => node.selected) + if (selectedNode) { + // 删除节点 + nodes.value = nodes.value.filter((node: { id: any }) => node.id !== selectedNode.id) + // 删除与该节点相关的 edges + edges.value = edges.value.filter( + (edge: { source: any; target: any }) => edge.source !== selectedNode.id && edge.target !== selectedNode.id, + ) + } + // 删除选中的连接线 + const selectedEdge = edges.value.find((edge: { selected: any }) => edge.selected) + if (selectedEdge) { + // 删除连接线 + edges.value = edges.value.filter((edge: { id: any }) => edge.id !== selectedEdge.id) + } +} + +// 键盘按键事件处理 +const handleKeyDown = (event: { key: string }) => { + if (event.key === 'Delete' || event.key === 'Backspace') { + deleteSelectedNodeOrEdge() + } +} + onMounted(() => { if (props.workflow) { nodes.value = props.workflow.actions ?? [] @@ -95,6 +150,12 @@ onMounted(() => { 编辑流程 - {{ workflow?.name }} + + + + + + @@ -111,6 +172,7 @@ onMounted(() => { :default-edge-options="{ type: 'animation', animated: true }" @dragover="onDragOver" @dragleave="onDragLeave" + @keydown="handleKeyDown" > { +