{{ project()?.name || '现代简约风格三居室设计' }}

{{ project()?.status || '进行中' }} 当前阶段：{{ project()?.currentStage || '方案修改与确认' }} 最后更新：{{ formatDate(currentDate()) }}

项目进度

{{ completionProgress() }}%
开始时间：{{ formatDate(project()?.createdAt || '2023-06-01') }} 预计完成：{{ formatDate(project()?.deadline || '2023-07-15') }}

历史服务记录

过往咨询记录

@for (record of consultationRecords(); track record.id || $index) {
{{ formatDate(record.date) }}
{{ record.content }}
{{ record.status }}
}

合作项目

@for (proj of cooperationProjects(); track proj.id || $index) {
{{ proj.name }}
{{ formatDate(proj.startDate) }} - {{ formatDate(proj.endDate) }}
{{ proj.description }}
{{ proj.status }}
}

历史反馈/评价

项目阶段时间轴

@for (stage of projectStages; track $index; let i = $index) {
@if (stage.completed) { } @if (stage.inProgress) { }
@if (i < (projectStages?.length || 0) - 1) {
}

{{ stage.name }}

{{ stage.completed ? '已完成' : stage.inProgress ? '进行中' : '未开始' }}
@if (stage.startDate) { 开始：{{ formatDate(stage.startDate) }} } @if (stage.endDate) { 完成：{{ formatDate(stage.endDate) }} }
负责人：{{ stage.responsible || '未分配' }}
@if (stage.details) {

{{ stage.details }}

}
}
@if (activeTab() === 'messages') { }
@for (message of messages(); track $index) {
{{ message.sender.charAt(0) }}
{{ message.sender }} {{ formatDateTime(message.timestamp) }}
{{ message.content }}
}
@if (activeTab() === 'overview') {

客户信息

{{ project()?.customerName || '王先生' }}
138****5678
朋友圈 软装 现代风格
    @for (need of project()?.highPriorityNeeds || ['客厅光线充足', '储物空间充足', '环保材料']; track $index) {
  • {{ need }}
    • }

项目团队

IMG
客服小李
客户经理
IMG
张设计师
主设计师

客户反馈

订单创建

@if (!selectedOrderCustomer()) {
@if (orderSearchResults().length > 0) {
找到 {{ orderSearchResults().length }} 位客户
@for (customer of orderSearchResults(); track customer.id) {
@if (customer.avatar) { } @else { {{ customer.name.charAt(0) }} }
{{ customer.name }}
{{ customer.phone }}
{{ customer.customerType }}
}
} } @else {
@if (selectedOrderCustomer()?.avatar) { } @else { {{ selectedOrderCustomer()?.name?.charAt(0) }} }
{{ selectedOrderCustomer()?.name }}
{{ selectedOrderCustomer()?.phone }}
{{ selectedOrderCustomer()?.customerType }}
}

项目需求

㎡
} @if (activeTab() === 'milestones') {
@for (milestone of milestones(); track milestone.id || $index; let i = $index) {
@if (i < milestones().length - 1) {
}

{{ milestone.title }}

{{ milestone.isCompleted ? '已完成' : '进行中' }}

{{ milestone.description }}

{{ formatDate(milestone.dueDate) }}
@if (milestone.completedDate) {
{{ formatDate(milestone.completedDate) }}
}
@if (!milestone.isCompleted) {
}
}
} @if (activeTab() === 'tasks') {
@for (task of tasks(); track task.id || $index) {

{{ task.title || '未命名任务' }}

{{ task.description || '' }}

{{ task.assignee || '未分配' }} {{ formatDate(task.deadline) }} {{ task.priority === 'high' ? '高' : task.priority === 'medium' ? '中' : '低' }}
}
} @if (activeTab() === 'messages') {
@for (message of messages(); track $index) {
{{ message.sender.charAt(0) }}
{{ message.sender }} {{ formatDateTime(message.timestamp) }}
{{ message.content }}
}

项目群聊

@for (msg of wechatMessagesList; track $index) {
{{ msg.sender.charAt(0) }}
{{ msg.sender }} {{ formatTime(msg.timestamp) }}
{{ msg.content }}
}
}
@if (activeTab() === 'files') {

项目文件

@for (f of files(); track f.id || $index) {
{{ f.type === 'image' ? 'IMG' : 'DOC' }}
{{ f.name }}
{{ f.size }} · 由 {{ f.uploadedBy }} 于 {{ formatDate(f.uploadedAt) }} 上传
}
} @if (showRenderPreviewModal) {
}