tab1.page.ts 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. import { Component,CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  2. import { IonHeader, IonToolbar,IonContent, IonAvatar, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonLabel, IonList,
  3. IonItem,IonIcon,IonSearchbar} from '@ionic/angular/standalone';
  4. import { CommonModule } from '@angular/common';
  5. import { Router } from '@angular/router';
  6. import { CloudObject, CloudQuery, CloudUser } from 'src/lib/ncloud';
  7. import { ModalController } from '@ionic/angular/standalone';
  8. import { openUserEvaModal } from '../user-evaluate/user-evaluate.component';
  9. import { openUserLoginModal } from 'src/lib/user/modal-user-login/modal-user-login.component';
  10. @Component({
  11. selector: 'app-tab1',
  12. templateUrl: 'tab1.page.html',
  13. styleUrls: ['tab1.page.scss'],
  14. standalone: true,
  15. imports: [IonHeader,IonToolbar,IonContent,
  16. IonButtons,IonButton,IonIcon,
  17. IonCard,IonCardContent,IonCardHeader,
  18. IonLabel,IonList,IonItem,IonAvatar,IonSearchbar,
  19. CommonModule,
  20. ],
  21. schemas: [CUSTOM_ELEMENTS_SCHEMA],
  22. })
  23. export class Tab1Page {
  24. onSearch(event: any) {
  25. const searchTerm = event.target.value; // 获取用户输入的搜索内容
  26. console.log('搜索内容:', searchTerm);
  27. // 在这里添加搜索逻辑,例如过滤列表或导航到搜索结果页面
  28. }
  29. topics = [
  30. {
  31. id: 1,
  32. title: '如何管理焦虑情绪',
  33. description: '了解焦虑的来源及应对策略',
  34. detailRoute: 'topic-detail',
  35. },
  36. {
  37. id: 2,
  38. title: '克服抑郁的有效方法',
  39. description: '探索抑郁症的应对技巧',
  40. detailRoute: 'topic-detail2'
  41. },
  42. {
  43. id: 3,
  44. title: '提升自信心的技巧',
  45. description: '学习如何建立自信',
  46. detailRoute: 'topic-detail2'
  47. }
  48. ];
  49. goPsysurvey() {
  50. this.router.navigate(['tabs/page-psysurvey'])
  51. }
  52. goDriftbottle() {
  53. this.router.navigate(['tabs/drift-bottle'])
  54. }
  55. viewDetails(topicId: number): void {
  56. let route: string;
  57. switch (topicId) {
  58. case 1:
  59. route = 'topic-detail';
  60. break;
  61. case 2:
  62. route = 'topic-detail2';
  63. break;
  64. case 3:
  65. route = 'topic-detail3';
  66. break;
  67. default:
  68. route = 'topic-detail'; // 默认路由
  69. }
  70. // 导航到指定的路由,并可以传递参数
  71. this.router.navigate([`tabs/${route}`, { id: topicId }]);
  72. }
  73. constructor(private router: Router,private modalCtrl: ModalController) {
  74. // 其他构造函数代码
  75. }
  76. matchedCounselor: { content: string; rating: number } | null = null;
  77. review: any = { rating: 5 }; // 示例数据
  78. // 创建一个方法,用于生成填充了 null 的数组
  79. createFilledArray(length: number): any[] {
  80. return Array(length).fill(null);
  81. }
  82. async evaluate() {
  83. // 处理点击评价的逻辑
  84. // 验证用户登录
  85. let currentUser = new CloudUser();
  86. if(!currentUser?.id){
  87. console.log("用户未登录,请登录后重试")
  88. let user = await openUserLoginModal(this.modalCtrl)
  89. if(!user?.id){
  90. console.log("用户登录失败");
  91. return
  92. }
  93. else {
  94. console.log("当前用户ID:", currentUser.id);
  95. }
  96. }
  97. // 打开评价模态框
  98. const evaluationResult = await openUserEvaModal(this.modalCtrl);
  99. // 如果评价成功,重新加载评价列表
  100. if (evaluationResult) {
  101. await this.loadChatEvaluateList(); // 重新加载评价列表
  102. }
  103. }
  104. ngOnInit() {
  105. this.loadChatEvaluateList()
  106. }
  107. chatevaluateList:Array<CloudObject>=[]
  108. async loadChatEvaluateList(){
  109. let query = new CloudQuery("ChatEvaluate");
  110. this.chatevaluateList = await query.find()
  111. }
  112. }