jiapengyu
1 line
3.7 KiB
Plaintext
1 line
3.7 KiB
Plaintext
<view class="admin-container data-v-8cc66245"><view class="admin-header data-v-8cc66245"><view class="header-left data-v-8cc66245"><text class="header-title data-v-8cc66245">统计报表</text><text class="header-subtitle data-v-8cc66245">数据统计与分析</text></view></view><view class="time-filter data-v-8cc66245"><view wx:for="{{a}}" wx:for-item="filter" wx:key="b" class="{{['filter-item', 'data-v-8cc66245', filter.c && 'active']}}" bindtap="{{filter.d}}">{{filter.a}}</view></view><view class="summary-cards data-v-8cc66245"><view class="summary-card data-v-8cc66245"><view class="card-icon data-v-8cc66245">📊</view><view class="card-content data-v-8cc66245"><text class="card-value data-v-8cc66245">{{b}}</text><text class="card-label data-v-8cc66245">总订单数</text></view></view><view class="summary-card data-v-8cc66245"><view class="card-icon data-v-8cc66245">💰</view><view class="card-content data-v-8cc66245"><text class="card-value data-v-8cc66245">¥{{c}}</text><text class="card-label data-v-8cc66245">总金额</text></view></view><view class="summary-card data-v-8cc66245"><view class="card-icon data-v-8cc66245">♻️</view><view class="card-content data-v-8cc66245"><text class="card-value data-v-8cc66245">{{d}}kg</text><text class="card-label data-v-8cc66245">总回收量</text></view></view><view class="summary-card data-v-8cc66245"><view class="card-icon data-v-8cc66245">📈</view><view class="card-content data-v-8cc66245"><text class="card-value data-v-8cc66245">{{e}}</text><text class="card-label data-v-8cc66245">平均单价</text></view></view></view><view class="chart-section data-v-8cc66245"><view class="section-header data-v-8cc66245"><text class="section-title data-v-8cc66245">品类回收排行</text></view><view class="chart-list data-v-8cc66245"><view wx:for="{{f}}" wx:for-item="item" wx:key="f" class="chart-item data-v-8cc66245"><view class="{{['chart-rank', 'data-v-8cc66245', item.b]}}">{{item.a}}</view><view class="chart-info data-v-8cc66245"><view class="chart-name data-v-8cc66245">{{item.c}}</view><view class="chart-bar-wrap data-v-8cc66245"><view class="chart-bar data-v-8cc66245" style="{{'width:' + item.d}}"></view></view></view><view class="chart-value data-v-8cc66245">¥{{item.e}}</view></view></view></view><view class="chart-section data-v-8cc66245"><view class="section-header data-v-8cc66245"><text class="section-title data-v-8cc66245">每日趋势</text></view><view class="line-chart data-v-8cc66245"><view class="chart-grid data-v-8cc66245"><view wx:for="{{g}}" wx:for-item="i" wx:key="a" class="grid-line data-v-8cc66245"></view></view><view class="chart-bars data-v-8cc66245"><view wx:for="{{h}}" wx:for-item="day" wx:key="c" class="bar-item data-v-8cc66245"><view class="bar data-v-8cc66245" style="{{'height:' + day.a}}"></view><text class="bar-label data-v-8cc66245">{{day.b}}</text></view></view></view></view><view class="detail-section data-v-8cc66245"><view class="section-header data-v-8cc66245"><text class="section-title data-v-8cc66245">订单状态分布</text></view><view class="status-stats data-v-8cc66245"><view class="status-item data-v-8cc66245"><view class="status-circle pending data-v-8cc66245"><text class="status-value data-v-8cc66245">{{i}}</text></view><text class="status-label data-v-8cc66245">待处理</text></view><view class="status-item data-v-8cc66245"><view class="status-circle completed data-v-8cc66245"><text class="status-value data-v-8cc66245">{{j}}</text></view><text class="status-label data-v-8cc66245">已完成</text></view><view class="status-item data-v-8cc66245"><view class="status-circle cancelled data-v-8cc66245"><text class="status-value data-v-8cc66245">{{k}}</text></view><text class="status-label data-v-8cc66245">已取消</text></view></view></view></view> |