add myplan

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

@@ -5,21 +5,22 @@
 </ion-header>
 
 <ion-content>
-  <ion-card *ngIf="plan">
+  <ion-card *ngFor="let plan of planList"> <!-- 使用 *ngFor 循环展示所有策划 -->
     <ion-card-header>
-      <ion-card-title>{{ plan.brandName }}</ion-card-title>
-      <ion-card-subtitle>{{ plan.brandType }}</ion-card-subtitle>
+      <ion-card-title>{{ plan.get('brandName') }}</ion-card-title>
+      <ion-card-subtitle>{{ plan.get('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> {{ plan.get('targetMarket') }}</p>
+      <p><strong>竞争对手信息:</strong> {{ plan.get('competitorsInfo') }}</p>
+      <p><strong>用户提示:</strong> {{ plan.get('userPrompt') }}</p>
       <p><strong>策划内容:</strong></p>
-      <p>{{ plan.reportContent }}</p>
+      <p>{{ plan.get('reportContent') }}</p>
+      <fm-markdown-preview class="content-style" [content]="plan.get('reportContent')"></fm-markdown-preview>
     </ion-card-content>
   </ion-card>
 
-  <ion-button *ngIf="!plan" expand="full" color="medium" (click)="loadPlan()">
+  <ion-button *ngIf="planList.length === 0" expand="full" color="medium" (click)="loadPlan()">
     加载策划内容
   </ion-button>
 </ion-content>

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

@@ -1,28 +1,31 @@
 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.';
-
+import { CloudObject, CloudQuery } from 'src/lib/ncloud.';
+import { CommonModule } from '@angular/common'; // 导入 CommonModule
+import { MarkdownPreviewModule } from 'fmode-ng';
 @Component({
   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],
+  imports: [IonButton,IonCardContent,IonCardSubtitle,IonCardTitle,IonCardHeader,IonCard,IonContent,IonTitle,IonToolbar,IonHeader, CommonModule,MarkdownPreviewModule ],
 })
 export class MyPlanComponent implements OnInit {
   plan: any = null;
-
+  planList:Array<CloudObject> = []
   constructor() {}
 
   ngOnInit() {
     this.loadPlan();
+
   }
 
   async loadPlan() {
-    const query = new CloudQuery('UserResponse');
+    const query = new CloudQuery('Report'); // 假设 Report 表存储策划信息
     try {
-      const result = await query.first();
-      this.plan = result;
+      const results = await query.find(); // 使用 find 方法获取所有记录
+      console.log('加载的策划内容:', results);
+      this.planList = results; // 将结果存储到 planList 数组中
     } catch (error) {
       console.error('加载策划内容失败:', error);
     }

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

@@ -83,7 +83,7 @@ export class PlanCreateComponent implements OnInit {
         this.isComplete = true;
 
         // 创建 UserResponse 对象并保存策划内容
-        const userResponse = new CloudObject("UserResponse"); // 假设 UserResponse 表的名称为 "UserResponse"
+        const userResponse = new CloudObject("Report"); // 假设 UserResponse 表的名称为 "UserResponse"
         userResponse.set({
           reportContent: this.responseMsg, // 将生成的内容赋值给 reportContent
           userName: this.name, // 可选，存储用户名
@@ -92,7 +92,7 @@ export class PlanCreateComponent implements OnInit {
 
         try {
           await userResponse.save(); // 保存到数据库
-          console.log("策划内容已保存到 UserResponse 表中");
+          console.log("策划内容已保存到 Report 表中");
         } catch (error) {
           console.error("保存失败:", error);
         }