- wx:if 改为 hidden,避免 DOM 销毁重建导致的闪烁 - statusBarHeight 去掉 || 20 fallback,避免 header 高度跳变 - empty-card 加 min-height 占位,减少加载到内容的布局跳动 - 修复 sed 替换导致的运算优先级问题(!! 和 !status ===) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
47 lines
1.8 KiB
Plaintext
47 lines
1.8 KiB
Plaintext
<view class="page dashboard-page">
|
|
<view class="custom-header" style="padding-top: {{statusBarHeight}}px;">
|
|
<view class="header-title">管理驾驶舱</view>
|
|
<view class="header-sub">先看关键风险,再处理审批</view>
|
|
</view>
|
|
|
|
<view wx:if="{{message}}" class="message card">{{message}}</view>
|
|
|
|
<view hidden="{{!loading}}" class="card loading-card">
|
|
<view class="page-subtitle">正在加载...</view>
|
|
</view>
|
|
|
|
<view wx:else>
|
|
<view class="metrics-grid">
|
|
<view class="metric-card card urgent" bindtap="goApproveList">
|
|
<view class="metric-label">待审批</view>
|
|
<view class="metric-value urgent-val">{{summary.pendingApproveCount}}</view>
|
|
<view class="metric-action">去处理 ></view>
|
|
</view>
|
|
<view class="metric-card card" bindtap="goSupplierText">
|
|
<view class="metric-label">待发厂</view>
|
|
<view class="metric-value">{{summary.pendingFactoryCount}}</view>
|
|
<view class="metric-action">去确认 ></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card recent-card">
|
|
<view class="section-title">最近待办</view>
|
|
<view wx:if="{{recentOrders.length}}">
|
|
<view wx:for="{{recentOrders}}" wx:key="orderId" class="item-row" data-id="{{item.orderId}}" bindtap="handleOrderTap">
|
|
<view class="row-main">
|
|
<view class="row-left">
|
|
<view class="row-title">{{item.orderNo}}</view>
|
|
<view class="row-sub">{{item.customerName}}</view>
|
|
</view>
|
|
<view class="row-right">
|
|
<view class="badge {{item.badgeClass}}">{{item.statusText}}</view>
|
|
<view class="row-amount">{{item.amount}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:else class="empty-hint">暂无待办订单</view>
|
|
</view>
|
|
</view>
|
|
</view>
|