120 lines
4.5 KiB
Plaintext
120 lines
4.5 KiB
Plaintext
<!-- 个人信息页面 -->
|
||
<view class="profile-container">
|
||
<!-- 顶部导航栏 -->
|
||
<view class="profile-header">
|
||
<view class="header-left">
|
||
<!-- 微信风格返回按钮 -->
|
||
<view class="back-icon" bindtap="goBack">
|
||
<text class="back-arrow">‹</text>
|
||
</view>
|
||
<view class="profile-avatar">👤</view>
|
||
<view class="profile-info">
|
||
<text class="profile-name">{{userInfo.name || '用户'}}</text>
|
||
<text class="profile-role">{{userInfo.role === 'ADMIN' ? '管理员' : '员工'}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="header-right">
|
||
<button class="refresh-btn" bindtap="onRefresh">刷新</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 加载状态 -->
|
||
<view wx:if="{{loading}}" class="loading-container">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">正在加载数据...</text>
|
||
</view>
|
||
|
||
<!-- 主内容区域 -->
|
||
<view wx:else class="profile-content">
|
||
<!-- 个人信息卡片 -->
|
||
<view class="info-card">
|
||
<view class="card-header">
|
||
<text class="card-title">个人信息</text>
|
||
<button class="edit-btn" bindtap="onEditProfile">编辑</button>
|
||
</view>
|
||
<view class="info-grid">
|
||
<view class="info-item">
|
||
<text class="info-label">姓名</text>
|
||
<text class="info-value">{{userInfo.name || '未设置'}}</text>
|
||
</view>
|
||
<view class="info-item">
|
||
<text class="info-label">手机号</text>
|
||
<text class="info-value">{{userInfo.phone || '未设置'}}</text>
|
||
</view>
|
||
<view class="info-item">
|
||
<text class="info-label">角色</text>
|
||
<text class="info-value">{{userInfo.role === 'ADMIN' ? '管理员' : '员工'}}</text>
|
||
</view>
|
||
<view class="info-item">
|
||
<text class="info-label">用户ID</text>
|
||
<text class="info-value">{{userInfo.id || '未知'}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 个人统计卡片 -->
|
||
<view class="stats-card">
|
||
<view class="card-header">
|
||
<text class="card-title">个人工作统计</text>
|
||
<button class="history-btn" bindtap="onViewHistory">查看历史</button>
|
||
</view>
|
||
<view class="stats-grid">
|
||
<view class="stat-item">
|
||
<view class="stat-icon">📦</view>
|
||
<text class="stat-value">{{personalStats.totalOrders}}</text>
|
||
<text class="stat-label">总订单数</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<view class="stat-icon">✅</view>
|
||
<text class="stat-value">{{personalStats.completedOrders}}</text>
|
||
<text class="stat-label">已完成</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<view class="stat-icon">⏳</view>
|
||
<text class="stat-value">{{personalStats.pendingOrders}}</text>
|
||
<text class="stat-label">待处理</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<view class="stat-icon">📊</view>
|
||
<text class="stat-value">{{personalStats.deliveryRate}}%</text>
|
||
<text class="stat-label">成功率</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<view class="stat-icon">⏱️</view>
|
||
<text class="stat-value">{{personalStats.averageTime}}分钟</text>
|
||
<text class="stat-label">平均时间</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 系统统计卡片 -->
|
||
<view class="stats-card">
|
||
<view class="card-header">
|
||
<text class="card-title">系统概览</text>
|
||
</view>
|
||
<view class="stats-grid">
|
||
<view class="stat-item">
|
||
<view class="stat-icon employee-icon">👥</view>
|
||
<text class="stat-value">{{systemStats.employeeCount}}</text>
|
||
<text class="stat-label">员工总数</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<view class="stat-icon order-icon">📦</view>
|
||
<text class="stat-value">{{systemStats.orderCount}}</text>
|
||
<text class="stat-label">订单总数</text>
|
||
</view>
|
||
<view class="stat-item">
|
||
<view class="stat-icon warehouse-icon">🏭</view>
|
||
<text class="stat-value">{{systemStats.warehouseCount}}</text>
|
||
<text class="stat-label">仓库数量</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 功能按钮区域 -->
|
||
<view class="action-buttons">
|
||
<button class="action-btn contact-btn" bindtap="onContactSupport">联系客服</button>
|
||
<button class="action-btn logout-btn" bindtap="onLogout">退出登录</button>
|
||
</view>
|
||
</view>
|
||
</view> |