|
|
@@ -2,7 +2,11 @@ import { Component, OnInit, ViewChild } from '@angular/core';
|
|
|
import {
|
|
|
IonTextarea, IonCheckbox, IonList, IonButton, IonContent, IonHeader, IonInput, IonTitle,
|
|
|
IonToolbar, IonItem, IonLabel, IonRadioGroup, IonRadio, IonDatetimeButton, IonDatetime,
|
|
|
- IonModal, IonAlert, IonBackButton, IonButtons
|
|
|
+ IonModal, IonAlert, IonBackButton, IonButtons,
|
|
|
+ IonIcon,
|
|
|
+ IonSelectOption,
|
|
|
+ IonSelect,
|
|
|
+ IonSpinner
|
|
|
} from '@ionic/angular/standalone';
|
|
|
import { CloudQuery, CloudObject, Pointer } from '../../lib/ncloud'; // 确保路径正确
|
|
|
import { CommonModule, DatePipe } from '@angular/common'; // 导入 CommonModule
|
|
|
@@ -26,7 +30,7 @@ interface Question {
|
|
|
QuestionId: string;
|
|
|
questionnaireId: string; // 修改为字符串
|
|
|
questionText: string;
|
|
|
- options: string[]; // 修改为字符串数组
|
|
|
+ options: string[]; // 组
|
|
|
}
|
|
|
|
|
|
interface Option {
|
|
|
@@ -68,13 +72,16 @@ interface QuestionWithOptions extends Question {
|
|
|
imports: [IonTextarea, IonCheckbox, IonList, IonButton, IonContent, IonHeader, IonInput,
|
|
|
IonTitle, IonToolbar, IonItem, IonLabel, IonRadioGroup, IonRadio, IonDatetimeButton,
|
|
|
IonDatetime, IonModal, CommonModule, FormsModule, IonDatetime, IonModal, IonAlert,
|
|
|
- IonBackButton, IonButtons, MarkdownPreviewModule
|
|
|
+ IonBackButton, IonButtons, MarkdownPreviewModule, IonIcon, IonSelectOption, IonSelect,
|
|
|
+ IonSpinner,
|
|
|
]
|
|
|
})
|
|
|
export class InterestSearchComponent implements OnInit {
|
|
|
// 固定字段
|
|
|
name: string = '';
|
|
|
birthday: string = '';
|
|
|
+ maxDate = new Date().toISOString().split('T')[0];
|
|
|
+ minDate = '1900-01-01';
|
|
|
|
|
|
// 动态问卷数据
|
|
|
questionnaire: Questionnaire | null = null;
|
|
|
@@ -91,23 +98,42 @@ export class InterestSearchComponent implements OnInit {
|
|
|
modalIsOpen: boolean = false; // 使用 isOpen 控制 Modal 的显示状态
|
|
|
modalContent: string = ''; // 保存弹窗的内容
|
|
|
|
|
|
+ gender: string = '';
|
|
|
+ age: number | null = null;
|
|
|
+ occupation: string = '';
|
|
|
+
|
|
|
+ @ViewChild(IonDatetime) datetime!: IonDatetime;
|
|
|
+
|
|
|
+ isAnalyzing: boolean = false; // 添加分析状态标志
|
|
|
+
|
|
|
+ // 修改问卷ID数组
|
|
|
+ questionnaires = ['q1', 'q2', 'q3']; // 确保这些ID在数据库中存在
|
|
|
+
|
|
|
constructor() { }
|
|
|
|
|
|
// 定义方法，用于获取 <ion-datetime> 组件选择的值
|
|
|
onDateTimeChange(event: any) {
|
|
|
- this.birthday = event.detail.value;
|
|
|
- // // 使用DatePipe进行日期格式化，只保留年、月、日
|
|
|
- // this.birthday = this.datePipe.transform(this.birthday, 'yyyy-MM-dd')!;
|
|
|
- console.log('选择的日期为:', this.birthday);
|
|
|
- }
|
|
|
+ if (event && event.detail && event.detail.value) {
|
|
|
+ this.birthday = event.detail.value.split('T')[0]; // 只保留日期部分
|
|
|
|
|
|
- alertButtons = ['确定'];
|
|
|
+ // 计算年龄
|
|
|
+ const birthDate = new Date(this.birthday);
|
|
|
+ const today = new Date();
|
|
|
+ let age = today.getFullYear() - birthDate.getFullYear();
|
|
|
+ const monthDiff = today.getMonth() - birthDate.getMonth();
|
|
|
|
|
|
- ngOnInit() {
|
|
|
- this.loadQuestionnaireData('q1'); // 使用 QuestionnaireId 'q1'
|
|
|
- //this.loadQuestionnaireData(this.getRandomQuestionnaire());
|
|
|
+ if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
|
|
|
+ age--;
|
|
|
+ }
|
|
|
|
|
|
+ this.age = age;
|
|
|
+ console.log('Selected date:', this.birthday);
|
|
|
+ console.log('Calculated age:', this.age);
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
+ alertButtons = ['确定'];
|
|
|
+
|
|
|
getRandomQuestionnaire() {
|
|
|
const questionnaires = ['q1', 'q2', 'q3']; // List of your questionnaires
|
|
|
const randomIndex = Math.floor(Math.random() * questionnaires.length); // Generate a random index
|
|
|
@@ -117,14 +143,18 @@ export class InterestSearchComponent implements OnInit {
|
|
|
|
|
|
async loadQuestionnaireData(questionnaireId: string) {
|
|
|
try {
|
|
|
+ console.log('开始加载问卷:', questionnaireId);
|
|
|
+
|
|
|
+ // 清空现有数据
|
|
|
+ this.questionsWithOptions = [];
|
|
|
+ this.answers = {};
|
|
|
+
|
|
|
const questionnaireQuery = new CloudQuery("Questionnaire");
|
|
|
questionnaireQuery.equalTo("QuestionnaireId", questionnaireId);
|
|
|
const questionnaireObj = await questionnaireQuery.first();
|
|
|
|
|
|
if (questionnaireObj) {
|
|
|
const questionnaireData = questionnaireObj.data as Questionnaire;
|
|
|
-
|
|
|
- // 确保 objectId 存在且为字符串
|
|
|
this.questionnaire = {
|
|
|
...questionnaireData,
|
|
|
objectId: String(questionnaireObj.id)
|
|
|
@@ -132,15 +162,17 @@ export class InterestSearchComponent implements OnInit {
|
|
|
|
|
|
console.log("加载到的问卷数据:", this.questionnaire);
|
|
|
|
|
|
- // 确保 questions 被正确传入
|
|
|
- if (this.questionnaire.questions) {
|
|
|
+ if (this.questionnaire.questions && this.questionnaire.questions.length > 0) {
|
|
|
await this.loadQuestions(this.questionnaire.questions);
|
|
|
+ } else {
|
|
|
+ throw new Error('问卷中没有问题');
|
|
|
}
|
|
|
} else {
|
|
|
- console.error(`未找到 QuestionnaireId 为 ${questionnaireId} 的问卷。`);
|
|
|
+ throw new Error(`未找到 QuestionnaireId 为 ${questionnaireId} 的问卷`);
|
|
|
}
|
|
|
} catch (error) {
|
|
|
console.error("加载问卷数据时出错：", error);
|
|
|
+ throw error; // 向上传递错误，让调用者处理
|
|
|
}
|
|
|
}
|
|
|
async loadQuestions(questionIds: string[]) {
|
|
|
@@ -167,7 +199,7 @@ export class InterestSearchComponent implements OnInit {
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- // 可选：每加载一个问题，立即触发渲染
|
|
|
+ // 可选：每加载一个题，立即触发渲染
|
|
|
console.log("已加载问题:", question);
|
|
|
}
|
|
|
} catch (error) {
|
|
|
@@ -208,7 +240,11 @@ export class InterestSearchComponent implements OnInit {
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
- // 创建一个数组保存选中的 OptionId
|
|
|
+ // 显示加载状态
|
|
|
+ this.isAnalyzing = true;
|
|
|
+ this.modalIsOpen = true;
|
|
|
+
|
|
|
+ // 创建一个数组保存选的 OptionId
|
|
|
const answersArray: string[] = [];
|
|
|
|
|
|
// 遍历每个问题，获取用户选择的选项
|
|
|
@@ -237,21 +273,42 @@ export class InterestSearchComponent implements OnInit {
|
|
|
console.log("问卷提交成功。");
|
|
|
|
|
|
|
|
|
- // 构建用于 AI 模型分析的提示词
|
|
|
+ // 构建用于 AI 模型分析提示词
|
|
|
const aiPrompt = this.createAiPrompt(answersArray);
|
|
|
|
|
|
// 调用 AI 模型分析，强制等待结果
|
|
|
const aiResponse = await this.callAiModel(aiPrompt);
|
|
|
|
|
|
- // 如果 AI 响应有效，则执行以下逻辑
|
|
|
+ // 如果 AI 响应有效，执行以下逻辑
|
|
|
if (aiResponse) {
|
|
|
this.aiAnalysisResult = aiResponse; // 保存 AI 响应结果
|
|
|
- this.showAnalysisResult(); // 显示结果给用户
|
|
|
await this.saveAnalysisResult(aiResponse); // 保存到数据库
|
|
|
+
|
|
|
+ // 准备显示结果
|
|
|
+ this.modalContent = this.formatContent(
|
|
|
+ JSON.stringify({
|
|
|
+ interestTags: this.aiAnalysisResult.interestTags,
|
|
|
+ content: this.aiAnalysisResult.content
|
|
|
+ })
|
|
|
+ );
|
|
|
+
|
|
|
+ // 关闭加载状态
|
|
|
+ this.isAnalyzing = false;
|
|
|
}
|
|
|
|
|
|
} catch (error) {
|
|
|
console.error("提交问卷时出错：", error);
|
|
|
+ this.isAnalyzing = false; // 确保出错时也关闭加载状态
|
|
|
+ this.modalIsOpen = false;
|
|
|
+
|
|
|
+ // 显示错误提示
|
|
|
+ const toast = document.createElement('ion-toast');
|
|
|
+ toast.message = '分析失败，请重试';
|
|
|
+ toast.duration = 2000;
|
|
|
+ toast.position = 'top';
|
|
|
+ toast.color = 'danger';
|
|
|
+ document.body.appendChild(toast);
|
|
|
+ await toast.present();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -270,13 +327,13 @@ export class InterestSearchComponent implements OnInit {
|
|
|
您是一名专业的兴趣分析师，请根据用户填写的问卷内容以及选项分析用户的兴趣并且生成以下格式的响应：
|
|
|
|
|
|
{
|
|
|
- "interestTags": ["标签1", "标签2", "标签3", "标签4"], // 生成用户最感兴趣的四个标签（如：书法、绘画、摄影等）
|
|
|
- "content": "标签描述" // 针对每个标签生成简洁、生动的描述，帮助用户更清楚了解兴趣特点。描述可以包括用户行为、倾向和相关建议。
|
|
|
+ "interestTags": ["标签1", "标签2", "标签3", "标签4"], // 生成用户最感兴趣的四个标签（如：书法、绘画、摄影）
|
|
|
+ "content": "标签描述" // 针对每个标签生成简洁、生动的描述，帮助用户更清楚了解兴趣特点。描述可包括用户行为、倾向和相关建议。
|
|
|
}
|
|
|
请根据以下信息进行分析：
|
|
|
问题：${questionTexts.join('，')}
|
|
|
选项：${optionTexts.join('，')}
|
|
|
- 注意：
|
|
|
+ 意：
|
|
|
- 仅选择用户**最感兴趣**的四个标签。
|
|
|
- 生成的描述需要具体、生动，反映用户的兴趣深度或行为倾向。
|
|
|
- 请忽略与用户兴趣无关的内容。
|
|
|
@@ -309,11 +366,11 @@ export class InterestSearchComponent implements OnInit {
|
|
|
this.isComplete = true;
|
|
|
}
|
|
|
|
|
|
- // 如果消息完成且内容符合 JSON 格式，则解析
|
|
|
+ // 如果消息完成且内容符合 JSON 格式，则解
|
|
|
if (this.isComplete) {
|
|
|
const cleanedContent = fullContent.trim();
|
|
|
|
|
|
- // 检查是否是有效的 JSON 格式
|
|
|
+ // 检查是否有效的 JSON 格式
|
|
|
if (cleanedContent.startsWith('{') && cleanedContent.endsWith('}')) {
|
|
|
try {
|
|
|
// 清理掉换行符和多余空格
|
|
|
@@ -333,7 +390,7 @@ export class InterestSearchComponent implements OnInit {
|
|
|
if (typeof content === 'string') {
|
|
|
contentStr = content; // 如果已经是字符串，直接使用
|
|
|
} else if (typeof content === 'object') {
|
|
|
- // 如果是对象，转换为 JSON 字符串
|
|
|
+ // 如果对象，转换为 JSON 字符串
|
|
|
contentStr = JSON.stringify(content, null, 2); // 美化 JSON 字符串格式
|
|
|
count = 0;
|
|
|
this.isComplete = false;
|
|
|
@@ -349,7 +406,7 @@ export class InterestSearchComponent implements OnInit {
|
|
|
} catch (err) {
|
|
|
console.log(fullContent);
|
|
|
console.error("解析 AI 响应失败:", err);
|
|
|
- reject(new Error("解析 AI 响应失败"));
|
|
|
+ reject(new Error("解 AI 响应失败"));
|
|
|
}
|
|
|
} else {
|
|
|
reject(new Error("返回的内容不是有效的 JSON 格式"));
|
|
|
@@ -396,7 +453,7 @@ export class InterestSearchComponent implements OnInit {
|
|
|
|
|
|
const alert = await this.alertController.create({
|
|
|
header: '兴趣分析结果',
|
|
|
- message: `${content}`, // 使用 pre 标签来保持格式
|
|
|
+ message: `${content}`, // 用 pre 标签来保持格式
|
|
|
buttons: ['确定']
|
|
|
});
|
|
|
|
|
|
@@ -407,13 +464,13 @@ export class InterestSearchComponent implements OnInit {
|
|
|
// 格式化 content 为可读的文本格式
|
|
|
formatContent(content: string): string {
|
|
|
try {
|
|
|
- // 尝试将 content 解析为 JSON 对象
|
|
|
+ // 尝试 content 解析为 JSON 对象
|
|
|
const contentObj = JSON.parse(content);
|
|
|
|
|
|
// 构建格式化后的文本
|
|
|
let formattedContent = '';
|
|
|
|
|
|
- // 遍历 JSON 对象，生成类似 "标签: 描述" 的格式
|
|
|
+ // 遍历 JSON 象，生成类似 "标签: 描述" 格式
|
|
|
for (const [tag, description] of Object.entries(contentObj)) {
|
|
|
formattedContent += `${tag}: \n${description}\n\n`;
|
|
|
}
|
|
|
@@ -426,55 +483,74 @@ export class InterestSearchComponent implements OnInit {
|
|
|
}
|
|
|
}
|
|
|
*//*
|
|
|
- // 格式化 AI 响应内容
|
|
|
- formatContent(content: string): string {
|
|
|
- try {
|
|
|
- const contentObj = JSON.parse(content);
|
|
|
- return Object.entries(contentObj)
|
|
|
- .map(
|
|
|
- ([key, value]) =>
|
|
|
- `<strong>${key}:</strong><br>${value}<br><br>`
|
|
|
- )
|
|
|
- .join('');
|
|
|
- } catch (error) {
|
|
|
- console.error('格式化 AI 响应时出错:', error);
|
|
|
- return '分析结果格式错误。';
|
|
|
- }
|
|
|
- }
|
|
|
- */
|
|
|
+ // 格式化 AI 响应内容
|
|
|
+ formatContent(content: string): string {
|
|
|
+ try {
|
|
|
+ const contentObj = JSON.parse(content);
|
|
|
+ return Object.entries(contentObj)
|
|
|
+ .map(
|
|
|
+ ([key, value]) =>
|
|
|
+ `<strong>${key}:</strong><br>${value}<br><br>`
|
|
|
+ )
|
|
|
+ .join('');
|
|
|
+ } catch (error) {
|
|
|
+ console.error('格式化 AI 响应时出错:', error);
|
|
|
+ return '分析结果格式错误。';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ */
|
|
|
// 格式化 AI 响应内容
|
|
|
formatContent(content: string): string {
|
|
|
try {
|
|
|
const contentObj = JSON.parse(content);
|
|
|
|
|
|
- console.log(contentObj)
|
|
|
-
|
|
|
- // 提取 interestTags 数组并格式化为一行展示
|
|
|
- const interestTags = contentObj.interestTags || [];
|
|
|
- const interestTagsFormatted = Array.isArray(interestTags)
|
|
|
- ? `${interestTags.join('，')}` // 标签用逗号分隔
|
|
|
- : '';
|
|
|
-
|
|
|
- // 提取 content 对象内容并格式化
|
|
|
- const contentDetails = contentObj.content || {};
|
|
|
-
|
|
|
- const contentFormatted = contentDetails
|
|
|
- .replace(/\"/g, '') // 移除转义字符如 \"
|
|
|
- .replace(/\n/g, '') // 移除换行符 \n
|
|
|
- .replace(/,/g, '') // 移除,
|
|
|
- .replace(/{/g, '') // 移除{
|
|
|
- .replace(/}/g, '') // 移除}
|
|
|
- .replace(/。/g, '。<br /><br />'); // 在每个句号 "。" 后插入换行 <br />
|
|
|
- // 冒号前加粗，描述部分保持普通
|
|
|
-
|
|
|
- // 拼接“兴趣描述”标题和换行
|
|
|
- const fullContent = `<strong class="fontsize">兴趣描述</strong>：<br />${contentFormatted}`;
|
|
|
-
|
|
|
- // 拼接最终输出
|
|
|
+ // 构建兴趣标签 HTML
|
|
|
+ const tagsHtml = contentObj.interestTags.map((tag: string) => `
|
|
|
+ <div class="tag-item">
|
|
|
+ <div class="tag-icon">
|
|
|
+ <ion-icon name="star"></ion-icon>
|
|
|
+ </div>
|
|
|
+ <span>${tag}</span>
|
|
|
+ </div>
|
|
|
+ `).join('');
|
|
|
+
|
|
|
+ // 处理分析内容，将内容按句号分段并添加样式
|
|
|
+ const contentText = contentObj.content;
|
|
|
+ const paragraphs = contentText
|
|
|
+ .split('。')
|
|
|
+ .filter((p: string) => p.trim())
|
|
|
+ .map((p: string) => `
|
|
|
+ <div class="analysis-item">
|
|
|
+ <div class="bullet-point"></div>
|
|
|
+ <p>${p}。</p>
|
|
|
+ </div>
|
|
|
+ `)
|
|
|
+ .join('');
|
|
|
+
|
|
|
+ // 返回完整的 HTML 结构
|
|
|
return `
|
|
|
- <strong class="fontsize">兴趣标签:</strong><br> ${interestTagsFormatted}<br><br>
|
|
|
- ${fullContent}
|
|
|
- `;
|
|
|
+ <div class="analysis-result">
|
|
|
+ <div class="result-section tags-section">
|
|
|
+ <div class="section-title">
|
|
|
+ <ion-icon name="ribbon"></ion-icon>
|
|
|
+ <h2>您的兴趣标签</h2>
|
|
|
+ </div>
|
|
|
+ <div class="tags-wrapper">
|
|
|
+ ${tagsHtml}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="result-section report-section">
|
|
|
+ <div class="section-title">
|
|
|
+ <ion-icon name="document-text"></ion-icon>
|
|
|
+ <h2>个性化分析报告</h2>
|
|
|
+ </div>
|
|
|
+ <div class="content-wrapper">
|
|
|
+ ${paragraphs}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ `;
|
|
|
} catch (error) {
|
|
|
console.error('格式化 AI 响应时出错:', error);
|
|
|
return '分析结果格式错误。';
|
|
|
@@ -495,7 +571,9 @@ export class InterestSearchComponent implements OnInit {
|
|
|
|
|
|
// 关闭 Modal
|
|
|
closeModal() {
|
|
|
- this.modalIsOpen = false; // 关闭 Modal
|
|
|
+ if (!this.isAnalyzing) { // 只有在不是分析状态时才允许关闭
|
|
|
+ this.modalIsOpen = false;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// 保存 AI 分析结果到数据库
|
|
|
@@ -504,16 +582,171 @@ export class InterestSearchComponent implements OnInit {
|
|
|
const userInterestProfile = new CloudObject("UserInterestProfile");
|
|
|
|
|
|
userInterestProfile.set({
|
|
|
- userId: { __type: "Pointer", className: "_User", objectId: "user1" }, // 假设这是当前用户ID
|
|
|
+ userId: { __type: "Pointer", className: "_User", objectId: "user1" }, // 假这是当前用户ID
|
|
|
QuestionnaireId: this.questionnaire?.QuestionnaireId,
|
|
|
interestTags: aiResponse.interestTags,
|
|
|
content: aiResponse.content
|
|
|
});
|
|
|
|
|
|
await userInterestProfile.save();
|
|
|
- console.log("分析结果已保存");
|
|
|
+ console.log("分析结果保存");
|
|
|
} catch (error) {
|
|
|
console.error('保存分析结果时出错:', error);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ async cancelDate() {
|
|
|
+ await this.datetime.cancel(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ async confirmDate() {
|
|
|
+ await this.datetime.confirm(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ async saveProgress() {
|
|
|
+ try {
|
|
|
+ // 创建一个新的对象来保存问卷进度
|
|
|
+ const surveyProgress = new CloudObject("SurveyProgress");
|
|
|
+
|
|
|
+ // 保存当前的问卷状态
|
|
|
+ surveyProgress.set({
|
|
|
+ userId: { __type: "Pointer", className: "_User", objectId: "user1" }, // 替换为实际的用户ID
|
|
|
+ questionnaireId: this.questionnaire?.QuestionnaireId,
|
|
|
+ answers: this.answers,
|
|
|
+ personalInfo: {
|
|
|
+ name: this.name,
|
|
|
+ gender: this.gender,
|
|
|
+ age: this.age,
|
|
|
+ birthday: this.birthday,
|
|
|
+ occupation: this.occupation
|
|
|
+ },
|
|
|
+ lastUpdated: new Date(),
|
|
|
+ isCompleted: false
|
|
|
+ });
|
|
|
+
|
|
|
+ await surveyProgress.save();
|
|
|
+
|
|
|
+ // 显示保存成功提示
|
|
|
+ const toast = document.createElement('ion-toast');
|
|
|
+ toast.message = '进度保存成功';
|
|
|
+ toast.duration = 2000;
|
|
|
+ toast.position = 'top';
|
|
|
+ toast.color = 'success';
|
|
|
+ document.body.appendChild(toast);
|
|
|
+ await toast.present();
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('保存进度失败:', error);
|
|
|
+
|
|
|
+ // 显示错误提示
|
|
|
+ const toast = document.createElement('ion-toast');
|
|
|
+ toast.message = '保存失败，请重试';
|
|
|
+ toast.duration = 2000;
|
|
|
+ toast.position = 'top';
|
|
|
+ toast.color = 'danger';
|
|
|
+ document.body.appendChild(toast);
|
|
|
+ await toast.present();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ async ngOnInit() {
|
|
|
+ // 加载问卷数据
|
|
|
+ await this.loadQuestionnaireData('q1');
|
|
|
+
|
|
|
+ // 尝试加载保存的进度
|
|
|
+ await this.loadSavedProgress();
|
|
|
+ }
|
|
|
+
|
|
|
+ async loadSavedProgress() {
|
|
|
+ try {
|
|
|
+ const progressQuery = new CloudQuery("SurveyProgress");
|
|
|
+ progressQuery.equalTo("userId", { __type: "Pointer", className: "_User", objectId: "user1" });
|
|
|
+ // progressQuery.order("-lastUpdated"); // 使用 order 方法，负号表示降序
|
|
|
+
|
|
|
+ const savedProgress = await progressQuery.first();
|
|
|
+
|
|
|
+ if (savedProgress) {
|
|
|
+ const progressData = savedProgress.data;
|
|
|
+
|
|
|
+ // 恢复个人信息
|
|
|
+ this.name = progressData['personalInfo']['name'];
|
|
|
+ this.gender = progressData['personalInfo']['gender'];
|
|
|
+ this.age = progressData['personalInfo']['age'];
|
|
|
+ this.birthday = progressData['personalInfo']['birthday'];
|
|
|
+ this.occupation = progressData['personalInfo']['occupation'];
|
|
|
+
|
|
|
+ // 恢复答案
|
|
|
+ this.answers = progressData['answers'];
|
|
|
+
|
|
|
+ console.log('已加载保存的进度');
|
|
|
+ }
|
|
|
+ } catch (error) {
|
|
|
+ console.error('加载保存的进度失败:', error);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 修改刷新问卷的方法
|
|
|
+ async refreshQuestionnaire() {
|
|
|
+ try {
|
|
|
+ // 显示加载提示
|
|
|
+ const loadingToast = document.createElement('ion-toast');
|
|
|
+ loadingToast.message = '正在更新问卷...';
|
|
|
+ loadingToast.duration = 1000;
|
|
|
+ loadingToast.position = 'top';
|
|
|
+ document.body.appendChild(loadingToast);
|
|
|
+ await loadingToast.present();
|
|
|
+
|
|
|
+ await this.getNewQuestionnaire();
|
|
|
+ } catch (error) {
|
|
|
+ console.error('更新问卷失败:', error);
|
|
|
+ const toast = document.createElement('ion-toast');
|
|
|
+ toast.message = '更新问卷失败，请重试';
|
|
|
+ toast.duration = 2000;
|
|
|
+ toast.position = 'top';
|
|
|
+ toast.color = 'danger';
|
|
|
+ document.body.appendChild(toast);
|
|
|
+ await toast.present();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 修改获取新问卷的方法
|
|
|
+ private async getNewQuestionnaire() {
|
|
|
+ try {
|
|
|
+ // 获取当前问卷ID
|
|
|
+ const currentId = this.questionnaire?.QuestionnaireId || 'q1';
|
|
|
+
|
|
|
+ // 从问卷列表中随机选择一个不同的问卷
|
|
|
+ let availableQuestionnaires = this.questionnaires.filter(id => id !== currentId);
|
|
|
+ if (availableQuestionnaires.length === 0) {
|
|
|
+ availableQuestionnaires = this.questionnaires;
|
|
|
+ }
|
|
|
+
|
|
|
+ const randomIndex = Math.floor(Math.random() * availableQuestionnaires.length);
|
|
|
+ const newQuestionnaireId = availableQuestionnaires[randomIndex];
|
|
|
+
|
|
|
+ console.log('当前问卷ID:', currentId);
|
|
|
+ console.log('新问卷ID:', newQuestionnaireId);
|
|
|
+
|
|
|
+ // 重置状态
|
|
|
+ this.answers = {};
|
|
|
+ this.questionsWithOptions = [];
|
|
|
+ this.questionnaire = null;
|
|
|
+
|
|
|
+ // 加载新问卷
|
|
|
+ await this.loadQuestionnaireData(newQuestionnaireId);
|
|
|
+
|
|
|
+ // 显示成功提示
|
|
|
+ const toast = document.createElement('ion-toast');
|
|
|
+ toast.message = '问卷已更新';
|
|
|
+ toast.duration = 2000;
|
|
|
+ toast.position = 'top';
|
|
|
+ toast.color = 'success';
|
|
|
+ document.body.appendChild(toast);
|
|
|
+ await toast.present();
|
|
|
+
|
|
|
+ } catch (error) {
|
|
|
+ console.error('获取新问卷失败:', error);
|
|
|
+ throw error; // 向上传递错误，让调用者处理
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
