feat: sketch布局

src/views/home/agent/index.vue

@@ -1,14 +1,19 @@
 <template>
 	<div class="agent-wrapper flex space-between">
 		<Agent :title="agentTitle" />
-		<div class="preview-wrapper">preview</div>
+		<div class="preview-wrapper">
+			<Preview :type="previewType" />
+		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
 	import { ref } from 'vue'
 	import Agent from './components/Agent.vue'
+	import Preview from './components/Preview.vue'
+
 	const agentTitle = ref('Retro Sofa Sketch')
+	const previewType = ref<'sketch' | 'report'>('sketch')
 </script>
 
 <style lang="less" scoped>
@@ -24,7 +29,6 @@
 
 		.preview-wrapper {
 			width: 91.2rem;
-			background-color: #f5f5f5;
 		}
 	}
 </style>