dingdanquanliucheng/frontend/mini-app/pages/manager/dashboard/dashboard.wxml
taiyi c04d0cb347 fix: 修复小程序页面跳转闪烁问题
- 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>
2026-06-07 00:37:58 +08:00

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>