项目详情

项目ID: {{ projectId }} @if (project) { {{ project.status }} }
1
订单创建
2
确认需求
3
交付执行
4
售后
@if (showDropdown) {
@for (p of projects; track p.id) {
{{ p.name }} {{ p.status }}
}
}
@if (showImagePreview) {

{{ previewImageData?.name }}

文件大小: {{ previewImageData?.size }} @if (previewImageData?.reviewStatus) { {{ getImageReviewStatusText(previewImageData) }} }
} @if (reminderMessage) {
{{ reminderMessage }}
}
@if (isActiveTab('progress')) {

客户信息

@if (isSyncingCustomerInfo) { 同步中... } @else if (lastSyncTime) { 已同步: {{ formatTime(lastSyncTime) }} }
@if (project) {
@if (orderCreationData?.customerInfo) {
{{ orderCreationData.customerInfo.name }}
{{ orderCreationData.customerInfo.phone }}
@if (orderCreationData.customerInfo.wechat) {
{{ orderCreationData.customerInfo.wechat }}
}
{{ orderCreationData.customerInfo.customerType }}
@if (orderCreationData.customerInfo.source) {
{{ orderCreationData.customerInfo.source }}
} @if (orderCreationData.customerInfo.remark) {
{{ orderCreationData.customerInfo.remark }}
} } @else {
{{ project.assigneeName }}
}
{{ formatDate(project.createdAt) }}
{{ formatDate(project.deadline) }}

客户标签

@for (tag of project.customerTags; track $index) { {{ tag.source }} · {{ tag.needType }} · {{ tag.preference }} · {{ tag.colorAtmosphere }} } @if (project.customerTags.length === 0) { 暂无标签 }
} @else {
正在加载客户信息...
}

方案确认

{{ getRequiredStagesProgress() }}% 完成
@if (isAnalyzing) {

正在解析素材...

{{ analysisProgress.toFixed(0) }}%

AI正在分析您的需求，生成专属设计方案

} @if (proposalAnalysis && !isAnalyzing) {

{{ proposalAnalysis.name }}

{{ proposalAnalysis.version }} 可行性: {{ proposalAnalysis.feasibility.overall }}%
设计风格 {{ getStyleSummary() }}
色彩方案 {{ getColorSummary() }}
空间效率 {{ getSpaceEfficiency() }}%

材质规格与分类

{{ proposalAnalysis.materials.length }} 类材质
@for (material of proposalAnalysis.materials; track material.category) {
{{ material.category }}
{{ material.usage.percentage }}%
类型 {{ material.specifications.type }}
等级 {{ material.specifications.grade }}
应用区域 {{ material.usage.area }}
{{ material.properties.texture }} {{ material.properties.color }}
}

设计风格特征

{{ proposalAnalysis.designStyle.primaryStyle }}
@for (element of proposalAnalysis.designStyle.styleElements; track element.element) {
{{ element.element }} {{ element.influence }}%
{{ element.description }}
}
@for (char of proposalAnalysis.designStyle.characteristics; track char.feature) {
{{ char.feature }} {{ char.value }}
}

色彩搭配方案及占比分析

{{ proposalAnalysis.colorScheme.harmony.type }}
@for (color of proposalAnalysis.colorScheme.palette; track color.hex) {
{{ color.color }}
{{ color.percentage }}%
{{ color.role }}
{{ color.hex }} RGB({{ color.rgb }})
}
氛围营造 {{ proposalAnalysis.colorScheme.psychology.mood }}
空间感受 {{ proposalAnalysis.colorScheme.psychology.atmosphere }}

空间尺寸数据及功能分区

总面积 {{ proposalAnalysis.spaceLayout.dimensions.area }}㎡
长度 {{ proposalAnalysis.spaceLayout.dimensions.length }}m
宽度 {{ proposalAnalysis.spaceLayout.dimensions.width }}m
层高 {{ proposalAnalysis.spaceLayout.dimensions.height }}m
体积 {{ proposalAnalysis.spaceLayout.dimensions.volume }}m³
@for (zone of proposalAnalysis.spaceLayout.functionalZones; track zone.zone) {
{{ zone.zone }}
{{ zone.area }}㎡ {{ zone.percentage }}%
功能需求
@for (req of zone.requirements; track req) { {{ req }} }
家具配置
@for (furniture of zone.furniture; track furniture; let isLast = $last) { {{ furniture }}@if (!isLast) {、} }
}

预算与时间线

总预算 ¥{{ proposalAnalysis.budget.total.toLocaleString() }}
@for (item of proposalAnalysis.budget.breakdown; track item.category) {
{{ item.category }}
¥{{ item.amount.toLocaleString() }}
{{ item.percentage }}%
}
@for (phase of proposalAnalysis.timeline; track phase.phase) {
{{ phase.phase }}
{{ phase.duration }}天
}
} @if (areRequiredStagesCompleted() && !proposalAnalysis && !isAnalyzing) {
@if (requirementKeyInfo.colorAtmosphere.description) {
{{ requirementKeyInfo.colorAtmosphere.description }} @if (requirementKeyInfo.colorAtmosphere.mainColor) {
}
} @if (requirementKeyInfo.colorAtmosphere.materials && requirementKeyInfo.colorAtmosphere.materials.length > 0) {
@for (material of requirementKeyInfo.colorAtmosphere.materials; track material; let isLast = $last) { {{ material }}@if (!isLast) {, } }
} @if (requirementKeyInfo.spaceStructure.aspectRatio > 0) {
{{ requirementKeyInfo.spaceStructure.aspectRatio.toFixed(1) }}
} @if (requirementKeyInfo.spaceStructure.ceilingHeight > 0) {
{{ requirementKeyInfo.spaceStructure.ceilingHeight }}m
} @if (requirementKeyInfo.materialWeights.woodRatio > 0) {
{{ requirementKeyInfo.materialWeights.woodRatio }}%
} @if (requirementKeyInfo.materialWeights.fabricRatio > 0) {
{{ requirementKeyInfo.materialWeights.fabricRatio }}%
} @if (requirementKeyInfo.materialWeights.metalRatio > 0) {
{{ requirementKeyInfo.materialWeights.metalRatio }}%
} @if (requirementKeyInfo.presetAtmosphere.name) {
{{ requirementKeyInfo.presetAtmosphere.name }}
} @if (getEstimatedSmallImageTime()) {
{{ getEstimatedSmallImageTime() }}
}
} @else if (!areRequiredStagesCompleted()) {
等待需求信息完善

需求沟通阶段完成后，方案确认功能将自动开启

当前进度: {{ getRequiredStagesProgress() }}%
}
@for (stage of getVisibleStages(); track stage) {
@if (stage !== '订单创建') {

{{ stage }}

}
@if (stage === '订单创建') { } @else if (stage === '需求沟通') { } @else if (stage === '方案确认') {

方案确认卡片已移动到左侧区域

} @else if (stage === '建模') {

上传白模图片

支持：JPG/PNG，不强制4K
@if (canEditSection('delivery')) {
@if (whiteModelImages.length === 0) {
点击此处或拖拽文件到此处上传
支持 JPG、PNG 格式，单个文件最大 10MB
} @else {
@for (img of whiteModelImages; track img.id) {
{{ img.name }}
}
+
添加更多
}
}
@if (canEditSection('delivery')) { } @if (isTeamLeaderView()) { } @if (!canEditSection('delivery')) { 只读 }

模型差异检查清单

@for (item of modelCheckItems; track item.id) {
{{ item.isPassed ? '已通过' : '待处理' }}
}
} @else if (stage === '软装') {

软装清单素材

上传软装小图

建议 ≤1MB 的 JPG/PNG 小图
@if (canEditSection('delivery')) {
@if (softDecorImages.length === 0) {
点击此处或拖拽文件到此处上传
支持 JPG、PNG 格式，建议文件大小 ≤1MB
} @else {
@for (img of softDecorImages; track img.id) {
{{ img.name }}
}
+
添加更多
}
}
@if (canEditSection('delivery')) { } @if (isTeamLeaderView()) { } @if (!canEditSection('delivery')) { 只读 }
} @else if (stage === '渲染') {
@if (isLoadingRenderProgress) {
正在加载渲染进度...
} @if (errorLoadingRenderProgress) {
渲染进度加载失败
} @if (!isLoadingRenderProgress && !errorLoadingRenderProgress && renderProgress) {
状态：{{ renderProgress.status }} 完成度：{{ renderProgress.completionRate }}% 预计剩余：{{ renderProgress.estimatedTimeRemaining }} 小时
}

上传渲染大图

需满足4K标准（最长边 ≥ 4000px）
@if (canEditSection('delivery')) {
@if (renderLargeImages.length === 0) {
点击此处或拖拽文件到此处上传
支持 JPG、PNG 格式，需满足4K标准（最长边 ≥ 4000px）
} @else {
@for (img of renderLargeImages; track img.id) {
{{ img.name }}
}
+
添加更多
}
}
@if (canEditSection('delivery')) { } @if (isTeamLeaderView()) { } @if (!canEditSection('delivery')) { 只读 }
} @else if (stage === '后期') {

上传后期处理图片

包含调色、修图、特效等后期处理结果
@if (canEditSection('delivery')) {
@if (postProcessImages.length === 0) {
点击此处或拖拽文件到此处上传
支持 JPG、PNG 格式，展示后期处理效果
} @else {
@for (img of postProcessImages; track img.id) {
{{ img.name }}
}
+
添加更多
}
}
@if (canEditSection('delivery')) { } @if (isTeamLeaderView()) { } @if (!canEditSection('delivery')) { 只读 }
} @else if (stage === '尾款结算') {
@if (canEditSection('aftercare')) {
} } @else if (stage === '客户评价') {
@if (canEditSection('aftercare')) {
} } @else if (stage === '投诉处理') {
@if (canEditSection('aftercare')) {
} }
}
} @if (isActiveTab('members')) {

项目成员

共 {{ projectMembers.length }} 名成员

@for (member of projectMembers; track member.id) {

{{ member.name }}

{{ member.role }}

技能匹配度
{{ member.skillMatch }}%
项目进度
{{ member.progress }}%
贡献度
{{ member.contribution }}%
}
@if (projectMembers.length === 0) {

暂无项目成员信息

}
} @if (isActiveTab('files')) {

项目文件

共 {{ projectFiles.length }} 个文件

@for (file of projectFiles; track file.id) {
{{ file.type.toUpperCase() }}

{{ file.name }}

{{ file.size }} {{ file.date }}
}
@if (projectFiles.length === 0) {

暂无项目文件

}
}