|
@@ -10,6 +10,7 @@ import { TaskGenerateUserValiate } from 'src/agent/tasks/generate/generate-user-
|
|
|
import { TaskExecutor } from 'src/agent/agent.start';
|
|
|
import { TaskGeneratePrompt } from 'src/agent/tasks/generate/generate-prompt';
|
|
|
import { TaskGeneratePicture } from 'src/agent/tasks/generate/generate-picture';
|
|
|
+import { FmodeChat, ChatPanelOptions, FmodeChatMessage, openChatPanelModal } from 'fmode-ng';
|
|
|
addIcons({ 'arrow-back-outline': arrowBackOutline, radioButtonOffOutline, closeCircleOutline, checkmarkCircleOutline, reloadOutline });
|
|
|
@Component({
|
|
|
selector: 'app-generate-option',
|
|
@@ -84,8 +85,55 @@ export class GenerateOptionComponent implements OnInit {
|
|
|
'秋季': false,
|
|
|
'冬季': false
|
|
|
};
|
|
|
- //自定义描述输入框定义变量
|
|
|
-
|
|
|
+ //区域风格选项卡定义变量
|
|
|
+ areaStyle: { [key: string]: boolean } = {
|
|
|
+ '中国风': false,
|
|
|
+ '日系': false,
|
|
|
+ '韩系': false,
|
|
|
+ '欧美风': false,
|
|
|
+ '英伦风': false,
|
|
|
+ '法式': false,
|
|
|
+ '波西米亚风': false
|
|
|
+ }
|
|
|
+ //场景功能选项卡定义变量
|
|
|
+ function: { [key: string]: boolean } = {
|
|
|
+ '通勤风': false,
|
|
|
+ '休闲风': false,
|
|
|
+ '田园风': false,
|
|
|
+ '校园风': false,
|
|
|
+ 'Party风': false,
|
|
|
+ '约会装': false,
|
|
|
+ '度假风': false
|
|
|
+ };
|
|
|
+ //设计理念选项卡定义变量
|
|
|
+ designIdea: { [key: string]: boolean } = {
|
|
|
+ '新中式': false,
|
|
|
+ '淑女风': false,
|
|
|
+ '名媛风': false,
|
|
|
+ '简约风': false,
|
|
|
+ '极简风': false,
|
|
|
+ '中性风': false,
|
|
|
+ '民族风': false,
|
|
|
+ '戏剧风': false,
|
|
|
+ '复古风': false,
|
|
|
+ 'Y2K': false,
|
|
|
+ '嘻哈风': false,
|
|
|
+ '甜酷风': false
|
|
|
+ }
|
|
|
+ //艺术风格选项卡定义变量
|
|
|
+ artStyle: { [key: string]: boolean } = {
|
|
|
+ '哥特风格': false,
|
|
|
+ '浪漫主义': false,
|
|
|
+ '洛可可风格': false,
|
|
|
+ '洛丽塔风格': false,
|
|
|
+ '维多利亚风': false,
|
|
|
+ '未来主义': false,
|
|
|
+ }
|
|
|
+ //颜色选项卡定义变量
|
|
|
+ color: { [key: string]: boolean } = {
|
|
|
+ '多巴胺穿搭': false,
|
|
|
+ '美拉德穿搭': false
|
|
|
+ };
|
|
|
|
|
|
/**
|
|
|
* @切换选项卡
|
|
@@ -118,78 +166,6 @@ export class GenerateOptionComponent implements OnInit {
|
|
|
return isActive ? '/assets/generate-option-style/' + String + '-isActive-true.png' : '/assets/generate-option-style/' + String + '-isActive-false.png';
|
|
|
}
|
|
|
|
|
|
- //选项卡结构配置数据
|
|
|
- cards = [
|
|
|
- {
|
|
|
- id: '区域风格',
|
|
|
- chips: [
|
|
|
- { id: 1, isElected: false, label: '中国风' },
|
|
|
- { id: 2, isElected: false, label: '日系' },
|
|
|
- { id: 3, isElected: false, label: '韩系' },
|
|
|
- { id: 4, isElected: false, label: '欧美风' },
|
|
|
- { id: 5, isElected: false, label: '英伦风' },
|
|
|
- { id: 6, isElected: false, label: '法式' },
|
|
|
- { id: 7, isElected: false, label: '波西米亚风' },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- id: '场景功能',
|
|
|
- chips: [
|
|
|
- { id: 1, isElected: false, label: '通勤风' },
|
|
|
- { id: 2, isElected: false, label: '休闲风' },
|
|
|
- { id: 3, isElected: false, label: '田园风' },
|
|
|
- { id: 4, isElected: false, label: '校园风' },
|
|
|
- { id: 5, isElected: false, label: 'Party风' },
|
|
|
- { id: 6, isElected: false, label: '约会装' },
|
|
|
- { id: 7, isElected: false, label: '度假风' },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- id: '设计理念',
|
|
|
- chips: [
|
|
|
- { id: 1, isElected: false, label: '新中式' },
|
|
|
- { id: 2, isElected: false, label: '淑女风' },
|
|
|
- { id: 3, isElected: false, label: '名媛风' },
|
|
|
- { id: 4, isElected: false, label: '瑞丽风' },
|
|
|
- { id: 5, isElected: false, label: '简约风' },
|
|
|
- { id: 6, isElected: false, label: '极简风' },
|
|
|
- { id: 7, isElected: false, label: '中性风' },
|
|
|
- { id: 8, isElected: false, label: '性冷淡风' },
|
|
|
- { id: 9, isElected: false, label: '民族风' },
|
|
|
- { id: 10, isElected: false, label: '戏剧风' },
|
|
|
- { id: 11, isElected: false, label: '复古风' },
|
|
|
- { id: 12, isElected: false, label: 'Y2K' },
|
|
|
- { id: 13, isElected: false, label: '嘻哈风' },
|
|
|
- { id: 14, isElected: false, label: '朋克风' },
|
|
|
- { id: 15, isElected: false, label: '嬉皮风' },
|
|
|
- { id: 16, isElected: false, label: '甜酷风' },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- id: '艺术风格',
|
|
|
- chips: [
|
|
|
- { id: 1, isElected: false, label: '拜占庭艺术' },
|
|
|
- { id: 2, isElected: false, label: '哥特风格' },
|
|
|
- { id: 3, isElected: false, label: '浪漫主义' },
|
|
|
- { id: 4, isElected: false, label: '巴洛克风格' },
|
|
|
- { id: 5, isElected: false, label: '洛可可风格' },
|
|
|
- { id: 6, isElected: false, label: '洛丽塔风格' },
|
|
|
- { id: 7, isElected: false, label: '维多利亚风' },
|
|
|
- { id: 8, isElected: false, label: '欧普风格' },
|
|
|
- { id: 9, isElected: false, label: '未来主义' },
|
|
|
- { id: 10, isElected: false, label: '极简主义' },
|
|
|
- { id: 11, isElected: false, label: '新古典主义' },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- id: '色彩搭配',
|
|
|
- chips: [
|
|
|
- { id: 1, isElected: false, label: '多巴胺穿搭' },
|
|
|
- { id: 2, isElected: false, label: '美拉德穿搭' },
|
|
|
- ],
|
|
|
- },
|
|
|
- ];
|
|
|
-
|
|
|
/**
|
|
|
* @其他变量定义
|
|
|
*/
|
|
@@ -199,14 +175,6 @@ export class GenerateOptionComponent implements OnInit {
|
|
|
/**
|
|
|
* @任务链设计
|
|
|
*/
|
|
|
- //
|
|
|
- wait(duration: number = 1000) {
|
|
|
- return new Promise((resolve) => {
|
|
|
- setTimeout(() => {
|
|
|
- resolve(true);
|
|
|
- }, duration);
|
|
|
- });
|
|
|
- }
|
|
|
/**
|
|
|
* 任务:
|
|
|
* 1.验证必填资料
|
|
@@ -226,53 +194,13 @@ export class GenerateOptionComponent implements OnInit {
|
|
|
this.taskList = GenerateTaskList;
|
|
|
TaskExecutor(GenerateTaskList);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- //点击选项卡事件
|
|
|
- toggleChip(cardId: string, chipId: number): void {
|
|
|
- this.cards.forEach((card) => {
|
|
|
- if (card.id === cardId) {
|
|
|
- card.chips.forEach((chip) => {
|
|
|
- chip.isElected = chip.id === chipId; // 当前点击的 chip 设为 active,其他设为 false
|
|
|
- });
|
|
|
-
|
|
|
- switch (card.id) {
|
|
|
- case '体重':
|
|
|
- this.userProfile.weight = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- case '季节':
|
|
|
- this.userProfile.season = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- case '区域风格':
|
|
|
- this.userProfile.regStyle = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- case '场景功能':
|
|
|
- this.userProfile.sceFunction = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- case '设计理念':
|
|
|
- this.userProfile.dsgPhilosophy = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- case '艺术风格':
|
|
|
- this.userProfile.artStyle = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- case '色彩搭配':
|
|
|
- this.userProfile.color = card.chips[chipId - 1].label;
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- };
|
|
|
-
|
|
|
/**
|
|
|
* @跳转到聊天面板
|
|
|
* 调用路由跳转到chatPanel页面,并传递用户需求信息
|
|
|
*/
|
|
|
- /*goChatPanel() {
|
|
|
- this.router.navigate(['/chatPanel'], {
|
|
|
- queryParams: { userPrompt: this.userPrompt }
|
|
|
- });
|
|
|
- }*/
|
|
|
+ goChatPanel() {
|
|
|
+ this.router.navigate(['/chatPanel']);
|
|
|
+ }
|
|
|
/**
|
|
|
* @风格描述下的帮助文本点击事件
|
|
|
* 1. 将可选提示词展示或隐藏
|
|
@@ -328,7 +256,7 @@ export class GenerateOptionComponent implements OnInit {
|
|
|
console.log("展示当前读取到的用户信息:");
|
|
|
console.log(this.userProfile);
|
|
|
this.doGenerateTask();
|
|
|
- //this.goChatPanel();
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
/**
|