s202226701018/wisdom-app/src/app/test-chat-panel/test-chat-panel.component.ts

import { CommonModule } from '@angular/common';
import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { ModalController } from '@ionic/angular/standalone';
import { ChatPanelComponent } from 'fmode-ng'
import Parse from "parse";
import { combineLatest } from 'rxjs';

// 添加Icons
import { addIcons } from 'ionicons';
import * as icons from 'ionicons/icons';
addIcons(icons);

@Component({
  selector: 'app-test-chat-panel',
  templateUrl: './test-chat-panel.component.html',
  styleUrls: ['./test-chat-panel.component.scss'],
  standalone: true,
  imports:[
    CommonModule,
    ChatPanelComponent,
  ]
})
export class TestChatPanelComponent  implements OnInit {
  @ViewChild(ChatPanelComponent) chatComp:ChatPanelComponent|undefined
  leftButtons:any[]=[]
  modelList:any[]=[]
  isDirect:boolean=true;
  hideShare:boolean=true;
  hideModalSelect:boolean=true;
  hideInputPreview:boolean = true;
  chatId:string = ""
  roleId:string = ""
  pid:string = ""
  constructor(
    private route:ActivatedRoute,
    private cdRef:ChangeDetectorRef,
    private modalCtrl:ModalController
  ) { 
    combineLatest([this.route.params,this.route.queryParams]).subscribe(async (data:any)=>{
      let params = data[0] || {}

      this.chatId = params['chatId'] || this.chatId || null;
      this.roleId = params['roleId'] || this.roleId || null;
      this.pid = params['pid'] || this.pid || null;
      console.log("this.pid",this.pid)
      // 异步加载的后续数据 操作按钮
      let bint = setInterval(() => {
        if(this.roleId){
          clearInterval(bint);
          return
        }
        this.initPanelConfig();
      }, 2000);
    })
  }


  ngOnInit() {
        this.initPanelConfig();
        // 异步加载的后续数据 提示词
        let pint = setInterval(() => {
          if(this.chatComp?.fmodeChat?.promptList?.length){
            clearInterval(pint);
            return
          }
          this.getChatPrompt();
        }, 2000);

        // 异步加载的后续数据 采访人物 ChatSession.person
        let personInt = setInterval(() => {
          if(this.chatComp?.fmodeChat?.chatSession?.get("person")){
            clearInterval(personInt)
          }
          if(!this.chatComp?.fmodeChat?.chatSession?.get("person")){
            if(this.pid){
              this.chatComp?.fmodeChat?.chatSession?.set("person",{type:"Pointer",className:"Person",objectId:this.pid})
            }
          }
        }, 2000);
  }

  // 初始化聊天面板的设置
  initPanelConfig(){
    this.roleId = this.chatComp?.fmodeChat?.chatSession?.get("role")?.id || this.roleId;

    // 按钮自定义
     this.leftButtons = [
       // 提示 当角色配置预设提示词时 显示
       {
        title:"话题灵感",
        showTitle:true,
        icon:"color-wand-outline",
        onClick:()=>{
          if(this.chatComp){
            this.chatComp.fmodeChat.isPromptModalOpen = true
          }
        },
        show:()=>{
          return this.chatComp?.fmodeChat?.promptList?.length
        }
      }
   ]

      this.leftButtons.push({ // 总结 结束并归档本次对话
            title:"AI总结对话",
            showTitle:true,
            icon:"archive-outline",
            onClick:()=>{
              if(this.chatComp){
                // this.chatComp.fmodeChat.isPromptModalOpen = true
                if(this.chatComp.fmodeChat){
                  console.log(JSON.stringify(this.chatComp.fmodeChat.messageList))
                  // alert("处理对话记录")
                }
              }
              },
            show:()=>{ 
              return !this.chatComp?.fmodeChat?.chatSession?.get("story")?.id
              }
        })

        this.leftButtons.push({ // 总结 结束并归档本次对话
          title:"聊天心理分析",
          showTitle:true,
          icon:"archive-outline",
          onClick:()=>{
            if(this.chatComp){
              // this.chatComp.fmodeChat.isPromptModalOpen = true
              if(this.chatComp.fmodeChat){
                let messageList = JSON.parse(JSON.stringify(this.chatComp.fmodeChat.messageList))
                messageList = messageList.filter((item:any)=>item.role!="system"&&item?.hidden!=true)
                let qaContent = messageList.map((item:any)=>{
                  let roleName = "当前用户"
                  if(item.role!="user"){
                    if(this.chatComp&&this.chatComp.fmodeChat.role){
                      roleName = this.chatComp.fmodeChat.role.get("name");
                    }else{
                      roleName = "AI助理"
                    }
                  }
                  return `${roleName}:${item.content}`
                }
                ).join("\n")
                console.log(qaContent)
                // alert("处理对话记录")
              }
            }
            },
          show:()=>{ 
            return !this.chatComp?.fmodeChat?.chatSession?.get("story")?.id
            }
      })

    

      setTimeout(()=>{
          if(this.chatComp&&this.chatComp.fmodeChat){
            // 自定义左下角操作按钮
            console.log("左下角操作按钮",this.chatComp.fmodeChat.leftButtons);
            this.chatComp.fmodeChat.leftButtons = this.leftButtons;
            
            // 自定义角色名称
            console.log("自定义角色",this.chatComp.fmodeChat.role);
                        this.chatComp.fmodeChat.role.set("name","晓晓");
            this.chatComp.fmodeChat.role.set("title","心理咨询师");
            this.chatComp.fmodeChat.role.set("desc","一名亲切和蔼的心理咨询师，晓晓，年龄36岁");
            this.chatComp.fmodeChat.role.set("tags",["焦虑","抑郁"]);
            this.chatComp.fmodeChat.role.set("avatar","https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/Q4Zif7fTbK-0.png")
            this.chatComp.fmodeChat.role.set("prompt",`
# 角色设定
您是一名亲切和蔼的心理咨询师，晓晓，年龄36岁，需要完成陪来访者聊聊天，随意轻松一些。

# 对话环节
0.破冰，互相了解，引导用户介绍自己
1.拓展话题，根据用户的介绍，拓展一些和其心理状态相关的话题
- 引导，可深入的点，以用户自述为主
- 当信息充足时候，确认用户心理状态，并进入下一个环节
2.引导收尾，委婉引导用户结束本次对话
- 用户同意结束后，结束本次对话，如果依依不舍，可以再陪聊一会儿`);
//             this.chatComp.fmodeChat.role.set("name","晓晓");
//             this.chatComp.fmodeChat.role.set("title","主任医师");
//             this.chatComp.fmodeChat.role.set("desc","一名专业的全科医生，晓晓，年龄36岁");
//             this.chatComp.fmodeChat.role.set("tags",["呼吸道","感染科"]);
//             this.chatComp.fmodeChat.role.set("avatar","https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/Q4Zif7fTbK-0.png")
//             this.chatComp.fmodeChat.role.set("prompt",`
// # 角色设定
// 您是一名专业的全科医生，晓晓，年龄36岁，需要完成一次完整的门诊服务。

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

// # 开始话语
// 当您准备好了，可以以一个医生的身份，向来访的用户打招呼。
//             `);

            this.cdRef.detectChanges();
          }
      },1000)
    

   // 模型自定义
   let ChatModel = Parse.Object.extend("ChatModel");
   let model1 = new ChatModel();
   model1.set({
       name:"语伴4.5-128k",
       code:"fmode-4.5-128k",
       model:"gpt-4o-mini",
       credit:0.096,
   })
  this.modelList = [model1]


   console.log("initPanelConfig",this.leftButtons,this.modelList)
 }

 async getChatPrompt(){
     let query = new Parse.Query('ChatPrompt')
     query.notEqualTo('isDeleted', true)
    //  query.equalTo('company', localStorage.getItem("company"))
     query.equalTo('role', this.chatComp?.fmodeChat?.role)
     query.include('role')
     let promptData = await query.find()
     if(this.chatComp&&this.chatComp.fmodeChat){
       this.chatComp.fmodeChat.promptList = promptData
       this.chatComp.fmodeChat.promptList.forEach((item:any)=>{
         let cate = item.get('role').get('promptCates').filter((cate:any) => cate.name == item.get('cate'))
         item.img = cate[0].img
        })
      }
   }
}