@if (isVisible) {

已上传文件

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

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

{{ file.name }} {{ formatFileSize(file.size || 0) }}

}

@if (shouldShowColorAnalysis()) {

智能颜色分析

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

@if (!analysisResult && !isAnalyzing) {

} @if (isAnalyzing) {

正在分析图片颜色...

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

} @if (analysisResult && !isAnalyzing) {

颜色分析结果

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

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

{{ 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) {

线条分析

主导线条: @switch (analysisResult.formAnalysis.lineAnalysis.dominantLineType) { @case ('straight') { 直线型 } @case ('curved') { 曲线型 } @case ('mixed') { 混合型 } @default { 未知 } }

视觉流动: 连续性 {{ analysisResult.formAnalysis.lineAnalysis.lineQuality.continuity || 0 }}%, 流畅度 {{ analysisResult.formAnalysis.lineAnalysis.lineQuality.smoothness || 0 }}%

几何形状

复杂度

{{ analysisResult.formAnalysis.geometryAnalysis.complexity || '未知' }}

视觉平衡

{{ analysisResult.formAnalysis.geometryAnalysis.balance.visual || 0 }}%

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

表面属性

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

{{ property.name }}

{{ property.value }}%

}

材质分类

{{ getMaterialName(analysisResult.textureAnalysis.materialClassification.primaryMaterial.category) }} @if (analysisResult.textureAnalysis.materialClassification.primaryMaterial.subcategory) { ({{ analysisResult.textureAnalysis.materialClassification.primaryMaterial.subcategory }}) } @for (material of analysisResult.textureAnalysis.materialClassification.secondaryMaterials; track material.category; let i = $index) { {{ getMaterialName(material.category) }} ({{ material.percentage }}%) }

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

图案识别

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

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

视觉节奏

{{ getRhythmTypeName(analysisResult.patternAnalysis.visualRhythm.rhythmType.primary) || '无' }} {{ getDirectionName(analysisResult.patternAnalysis.visualRhythm.movement.direction) || '无' }}

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

光源识别

主要光源: @if (analysisResult.lightingAnalysis.lightSourceIdentification.primarySources && analysisResult.lightingAnalysis.lightSourceIdentification.primarySources.length > 0) { @for (source of analysisResult.lightingAnalysis.lightSourceIdentification.primarySources; track source.type; let last = $last) { {{ getLightSourceName(source.type, source.subtype) }}@if (!last) {, } } } @else { 无 }

灯光设置: {{ getLightingStyleName(analysisResult.lightingAnalysis.lightSourceIdentification.lightingSetup.lightingStyle) || '无' }} ({{ analysisResult.lightingAnalysis.lightSourceIdentification.lightingSetup.sourceCount || 0 }} 个光源)

环境分析

环境光: 强度 {{ analysisResult.lightingAnalysis.ambientAnalysis.ambientLevel.strength || 0 }}%, 均匀度 {{ analysisResult.lightingAnalysis.ambientAnalysis.ambientLevel.uniformity || 0 }}%

灯光情绪: {{ getLightingMoodName(analysisResult.lightingAnalysis.ambientAnalysis.lightingMood.primary) || '无' }}

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

@if (isGeneratingMapping) {

正在生成需求映射...

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

} @else if (mappingError) {

⚠️

需求映射生成失败

{{ mappingError }}

} @else if (requirementMapping) {

场景生成

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

@if (requirementMapping.sceneGeneration.atmospherePreview) {

氛围感预览图

}

参数映射

颜色映射

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

→

{{ getColorUsageName(mapping.usage) }} (权重 {{ mapping.weight }}%)

}

色彩和谐: {{ getColorHarmonyName(requirementMapping.parameterMapping.colorParams.colorHarmony) }}

色温: {{ getTemperatureName(requirementMapping.parameterMapping.colorParams.temperature) }}

空间映射

空间类型: {{ getLayoutTypeName(requirementMapping.parameterMapping.spaceParams.layout.type) }}

空间流线: {{ getFlowTypeName(requirementMapping.parameterMapping.spaceParams.layout.flow) }}

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

尺寸: {{ requirementMapping.parameterMapping.spaceParams.dimensions.width }} × {{ requirementMapping.parameterMapping.spaceParams.dimensions.height }} × {{ requirementMapping.parameterMapping.spaceParams.dimensions.depth }} {{ getDimensionUnitName(requirementMapping.parameterMapping.spaceParams.dimensions.unit) }}

材质映射

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

{{ getMaterialName(mapping.category) }} → {{ mapping.subtype }} {{ getFinishName(mapping.finish) }}, {{ getPriorityName(mapping.priority) }} ({{ mapping.coverage }}%)

}

} @else {

🎯

需求映射未生成

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

}

}

}

颜色描述文字

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

{{ generateColorDescription() || '暂无颜色分析结果' }}

@if (generateColorDescription()) { }

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

} @if (analysisError) {

分析失败

{{ analysisError }}

}

}

}