From 927bb6de67b2cb744007d2a523253903a5a8c3d2 Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Tue, 24 Feb 2026 13:20:05 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=89=88=E6=9C=AC=E6=A0=91?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E7=9A=84=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=E5=92=8C=E5=90=8E=E7=AB=AF=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/index.ts                           |  1 +
 src/stores/projectData.ts                     | 20 +++++
 src/views/home/agent/components/Preview.vue   | 83 ++++++++++++++++-
 .../agent/components/versionTree/index.vue    | 89 ++++++++++++++++---
 .../components/versionTree/tools/tools.js     | 14 +--
 .../components/versionTree/tree/index.vue     | 11 +--
 .../versionTree/tree/view2/index.vue          | 12 +--
 .../versionTree/tree/view2/secondaryNode.vue  | 18 +++-
 src/views/home/agent/index.vue                |  2 +-
 9 files changed, 215 insertions(+), 35 deletions(-)
 create mode 100644 src/stores/projectData.ts

diff --git a/src/stores/index.ts b/src/stores/index.ts
index 92b3821..b5d3fe1 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -7,3 +7,4 @@ store.use(createPersistedState())
 export default store
 export * from './global'
 export * from './userInfo'
+export * from './projectData'
diff --git a/src/stores/projectData.ts b/src/stores/projectData.ts
new file mode 100644
index 0000000..80d8184
--- /dev/null
+++ b/src/stores/projectData.ts
@@ -0,0 +1,20 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+export const useProjectStore = defineStore('project', () => {
+	const state = ref({// 项目参数
+		id: '',
+	})
+
+	const setProject = (obj: any) => { 
+		for (const key in obj) {
+			if(state.value[key]){
+				state.value[key] = obj[key]
+			}
+		}
+	}
+
+	return {
+		state,
+		setProject,
+	}
+})
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index fb95e88..5a60cd7 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -19,9 +19,6 @@
 					<img :src="reportNull" alt="" />
 				</div>
 				<div v-else class="report-content">
-					<div class="">
-
-					</div>
 					<div class="downBtnBox">
 						<div class="downBtn">
 							<div class="icon">
@@ -32,6 +29,81 @@
 					</div>
 					<div class="content">
 						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />				
+						# 一级标题   
+						<br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  <br />
+						# 一级标题   
+						<br />				
+						# 一级标题  
 					</div>
 				</div>
 			</div>
@@ -113,6 +185,8 @@
 			justify-content: center;
 			--border-width: 3px;
 			flex: 1;
+			overflow: hidden;
+			height: 100%;
 			&::before {
 				content: '';
 				position: absolute;
@@ -141,6 +215,7 @@
 					flex: 1;
 					display: flex;
 					flex-direction: column;
+					overflow: hidden;
 					.downBtnBox{
 						padding: 2.2rem 5.2rem 0;
 						.downBtn{
@@ -165,6 +240,8 @@
 					.content{
 						word-break: break-word;
 						white-space: pre-wrap;
+						overflow-y: auto;
+						margin: 2rem;
 					}
 				}
 			}
diff --git a/src/views/home/agent/components/versionTree/index.vue b/src/views/home/agent/components/versionTree/index.vue
index 26c6a3b..3e2b9ff 100644
--- a/src/views/home/agent/components/versionTree/index.vue
+++ b/src/views/home/agent/components/versionTree/index.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
+import { ref, onMounted, onUnmounted, reactive, toRefs, watch } from 'vue'
 import Tree from './tree/index.vue'
 import Detail from './detail/index.vue'
-import { versionsList } from './tools/versionsData'
+// import { versionsList } from './tools/versionsData'
 import { findAndAddChild, findAndRemoveChild } from './tools/tools'
+import { useProjectStore } from '@/stores'
+import { versionTree, getChatNodeDetail } from '@/api/versitonTree'
 
 const props = defineProps({
 	versionTreeData: {
@@ -11,14 +13,79 @@ const props = defineProps({
 		default: () => {
 			return {
 				drawer: false,
-				list: []
+				// list: []
 			}
 		}
 	}
 })
+
 //const emit = defineEmits([
 //])
 
+const versionsList = ref([])
+
+const projectStore = useProjectStore()
+watch(()=>projectStore.state.id, (newVal, oldVal) => {
+	if(newVal){
+		versionTree({
+			projectId: projectStore.state.id
+		}).then(res => {
+			console.log(res)
+			
+			// versionsList.value = res.data
+		})
+	}
+})
+
+const setVersionsList = (res)=>{
+	versionsList.value = [{
+		"id": "node_001",
+		"url": "https://example.com/images/cover_001.jpg",
+		"children": [
+			{
+			"id": "node_002",
+			"url": "https://example.com/images/cover_002.jpg",
+			"children": [
+				{
+				"id": "node_003",
+				"url": "https://example.com/images/cover_003.jpg",
+				"children": []
+				},
+				{
+				"id": "node_004",
+				"url": "https://example.com/images/cover_004.jpg",
+				"children": []
+				}
+			]
+			},
+			{
+			"id": "node_005",
+			"url": "https://example.com/images/cover_005.jpg",
+			"children": [
+				{
+				"id": "node_006",
+				"url": "https://example.com/images/cover_006.jpg",
+				"children": []
+				}
+			]
+			}
+		]
+	}]
+	//设置versionId
+	function traverseArray(items,father, callback) {
+		for (let i = 0; i < items.length; i++) {
+			const item = items[i]
+			callback(item, i,father)
+			if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+				traverseArray(item.children, item, callback)
+			}
+		}
+	}
+	traverseArray(versionsList.value,'',(item,i,father)=>{
+		item.versionId = father?`${father.versionId}-${i+1}`:'1'
+	})
+}
+
 const treeRef = ref(null)
 const treeKey = ref(0)
 const treeState = ref(true)//
@@ -31,13 +98,13 @@ const openTree = (state)=>{
 
 const versionRestore = ()=>{
 	let id = ''
-	if(selectItem.value?.child?.length > 0){
+	if(selectItem.value?.children?.length > 0){
 		function findMaxForYourFormat(items) {
 			let max = 0
 			
 			for (const item of items) {
 				// 直接分割并取最后一部分
-				const parts = item.id.split('-')
+				const parts = item?.versionId.split('-')
 				const lastNumber = parseInt(parts[parts.length - 1], 10)
 				
 				if (lastNumber > max) {
@@ -47,26 +114,26 @@ const versionRestore = ()=>{
 			
 			return max
 		}
-		id = `${selectItem.value?.id}-${findMaxForYourFormat(selectItem.value?.child) + 1}`
+		id = `${selectItem.value?.versionId}-${findMaxForYourFormat(selectItem.value?.children) + 1}`
 	}else{
-		id = `${selectItem.value?.id}-1`
+		id = `${selectItem.value?.versionId}-1`
 	}
 	let addObj = {
 		id,
 		name:`V${id}`
 	}
-	findAndAddChild(versionsList, selectItem.value?.id, addObj)
+	findAndAddChild(versionsList.value, selectItem.value?.versionId, addObj)
 	selectItem.value = {...addObj}
 	treeKey.value++
 }
 const versionDelete = (versionDetail)=>{
-	if(!selectItem.value.id)return
-	findAndRemoveChild(versionsList, selectItem.value.id)
+	if(!selectItem.value?.versionId)return
+	findAndRemoveChild(versionsList.value, selectItem.value?.versionId)
 	treeKey.value++
 }
 
 let data = reactive({})
-onMounted(() => {})
+onMounted(() => {setVersionsList('')})
 onUnmounted(() => {})
 defineExpose({})
 const {} = toRefs(data)
diff --git a/src/views/home/agent/components/versionTree/tools/tools.js b/src/views/home/agent/components/versionTree/tools/tools.js
index e385520..d827306 100644
--- a/src/views/home/agent/components/versionTree/tools/tools.js
+++ b/src/views/home/agent/components/versionTree/tools/tools.js
@@ -101,17 +101,17 @@ export function findAndAddChild(items, targetId, newChild) {
 		// 如果找到目标节点
 		if (item.id === targetId) {
 			// 初始化child数组（如果不存在）
-			if (!item.child) {
-				item.child = []
+			if (!item.children) {
+				item.children = []
 			}
 			// 添加新子节点
-			item.child.push(newChild)
+			item.children.push(newChild)
 			return true
 		}
 
 		// 递归搜索子节点
-		if (item.child && item.child.length > 0) {
-			const found = findAndAddChild(item.child, targetId, newChild)
+		if (item.children && item.children.length > 0) {
+			const found = findAndAddChild(item.children, targetId, newChild)
 			if (found) return true
 		}
 	}
@@ -135,8 +135,8 @@ export function findAndRemoveChild(items, targetId) {
 	  }
 	  
 	  // 递归搜索子节点
-	  if (item.child && item.child.length > 0) {
-		const found = findAndRemoveChild(item.child, targetId)
+	  if (item.children && item.children.length > 0) {
+		const found = findAndRemoveChild(item.children, targetId)
 		if (found) return true
 	  }
 	}
diff --git a/src/views/home/agent/components/versionTree/tree/index.vue b/src/views/home/agent/components/versionTree/tree/index.vue
index a6b6b46..a885f26 100644
--- a/src/views/home/agent/components/versionTree/tree/index.vue
+++ b/src/views/home/agent/components/versionTree/tree/index.vue
@@ -49,24 +49,25 @@ function traverseArray(items, callback) {
 	for (let i = 0; i < items.length; i++) {
 		const item = items[i]
 		callback(item, i)
-		if (item.child && Array.isArray(item.child) && item.child.length > 0) {
-			traverseArray(item.child, callback)
+		if (item.children && Array.isArray(item.children) && item.children.length > 0) {
+			traverseArray(item.children, callback)
 		}
 	}
 }
 const initialize = ()=>{
 	isLoad.value = false
 	treeList.value = []
-	treeList.value.push({id: null,name:'index',})
+	treeList.value.push({versionId: null,name:'index',})
 	traverseArray(props.versionsList, (item, index) => {
 		treeList.value.push(item)
 	})
+	console.log(treeList)
 	isLoad.value = true
-	if(!props.selectItem?.id)setSelectItem(treeList.value[treeList.value.length - 1])
+	if(!props.selectItem?.versionId)setSelectItem(treeList.value[treeList.value.length - 1])
 } 
 
 const setSelectItem = (item)=>{
-	if(!item.id)return
+	if(!item.versionId)return
 	emit('update:selectItem', {...item})
 }
 
diff --git a/src/views/home/agent/components/versionTree/tree/view2/index.vue b/src/views/home/agent/components/versionTree/tree/view2/index.vue
index 604b84a..5971502 100644
--- a/src/views/home/agent/components/versionTree/tree/view2/index.vue
+++ b/src/views/home/agent/components/versionTree/tree/view2/index.vue
@@ -55,12 +55,12 @@ async function layoutGraph(direction) {
 }
 
 const push = (item)=>{
-	if(!item.id){
+	if(!item.versionId){
 		nodes.value.push({ id: '0', type: 'InputNode', class: 'custom-node', position })
 	}else{
-		let className = `custom-node item${item.id.replace(/-/g, "_")}`
-		let id = item.id
-		let source = edges.value.length == 0?'0':item.id.slice(0, -2)
+		let className = `custom-node item${item.versionId.replace(/-/g, "_")}`
+		let id = item.versionId
+		let source = edges.value.length == 0?'0':item.versionId.slice(0, -2)
 		nodes.value.push({id,type:'SecondaryNode',class:className,position,data:item})
 		edges.value.push({ id, target:id, source, type: 'smoothstep' })
 	}
@@ -77,7 +77,7 @@ const toggleNodesDraggable = () => {
 }
 
 const handleVueFlowNodeClick = ({node}) => {
-	if(node.data.id)emit('setSelectItem', node.data)
+	if(node.data.versionId)emit('setSelectItem', node.data)
 }
 
 watch(()=>props.treeList.length, (newVal, oldVal) => {
@@ -87,7 +87,7 @@ watch(()=>props.treeList.length, (newVal, oldVal) => {
 		push(item)
 	})
 },{immediate:true})
-watch(()=>props.selectItem.id, (newVal, oldVal) => {
+watch(()=>props.selectItem.versionId, (newVal, oldVal) => {
 })
 
 const versionRestore = ()=>{
diff --git a/src/views/home/agent/components/versionTree/tree/view2/secondaryNode.vue b/src/views/home/agent/components/versionTree/tree/view2/secondaryNode.vue
index b2552fb..a8bf9f8 100644
--- a/src/views/home/agent/components/versionTree/tree/view2/secondaryNode.vue
+++ b/src/views/home/agent/components/versionTree/tree/view2/secondaryNode.vue
@@ -22,10 +22,24 @@ const props = defineProps<{
 		<Handle type="source" id="Bottom" :position="Position.Bottom" />
 		<!-- <Handle type="source" id="Right" :position="Position.Right" />
 		<Handle type="target" id="Left" :position="Position.Left" /> -->
-		<div>{{ props.data.id }}</div>
+		<!-- <div>{{ props.data.id }}</div> -->
+		<div class="item">
+			<!-- {{ props.data.url }} -->
+			<img :src="props.data.url" />
+		</div>
 	</div>
 </template>
 
 <style lang="less" scoped>
-
+.node{
+	.item{
+		width: 100%;
+		height: 100%;
+		img{
+			width: 100%;
+			height: 100%;
+			object-fit: contain;
+		}
+	}
+}
 </style>
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index 7d01290..8f916d1 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -68,7 +68,7 @@
 			display: flex;
 			flex: 1;
 			justify-content: space-between;
-			// overflow: hidden;
+			overflow: hidden;
 		}
 
 		.c-svg {