|
|
@@ -0,0 +1,238 @@
|
|
|
+import { CommonModule } from '@angular/common';
|
|
|
+import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
|
|
|
+import { ActivatedRoute } from '@angular/router';
|
|
|
+import { ModalController } from '@ionic/angular';
|
|
|
+import { ChatPanelComponent } from 'fmode-ng';
|
|
|
+import { combineLatest } from 'rxjs';
|
|
|
+import Parse from "parse"
|
|
|
+
|
|
|
+@Component({
|
|
|
+ selector: 'app-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
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
