page-plan.component.ts 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. import { Component, OnInit } from '@angular/core';
  2. import { Router } from '@angular/router'; // 导入 Router 服务
  3. import { CloudFPlan } from 'src/lib/cloudspplan'; // 引入 CloudFPlan 类
  4. @Component({
  5. selector: 'app-page-plan',
  6. templateUrl: './page-plan.component.html',
  7. styleUrls: ['./page-plan.component.scss'],
  8. standalone: true, // 如果你使用的是独立组件模式
  9. })
  10. export class PagePlanComponent implements OnInit {
  11. plan: string = ''; // 用于存储 Plan 字段的内容
  12. cloudFPlan: any;
  13. constructor(private router: Router) { } // 注入 Router
  14. ngOnInit() {
  15. this.loadPlanData(); // 页面初始化时加载计划数据
  16. }
  17. // 获取当前登录用户的 FPlan 数据
  18. async loadPlanData() {
  19. try {
  20. const cloudFPlan = new CloudFPlan(); // 创建 CloudFPlan 实例
  21. const fPlan = await cloudFPlan.getCurrentUserFPlan(); // 获取当前用户的 FPlan 数据
  22. console.log('User Data:', fPlan);
  23. if (fPlan) {
  24. // 获取 Plan 字段的内容
  25. this.plan = fPlan.data['data']['Plan'] || ''; // 如果 Plan 字段为空,赋值为 ''。
  26. console.log('plan1', this.plan);
  27. }
  28. console.log('plan2', this.plan);
  29. } catch (error) {
  30. console.error('加载计划数据失败', error);
  31. this.plan = '加载计划数据失败,请稍后再试。'; // 加载失败时的提示信息
  32. }
  33. }
  34. // 退出按钮点击时的处理方法
  35. exitPlan() {
  36. console.log('退出运动计划');
  37. // 执行退出逻辑,例如跳转到首页
  38. this.router.navigate(['/home']); // 假设跳转到首页路径为 /home
  39. }
  40. }