fix

src/views/home/agent/components/versionTree/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 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 { findAndAddChild, findAndRemoveChild } from '../../../../../utils/treeDiagram'
 import { useProjectStore } from '@/stores'
@@ -128,7 +127,7 @@ const {} = toRefs(data)
 			v-model="versionTreeData.drawer"
 			:close-on-press-escape="false"
 			:close-on-click-modal="false"
-			:size="treeState ? '109rem' : '49rem'"
+			:size="treeState ? '73.5rem' : '73.5rem'"
 			body-class="versionTreeBody"
 			:with-header="false"
 		>
@@ -172,11 +171,6 @@ const {} = toRefs(data)
 						:key="treeKey"
 					></Tree>
 				</div>
-				<div class="detail">
-					<Detail 
-						v-model:selectItem="selectItem"
-					></Detail>
-				</div>
 			</div>
 		</el-drawer>
 	</div>
@@ -246,13 +240,7 @@ const {} = toRefs(data)
 			flex: 1;
 			height: 100%;
 			overflow: hidden;
-			padding: 2.5rem 0 5.4rem 2.2rem;
-		}
-		> .detail {
-			width: 35rem;
-			margin: 2.5rem 3rem 5.4rem 3.4rem;
-			height: calc(100% - 2.1rem - 5.4rem);
-			overflow: hidden;
+			padding: 2.5rem 4rem 5.4rem 4rem;
 		}
 	}
 }

src/views/home/agent/components/versionTree/tree/index.vue

@@ -118,6 +118,10 @@ const {} = toRefs(data);
 				@versionRestore="()=>emit('versionRestore')"
 				@versionDelete="emit('versionDelete')"
 			></view2>
+			<div class="nodeInfo">
+				<!-- <span class="versionsName">111</span> -->
+				<span class="versionsTime">{{ new Date(treeList.find(item=>item.id == props.selectItem.id)?.createdTime * 1000)?.toLocaleString?.() || 0 }}</span>
+			</div>
 		</div>
 	</div>
 </template>
@@ -130,6 +134,7 @@ const {} = toRefs(data);
 			width: 100%;
 			height: 100%;
 			box-sizing: border-box;
+			position: relative;
 			&.view1{
 				overflow-y: auto;
 				&::-webkit-scrollbar {
@@ -141,6 +146,23 @@ const {} = toRefs(data);
 				background-color: #f7f7f7;
 				border-radius: var(--border-radius, 1rem);
 			}
+			> .nodeInfo{
+				position: absolute;
+				right: 1.6rem;
+				top: 1.6rem;
+				padding: 0 1.6rem;
+				border: 2px solid #E6E6E7;
+				background-color: #fff;
+				border-radius: .4rem;
+				line-height: 3.6rem;
+				> span{
+					font-size: 1.2rem;
+					&.versionsName{
+						margin-right: .5rem;
+						font-size: 1.4rem;
+					}
+				}
+			}
 		}
 	}
 </style>

src/views/home/agent/components/versionTree/tree/view2/index.vue

@@ -108,7 +108,7 @@ defineExpose({push})
 <template>
 	<div class="view2">
 		<div class="vueFlowBox">
-			<div @click="toggleNodesDraggable">拖拽节点</div>
+			<!-- <div @click="toggleNodesDraggable">拖拽节点</div> -->
 			<VueFlow :nodes="nodes" @nodes-initialized="initialized" :edges="edges" @node-click="handleVueFlowNodeClick" :nodes-draggable="nodesDraggable">
 				<template #node-InputNode="nodeProps">
 					<InputNode v-bind="nodeProps" />