85 lines
3.0 KiB
Plaintext
85 lines
3.0 KiB
Plaintext
<!-- 员工界面 - 全屏工作面板 -->
|
||
<view class="employee-container">
|
||
<!-- 顶部导航栏 -->
|
||
<view class="employee-header">
|
||
<view class="header-left">
|
||
<!-- 微信风格返回按钮 -->
|
||
<view class="back-icon" bindtap="goBack">
|
||
<text class="back-arrow">‹</text>
|
||
</view>
|
||
<view class="employee-avatar">👤</view>
|
||
<view class="employee-info">
|
||
<text class="employee-name">{{userInfo.name || '员工'}}</text>
|
||
<text class="employee-role">工作人员</text>
|
||
</view>
|
||
</view>
|
||
<view class="header-right">
|
||
<button class="refresh-btn" bindtap="onRefresh">刷新</button>
|
||
<button class="emergency-btn" bindtap="onEmergencyContact">紧急联系</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 工作统计 -->
|
||
<view class="work-stats-section">
|
||
<view class="stats-title">
|
||
<text class="stats-text">今日工作统计</text>
|
||
</view>
|
||
<view class="stats-grid">
|
||
<view class="stat-card">
|
||
<view class="stat-icon today-icon">📋</view>
|
||
<text class="stat-value">{{workStats.todayOrders}}</text>
|
||
<text class="stat-label">今日订单</text>
|
||
</view>
|
||
<view class="stat-card">
|
||
<view class="stat-icon completed-icon">✅</view>
|
||
<text class="stat-value">{{workStats.completedOrders}}</text>
|
||
<text class="stat-label">已完成</text>
|
||
</view>
|
||
<view class="stat-card">
|
||
<view class="stat-icon pending-icon">⏳</view>
|
||
<text class="stat-value">{{workStats.pendingOrders}}</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="quick-actions">
|
||
<view class="actions-title">
|
||
<text class="actions-text">快捷操作</text>
|
||
</view>
|
||
<view class="actions-grid">
|
||
<button class="action-btn location-btn" bindtap="onMenuItemTap" data-id="location">
|
||
<text class="btn-text">📍 位置上报</text>
|
||
</button>
|
||
<button class="action-btn orders-btn" bindtap="onMenuItemTap" data-id="orders">
|
||
<text class="btn-text">📦 查看订单</text>
|
||
</button>
|
||
<button class="action-btn schedule-btn" bindtap="onMenuItemTap" data-id="schedule">
|
||
<text class="btn-text">📅 工作安排</text>
|
||
</button>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 底部信息栏 -->
|
||
<view class="employee-footer">
|
||
<text class="footer-text">员工工作系统 v1.0</text>
|
||
<text class="footer-time">{{currentTime}}</text>
|
||
</view>
|
||
</view> |