202226701041/TFPower-app/src/app/tab2/tab2.page.ts

import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
import { Router } from '@angular/router';
import { addIcons } from 'ionicons';
import { checkmarkCircle, calendar, helpCircle } from 'ionicons/icons';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonButtons, IonItem, IonList, IonHeader, IonIcon, IonToolbar, IonContent, IonSegment, IonSegmentButton, IonGrid, IonRow, IonCol, IonButton, IonLabel, IonBadge, IonInput, ModalController } from '@ionic/angular/standalone';
import { FmodeChatCompletion, ImagineWork, DalleOptions, ChatPanelOptions, FmodeChat, FmodeChatMessage, openChatPanelModal } from "fmode-ng";
import { AgentTaskStep } from './agent/agent.task';
import { TaskPoemPictureDesc } from './agent/tasks/poem/poem-desc';
import { TaskPoemPictureCreate } from './agent/tasks/poem/poem-picture';
import { startTask } from './agent/agent.start';
import { TaskInqueryUserStory } from './agent/tasks/poem/inquiry/1.inquiry-user-story';
import { TaskInqueryDoctorQuestion } from './agent/tasks/poem/inquiry/2.inquiry-doctor-question';
import { TaskInqueryUserAnswer } from './agent/tasks/poem/inquiry/3.inquiry-user-answer';
@Component({
  selector: 'app-tab2',
  templateUrl: 'tab2.page.html',
  styleUrls: ['tab2.page.scss'],
  standalone: true,
  imports: [
    IonButtons,
    IonItem,
    IonList,
    IonIcon,
    FormsModule,
    CommonModule,
    IonHeader,
    IonToolbar,
    IonContent,
    IonSegment,
    IonSegmentButton,
    IonGrid,
    IonRow,
    IonCol,
    IonButton,
    IonLabel,
    IonBadge,
    IonInput
  ]
})
export class Tab2Page implements OnInit {
  selectedTab: string = 'checkin';  // 默认选中的tab
  weekPlan: any[] = [
    { date: '周一', bodyPart: '胸部', tasks: ['卧推', '哑铃飞鸟', '俯卧撑', '仰卧起坐'], completed: false },
    { date: '周二', bodyPart: '背部', tasks: ['引体向上', '划船', '拉力器背肌'], completed: false },
    { date: '周三', bodyPart: '腿部', tasks: ['深蹲', '腿推', '腿弯举'], completed: false },
    { date: '周四', bodyPart: '肩部', tasks: ['肩推', '侧平举', '前平举'], completed: false },
    { date: '周五', bodyPart: '腹部', tasks: ['仰卧起坐', '卷腹', 'Russian twist'], completed: false }
  ];

  constructor(private router: Router, private modalCtrl: ModalController, private cdr: ChangeDetectorRef) {
    addIcons({ checkmarkCircle, calendar, helpCircle });
  }

  ngOnInit() {
    // 初始时不需要强制触发视图更新
  }
  editPlan(day: any) {
    console.log('编辑计划:', day);
    // 这里可以打开一个编辑页面或者弹窗，修改该计划
    // 示例：打开编辑页面
    // this.navCtrl.navigateForward('/edit-plan', { queryParams: { plan: day } });
  }

  // 删除计划
  deletePlan(day: any) {
    console.log('删除计划:', day);
    const index = this.weekPlan.indexOf(day);
    if (index !== -1) {
      this.weekPlan.splice(index, 1);
    }
  }
  //问诊区域

  taskList: AgentTaskStep[] = []
  //一个等待一秒的函数  每经过一秒
  wait(duration: number = 1000) {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(true)
      }, duration);
    })
  }

  shareData: any = {}

  // 任务：完成故事意境描述及图像绘制
  doPoemTask() {
    let task1 = TaskPoemPictureDesc({ shareData: this.shareData, modalCtrl: this.modalCtrl });
    let task2 = TaskPoemPictureCreate({ shareData: this.shareData, modalCtrl: this.modalCtrl });
    let PoemTaskList = [task1, task2]
    this.taskList = PoemTaskList
    startTask(PoemTaskList)
  }

  doInqueryTask() {
    let task1 = TaskInqueryUserStory({ shareData: this.shareData, modalCtrl: this.modalCtrl });
    let task2 = TaskInqueryDoctorQuestion({ shareData: this.shareData, modalCtrl: this.modalCtrl });
    let task3 = TaskInqueryUserAnswer({ shareData: this.shareData, modalCtrl: this.modalCtrl });

    // 定义任务集
    let InquireServiceTaskList = [
      task1, task2, task3
    ]
    // 传递给显示组件
    this.taskList = InquireServiceTaskList
    // 开始执行任务
    startTask(InquireServiceTaskList)
  }
  // 聊天页面
  openInquiry() {
    localStorage.setItem("company", "E4KpGvTEto")
    let options: ChatPanelOptions = {
      roleId: "2DXJkRsjXK",
      onChatInit: (chat: FmodeChat) => {
        console.log("onChatInit");
        console.log("预设角色", chat.role);
        chat.role.set("name", "晓晓");
        chat.role.set("title", "全科医生");
        chat.role.set("desc", "一名亲切和蔼的门诊全科主任医生，晓晓，年龄36岁");
        chat.role.set("tags", ["全科", "门诊"]);
        chat.role.set("avatar", "https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/Q4Zif7fTbK-0.png")
        chat.role.set("prompt", `
# 角色设定
您是一名亲切和蔼的专业的全科医生，晓晓，年龄36岁，需要完成一次完整的门诊服务。

# 对话环节
0.导诊（根据用户基本情况，引导挂号合适的科室）
1.预设的问询方式（感冒问呼吸、肚子疼叩诊）
- 打招呼，以用户自述为主
- 当信息充足时候，确认用户症状对应的科室，并进入下一个环节
2.拓展的问询细节
例如：用户反映呼吸不畅，拓展出：是否咳嗽；是否感觉痛或者痒等其他需要的问题。
- 当问询细节补充完成后进入下一个环节
3.初步的诊断结果，并且同时列出检查检验项目
初步诊断：确定需要有哪些进一步检查
检查检验：获取医学客观数据
- 等待用户提交客观数据，进入下一阶段
4.给出诊断方案并给出处方
- 完成处方时，请在消息结尾附带: [完成]

# 开始话语
当您准备好了，可以以一个医生的身份，向来访的用户打招呼。`);
      },
      onMessage: (chat: FmodeChat, message: FmodeChatMessage) => {
        console.log("onMessage", message)
        let content: any = message?.content
        if (typeof content == "string") {
          if (content?.indexOf("[完成]") > -1) {
            console.log("门诊已完成")
          }
        }
      },
      onChatSaved: (chat: FmodeChat) => {
        // chat?.chatSession?.id 本次会话的 chatId
        console.log("onChatSaved", chat, chat?.chatSession, chat?.chatSession?.id)
      }
    }
    openChatPanelModal(this.modalCtrl, options)
  }

  openChat() {
    let options: ChatPanelOptions = {
      roleId: "2DXJkRsjXK",
      onChatSaved: (chat: FmodeChat) => {
        // chat?.chatSession?.id 本次会话的 chatId

        console.log("onChatSaved", chat, chat?.chatSession, chat?.chatSession?.id)

      },

    }
    openChatPanelModal(this.modalCtrl, options)
  }

  restoreChat(chatId: string) {
    let options: ChatPanelOptions = {
      roleId: "2DXJkRsjXK",
      chatId: chatId
    }
    openChatPanelModal(this.modalCtrl, options)
  }

  goChat() {
    this.router.navigateByUrl("/chat/session/role/2DXJkRsjXK")
  }


  // audioModalHeightPoint:number = 0.35;
  // async startTalk(){
  //   // 根据手机兼容性，适配组件弹出高度
  //   let height = document.body.clientHeight || 960;
  //   this.audioModalHeightPoint = Number((165/height).toFixed(2));

  //   // 弹出组件
  //   let modal:any
  //   let chat:any
  //   modal = await this.modalCtrl.create({
  //     component:ModalAudioMessageComponent,
  //     componentProps:{
  //       chat:chat,
  //       modal:modal,
  //       onBreakPointSet:()=>{
  //         modal?.setCurrentBreakpoint(this.audioModalHeightPoint)
  //       }
  //     }
  //   })
  //   modal.present();
  // }



  // 页面跳转功能
  goToPage(page: string) {
    // 更新选中的tab
    this.selectedTab = page;
    this.router.navigate([`/tabs/${page}`]);  // 然后再进行路由跳转

    // 手动检测视图变化，确保数据绑定正确
    this.cdr.detectChanges();
  }
}