27 lines
2.0 KiB
Plaintext
27 lines
2.0 KiB
Plaintext
<view class="page detail-page">
|
|
<view wx:if="{{status === 'loading'}}" class="state-card"><view class="skeleton-card"></view><text class="state-text">正在读取服务进度…</text></view>
|
|
<view wx:elif="{{status === 'error'}}" class="state-card"><text class="state-title">暂时无法读取服务进度</text><text class="state-text">{{errorMessage}}</text><button class="secondary-button" bindtap="retryLoad">重新加载</button></view>
|
|
<block wx:else>
|
|
<view class="detail-summary">
|
|
<view><text class="eyebrow">{{application.serviceCategoryLabel}}</text><text class="detail-title">{{application.beneficiaryName}}的帮扶服务</text></view>
|
|
<text class="status-pill">{{application.statusLabel}}</text>
|
|
<text class="application-meta">服务编号：{{application.applicationNo}}</text>
|
|
</view>
|
|
<view class="detail-card">
|
|
<text class="form-title">帮扶信息</text>
|
|
<view class="summary-row"><text>申请关系</text><text>{{application.applyModeLabel}}</text></view>
|
|
<view class="summary-row"><text>联系电话</text><text>{{application.contactMobileMasked}}</text></view>
|
|
<view class="summary-row"><text>所在地区</text><text>{{application.regionCode}}</text></view>
|
|
<view class="description-summary"><text class="summary-label">需求说明</text><text>{{application.description}}</text></view>
|
|
</view>
|
|
<view class="detail-card">
|
|
<text class="form-title">服务进度</text>
|
|
<view wx:for="{{application.history}}" wx:key="createdAt" class="timeline-item">
|
|
<view class="timeline-dot"></view>
|
|
<view class="timeline-content"><text class="timeline-title">{{item.statusLabel}}</text><text class="timeline-note">{{item.reasonLabel}}</text><text class="timeline-time">{{item.createdAtText}}</text></view>
|
|
</view>
|
|
<view class="timeline-next"><view class="timeline-dot timeline-dot--muted"></view><text>工作人员会根据实际情况与您联系</text></view>
|
|
</view>
|
|
</block>
|
|
</view>
|