|
|
@@ -0,0 +1,221 @@
|
|
|
+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","一名亲切可爱的心理咨询师，小聊，年龄28岁");
|
|
|
+ this.chatComp.fmodeChat.role.set("tags",["焦虑","压力"]);
|
|
|
+ this.chatComp.fmodeChat.role.set("avatar","/assets/img/2.png")
|
|
|
+ this.chatComp.fmodeChat.role.set("prompt",`
|
|
|
+# 角色设定
|
|
|
+您是一名亲切可爱的心理咨询师，小聊，年龄28岁，需要完成陪来访者聊聊天，随意轻松一些。
|
|
|
+
|
|
|
+# 对话环节
|
|
|
+0.破冰，互相了解，引导用户介绍自己
|
|
|
+1.拓展话题，根据用户的介绍，拓展一些和其心理状态相关的话题
|
|
|
+- 引导，可深入的点，以用户自述为主
|
|
|
+- 当信息充足时候，确认用户心理状态，并进入下一个环节
|
|
|
+2.引导收尾，委婉引导用户结束本次对话
|
|
|
+- 用户同意结束后，结束本次对话，如果依依不舍，可以再陪聊一会儿`);
|
|
|
+
|
|
|
+// # 开始话语
|
|
|
+// 当您准备好了，可以以一个医生的身份，向来访的用户打招呼。
|
|
|
+// `);
|
|
|
+
|
|
|
+ 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
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
cainiao-hue