feat: add and implement aichat-page & complete shemale.md

TFPower-app/src/app/page/aichat-page/aichat-page.component.html

@@ -0,0 +1,5 @@
+<app-chat-panel *ngIf="leftButtons?.length&&modelList?.length" #chatComp [roleId]="roleId" [chatId]="chatId"
+  [leftButtons]="leftButtons" [modelList]="modelList" [isDirect]="isDirect" [hideModalSelect]="hideModalSelect"
+  [hideInputPreview]="hideInputPreview">
+
+</app-chat-panel>

TFPower-app/src/app/page/aichat-page/aichat-page.component.scss

@@ -0,0 +1,3 @@
+app-chat-panel {
+  height: 95vh;
+}

TFPower-app/src/app/page/aichat-page/aichat-page.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { AichatPageComponent } from './aichat-page.component';
+
+describe('AichatPageComponent', () => {
+  let component: AichatPageComponent;
+  let fixture: ComponentFixture<AichatPageComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [AichatPageComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AichatPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

TFPower-app/src/app/page/aichat-page/aichat-page.component.ts

@@ -0,0 +1,269 @@
+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';
+import {
+  IonCard,
+  IonCardContent,
+  IonCardHeader,
+  IonCardSubtitle,
+  IonCardTitle,
+  IonContent,
+  IonHeader,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/angular/standalone';
+
+// 添加Icons
+import { addIcons } from 'ionicons';
+import * as icons from 'ionicons/icons';
+addIcons(icons);
+
+@Component({
+  selector: 'app-aichat-page',
+  templateUrl: './aichat-page.component.html',
+  styleUrls: ['./aichat-page.component.scss'],
+  standalone: true,
+  imports: [
+    IonHeader,
+    IonToolbar,
+    IonTitle,
+    IonContent,
+    IonCard,
+    IonCardContent,
+    IonCardTitle,
+    IonCardHeader,
+    IonCardSubtitle,
+    CommonModule,
+    ChatPanelComponent,
+  ],
+})
+export class AichatPageComponent 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) {
+        // 自定义左下角操作按钮
+        this.chatComp.fmodeChat.leftButtons = this.leftButtons;
+
+        // 自定义角色名称
+        //tags
+        this.chatComp.fmodeChat.role.set('tags', [
+          '健身',
+          '营养',
+          '医疗',
+          '养生',
+        ]);
+        //name
+        this.chatComp.fmodeChat.role.set('name', '大壮');
+        this.chatComp.fmodeChat.role.set(
+          'desc',
+          '一名亲切和蔼的健身咨询师，大壮，年龄28岁'
+        );
+        this.chatComp.fmodeChat.role.set('title', '高级健身专家');
+        this.chatComp.fmodeChat.role.set('age', '28');
+        this.chatComp.fmodeChat.role.set('gender', '男');
+
+        this.chatComp.fmodeChat.role.set(
+          'avatar',
+          'https://s1.imagehub.cc/images/2024/12/15/925aa3073b1cd2a7dfbc40985ad0fe8f.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;
+      });
+    }
+  }
+}

TFPower-app/src/app/tab1/tab1.page.html

@@ -22,6 +22,9 @@
           <ion-item>
             <ion-label><a (click)="navigateTo('taskchain')">TaskChain for AIpicture</a></ion-label>
           </ion-item>
+          <ion-item>
+            <ion-label><a (click)="navigateTo('aichat')">AIChat</a></ion-label>
+          </ion-item>
         </ion-list>
         <!-- <ion-button>Go to TodolistPage </ion-button> -->
 

TFPower-app/src/app/tabs/tabs.routes.ts

@@ -54,6 +54,13 @@ export const routes: Routes = [
             (m) => m.TaskchainPageComponent
           ),
       },
+      {
+        path: 'aichat',
+        loadComponent: () =>
+          import('../page/aichat-page/aichat-page.component').then(
+            (m) => m.AichatPageComponent
+          ),
+      },
       {
         path: '',
         redirectTo: '/tabs/tab1',

TFPower-prod/schema/schema.md

@@ -0,0 +1,320 @@
+# 一、训练计划及任务执行模块
+
+- 训练计划模块描述
+  - 根据用户所需要的健身目标，生成的整个训练计划，训练计划中包含了很多子任务。
+- 任务执行模块描述
+
+  - 记录各类型子任务以及每项任务的执行情况
+  - 任务类型
+    - 一次性任务
+    - 周期性任务（每日、每周、每月）
+  - 任务状态
+    - 一次性任务，可以再任务数据中直接标注完成
+    - 周期性任务，虽然整体有完成状态，但是每次的执行都需要有单独的表来记录。
+
+# 表设计
+
+## 训练计划表 (TrainingPlan)
+
+- **objectId**: 唯一标识符
+- **createdAt**: 创建时间
+- **user**: Pointer (关联用户)
+- **goal**: String (健身目标)
+- **content**: String (训练计划详情)
+- **tasks**: Array<Pointer> (关联的子任务)
+
+## 任务表 (Task)
+
+- **objectId**: 唯一标识符
+- **createdAt**: 创建时间
+- **plan**: Pointer (关联训练计划)
+- **type**: String (任务类型，如“一次性任务”或“周期性任务”)
+- **name**: String (任务名称)
+- **status**: String (任务状态，如“未完成”、“已完成”)
+- **count**: Number 执行次数
+- **duration**: Number 持续时间
+- **frequency**: String (周期性任务的频率，如“每日”、“每周”、“每月”，可选)
+  - daily
+  - weekly
+  - monthly
+  - yearly
+
+## 任务执行记录表 (TaskExecution)
+
+- **objectId**: 唯一标识符
+- **createdAt**: 创建时间
+- **task**: Pointer (关联任务)
+- **execDate**: Date (执行日期)
+- **status**: String (执行状态，如“完成”、“未完成”)
+
+## 用户表 (User)
+
+- **objectId**: 唯一标识符
+- **createdAt**: 创建时间
+- **username**: String (用户名)
+- **email**: String (用户邮箱)
+- **password**: String (用户密码)
+- **phoneNumber**: String (用户电话)
+- **sex**: String (用户性别)
+- **age**: Number (用户年龄)
+
+# PlantUML 类图表示
+
+## 以下是使用 PlantUML 表示的类图：
+
+```plantuml
+@startuml
+
+class TrainingPlan {
+    +objectId: String
+    +createdAt: Date
+    +user: Pointer
+    +goal: String
+    +content: String
+    +tasks: Array
+}
+
+class Task {
+    +objectId: String
+    +createdAt: Date
+    +plan: Pointer
+    +type: String
+    +name: String
+    +status: String
+    +count: Number
+    +duration: Number
+    +frequency: String
+}
+
+class TaskExecution {
+    +objectId: String
+    +createdAt: Date
+    +task: Pointer
+    +execDate: Date
+    +status: String
+}
+
+class User {
+    +objectId: String
+    +createdAt: Date
+    +username: String
+    +email: String
+    +password: String
+    +phoneNumber: String
+    +sex: String
+    +age: Number
+}
+
+TrainingPlan "1" -- "1..*" Task : contains
+Task "1" -- "0..*" TaskExecution : executes
+User "1" -- "0..*" TrainingPlan : creates
+
+@enduml
+```
+
+# 设计说明
+
+- **用户表 (User)**: 存储用户的基本信息。
+- **训练计划表 (TrainingPlan)**: 每个用户可以有多个训练计划，每个计划可以包含多个子任务。
+- **任务表 (Task)**: 定义了训练计划中的子任务，支持一次性和周期性任务。
+- **任务执行记录表 (TaskExecution)**: 记录每个任务的执行情况，便于追踪任务的完成状态。
+
+# 打卡签到模块
+
+- 模块描述 用户表是\_User 表 用户每日登录后，可以打卡签到，记录用户的签到时间，和日期，且每日只能打卡签到一次。
+
+## 用户表 (\_User)
+
+- **表名**：User
+- **字段**：
+  - objectId: String (用户唯一标识)
+  - username: String (用户名)
+  - email: String (用户邮箱)
+  - createdAt: Date (创建时间)
+  - updatedAt: Date (更新时间)
+
+## 签到记录表 (SignInRecord)
+
+- **表名**：SignInRecord
+- **字段**：
+  - bjectId: String (签到记录唯一标识)
+  - ser: Pointer (用户，外键，关联到 User 表)
+  - ignInDate: Date (签到日期)
+  - reatedAt: Date (创建时间)
+
+# 设计注意事项
+
+- 在 `SignInRecord` 表中，`user` 字段使用 `Pointer<User>` 来表示与用户表的关联。
+- 每个用户每天只能有一条签到记录，因此在 `SignInRecord` 表中，`user` 和 `signInDate` 的组合应当是唯一的。
+- `createdAt` 字段用于记录每条记录的创建时间，以便于后续的数据追踪。
+
+## PlantUML 类图表示
+
+```plantuml
+@startuml
+
+class User {
+    +objectId: String
+    +username: String
+    +email: String
+    +createdAt: Date
+    +updatedAt: Date
+}
+
+class SignInRecord {
+    +objectId: String
+    +user: Pointer
+    +signInDate: Date
+    +createdAt: Date
+}
+
+User "1" -- "0..*" SignInRecord : has
+
+@enduml
+```
+
+## 说明
+
+- `User` 类表示用户表，包含用户的基本信息。
+- `SignInRecord` 类表示签到记录表，记录用户的签到情况。
+- 外键 `user` 使用 `Pointer<User>` 表示与用户表的关联。
+- 关系表示为“一个用户可以有零到多个签到记录”，符合设计范式。
+
+这种设计确保了数据的完整性和一致性，同时能够满足用户每日只能打卡一次的需求。
+
+# 二、业务逻辑描述
+
+# 训练计划的完整逻辑
+
+## 计划生成逻辑
+
+- 用户在 APP 内，通过文本生成整个训练计划
+  - 数据来源
+    - 用户输入：用户的健身需求等
+    - 用户体征：性别、年龄、体重等
+  - 文本生成
+    - 提示词：训练计划生成提示词
+  - 结果存储
+    - TrainingPlan
+      - 计划目标 goal 计划需求标题
+      - 计划详情 content 完整计划内容
+- 根据训练计划结果，排期生成任务
+  - 数据来源
+    - 计划详情 content
+  - 文本生成
+    - 提示词：严格限制 json 格式，输出任务列表（附带当前时- 间，用于时间的生成）
+  - 生成结果：taskList
+    - 循环数组，向 Task 表逐个插入数据。
+
+```json
+[
+  {
+    "objectId": "task_001",
+    "createdAt": "2024-12-01T10:00:00Z",
+    "plan": "TrainingPlan_001",
+    "type": "一次性任务",
+    "name": "30分钟有氧运动",
+    "status": "未完成",
+    "count": 1,
+    "duration": 30,
+    "frequency": null
+  },
+  {
+    "objectId": "task_002",
+    "createdAt": "2024-12-01T10:00:00Z",
+    "plan": "TrainingPlan_001",
+    "type": "周期性任务",
+    "name": "每周力量训练",
+    "status": "已完成",
+    "count": 4,
+    "duration": 60,
+    "frequency": "weekly"
+  },
+  {
+    "objectId": "task_003",
+    "createdAt": "2024-12-01T10:00:00Z",
+    "plan": "TrainingPlan_001",
+    "type": "周期性任务",
+    "name": "每日步行1万步",
+    "status": "未完成",
+    "count": 8,
+    "duration": 60,
+    "frequency": "daily"
+  },
+  {
+    "objectId": "task_004",
+    "createdAt": "2024-12-01T10:00:00Z",
+    "plan": "TrainingPlan_001",
+    "type": "周期性任务",
+    "name": "每月体重测量",
+    "status": "已完成",
+    "count": 1,
+    "duration": 10,
+    "frequency": "monthly"
+  },
+  {
+    "objectId": "task_005",
+    "createdAt": "2024-12-01T10:00:00Z",
+    "plan": "TrainingPlan_001",
+    "type": "一次性任务",
+    "name": "参加健身课程",
+    "status": "未完成",
+    "count": 1,
+    "duration": 45,
+    "frequency": null
+  }
+]
+```
+
+## 计划执行的逻辑
+
+- 用户在 TodoList 页面，加载所有计划和子任务
+  - 用户主动填写执行情况并提交
+    - 数据存储
+      - TaskExecution 记录每次用户执行情况提交的数据，并在提交后，根据 Task 中持续时间和次数条件，来判断 Task 本身是否标记完成。
+
+## 计划的完成和统计分析
+
+- 连表查询，分析用户计划完成的总体情况和进度
+
+## 训练计划业务逻辑图例
+
+```plantuml
+@startuml
+
+actor User
+participant "APP" as App
+participant "TrainingPlan" as TP
+participant "Task" as T
+participant "TaskExecution" as TE
+
+== 计划生成逻辑 ==
+User -> App : 输入健身需求
+App -> TP : 创建训练计划
+TP -> App : 返回训练计划ID
+
+== 计划执行逻辑 ==
+User -> App : 加载所有计划和子任务
+App -> T : 查询任务列表
+T -> App : 返回任务列表
+User -> App : 填写执行情况并提交
+App -> TE : 记录执行情况
+TE -> App : 返回执行记录ID
+App -> T : 检查任务完成状态
+T -> App : 更新任务状态
+
+== 计划完成和统计分析 ==
+App -> TP : 查询用户计划完成情况
+TP -> App : 返回完成情况和进度
+App -> User : 显示统计分析结果
+
+@enduml
+```
+
+### 说明：
+
+- **用户(User)**在 APP 中输入健身需求和体征信息，APP 生成训练计划并返回。
+- APP 根据训练计划生成任务列表并插入任务数据。
+- 用户在 TodoList 页面查看计划和子任务，并提交执行情况。
+- APP 记录执行情况，并判断任务是否完成。
+- 最后，APP 进行统计分析并将结果展示给用户。