项目详情

项目ID: {{ projectId }} @if (project) { {{ project.status }} }
@for (tab of tabs; track tab.id) { }
1
订单创建
2
确认需求
3
交付执行
4
售后
@if (showDropdown) {
@for (p of projects; track p.id) {
{{ p.name }} {{ p.status }}
}
}
@if (showImagePreview) {
} @if (showDesignerCalendar) {
} @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 }}
}
¥{{ orderAmount || 0 }}
} @else if (!areRequiredStagesCompleted()) {
等待需求信息完善

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

当前进度: {{ getRequiredStagesProgress() }}%
}
@if (expandedSection === 'aftercare') {

💰 尾款结算

技术完成验收后自动发起尾款结算流程,支持多种支付方式自动化处理

🤖

自动触发流程

技术验收完成后自动发起尾款结算申请

🔓

自动解密发送

小程序支付自动解密并发送大图给客户

📱

凭证智能识别

上传微信/支付宝截图自动提取金额和支付方式

🔔

自动通知

支付完成后自动发送"尾款已到账,大图已解锁"通知

@if (canEditSection('aftercare')) {
}

🖼️ 全景图合成

集成内部全景图合成服务器,技术上传图片自动生成漫游式全景链接

🖥️

KR Panel集成

集成专业全景图合成工具,确保合成质量

📸

智能空间标注

技术上传图片并标注空间名称(如"客厅-角度1")

🔗

自动生成链接

自动生成漫游式全景链接并发送给客户

@if (panoramicSyntheses && panoramicSyntheses.length > 0) {
@for (item of panoramicSyntheses; track item.id) { }
} @else {
暂无最近合成记录
}
@if (canEditSection('aftercare')) {
}

⭐ 客户评价

邀请客户进行多维度评价并生成评价链接

@if (canEditSection('aftercare')) {
}

📋 投诉处理

支持人工创建和关键词自动抓取投诉,提升处理效率

👥

人工创建

组长或客服人工创建投诉记录

🔍

关键词抓取

自动监测企业微信群关键词(不满意、投诉、退款)

🏷️

智能标注

自动标注投诉环节和核心问题

📊

实时更新

处理进度实时更新至系统

@if (canEditSection('aftercare')) {
}
}
@for (stage of getVisibleStages(); track stage) {
@if (stage !== '订单创建') {

{{ stage === '方案确认' ? '色彩分析报告' : stage }}

}
@if (stage === '订单创建') {
¥{{ orderAmount || 0 }}
} @else if (stage === '需求沟通') {
参考图片
@if (referenceImages.length > 0) {
@for (img of referenceImages; track img.id) {
}
} @else {
暂无参考图片
}
CAD图纸
@if (cadFiles.length > 0) {
@for (file of cadFiles; track file.id) {
CAD
{{ file.name }}
}
} @else {
暂无CAD文件
}
} @else if (stage === '方案确认') {
@if (isAnalyzing) {
正在解析素材...
{{ analysisProgress.toFixed(0) }}%
} @if (colorAnalysisResult) {
参考图
@if (colorAnalysisResult.originalImage) { 参考图 } @else {
暂无参考图
}
色板
@for (c of colorAnalysisResult.colors; track c.hex) {
{{ c.hex }}
{{ c.percentage }}%
}
主色
{{ dominantColorHex || (colorAnalysisResult.colors.length > 0 ? colorAnalysisResult.colors[0].hex : '未知') }}
} @else {
暂无色彩分析结果
}
} @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 (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) {

暂无项目文件

}
}