From f44adb0244c62eed2cdcb7a4d71918b14eaa7652 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 16 Mar 2026 15:28:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E7=BA=A7=E4=B8=BA3d=E7=9A=84=E6=83=85?=
 =?UTF-8?q?=E5=86=B5=E7=82=B9=E5=87=BB=E6=94=BE=E5=A4=A7=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E4=B8=BA=E6=89=93=E5=BC=80=E6=A8=A1=E5=9E=8B=E7=AA=97=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FlowCanvas/components/nodes/cards/index.vue   |  2 +-
 .../FlowCanvas/components/nodes/result-image.vue  | 15 +++++++++++----
 .../components/tools/threeModel/index.vue         | 13 ++++++++++---
 .../components/tools/threeModel/model.vue         |  5 ++---
 src/components/Canvas/FlowCanvas/flow-canvas.vue  |  9 ++++++++-
 .../Canvas/FlowCanvas/manager/NodeManager.ts      |  1 +
 src/components/Canvas/components/base-modal.vue   |  5 ++++-
 7 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue b/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
index 105c0bd..2a1d122 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/cards/index.vue
@@ -132,7 +132,6 @@
 			imageUrl: attrs.node?.data?.originalImage,
 			...data,
 		}
-		console.log(subordNode)
 		const taskList = await currentComponent.value.api(apiData).then((rv)=>{
 			return rv
 		}) || []
@@ -143,6 +142,7 @@
 				positionY: (index + subordNodes.length) * (50 + 250),
 				data: {
 					superiorID: attrs.node.id,
+					superiorNodeType: attrs.node?.data?.type,
 					createIndexPosition: index,
 					tier: currentComponent.value.tier,
 					isActive: index == 0 && subordNodes.length == 0,
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index 102b109..b445a74 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -7,7 +7,7 @@
 			:class="{'active': config.isActive}"
 			@click="setSelectTaskId(item.taskId)"
 		>
-			<div class="header" v-if="item.status == 'RETURNED'" v-show="showHeader && item.taskId === data.selectTaskId" @mousedown.stop>
+			<div class="header" v-if="item.status == 'RETURNED'" v-show="showHeader && config.isActive" @mousedown.stop>
 				<span class="icon">
 					<svg-icon name="chat-compose" size="20" size-unit="px" />
 				</span>
@@ -61,7 +61,9 @@
 	import { downloadImage } from '../../../tools/tools'
 	import { reactive, ref, onBeforeUnmount, useAttrs, inject, watch, computed, onMounted } from 'vue'
 	import HighlightAdmin from '@/components/highlightAdmin.vue'
+	import { NODE_DATATYPE } from '../../tools/index.d'
 	const openImagePreview = inject('openImagePreview') as (url: string) => void
+	const openThreeModelPreview = inject('openThreeModelPreview') as (url: string) => void
 	const props = defineProps({
 		node: {
 			type: Object,
@@ -83,8 +85,8 @@
 		'send-to-back',
 		'update-data'
 	])
-	const attrs = useAttrs()
-	const showHeader = ref(!!attrs.node?.data?.isHeader)
+	// const attrs = useAttrs()
+	const showHeader = ref(!!props.node?.data?.isHeader)
 	const showMenu = ref(false)
 	const clickTaskId = ref('')
 	const generateManager = inject('generateManager') as any
@@ -97,6 +99,7 @@
 	const data = reactive({
 		selectTaskId: props.data?.selectTaskId || '',
 		imageProcessTasks: props.data?.imageProcessTasks,
+		superiorNodeType: props?.node?.data?.superiorNodeType,
 		isActive: props.data?.isActive || false,
 	})
 	const setSelectTaskId = (taskId: string) => {
@@ -171,7 +174,11 @@
 		}
 	])
 	const onPreview = (url: string) => {
-		openImagePreview(url)
+		if(data.superiorNodeType == NODE_DATATYPE.TO_3D_MODEL){
+			openThreeModelPreview(url)
+		}else{
+			openImagePreview(url)
+		}
 	}
 	const onDownload = (url: string) => {
 		downloadImage(url, 'image.png')
diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue
index 7f12bfa..7f97de2 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue
@@ -1,18 +1,25 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+import threeGlb from '@/assets/images/three/sample.glb'
 
 import model from './model.vue'
 import detail from './detail.vue'
 
-//const props = defineProps({
-//})
+const props = defineProps({
+	currentUrl: {
+		type: String,
+		default: ''
+	}
+})
 //const emit = defineEmits([
 //])
 let data = reactive({
 })
+
 const modelRef = ref(null)
 onMounted(()=>{
-	modelRef.value.open()
+	console.log(props.currentUrl)
+	modelRef.value.open(threeGlb)
 })
 onUnmounted(()=>{
 })
diff --git a/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue b/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue
index 6334d86..568d1dd 100644
--- a/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue
+++ b/src/components/Canvas/FlowCanvas/components/tools/threeModel/model.vue
@@ -5,7 +5,6 @@ import { useI18n } from 'vue-i18n'
 import gsap from 'gsap';
 import * as THREE from 'three';
 import { initThree,clearModel,addModel,getModelInfo,calculateCameraPosition } from './threeTool'
-import threeGlb from '@/assets/images/three/sample.glb'
 
 //const props = defineProps({
 //})
@@ -134,7 +133,7 @@ const setModel = async (url:any)=>{
 	await addModel(url,controls,camera,pointLight,group,load)
 	// addMaterial()
 }
-const open = async ()=>{
+const open = async (url)=>{
 	load.value.state = true
 	await nextTick(()=>{
 		init()
@@ -152,7 +151,7 @@ const open = async ()=>{
 		// composer.render();
 	};
 	animate();
-	await setModel(threeGlb)
+	await setModel(url)
 	load.value.state = false
 }
 
diff --git a/src/components/Canvas/FlowCanvas/flow-canvas.vue b/src/components/Canvas/FlowCanvas/flow-canvas.vue
index ff5725c..b3ea0a8 100644
--- a/src/components/Canvas/FlowCanvas/flow-canvas.vue
+++ b/src/components/Canvas/FlowCanvas/flow-canvas.vue
@@ -56,7 +56,9 @@
 	/>
 	<image-preview ref="imagePreviewRef" />
 	<baseModal ref="threeModelRef">
-		<threeModel />
+		<template v-slot="{ currentUrl }">
+			<threeModel :currentUrl="currentUrl" />
+		</template>
 	</baseModal>
 </template>
 
@@ -215,7 +217,12 @@
 	const openImagePreview = (url: string) => {
 		imagePreviewRef.value.open(url)
 	}
+	/** 打开3D预览 */
+	const openThreeModelPreview = (url: string) => {
+		threeModelRef.value.open(url)
+	}
 	provide('openImagePreview', openImagePreview)
+	provide('openThreeModelPreview', openThreeModelPreview)
 
 	onMounted(async () => {
 		// window['vueFlow'] = vueFlow
diff --git a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
index 43d8df5..dc0d287 100644
--- a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
@@ -7,6 +7,7 @@ interface NodeData {
 	tier?: string// 节点层级
 	isHeader?: boolean// 是否显示头
 	superiorID?: string// 上级节点ID
+	superiorNodeType?: string// 上级节点类型
 	disableDelete?: boolean// 是否禁用删除
 	disableCopy?: boolean// 是否禁用复制
 	originalImage?: string// 要进行生成的图片
diff --git a/src/components/Canvas/components/base-modal.vue b/src/components/Canvas/components/base-modal.vue
index a6377c5..c6df09b 100644
--- a/src/components/Canvas/components/base-modal.vue
+++ b/src/components/Canvas/components/base-modal.vue
@@ -13,7 +13,7 @@
 			</div>
 		</template>
 		<div class="modal-box">
-			<slot></slot>
+			<slot v-if="currentUrl" :currentUrl="currentUrl"></slot>
 		</div>
 	</el-dialog>
 </template>
@@ -27,11 +27,14 @@
 		}
 	})
 	const showDialog = ref(false)
+	let currentUrl = ref('')
 	const open = (url_: any) => {
+		currentUrl.value = url_
 		showDialog.value = true
 	}
 	const close = () => {
 		showDialog.value = false
+		currentUrl.value = ''
 	}
 
 	defineExpose({