JhHardwareWRS/pages/usageStatsDetail/usageStatsDetail.wxml
2026-06-24 15:19:14 +08:00

71 lines
3.3 KiB
Plaintext

<scroll-view class="page safe-bottom" scroll-y type="list">
<view class="header">
<text class="title ellipsis">{{detail.name || filters.name || '-'}}</text>
<text class="subtitle ellipsis">考勤点 {{detail.attendancePointName || filters.attendancePointName || '-'}}</text>
<text class="subtitle ellipsis">{{detail.objectType || '-'}}</text>
</view>
<view wx:if="{{loading && !detail && !loadError}}" class="list-empty">加载中</view>
<view wx:elif="{{loadError}}" class="card error-card">
<text class="value">加载失败</text>
<text class="subtitle error-text">{{errorText || '加载详情失败'}}</text>
<button class="btn secondary reload-btn" loading="{{loading}}" bindtap="reload">重新加载</button>
</view>
<block wx:elif="{{detail}}">
<view class="card metric-card">
<view class="metric-grid">
<view class="metric-item">
<text class="label">{{detail.metricTitle}}</text>
<text class="value metric-value">{{detail.valueText}}</text>
</view>
<view class="metric-item">
<text class="label">报工次数</text>
<text class="value metric-value">{{detail.reportCount || 0}} 次</text>
</view>
</view>
<view wx:if="{{detail.productName || detail.processName || detail.stampingMethod || detail.tags.length}}" class="tag-list">
<text wx:if="{{detail.productName}}" class="usage-tag">{{detail.productName}}</text>
<text wx:if="{{detail.processName}}" class="usage-tag">{{detail.processName}}</text>
<text wx:if="{{detail.stampingMethod}}" class="usage-tag">{{detail.stampingMethod}}</text>
<text wx:for="{{detail.tags}}" wx:key="*this" class="usage-tag">{{item}}</text>
</view>
</view>
<text class="section-title">每日趋势</text>
<view wx:if="{{!detail.dailyRows.length}}" class="list-empty">暂无每日趋势</view>
<view wx:for="{{detail.dailyRows}}" wx:key="reportDate" class="card trend-card">
<view class="row trend-row">
<view class="row-left">
<text class="value">{{item.reportDate || '-'}}</text>
<text class="subtitle">报工 {{item.reportCount || 0}} 次</text>
</view>
<text class="value trend-value">{{item.valueText}}</text>
</view>
<view class="usage-bar-track">
<view class="usage-bar-fill {{detail.metricKind === 'quantity' ? 'quantity' : ''}}" style="width: {{item.barPercent}}%;"></view>
</view>
</view>
<text class="section-title">关联报工</text>
<view wx:if="{{!detail.reportRows.length}}" class="list-empty">暂无关联报工</view>
<view wx:for="{{detail.reportRows}}" wx:key="reportId" class="card report-card">
<view class="row report-head">
<view class="row-left">
<text class="value ellipsis">{{item.employeeText}}</text>
<text class="subtitle">{{item.reportDate || '-'}}</text>
</view>
<text class="value report-value">{{item.valueText}}</text>
</view>
<view class="report-meta">
<text class="subtitle ellipsis">{{item.displayName || '-'}}</text>
<text class="subtitle report-count">报工 {{item.reportCount || 0}} 次</text>
</view>
</view>
</block>
<view wx:else class="list-empty">暂无统计详情</view>
</scroll-view>