try

huinongbao-app/src/app/my-plan/my-plan.component.html

@@ -1,3 +1,25 @@
-<p>
-  my-plan works!
-</p>
+<ion-header>
+  <ion-toolbar>
+    <ion-title>我的策划</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-card *ngIf="plan">
+    <ion-card-header>
+      <ion-card-title>{{ plan.brandName }}</ion-card-title>
+      <ion-card-subtitle>{{ plan.brandType }}</ion-card-subtitle>
+    </ion-card-header>
+    <ion-card-content>
+      <p><strong>目标市场:</strong> {{ plan.targetMarket }}</p>
+      <p><strong>竞争对手信息:</strong> {{ plan.competitorsInfo }}</p>
+      <p><strong>用户提示:</strong> {{ plan.userPrompt }}</p>
+      <p><strong>策划内容:</strong></p>
+      <p>{{ plan.reportContent }}</p>
+    </ion-card-content>
+  </ion-card>
+
+  <ion-button *ngIf="!plan" expand="full" color="medium" (click)="loadPlan()">
+    加载策划内容
+  </ion-button>
+</ion-content>

huinongbao-app/src/app/my-plan/my-plan.component.ts

@@ -1,15 +1,30 @@
 import { Component, OnInit } from '@angular/core';
+import { IonButton, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone';
+import { CloudQuery } from 'src/lib/ncloud.';
 
 @Component({
-  selector: 'app-my-plan',
+  selector: 'my-plan',
   templateUrl: './my-plan.component.html',
   styleUrls: ['./my-plan.component.scss'],
   standalone: true,
+  imports: [IonButton,IonCardContent,IonCardSubtitle,IonCardTitle,IonCardHeader,IonCard,IonContent,IonTitle,IonToolbar,IonHeader],
 })
-export class MyPlanComponent  implements OnInit {
+export class MyPlanComponent implements OnInit {
+  plan: any = null;
 
-  constructor() { }
+  constructor() {}
 
-  ngOnInit() {}
+  ngOnInit() {
+    this.loadPlan();
+  }
 
-}
+  async loadPlan() {
+    const query = new CloudQuery('UserResponse');
+    try {
+      const result = await query.first();
+      this.plan = result;
+    } catch (error) {
+      console.error('加载策划内容失败:', error);
+    }
+  }
+}

huinongbao-app/src/app/tab3/tab3.page.html

@@ -65,7 +65,7 @@
       <ion-card-subtitle>点击查看</ion-card-subtitle>
     </ion-card-header>
     <ion-card-content>
-      <ion-button expand="block" (click)="goToCollection()" color="success">查看策划</ion-button>
+      <ion-button expand="block" (click)="goToMyPlan()" color="success">查看策划</ion-button>
     </ion-card-content>
   </ion-card>
   }

huinongbao-app/src/app/tab3/tab3.page.ts

@@ -12,10 +12,11 @@ import { ModalController } from '@ionic/angular';
   styleUrls: ['tab3.page.scss'],
 })
 export class Tab3Page {
-  goToCollection() {
-    console.log("goToCollection");
+  goToMyPlan() {
+    this.router.navigate(['/tabs/tab6']);// 跳转到行情预测页面
   }
 
+
   currentUser: CloudUser | undefined;
   constructor(private modalCtrl: ModalController, private router: Router) {
     this.currentUser = new CloudUser();

huinongbao-app/src/app/tabs/tabs-routing.module.ts

@@ -30,6 +30,11 @@ const routes: Routes = [
         loadComponent: () =>
           import('../plan-create/plan-create.component').then((m) => m.PlanCreateComponent),
       },
+      {
+        path: 'tab6',
+        loadComponent: () =>
+          import('../my-plan/my-plan.component').then((m) => m.MyPlanComponent),
+      },
       {
         path: '',
         redirectTo: '/tabs/tab1',