fix

src/components/Canvas/FlowCanvas/components/tools/threeModel/detail.vue

@@ -86,9 +86,11 @@ const {} = toRefs(data);
 </template>
 <style lang="less" scoped>
 	.modalDetail{
-		width: 100%;
+		width: 22rem;
 		height: 100%;
 		position: relative;
+		display: flex;
+		flex-direction: column;
 		> .title{
 			margin: 2.4rem 0;
 			font-weight: 500;

src/components/Canvas/FlowCanvas/components/tools/threeModel/index.vue

@@ -3,6 +3,7 @@ import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
 import threeGlb from '@/assets/images/three/sample.glb'
 import { uploadImage } from '@/api/upload'
 import { base64Tofile } from '@/components/Canvas/tools/tools'
+import { ElMessage } from 'element-plus'
 
 import model from './model.vue'
 import detail from './detail.vue'
@@ -27,6 +28,8 @@ const captureView = async ()=>{
 	const formData = new FormData()
 	formData.append('file', file)
 	const minioUrl = await uploadImage(formData, true)
+	ElMessage.warning('Your new view has been captured.')	
+
 	emit('captureView', {
 		minioUrl,
 		nodeId: props?.currentData?.nodeId
@@ -64,8 +67,10 @@ const {} = toRefs(data);
 			width: 65.5rem;
 		}
 		> .detailBox{
-			width: 22rem;
+			flex: 1;
 			height: 100%;
+			display: flex;
+			justify-content: center;
 		}
 	}
 </style>

src/components/Canvas/FlowCanvas/flow-canvas.vue

@@ -272,7 +272,7 @@
 				}
 			}
 		})
-		threeModelRef.value.close()
+		// threeModelRef.value.close()
 	}
 	provide('openImagePreview', openImagePreview)
 	provide('openThreeModelPreview', openThreeModelPreview)