@if (isVisible) {

已上传文件

@for (file of uploadedFiles; track file.id) {

@if (file.type?.startsWith('image/')) { } @else { }

}

@if (shouldShowColorAnalysis()) {

智能颜色分析

基于上传的参考图片，自动提取主要色彩和材质信息

@if (!analysisResult && !isAnalyzing) {

} @if (isAnalyzing) {

正在分析图片颜色...

请稍候，系统正在提取主要色彩信息

} @if (analysisResult && !isAnalyzing) {

颜色分析结果

提取到 {{ analysisResult.colors.length }} 种主要颜色

@for (colorInfo of analysisResult.colors; track colorInfo.hex) {

{{ colorInfo.percentage }}%

}

@if (analysisResult.enhancedAnalysis) {

@if (activeTab === 'color') {

色轮分析

主色调: {{ analysisResult.enhancedAnalysis.colorWheel.dominantHue }}°

饱和度范围: {{ (analysisResult.enhancedAnalysis.colorWheel.saturationRange?.min || 0) }}% - {{ (analysisResult.enhancedAnalysis.colorWheel.saturationRange?.max || 100) }}%

色彩心理学

{{ analysisResult.enhancedAnalysis.colorPsychology.mood || '无' }} {{ analysisResult.enhancedAnalysis.colorPsychology.atmosphere || '无' }}

@for (space of analysisResult.enhancedAnalysis.colorPsychology.suitableSpaces; track space) { {{ space }} }

} @if (activeTab === 'form' && analysisResult.formAnalysis) {

线条分析

主导线条: {{ analysisResult.formAnalysis.lineAnalysis.dominantLineType || '无' }}

视觉流动: {{ analysisResult.formAnalysis.lineAnalysis.visualFlow || '无' }}

整体评估

复杂度

{{ analysisResult.formAnalysis.overallAssessment.complexity || 0 }}%

视觉冲击

{{ analysisResult.formAnalysis.overallAssessment.visualImpact || 0 }}%

} @if (activeTab === 'texture' && analysisResult.textureAnalysis) {

表面属性

@for (property of getTextureProperties(); track property.name) {

{{ property.value }}%

}

材质分类

@for (material of analysisResult.textureAnalysis.materialClassification.primaryMaterials; track material; let i = $index) { {{ material }} } @for (material of analysisResult.textureAnalysis.materialClassification.secondaryMaterials; track material; let i = $index) { {{ material }} }

} @if (activeTab === 'pattern' && analysisResult.patternAnalysis) {

图案识别

主要图案: {{ analysisResult.patternAnalysis.patternRecognition.primaryPatterns[0]?.type || '无' }}

复杂度: {{ analysisResult.patternAnalysis.patternRecognition.patternComplexity.level || '无' }}

视觉节奏

{{ analysisResult.patternAnalysis.visualRhythm.rhythmType.primary || '无' }} {{ analysisResult.patternAnalysis.visualRhythm.movement.direction || '无' }}

} @if (activeTab === 'lighting' && analysisResult.lightingAnalysis) {

光源识别

主要光源: {{ analysisResult.lightingAnalysis.lightSourceIdentification.primarySources?.join(', ') || '无' }}

灯光设置: {{ analysisResult.lightingAnalysis.lightSourceIdentification.lightingSetup || '无' }}

环境分析

环境光: {{ analysisResult.lightingAnalysis.ambientAnalysis.ambientLight || '无' }}

灯光情绪: {{ analysisResult.lightingAnalysis.ambientAnalysis.lightingMood || '无' }}

} @if (activeTab === 'mapping') {

@if (isGeneratingMapping) {

正在生成需求映射...

基于分析结果生成场景参数和映射关系

} @else if (mappingError) {

⚠️

需求映射生成失败

} @else if (requirementMapping) {

场景生成

基础场景: {{ requirementMapping.sceneGeneration.baseScene }}

@if (requirementMapping.sceneGeneration.atmospherePreview) {

}

参数映射

颜色映射

@for (mapping of requirementMapping.parameterMapping.colorParams.primaryColors; track mapping.originalColor) {

→ {{ mapping.mappedColor }} ({{ mapping.weight }}%)

}

空间映射

空间类型: {{ requirementMapping.parameterMapping.spaceParams.layout?.type }}

开放程度: {{ requirementMapping.parameterMapping.spaceParams.scale?.openness }}%

材质映射

@for (mapping of requirementMapping.parameterMapping.materialParams.surfaceMaterials; track mapping.category) {

{{ mapping.category }} → {{ mapping.subtype }} {{ mapping.finish }}, {{ mapping.priority }}

}

} @else {

🎯

需求映射未生成

请先完成分析，系统将自动生成需求映射

}

颜色描述文字

适用于即梦等AI工具的颜色描述

@if (generateColorDescription()) { }

复制后可直接粘贴到即梦等AI工具中，用于生成对应颜色风格的室内设计

} @if (analysisError) {

分析失败

}

上传成功！