Files
WXProgram/miniprogram/pages/staff/admin-dashboard.wxml
2025-10-19 23:38:54 +08:00

66 lines
2.3 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- 管理员界面 - 全屏管理面板 -->
<view class="admin-container">
<!-- 顶部导航栏 -->
<view class="admin-header">
<view class="header-left">
<!-- 微信风格返回按钮 -->
<view class="back-icon" bindtap="goBack">
<text class="back-arrow"></text>
</view>
<view class="admin-avatar">👑</view>
<view class="admin-info">
<text class="admin-name">{{userInfo.name || '管理员'}}</text>
<text class="admin-role">系统管理员</text>
</view>
</view>
<view class="header-right">
<button class="refresh-btn" bindtap="onRefresh">刷新</button>
</view>
</view>
<!-- 统计卡片 -->
<view class="stats-section">
<view class="stats-title">
<text class="stats-text">系统概览</text>
</view>
<view class="stats-grid">
<view class="stat-card">
<view class="stat-icon employee-icon">👥</view>
<text class="stat-value">{{stats.employeeCount}}</text>
<text class="stat-label">员工总数</text>
</view>
<view class="stat-card">
<view class="stat-icon order-icon">📦</view>
<text class="stat-value">{{stats.orderCount}}</text>
<text class="stat-label">订单总数</text>
</view>
<view class="stat-card">
<view class="stat-icon warehouse-icon">🏭</view>
<text class="stat-value">{{stats.warehouseCount}}</text>
<text class="stat-label">仓库数量</text>
</view>
</view>
</view>
<!-- 功能菜单 Grid 布局 -->
<view class="menu-section">
<view class="menu-title">
<text class="menu-text">功能菜单</text>
</view>
<view class="menu-grid">
<view wx:for="{{menuItems}}" wx:key="id" class="menu-item" data-id="{{item.id}}" bindtap="onMenuItemTap">
<view class="menu-icon" style="background-color: {{item.color}}">
<text class="icon-text">{{item.icon}}</text>
</view>
<text class="menu-name">{{item.name}}</text>
<text class="menu-desc">{{item.description}}</text>
</view>
</view>
</view>
<!-- 底部操作栏 -->
<view class="admin-footer">
<text class="footer-text">管理员系统 v1.0</text>
<text class="footer-time">{{currentTime}}</text>
</view>
</view>