2026-09-09 22:05:00 +08:00
|
|
|
<!-- 红娘工作台 -->
|
|
|
|
|
<view class="page">
|
|
|
|
|
<!-- 欢迎区 -->
|
|
|
|
|
<view class="header">
|
|
|
|
|
<view class="header-top">
|
|
|
|
|
<view class="avatar">👩</view>
|
|
|
|
|
<view class="greeting-wrap">
|
|
|
|
|
<view class="greeting">您好，{{operatorName}}</view>
|
|
|
|
|
<view class="date">{{currentDate}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="header-badge">公益红娘</view>
|
|
|
|
|
|
|
|
|
|
<!-- 数据概览 -->
|
|
|
|
|
<view class="stats-container">
|
|
|
|
|
<view class="stat-card" hover-class="stat-hover">
|
|
|
|
|
<view class="stat-icon pending">📋</view>
|
|
|
|
|
<view class="stat-value">{{pendingCount}}</view>
|
|
|
|
|
<view class="stat-label">待处理</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="stat-card" hover-class="stat-hover">
|
|
|
|
|
<view class="stat-icon progress">⏳</view>
|
|
|
|
|
<view class="stat-value">{{inProgressCount}}</view>
|
|
|
|
|
<view class="stat-label">进行中</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="stat-card" hover-class="stat-hover">
|
|
|
|
|
<view class="stat-icon completed">✅</view>
|
|
|
|
|
<view class="stat-value">{{completedCount}}</view>
|
|
|
|
|
<view class="stat-label">已完成</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="stat-card" hover-class="stat-hover">
|
|
|
|
|
<view class="stat-icon today">📅</view>
|
|
|
|
|
<view class="stat-value">{{todayCount}}</view>
|
|
|
|
|
<view class="stat-label">今日</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 待处理列表 -->
|
|
|
|
|
<view class="section" wx:if="{{!loading}}">
|
|
|
|
|
<view class="section-header">
|
|
|
|
|
<view class="section-title-wrap">
|
|
|
|
|
<text class="section-dot"></text>
|
|
|
|
|
<text class="section-title">待处理服务</text>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="section-count" wx:if="{{pendingCount > 0}}">共{{pendingCount}}件</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="service-list" wx:if="{{pendingServices.length > 0}}">
|
|
|
|
|
<view
|
|
|
|
|
wx:for="{{pendingServices}}"
|
|
|
|
|
wx:key="serviceId"
|
|
|
|
|
class="service-card"
|
|
|
|
|
data-id="{{item.serviceId}}"
|
|
|
|
|
bindtap="onViewService"
|
|
|
|
|
>
|
|
|
|
|
<view class="service-left">
|
|
|
|
|
<view class="service-header">
|
2026-09-30 12:10:00 +08:00
|
|
|
<view class="service-tag">{{serviceTypeLabel(item.serviceType)}}</view>
|
2026-09-09 22:05:00 +08:00
|
|
|
<view class="service-time">{{formatTime(item.createdAt)}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="service-desc">{{item.description}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<button class="btn-claim" catchtap="onClaimService" data-id="{{item.serviceId}}" hover-class="btn-hover">接单</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<view class="empty-state" wx:else>
|
|
|
|
|
<view class="empty-illustration">📭</view>
|
|
|
|
|
<view class="empty-text">暂无待处理服务</view>
|
|
|
|
|
<view class="empty-hint">用户申请的服务将在这里展示</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 加载中 -->
|
|
|
|
|
<view class="loading-wrap" wx:if="{{loading}}">
|
|
|
|
|
<view class="loading-spinner"></view>
|
|
|
|
|
<text class="loading-text">加载中...</text>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 退出登录 -->
|
|
|
|
|
<view class="footer">
|
|
|
|
|
<button class="logout-btn" bindtap="onLogout">退出登录</button>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
