From 5c00b54f278554b3d41a3210d3e6021684eefb9d Mon Sep 17 00:00:00 2001
From: "X1627315083@163.com" <1627315083@qq.com>
Date: Mon, 23 Feb 2026 13:28:43 +0800
Subject: [PATCH] =?UTF-8?q?preview=E7=9A=84peport=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/reportDown.svg               |   4 +
 src/assets/images/reportNull.png              | Bin 0 -> 2488 bytes
 src/lang/en.ts                                |   5 +-
 src/lang/zh-cn.ts                             |   5 +-
 src/views/home/VersionTree.vue                |   2 +-
 src/views/home/agent/components/Preview.vue   | 102 ++++++++++++++++--
 .../versionTree/components/dialog.vue         |   0
 .../versionTree/detail/chatDetail.vue         |   0
 .../components/versionTree/detail/index.vue   |   0
 .../versionTree/detail/versionDetail.vue      |   0
 .../agent}/components/versionTree/index.vue   |   0
 .../components/versionTree/tools/tools.js     |   0
 .../versionTree/tools/versionsData.js         |   0
 .../components/versionTree/tree/index.vue     |   0
 .../components/versionTree/tree/view1Item.vue |   0
 .../versionTree/tree/view2/InputNode.vue      |   0
 .../versionTree/tree/view2/index.vue          |   0
 .../versionTree/tree/view2/secondaryNode.vue  |   0
 .../versionTree/tree/view2/speciaiEdge.vue    |   0
 src/views/home/agent/index.vue                |  10 +-
 20 files changed, 112 insertions(+), 16 deletions(-)
 create mode 100644 src/assets/icons/reportDown.svg
 create mode 100644 src/assets/images/reportNull.png
 rename src/{ => views/home/agent}/components/versionTree/components/dialog.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/detail/chatDetail.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/detail/index.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/detail/versionDetail.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/index.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/tools/tools.js (100%)
 rename src/{ => views/home/agent}/components/versionTree/tools/versionsData.js (100%)
 rename src/{ => views/home/agent}/components/versionTree/tree/index.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/tree/view1Item.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/tree/view2/InputNode.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/tree/view2/index.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/tree/view2/secondaryNode.vue (100%)
 rename src/{ => views/home/agent}/components/versionTree/tree/view2/speciaiEdge.vue (100%)

diff --git a/src/assets/icons/reportDown.svg b/src/assets/icons/reportDown.svg
new file mode 100644
index 0000000..efcf572
--- /dev/null
+++ b/src/assets/icons/reportDown.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.1384 6.86193C4.87805 6.60158 4.45594 6.60158 4.19559 6.86193C3.93524 7.12228 3.93524 7.54439 4.19559 7.80474L7.52892 11.1381C7.78927 11.3984 8.21138 11.3984 8.47173 11.1381L11.8051 7.80474C12.0654 7.54439 12.0654 7.12228 11.8051 6.86193C11.5447 6.60158 11.1226 6.60158 10.8623 6.86193L8.66699 9.05719L8.66699 2.66667C8.66699 2.29848 8.36852 2 8.00033 2C7.63214 2 7.33366 2.29848 7.33366 2.66667L7.33366 9.05719L5.1384 6.86193Z" fill="white"/>
+<path d="M3.33366 12.6667C2.96547 12.6667 2.66699 12.9651 2.66699 13.3333C2.66699 13.7015 2.96547 14 3.33366 14H12.667C13.0352 14 13.3337 13.7015 13.3337 13.3333C13.3337 12.9651 13.0352 12.6667 12.667 12.6667L3.33366 12.6667Z" fill="white"/>
+</svg>
diff --git a/src/assets/images/reportNull.png b/src/assets/images/reportNull.png
new file mode 100644
index 0000000000000000000000000000000000000000..df20222910cd90f77127a376d61c81d904ccb1da
GIT binary patch
literal 2488
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

literal 0
HcmV?d00001

diff --git a/src/lang/en.ts b/src/lang/en.ts
index f29ce59..f270781 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -103,11 +103,12 @@ export default {
 		france: 'France',
 		japan: 'Japan',
 		canada: 'Canada',
-		germany: 'Germany'
+		germany: 'Germany',
 	},
 	agent: {
 		copySuccess: 'Text copied to clipboard',
-		copyFaild: 'Copy failed. Your browser may be restricting clipboard access. Please try copying manually.'
+		copyFaild: 'Copy failed. Your browser may be restricting clipboard access. Please try copying manually.',
+		Download: 'Download'
 	},
 
 	// Version Tree
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index c3bce96..45da035 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -97,12 +97,13 @@ export default {
 		france: '法国',
 		japan: '日本',
 		canada: '加拿大',
-		germany: '德国'
+		germany: '德国',
 	},
 	agent: {
 		copySuccess: '文本已复制到剪贴板',
 		copyFaild:
-			'复制失败。您的浏览器可能限制了剪贴板访问,请允许浏览器访问剪贴板或尝试手动复制。'
+			'复制失败。您的浏览器可能限制了剪贴板访问,请允许浏览器访问剪贴板或尝试手动复制。',
+		Download: '下载'
 	},
 
 	// Version Tree
diff --git a/src/views/home/VersionTree.vue b/src/views/home/VersionTree.vue
index 977e9b9..55e0670 100644
--- a/src/views/home/VersionTree.vue
+++ b/src/views/home/VersionTree.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
-import VersionTreeIndex from '@/components/versionTree/index.vue'
+import VersionTreeIndex from '@/views/home/agent/components/versionTree/index.vue'
 
 import GenerateSketch from './generateSketch/index.vue'
 //const props = defineProps({
diff --git a/src/views/home/agent/components/Preview.vue b/src/views/home/agent/components/Preview.vue
index e33b305..fb95e88 100644
--- a/src/views/home/agent/components/Preview.vue
+++ b/src/views/home/agent/components/Preview.vue
@@ -13,6 +13,30 @@
 				<img :src="LoadingImg" alt="" />
 			</div>
 		</template>
+		<div v-else class="reportBorder">
+			<div class="report">
+				<div v-if="false" class="report-content-null">
+					<img :src="reportNull" alt="" />
+				</div>
+				<div v-else class="report-content">
+					<div class="">
+
+					</div>
+					<div class="downBtnBox">
+						<div class="downBtn">
+							<div class="icon">
+								<SvgIcon name="reportDown" size="16"></SvgIcon>
+							</div>
+							<span>{{ $t('agent.Download') }}</span>
+						</div>
+					</div>
+					<div class="content">
+						# 一级标题   
+					</div>
+				</div>
+			</div>
+			
+		</div>
 	</div>
 </template>
 
@@ -20,6 +44,7 @@
 	import { ref } from 'vue'
 	import Menu from './Menu.vue'
   import LoadingImg from '@/assets/images/sketch-loading.gif'
+  import reportNull from '@/assets/images/reportNull.png'
 
 	const props = withDefaults(
 		defineProps<{
@@ -45,6 +70,8 @@
 
 <style lang="less" scoped>
 	.preview-container {
+		width: 100%;
+		height: 100%;
 		gap: 1.2rem;
 		flex-wrap: wrap;
 		.sketch-item {
@@ -71,12 +98,75 @@
 				border: 0.2rem solid #e5e5e5;
 				font-family: 'GeneralMedium';
 				font-size: 1.4rem;
-        padding: 0 0.9rem 0 1.4rem;
-        cursor: pointer;
-        img{
-          width: 1.8rem;
-          height: 1.8rem;
-        }
+				padding: 0 0.9rem 0 1.4rem;
+				cursor: pointer;
+				img{
+					width: 1.8rem;
+					height: 1.8rem;
+				}
+			}
+		}
+		.reportBorder{
+			position: relative;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			--border-width: 3px;
+			flex: 1;
+			&::before {
+				content: '';
+				position: absolute;
+				background: linear-gradient(119.03deg, rgba(233, 121, 60, 0.3) 1.61%, rgba(255, 207, 144, 0.3) 101.01%);
+				border-radius: 2.3rem;
+				z-index: -1;
+				width: 100%;
+				height: 100%;
+				left: -50%;
+				top: -50%;
+				transform: translate(50%, 50%);
+			}
+			.report {
+				background-color: #fff;
+				width: calc(100% - var(--border-width) * 2);
+				height: calc(100% - var(--border-width) * 2);
+				border-radius: 2rem;
+				display: flex;
+				.report-content-null{
+					flex: 1;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+				}
+				.report-content{
+					flex: 1;
+					display: flex;
+					flex-direction: column;
+					.downBtnBox{
+						padding: 2.2rem 5.2rem 0;
+						.downBtn{
+							display: flex;
+							width: 11.2rem;
+							justify-content: center;
+							margin-left: auto;
+							line-height: 3.2rem;
+							border-radius: 5px;
+							background-color: #ff7a51;
+							color: #fff;
+							cursor: pointer;
+							.icon{
+								margin-right: .02rem;
+							}
+							span{
+								font-weight: 500;
+								font-size: 1.2rem;
+							}
+						}
+					}
+					.content{
+						word-break: break-word;
+						white-space: pre-wrap;
+					}
+				}
 			}
 		}
 	}
diff --git a/src/components/versionTree/components/dialog.vue b/src/views/home/agent/components/versionTree/components/dialog.vue
similarity index 100%
rename from src/components/versionTree/components/dialog.vue
rename to src/views/home/agent/components/versionTree/components/dialog.vue
diff --git a/src/components/versionTree/detail/chatDetail.vue b/src/views/home/agent/components/versionTree/detail/chatDetail.vue
similarity index 100%
rename from src/components/versionTree/detail/chatDetail.vue
rename to src/views/home/agent/components/versionTree/detail/chatDetail.vue
diff --git a/src/components/versionTree/detail/index.vue b/src/views/home/agent/components/versionTree/detail/index.vue
similarity index 100%
rename from src/components/versionTree/detail/index.vue
rename to src/views/home/agent/components/versionTree/detail/index.vue
diff --git a/src/components/versionTree/detail/versionDetail.vue b/src/views/home/agent/components/versionTree/detail/versionDetail.vue
similarity index 100%
rename from src/components/versionTree/detail/versionDetail.vue
rename to src/views/home/agent/components/versionTree/detail/versionDetail.vue
diff --git a/src/components/versionTree/index.vue b/src/views/home/agent/components/versionTree/index.vue
similarity index 100%
rename from src/components/versionTree/index.vue
rename to src/views/home/agent/components/versionTree/index.vue
diff --git a/src/components/versionTree/tools/tools.js b/src/views/home/agent/components/versionTree/tools/tools.js
similarity index 100%
rename from src/components/versionTree/tools/tools.js
rename to src/views/home/agent/components/versionTree/tools/tools.js
diff --git a/src/components/versionTree/tools/versionsData.js b/src/views/home/agent/components/versionTree/tools/versionsData.js
similarity index 100%
rename from src/components/versionTree/tools/versionsData.js
rename to src/views/home/agent/components/versionTree/tools/versionsData.js
diff --git a/src/components/versionTree/tree/index.vue b/src/views/home/agent/components/versionTree/tree/index.vue
similarity index 100%
rename from src/components/versionTree/tree/index.vue
rename to src/views/home/agent/components/versionTree/tree/index.vue
diff --git a/src/components/versionTree/tree/view1Item.vue b/src/views/home/agent/components/versionTree/tree/view1Item.vue
similarity index 100%
rename from src/components/versionTree/tree/view1Item.vue
rename to src/views/home/agent/components/versionTree/tree/view1Item.vue
diff --git a/src/components/versionTree/tree/view2/InputNode.vue b/src/views/home/agent/components/versionTree/tree/view2/InputNode.vue
similarity index 100%
rename from src/components/versionTree/tree/view2/InputNode.vue
rename to src/views/home/agent/components/versionTree/tree/view2/InputNode.vue
diff --git a/src/components/versionTree/tree/view2/index.vue b/src/views/home/agent/components/versionTree/tree/view2/index.vue
similarity index 100%
rename from src/components/versionTree/tree/view2/index.vue
rename to src/views/home/agent/components/versionTree/tree/view2/index.vue
diff --git a/src/components/versionTree/tree/view2/secondaryNode.vue b/src/views/home/agent/components/versionTree/tree/view2/secondaryNode.vue
similarity index 100%
rename from src/components/versionTree/tree/view2/secondaryNode.vue
rename to src/views/home/agent/components/versionTree/tree/view2/secondaryNode.vue
diff --git a/src/components/versionTree/tree/view2/speciaiEdge.vue b/src/views/home/agent/components/versionTree/tree/view2/speciaiEdge.vue
similarity index 100%
rename from src/components/versionTree/tree/view2/speciaiEdge.vue
rename to src/views/home/agent/components/versionTree/tree/view2/speciaiEdge.vue
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index 0f0ba57..7d01290 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -19,10 +19,10 @@
 	import { ref, computed } from 'vue'
 	import Agent from './components/Agent.vue'
 	import Preview from './components/Preview.vue'
-	import VersionTreeIndex from '@/components/versionTree/index.vue'
+	import VersionTreeIndex from './components/versionTree/index.vue'
 
 	const agentTitle = ref('Retro Sofa Sketch')
-	const previewType = ref<'sketch' | 'report'>('sketch')
+	const previewType = ref<'sketch' | 'report'>('report')
 
 	const versionTreeData = ref({
 		drawer:false,
@@ -40,7 +40,7 @@
 		padding: 0rem 2.3rem 6rem 2.8rem;
 		flex-direction: column;
 		.openVersionTree{
-			padding: 2rem 2.5rem;
+			padding: 2rem 0rem;
 			width: 100%;
 			display: flex;
 			justify-content: flex-end;
@@ -58,7 +58,7 @@
 					position: absolute;
 					inset: -1px;
 					background: linear-gradient(119.03deg, rgba(233, 121, 60, 0.8) 1.61%, rgba(255, 207, 144, 0.8) 101.01%);
-					border-radius: 2rem;
+					border-radius: 2.2rem;
 					z-index: -1;
 				}
 			}
@@ -68,7 +68,7 @@
 			display: flex;
 			flex: 1;
 			justify-content: space-between;
-			overflow: hidden;
+			// overflow: hidden;
 		}
 
 		.c-svg {