| | |
| | | <template> |
| | | <div class="absolute bottom-0 left-0 right-0 top-0 bg-page text-base"> |
| | | <div class="relative flex h-full w-full flex-col"> |
| | | <Header :isViewMode="isViewMode" v-if="flowAgent" :flowAgent="flowAgent" :queryId="queryId" /> |
| | | <Header :isViewMode="isViewMode" v-if="flowAgent" :flowAgent="flowAgent" :queryId="queryId" @saveClick="validateForm" /> |
| | | <main class="relative flex h-full w-full flex-1"> |
| | | <Sidebar v-if="!isViewMode" class="w-52" @dragstart="handleOnDragStart" /> |
| | | <div class="relative h-full flex-1 overflow-hidden" v-if="flowJson"> |
| | | <MainCanvas |
| | | ref="mainCanvasRef" |
| | | :isViewMode="isViewMode" |
| | | :flowJson="flowJson" |
| | | :agentNames="agentNames" |
| | |
| | | llmInfoList.value = logicTree; |
| | | }; |
| | | |
| | | const mainCanvasRef = ref(); |
| | | const validateForm = () => { |
| | | mainCanvasRef.value.validateForm(); |
| | | }; |
| | | |
| | | |
| | | onMounted(() => { |
| | | if (!queryId.value) return; |
| | | handleGetJSON(queryId.value); |