<view class="revenue-page data-v-43e4bd39"><view class="filter-panel data-v-43e4bd39"><view class="quick-tabs data-v-43e4bd39"><block wx:for="{{quickTabs}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({item})}}" class="{{['quick-tab','data-v-43e4bd39',(currentRange===item.value)?'active':'']}}" bindtap="__e">{{''+item.label+''}}</view></block></view><view class="date-bar data-v-43e4bd39"><text class="date-placeholder data-v-43e4bd39">开始时间</text><text class="date-separator data-v-43e4bd39">-</text><text class="date-placeholder data-v-43e4bd39">结束时间</text></view></view><view class="section-card metrics-card data-v-43e4bd39"><view class="section-title-wrap data-v-43e4bd39"><view class="title-bar data-v-43e4bd39"></view><text class="section-title data-v-43e4bd39">核心业绩指标</text></view><view class="metrics-grid data-v-43e4bd39"><block wx:for="{{metrics}}" wx:for-item="item" wx:for-index="__i1__" wx:key="label"><view class="metric-item data-v-43e4bd39"><view class="metric-icon-wrap data-v-43e4bd39"><image class="metric-icon data-v-43e4bd39" src="{{item.icon}}" mode="aspectFit"></image></view><view class="metric-copy data-v-43e4bd39"><view class="metric-value data-v-43e4bd39">{{item.value}}</view><view class="metric-label data-v-43e4bd39">{{item.label}}</view></view></view></block></view></view><view class="section-card chart-card data-v-43e4bd39"><view class="section-title-wrap data-v-43e4bd39"><view class="title-bar data-v-43e4bd39"></view><text class="section-title data-v-43e4bd39">行李类型分布</text></view><view class="chart-content data-v-43e4bd39"><view class="chart-area data-v-43e4bd39"><view class="echart-host data-v-43e4bd39" id="{{chartDomId}}" prop="{{chartOptionText}}" change:prop="{{chartRenderer.renderChart}}"></view><view class="chart-fallback data-v-43e4bd39"></view></view><view class="legend-list data-v-43e4bd39"><block wx:for="{{luggageDistribution}}" wx:for-item="item" wx:for-index="__i2__" wx:key="name"><view class="legend-item data-v-43e4bd39"><view class="legend-left data-v-43e4bd39"><view class="legend-dot data-v-43e4bd39" style="{{'background:'+(item.color)+';'}}"></view><text class="legend-name data-v-43e4bd39">{{item.name}}</text></view><text class="legend-value data-v-43e4bd39">{{item.value+" | "+item.percent+"%"}}</text></view></block></view></view></view></view>
|
