feat: 报告初步显示

src/views/home/agent/components/ReportCard.vue

@@ -1,22 +1,23 @@
 <template>
 	<div class="report-card">
 		<div class="report-card-header">
-			<span>{{ report.title }}</span>
+			<span>{{ title }}</span>
 		</div>
 		<div class="report-card-content">
-			<span>{{ report.content }}</span>
+			<span>{{ title }}</span>
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
 	const props = defineProps<{
-		report: any
+		title: string
 	}>()
 </script>
 
 <style lang="less" scoped>
 	.report-card {
+		cursor: pointer;
 		width:100%;
 		margin: 2.4rem 0;
 		min-height: 11.2rem;
@@ -24,9 +25,9 @@
 		background-size: 100% 100%;
     padding: 2.9rem;
 		overflow: hidden;
-		&:first-of-type{
-			margin-top: 0;
-		}
+		// &:first-of-type{
+		// 	margin-top: 0;
+		// }
 		&-header {
 			font-family: 'Medium';
       font-size: 1.6rem;