AIart-app/src/app/Problem-solving/interest-test.component.html

@@ -0,0 +1,54 @@
+<ion-header [translucent]="true">
+    <ion-toolbar>
+        <ion-buttons slot="start">
+            <ion-back-button defaultHref="/tabs/tab1" text=""></ion-back-button>
+        </ion-buttons>
+        <ion-title class="custom-title">
+            <span>智能问答助手</span>
+        </ion-title>
+    </ion-toolbar>
+</ion-header>
+
+<ion-content>
+    <div class="question-container">
+        <!-- 问题输入区域 -->
+        <div class="input-card">
+            <h2>请描述您的问题</h2>
+            <ion-textarea [(ngModel)]="userQuestion" placeholder="例如：如何提高学习效率？请尽可能详细地描述您的问题..." autoGrow="true"
+                class="question-input"></ion-textarea>
+        </div>
+
+        <!-- 按钮区域 -->
+        <div class="button-container">
+            <ion-button expand="block" class="action-button solve-button" (click)="getProblemSolution()">
+                <ion-icon name="bulb-outline" slot="start"></ion-icon>
+                问题解决
+            </ion-button>
+
+            <ion-button expand="block" class="action-button expand-button" (click)="getRelatedProblems()">
+                <ion-icon name="git-network-outline" slot="start"></ion-icon>
+                同类型拓展
+            </ion-button>
+        </div>
+
+        <!-- 响应内容展示区域 -->
+        @if(isLoading) {
+        <div class="loading-card">
+            <ion-icon name="hourglass-outline" class="loading-icon"></ion-icon>
+            <p>正在思考并分析您的问题，请稍等片刻...</p>
+        </div>
+        }
+
+        @if(responseMsg && !isLoading) {
+        <div class="response-card">
+            <div class="response-header">
+                <ion-icon [name]="isExpand ? 'git-network-outline' : 'bulb-outline'"></ion-icon>
+                <h3>{{ isExpand ? '相关问题拓展' : '解决方案' }}</h3>
+            </div>
+            <div class="response-content markdown-content">
+                <fm-markdown-preview [content]="responseMsg"></fm-markdown-preview>
+            </div>
+        </div>
+        }
+    </div>
+</ion-content>

AIart-app/src/app/Problem-solving/interest-test.component.scss

@@ -0,0 +1,332 @@
+:root {
+    --theme-color: #ff9966;
+    --theme-color-light: #ffb088;
+    --theme-color-dark: #ff7744;
+}
+
+// 在文件开头添加移动端断点
+$mobile-breakpoint: 480px;
+
+.custom-title {
+    font-size: 20px;
+    font-weight: 700;
+    text-align: center;
+    padding: 15px 0;
+    color: var(--theme-color);
+    letter-spacing: 1px;
+
+    span {
+        position: relative;
+
+        &:after {
+            content: '';
+            position: absolute;
+            bottom: -5px;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: var(--theme-color-light);
+            border-radius: 2px;
+        }
+    }
+
+    @media (max-width: $mobile-breakpoint) {
+        font-size: 20px;
+        padding: 10px 0;
+    }
+}
+
+.question-container {
+    padding: 20px;
+    max-width: 800px;
+    margin: 0 auto;
+    background: transparent;
+
+    @media (max-width: $mobile-breakpoint) {
+        padding: 12px;
+    }
+}
+
+.input-card {
+    background: #ffffff;
+    border-radius: 16px;
+    padding: 24px;
+    margin-bottom: 24px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    border: 1px solid rgba(255, 153, 102, 0.2);
+
+    h2 {
+        margin: 0 0 20px 0;
+        font-size: 1.3rem;
+        color: #333;
+        font-weight: 600;
+    }
+
+    .question-input {
+        --background: #ffffff;
+        --padding-start: 16px;
+        --padding-end: 16px;
+        --padding-top: 12px;
+        --padding-bottom: 12px;
+        border-radius: 12px;
+        min-height: 120px;
+        font-size: 1rem;
+        border: 1px solid rgba(0, 0, 0, 0.1);
+        margin-top: 8px;
+
+        &:focus {
+            border-color: var(--theme-color);
+        }
+    }
+
+    @media (max-width: $mobile-breakpoint) {
+        padding: 16px;
+        margin-bottom: 16px;
+
+        h2 {
+            font-size: 1.1rem;
+            margin: 0 0 12px 0;
+        }
+
+        .question-input {
+            min-height: 100px;
+            font-size: 0.95rem;
+        }
+    }
+}
+
+.button-container {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 24px;
+
+    .action-button {
+        flex: 1;
+        margin: 0;
+        height: 48px;
+        font-size: 1.1rem;
+        font-weight: 500;
+        --border-radius: 12px;
+        text-transform: none;
+
+        ion-icon {
+            margin-right: 8px;
+            font-size: 1.3rem;
+        }
+    }
+
+    .solve-button {
+        --background: var(--theme-color);
+        --background-hover: var(--theme-color-dark);
+        background-color: var(--ion-color-primary);
+        color: white;
+        font-weight: 600;
+        border-radius: 12px;
+        --box-shadow: 0 4px 8px rgba(255, 153, 102, 0.2);
+    }
+
+    .expand-button {
+        --background: var(--theme-color-light);
+        --background-hover: var(--theme-color);
+        background-color: var(--ion-color-primary);
+        color: white;
+        font-weight: 600;
+        border-radius: 12px;
+        --box-shadow: 0 4px 8px rgba(255, 153, 102, 0.15);
+    }
+
+    @media (max-width: $mobile-breakpoint) {
+        gap: 12px;
+        margin-bottom: 16px;
+
+        .action-button {
+            height: 44px;
+            font-size: 1rem;
+
+            ion-icon {
+                font-size: 1.1rem;
+            }
+        }
+    }
+}
+
+.response-card {
+    background: #ffffff;
+    border-radius: 16px;
+    padding: 24px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    border: 1px solid rgba(255, 153, 102, 0.2);
+
+    .response-header {
+        display: flex;
+        align-items: center;
+        margin-bottom: 20px;
+        padding-bottom: 12px;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+
+        ion-icon {
+            font-size: 1.8rem;
+            margin-right: 12px;
+            color: var(--theme-color);
+        }
+
+        h3 {
+            margin: 0;
+            font-size: 1.3rem;
+            color: #333;
+            font-weight: 600;
+        }
+    }
+
+    .response-content {
+        font-size: 1.1rem;
+        line-height: 1.7;
+        color: #444;
+
+        // Markdown 内容样式
+        :deep() {
+
+            h1,
+            h2 {
+                font-size: 1.2rem;
+                margin: 16px 0 12px;
+            }
+
+            h3,
+            h4 {
+                font-size: 1.1rem;
+                margin: 14px 0 10px;
+            }
+
+            p {
+                margin: 8px 0;
+            }
+
+            ul,
+            ol {
+                padding-left: 20px;
+                margin: 8px 0;
+            }
+
+            li {
+                margin: 4px 0;
+            }
+
+            code {
+                font-size: 0.9rem;
+                padding: 2px 4px;
+                background: #f5f5f5;
+                border-radius: 4px;
+            }
+
+            pre {
+                padding: 12px;
+                margin: 12px 0;
+                background: #f8f8f8;
+                border-radius: 8px;
+                overflow-x: auto;
+            }
+
+            blockquote {
+                margin: 12px 0;
+                padding: 8px 16px;
+                border-left: 4px solid var(--theme-color);
+                background: #fff8f5;
+            }
+        }
+    }
+
+    @media (max-width: $mobile-breakpoint) {
+        padding: 16px;
+
+        .response-header {
+            margin-bottom: 16px;
+            padding-bottom: 8px;
+
+            ion-icon {
+                font-size: 1.4rem;
+            }
+
+            h3 {
+                font-size: 1.1rem;
+            }
+        }
+
+        .response-content {
+            font-size: 0.95rem;
+            line-height: 1.6;
+        }
+    }
+}
+
+.loading-card {
+    background: #ffffff;
+    border-radius: 16px;
+    padding: 32px 24px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 24px;
+    border: 1px solid rgba(255, 153, 102, 0.2);
+
+    .loading-icon {
+        font-size: 2.5rem;
+        color: var(--theme-color);
+        animation: spin 2s linear infinite;
+        margin-bottom: 16px;
+    }
+
+    p {
+        color: #555;
+        margin: 0;
+        font-size: 1.1rem;
+        font-weight: 500;
+    }
+
+    @media (max-width: $mobile-breakpoint) {
+        padding: 24px 16px;
+        margin-bottom: 16px;
+
+        .loading-icon {
+            font-size: 2rem;
+            margin-bottom: 12px;
+        }
+
+        p {
+            font-size: 1rem;
+        }
+    }
+}
+
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+@media (max-width: 480px) {
+    .button-container {
+        flex-direction: column;
+    }
+
+    .question-container {
+        padding: 16px;
+    }
+}
+
+ion-content {
+    --background: #ffffff;
+}
+
+// 添加工具栏样式
+ion-toolbar {
+    --background: #ffffff;
+    --border-color: transparent;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
+}

AIart-app/src/app/Problem-solving/interest-test.component.ts

@@ -0,0 +1,125 @@
+import { Component } from '@angular/core';
+import { IonBackButton, IonButton, IonButtons, IonContent, IonHeader, IonIcon, IonTitle, IonToolbar } from '@ionic/angular/standalone';
+import { IonTextarea } from '@ionic/angular/standalone';
+import { FmodeChatCompletion, MarkdownPreviewModule } from 'fmode-ng';
+import { FormsModule } from '@angular/forms';
+import { addIcons } from 'ionicons';
+import { bulbOutline, gitNetworkOutline } from 'ionicons/icons';
+
+@Component({
+  selector: 'app-interest-test',
+  templateUrl: './interest-test.component.html',
+  styleUrls: ['./interest-test.component.scss'],
+  standalone: true,
+  imports: [
+    IonHeader,
+    IonToolbar,
+    IonTitle,
+    IonContent,
+    IonButton,
+    IonTextarea,
+    IonIcon,
+    FormsModule,
+    MarkdownPreviewModule,
+    IonBackButton,
+    IonButtons,
+  ],
+})
+export class InterestTestComponent {
+  userQuestion: string = '';
+  responseMsg: string = '';
+  isExpand: boolean = false;
+  isLoading: boolean = false;
+
+  constructor() {
+    addIcons({ bulbOutline, gitNetworkOutline });
+  }
+
+  getProblemSolution() {
+    if (!this.userQuestion.trim()) {
+      this.showToast('请输入您的问题');
+      return;
+    }
+
+    this.isExpand = false;
+    this.isLoading = true;
+    this.responseMsg = '';
+    const promptTemplate = `
+    作为一个专业的问题解决专家，请针对用户的问题提供详细的解决方案。
+    用户问题：${this.userQuestion}
+    
+    请按照以下格式回答：
+    1. 问题分析
+    2. 解决步骤
+    3. 注意事项
+    4. 建议与总结
+    `;
+
+    this.sendCompletion(promptTemplate);
+  }
+
+  getRelatedProblems() {
+    if (!this.userQuestion.trim()) {
+      this.showToast('请输入您的问题');
+      return;
+    }
+
+    this.isExpand = true;
+    this.isLoading = true;
+    this.responseMsg = '';
+    const promptTemplate = `
+    基于用户提出的问题，请列出5个相关的延伸问题，帮助用户更全面地了解这个领域。
+    用户问题：${this.userQuestion}
+    
+    请按照以下格式回答：
+    1. 核心问题概述
+    2. 相关延伸问题（5个）
+    3. 学习建议
+    `;
+
+    this.sendCompletion(promptTemplate);
+  }
+
+  private sendCompletion(prompt: string) {
+    console.log('开始生成回答...');
+    const completion = new FmodeChatCompletion([
+      { role: "system", content: "你是一个专业的问题解决和知识拓展专家" },
+      { role: "user", content: prompt }
+    ]);
+
+    completion.sendCompletion().subscribe({
+      next: (message: any) => {
+        console.log('正在生成:', message.content.length, '字符');
+        this.responseMsg = this.formatResponse(message.content);
+      },
+      error: (error) => {
+        console.error('生成错误:', error);
+        this.showToast('生成回答时出现错误，请重试');
+        this.isLoading = false;
+      },
+      complete: () => {
+        console.log('生成完成');
+        this.isLoading = false;
+      }
+    });
+  }
+
+  private formatResponse(content: string): string {
+    content = content.replace(/^(\d+\.|#)\s*(.+)$/gm, '**$2**');
+
+    content = content.replace(/\n(?=\n)/g, '\n\n');
+
+    content = content.replace(/^[-*]\s+/gm, '• ');
+
+    return content;
+  }
+
+  private async showToast(message: string) {
+    const toast = document.createElement('ion-toast');
+    toast.message = message;
+    toast.duration = 2000;
+    toast.position = 'top';
+    document.body.appendChild(toast);
+    await toast.present();
+  }
+}

AIart-app/src/app/attendance/attendance.component.html

@@ -43,7 +43,7 @@
     <div class="rewards-grid">
       @for(reward of rewards; track reward.days) {
       <div class="reward-item" [class.claimed]="reward.claimed"
-        [class.available]="!reward.claimed && currentStreak >= reward.days" (click)="claimReward(reward)">
+        [class.available]="!reward.claimed && currentStreak >= reward.days">
         <div class="day-count">{{ reward.days }}天</div>
         <div class="coin-amount">
           <ion-icon name="medal"></ion-icon>

AIart-app/src/app/attendance/attendance.component.ts

@@ -33,8 +33,6 @@ export class AttendanceComponent implements OnInit {
       this.todaySigned = true;
       this.currentStreak++;
       this.totalDays++;
-      // 这里添加签到成功的提示
-      this.showToast('签到成功！获得5个积分');
     }
   }
 
@@ -47,13 +45,6 @@ export class AttendanceComponent implements OnInit {
     await toast.present();
   }
 
-  claimReward(reward: any) {
-    if (!reward.claimed && this.currentStreak >= reward.days) {
-      reward.claimed = true;
-      this.showToast(`领取成功！获得${reward.coins}个积分`);
-    }
-  }
-
   formatDate(date: Date): string {
     return date.toLocaleDateString('zh-CN', {
       month: 'long',

AIart-app/src/app/interest-picture/interest-picture.component.html

@@ -17,8 +17,8 @@
       <h2>创作灵感</h2>
       <p class="subtitle">请描述您想要创作的画面意境</p>
 
-      <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)"
-        placeholder="例如：一个充满科技感和艺术气息的场景，展现AI与艺术的完美融合..." autoGrow="true" class="prompt-input" rows="4"></ion-textarea>
+      <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="请描述您想要创作的画面意境" autoGrow="true"
+        class="prompt-input" rows="4"></ion-textarea>
     </div>
 
     <!-- 创作按钮 -->

AIart-app/src/app/interest-picture/interest-picture.component.ts

@@ -15,7 +15,7 @@ import { DalleOptions, FmodeChatCompletion, ImagineWork } from 'fmode-ng';
   ],
 })
 export class InterestPictureComponent implements OnInit {
-  userPrompt: string = "请描述您想要创作的画面意境";
+  userPrompt: string = "";
   PictureDescResult: string = '';
   imagineWork: ImagineWork | undefined;
   images: Array<string> = [];

AIart-app/src/app/interest-search/interest-search.component.html

@@ -2,7 +2,7 @@
 <ion-header [translucent]="true" class="ion-no-border">
   <ion-toolbar>
     <ion-buttons slot="start">
-      <ion-back-button default-href="/tabs/tab1"></ion-back-button>
+      <ion-back-button default-href="/tabs/tab1" text=""></ion-back-button>
     </ion-buttons>
     <ion-title>兴趣调查问卷</ion-title>
   </ion-toolbar>
@@ -30,20 +30,14 @@
 
       <ion-item>
         <ion-label position="stacked">性别</ion-label>
-        <ion-select [(ngModel)]="gender" placeholder="请选择">
+        <ion-select [(ngModel)]="gender" placeholder="请选择" okText="确定" cancelText="取消">
           <ion-select-option value="male">男</ion-select-option>
           <ion-select-option value="female">女</ion-select-option>
-          <ion-select-option value="other">其他</ion-select-option>
         </ion-select>
       </ion-item>
 
       <ion-item>
-        <ion-label position="stacked">年龄</ion-label>
-        <ion-input [(ngModel)]="age" type="number" placeholder="请输入您的年龄"></ion-input>
-      </ion-item>
-
-      <ion-item>
-        <span style="margin-right: 50px;">生日</span>
+        <span>生日</span>
         <ion-datetime-button datetime="datetime"></ion-datetime-button>
         <ion-modal [keepContentsMounted]="true">
           <ng-template>
@@ -52,9 +46,14 @@
         </ion-modal>
       </ion-item>
 
+      <ion-item>
+        <ion-label position="stacked">年龄</ion-label>
+        <ion-input [(ngModel)]="age" type="number" placeholder="请输入您的年龄"></ion-input>
+      </ion-item>
+
       <ion-item>
         <ion-label position="stacked">职业</ion-label>
-        <ion-select [(ngModel)]="occupation" placeholder="请选择">
+        <ion-select [(ngModel)]="occupation" placeholder="请选择" okText="确定" cancelText="取消">
           <ion-select-option value="student">学生</ion-select-option>
           <ion-select-option value="employee">上班族</ion-select-option>
           <ion-select-option value="freelancer">自由职业</ion-select-option>

AIart-app/src/app/interest-search/interest-search.component.scss

@@ -81,6 +81,16 @@ ion-list {
             margin-bottom: 8px;
         }
 
+        span {
+            margin-right: 50px;
+            font-size: 14px;
+            margin-bottom: 20px;
+        }
+
+        ion-datetime-button {
+            margin-bottom: 20px;
+        }
+
         ion-input,
         ion-select {
             --padding-start: 0;

AIart-app/src/app/interest-search/interest-search.component.ts

@@ -126,6 +126,8 @@ export class InterestSearchComponent implements OnInit {
   // 定义方法，用于获取 <ion-datetime> 组件选择的值
   onDateTimeChange(event: any) {
     if (event && event.detail && event.detail.value) {
+      // console.log(event.detail)
+      // console.log(event.detail.value)
       this.birthday = event.detail.value.split('T')[0]; // 只保留日期部分
 
       // 计算年龄
@@ -158,15 +160,6 @@ export class InterestSearchComponent implements OnInit {
       this.currentQuestionnaireId = this.getRandomQuestionnaire();
       await this.loadQuestionnaireData(this.currentQuestionnaireId);
       console.log("加载新问卷");
-      // 显示欢迎提示
-      /*const toast = document.createElement('ion-toast');
-      toast.message = '欢迎参与兴趣调查';
-      toast.duration = 2000;
-      toast.position = 'top';
-      toast.color = 'success';
-      document.body.appendChild(toast);
-      toast.present().catch((err) => console.error('展示 toast 时出错:', err));
-      console.log("加载成功");*/
 
     } catch (error) {
       console.error('初始化问卷失败:', error);

AIart-app/src/app/interest-test/interest-test.component.html

@@ -1,40 +0,0 @@
-<ion-header [translucent]="true">
-    <ion-toolbar>
-        <ion-title style="font-family: 'Courier New', Courier, monospace;">
-            <span style="font-weight: bold;">兴趣探索</span>
-        </ion-title>
-    </ion-toolbar>
-</ion-header>
-
-<ion-content>
-    <!-- 文本域：生成提示词 -->
-    <div style="background-color: #fcfafafa;margin: 15px;border-radius: 10px;padding-top: 10px;">
-        <span style="font-weight: bold;font-size: 20px;margin-left: 10px;">兴趣方向</span>
-        <ion-textarea [value]="department" (ionInput)="departmentInput($event)" placeholder="文本提示词" autoGrow="true"
-            style="margin-left: 10px;text-decoration: underline;opacity: 0.5;"></ion-textarea>
-        <span style="font-weight: bold;font-size: 20px;margin-left: 10px;">具体描述</span>
-        <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="文本提示词" autoGrow="true"
-            style="margin-left: 10px;text-decoration: underline;opacity: 0.5;"></ion-textarea>
-    </div>
-
-    <!-- 按钮：执行消息生成函数 -->
-    <div style="display: flex;align-items: center;justify-content: center;">
-        <ion-button (click)="sendMessage()" expand="block" style="width: 90%;">开始定制学习规划</ion-button>
-    </div>
-
-    <!-- 展示：返回消息内容 -->
-    @if(!isComplete){
-    <div style="margin: 20px;">{{responseMsg}}</div>
-    }
-
-    @if(isComplete){
-    <div style="margin-left: 20px;margin-right: 20px;">
-        <fm-markdown-preview [content]="responseMsg"></fm-markdown-preview>
-    </div>
-    <div style="display: flex;align-items: center;justify-content: center;">
-        <ion-button (click)="makeMindMap()" style="width: 90%;">开始制作学习思维导图</ion-button>
-    </div>
-
-    }
-
-</ion-content>

AIart-app/src/app/interest-test/interest-test.component.ts

@@ -1,57 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { IonButton, IonContent, IonHeader, IonInput, IonTitle, IonToolbar } from '@ionic/angular/standalone';
-import { IonTextarea } from '@ionic/angular/standalone';
-import { FmodeChatCompletion, MarkdownPreviewModule } from 'fmode-ng';
-
-@Component({
-  selector: 'app-interest-test',
-  templateUrl: './interest-test.component.html',
-  styleUrls: ['./interest-test.component.scss'],
-  standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton,
-    IonTextarea, IonInput, MarkdownPreviewModule
-  ],
-})
-export class InterestTestComponent implements OnInit {
-  ngOnInit(): void {
-
-  }
-  constructor() { }
-  // 用户输入提示词
-  department: string = "请给出学习方向，例如：绘画"
-  departmentInput(ev: any) {
-    this.department = ev.detail.value;
-  }
-  // 用户输入提示词
-  userPrompt: string = "请具体描述您想要学习/感兴趣的内容"
-  promptInput(ev: any) {
-    this.userPrompt = ev.detail.value;
-  }
-  // 属性：组件内用于展示消息内容的变量
-  responseMsg: any = ""
-  // 方法：实例化completion对象，传入消息数组，并订阅生成的可观察对象。
-  isComplete: boolean = false;
-  sendMessage() {
-    console.log("开始制定学习计划")
-    let PromptTemplate = `
-    您作为一名专业的${this.department}兴趣规划师，请根据用户的描述，分点给出初步的实现方案并给出一些建议，
-    以下是用户的描述${this.userPrompt}
-    `
-    let completion = new FmodeChatCompletion([
-      { role: "system", content: "" },
-      { role: "user", content: PromptTemplate }
-    ])
-    completion.sendCompletion().subscribe((message: any) => {
-      // 打印消息体
-      console.log(message.content)
-      // 赋值消息内容给组件内属性
-      this.responseMsg = message.content
-      if (message?.complete) (
-        this.isComplete = true
-      )
-    })
-  }
-  makeMindMap() {
-    console.log("开始生成思维导图")
-  }
-}

AIart-app/src/app/mailbox/mailbox.component.scss

@@ -35,7 +35,7 @@ ion-header {
         gap: 8px;
         padding: 8px 16px;
         border-radius: 8px;
-        transition: all 0.3s ease;
+        // transition: all 0.3s ease;
 
         &.active {
             background: var(--ion-color-primary-light);

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

@@ -14,7 +14,7 @@
 <ion-content [fullscreen]="true">
   <!-- 搜索栏部分 -->
   <div class="search-section">
-    <ion-searchbar mode="ios" placeholder="搜索你感兴趣的内容" class="custom-searchbar"></ion-searchbar>
+    <ion-searchbar placeholder="搜索你感兴趣的内容" class="custom-searchbar"></ion-searchbar>
     <div class="action-buttons">
       <ion-button fill="clear" class="icon-button" (click)="goTomailbox()">
         <ion-icon name="mail-outline"></ion-icon>
@@ -38,7 +38,7 @@
         <ion-label>课程</ion-label>
       </ion-segment-button>
       <ion-segment-button value="test" (click)="goToInterestTest()">
-        <ion-label>兴趣探索</ion-label>
+        <ion-label>问题解决</ion-label>
       </ion-segment-button>
       <ion-segment-button value="ebook" (click)="goToInterestPicture()">
         <ion-label>意境呈现</ion-label>

AIart-app/src/app/tab2/tab2.page.ts

@@ -52,43 +52,43 @@ export class Tab2Page {
   mapList = [
     {
       title: "demo", content: ` ---
-markmap:
-  maxWidth: 300
-  colorFreezeLevel: 2
----
+      markmap:
+        maxWidth: 300
+        colorFreezeLevel: 2
+      ---
 
-# markmap
+      # markmap
 
-## Links
+      ## Links
 
-- <https://markmap.js.org/>
-- [GitHub](https://github.com/markmap/markmap)
+      - <https://markmap.js.org/>
+      - [GitHub](https://github.com/markmap/markmap)
 
-## Related
+      ## Related
 
-- [coc-markmap](https://github.com/markmap/coc-markmap)
-- [gatsby-remark-markmap](https://github.com/markmap/gatsby-remark-markmap)
+      - [coc-markmap](https://github.com/markmap/coc-markmap)
+      - [gatsby-remark-markmap](https://github.com/markmap/gatsby-remark-markmap)
 
-## Features
+      ## Features
 
-- links
-- **inline** ~~text~~ *styles*
-- multiline
-  text
-- inline code
-- Katex - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
-- This is a very very very very very very very very very very very very very very very long line.`},
+      - links
+      - **inline** ~~text~~ *styles*
+      - multiline
+        text
+      - inline code
+      - Katex - $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
+      - This is a very very very very very very very very very very very very very very very long line.`},
     {
       title: "每日学习计划", content: `# 每日学习计划
-## 时间
-## 计划
-## 总结      
-      `},
+      ## 时间
+      ## 计划
+      ## 总结      
+            `},
     {
       title: "每周学习计划", content: `# 每周学习计划
-## 时间
-## 计划
-## 总结        
+      ## 时间
+      ## 计划
+      ## 总结        
         `}
   ]
   constructor(

AIart-app/src/app/tab4/tab4.page.ts

@@ -153,9 +153,9 @@ export class tab4Page {
           let user = new CloudUser();
           let studyReport = new CloudObject("StudyReport");
           studyReport.set({
-            user:user.toPointer(),
-            chatId:chat?.chatSession?.id,
-            messageList:chat?.messageList
+            user: user.toPointer(),
+            chatId: chat?.chatSession?.id,
+            messageList: chat?.messageList
           })
           studyReport.save();
         }
@@ -171,10 +171,10 @@ export class tab4Page {
   async restoreChat() {
     let user = new CloudUser();
     let query = new CloudQuery("StudyReport");
-    query.equalTo("user",user?.id)
+    query.equalTo("user", user?.id)
     let report = await query.first()
     let chatId = report?.get('chatId')
-    if(chatId){
+    if (chatId) {
       if (await this.checkLogin()) {
         let options: ChatPanelOptions = {
           roleId: "2DXJkRsjXK",
@@ -185,31 +185,4 @@ export class tab4Page {
     }
   }
 
-
-  //您是一位经验丰富且极具热情的兴趣学习规划师，明明，年龄 32 岁，需要为学生制定个性化的兴趣学习规划。
-
-  //# 对话环节
-  //0. 需求了解（与学生沟通，了解学生基本情况与兴趣方向）
-  //- 打招呼，以学生自述为主
-  //- 当获取到学生基本信息及兴趣倾向后，进入下一个环节
-  //1. 兴趣挖掘与拓展
-  //例��：学生提及对绘画有兴趣，拓展出：喜欢��种绘画风格；是否有过绘画基础；是否参加过绘画比赛等相关问题。
-  //- 当兴趣挖掘与拓展完成后进入下一个环节
-  //2. 学习规划制定
-  //根据学生情况制定包括学习目标、学习资源、学习进度安排等在内的兴趣学习规划。
-  //- 等待学生反馈意见，进入下一阶段
-  //3. 规划调整与完善
-  //根据反馈对学习规划进行调整优化，并给出最终的详细规划方案。
-  //- 完成规划方案时，请直接用markmap格式编写方案，具体格式严格按照
-  //\`\`\` markdown
-  //# XXX计划
-  //## 二级
-  //- 三级
-  //- 三级
-  //\`\`\`
-  //请直接返回markdown内生成的方案内容，不用有其他的赘述。并且返回的内容结尾要有[完成]
-//
-  //当您准备好了，可以以一个兴趣学习规划师的身份，向来访的学生打招呼。`);
-//},
-
 }

AIart-app/src/app/tabs/tabs.page.ts

@@ -42,6 +42,7 @@ import {
   ear,
   ellipseOutline,
   receiptOutline,
+  hourglassOutline,
 } from 'ionicons/icons';
 
 
@@ -72,7 +73,7 @@ export class TabsPage {
       cameraOutline, codeOutline, restaurantOutline, fitnessOutline, languageOutline,
       helpCircleOutline, leafOutline, flame, checkmarkCircle, handRight, medal, saveOutline,
       sendOutline, playCircleOutline, arrowUndoOutline, arrowRedoOutline, shareSocialOutline,
-      shareOutline, gridOutline, grid, waterOutline,
+      shareOutline, gridOutline, grid, waterOutline, hourglassOutline,
 
     });
   }

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

@@ -34,7 +34,7 @@ export const routes: Routes = [
       {
         path: 'interest-test',
         loadComponent: () =>
-          import('../interest-test/interest-test.component').then((m) => m.InterestTestComponent),
+          import('../Problem-solving/interest-test.component').then((m) => m.InterestTestComponent),
       },
       {
         path: 'view-all',

AIart-app/src/lib/ncloud.ts

@@ -1,227 +1,4 @@
-/*export interface Pointer {
-    __type: string;
-    className: string;
-    objectId?: string; // 这里保持 objectId 作为可选字段
-    //QuestionnaireId?: string; // 自定义主键
-    //QuestionId?: string; // 自定义主键
-    //OptionId?: string; // 自定义主键
-    //_UserId?: string; // 自定义主键
-}
-
-export class CloudObject {
-    id: string | null = null; // 数据库生成的 objectId
-    className: string;
-    createdAt: string | null = null;
-    updatedAt: string | null = null;
-    data: Record<string, any> = {};
-
-    // 新增的自定义主键
-    QuestionnaireId?: string;
-    QuestionId?: string;
-    OptionId?: string;
-    _UserId?: string;
-
-    constructor(className: string) {
-        this.className = className;
-    }
-
-    toPointer(): Pointer {
-        // 使用自定义主键生成指针
-        let pointer: Pointer = { "__type": "Pointer", "className": this.className };
-
-        // 根据类名设置相应的 ID
-        switch (this.className) {
-            case "Questionnaire":
-                pointer.objectId = this.QuestionnaireId || "";
-                break;
-            case "Question":
-                pointer.objectId = this.QuestionId || "";
-                break;
-            case "Option":
-                pointer.objectId = this.OptionId || "";
-                break;
-            case "_User":
-                pointer.objectId = this._UserId || "";
-                break;
-            default:
-                pointer.objectId = this.id || ""; // 保持 objectId 作为后备
-        }
-
-        return pointer;
-    }
-
-    set(json: Record<string, any>) {
-        Object.keys(json).forEach(key => {
-            if (["objectId", "id", "createdAt", "updatedAt", "ACL"].includes(key)) {
-                return;
-            }
-            this.data[key] = json[key];
-        });
-    }
-
-    get(key: string) {
-        return this.data[key] || null;
-    }
-
-    async save(): Promise<this> {
-        let method = "POST";
-        let url = `http://dev.fmode.cn:1337/parse/classes/${this.className}`;
-
-        // 更新
-        if (this.id) {
-            url += `/${this.id}`;
-            method = "PUT";
-        }
-
-        const body = JSON.stringify(this.data);
-        const response = await fetch(url, {
-            headers: {
-                "content-type": "application/json;charset=UTF-8",
-                "x-parse-application-id": "dev"
-            },
-            body: body,
-            method: method,
-            mode: "cors",
-            credentials: "omit"
-        });
-
-        const result = await response.json();
-        if (result?.error) {
-            console.error(result.error);
-        }
-        if (result?.objectId) {
-            this.id = result.objectId;
-        }
-        return this;
-    }
 
-    async destroy(): Promise<boolean> {
-        if (!this.id) return false;
-        const response = await fetch(`http://dev.fmode.cn:1337/parse/classes/${this.className}/${this.id}`, {
-            headers: {
-                "x-parse-application-id": "dev"
-            },
-            method: "DELETE",
-            mode: "cors",
-            credentials: "omit"
-        });
-        const result = await response.json();
-        if (result) {
-            this.id = null;
-        }
-        return true;
-    }
-}
-
-export class CloudQuery {
-    className: string;
-    whereOptions: Record<string, any> = {};
-
-    constructor(className: string) {
-        this.className = className;
-    }
-
-    greaterThan(key: string, value: any) {
-        if (!this.whereOptions[key]) this.whereOptions[key] = {};
-        this.whereOptions[key]["$gt"] = value;
-        return this;
-    }
-
-    greaterThanAndEqualTo(key: string, value: any) {
-        if (!this.whereOptions[key]) this.whereOptions[key] = {};
-        this.whereOptions[key]["$gte"] = value;
-        return this;
-    }
-
-    lessThan(key: string, value: any) {
-        if (!this.whereOptions[key]) this.whereOptions[key] = {};
-        this.whereOptions[key]["$lt"] = value;
-        return this;
-    }
-
-    lessThanAndEqualTo(key: string, value: any) {
-        if (!this.whereOptions[key]) this.whereOptions[key] = {};
-        this.whereOptions[key]["$lte"] = value;
-        return this;
-    }
-
-    equalTo(key: string, value: any) {
-        this.whereOptions[key] = value;
-        return this;
-    }
-
-    async get(id: string): Promise<Record<string, any>> {
-        const url = `http://dev.fmode.cn:1337/parse/classes/${this.className}/${id}`;
-        const response = await fetch(url, {
-            headers: {
-                "x-parse-application-id": "dev"
-            },
-            method: "GET",
-            mode: "cors",
-            credentials: "omit"
-        });
-        const json = await response.json();
-        return json || {};
-    }
-
-    async find(): Promise<CloudObject[]> {
-        let url = `http://dev.fmode.cn:1337/parse/classes/${this.className}?`;
-
-        if (Object.keys(this.whereOptions).length) {
-            const whereStr = JSON.stringify(this.whereOptions);
-            url += `where=${encodeURIComponent(whereStr)}`;
-        }
-
-        const response = await fetch(url, {
-            headers: {
-                "x-parse-application-id": "dev"
-            },
-            method: "GET",
-            mode: "cors",
-            credentials: "omit"
-        });
-        const json = await response.json();
-        return json?.results.map((item: any) => {
-            const cloudObject = new CloudObject(this.className);
-            cloudObject.set(item);
-            cloudObject.id = item.objectId;
-            cloudObject.createdAt = item.createdAt;
-            cloudObject.updatedAt = item.updatedAt;
-            return cloudObject;
-        }) || [];
-    }
-
-    async first(): Promise<CloudObject | null> {
-        let url = `http://dev.fmode.cn:1337/parse/classes/${this.className}?`;
-
-        if (Object.keys(this.whereOptions).length) {
-            const whereStr = JSON.stringify(this.whereOptions);
-            url += `where=${encodeURIComponent(whereStr)}&limit=1`;
-        } else {
-            url += `limit=1`;
-        }
-
-        const response = await fetch(url, {
-            headers: {
-                "x-parse-application-id": "dev"
-            },
-            method: "GET",
-            mode: "cors",
-            credentials: "omit"
-        });
-        const json = await response.json();
-        const exists = json?.results?.[0] || null;
-        if (exists) {
-            const cloudObject = new CloudObject(this.className);
-            cloudObject.set(exists);
-            cloudObject.id = exists.objectId;
-            cloudObject.createdAt = exists.createdAt;
-            cloudObject.updatedAt = exists.updatedAt;
-            return cloudObject;
-        }
-        return null;
-    }
-}*/
 // CloudObject.ts
 export interface Pointer {
     __type: string;
@@ -439,20 +216,7 @@ export class CloudUser extends CloudObject {
             return null;
         }
         return this;
-        // const response = await fetch(`http://dev.fmode.cn:1337/parse/users/me`, {
-        //     headers: {
-        //         "x-parse-application-id": "dev",
-        //         "x-parse-session-token": this.sessionToken // 使用sessionToken进行身份验证
-        //     },
-        //     method: "GET"
-        // });
-
-        // const result = await response?.json();
-        // if (result?.error) {
-        //     console.error(result?.error);
-        //     return null;
-        // }
-        // return result;
+
     }
 
     /** 登录 */