danyang-match/miniapp/pages/matchmaker-workbench/matchmaker-workbench.wxml

<!-- 红娘工作台（ZC-MM-002：普通红娘仅见本人有效分配，无接单） -->
<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="{{assignmentCount > 0}}">共{{assignmentCount}}人</text>
    </view>

    <view class="service-list" wx:if="{{myAssignments.length > 0}}">
      <view
        wx:for="{{myAssignments}}"
        wx:key="id"
        class="service-card"
        data-id="{{item.serviceId}}"
        bindtap="onViewService"
      >
        <view class="service-left">
          <view class="service-header">
            <view class="service-tag">{{assignmentScopeLabel(item.assignmentScope)}}</view>
            <view class="service-tag">{{assignmentStatusLabel(item.status)}}</view>
            <view class="service-time">{{formatTime(item.assignedAt)}}</view>
          </view>
          <view class="service-desc">{{item.assignmentReason}}</view>
        </view>
      </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>

  <!-- 联系授权（ZC-MM-003 / B1：受控联系，用户单独同意后才可生效） -->
  <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="{{contactAuthCount > 0}}">共{{contactAuthCount}}条</text>
    </view>

    <!-- 申请入口：对本人分配对象发起，purpose 必填 -->
    <view class="contact-form" wx:if="{{contactTargets.length > 0}}">
      <picker mode="selector" range="{{contactTargets}}" range-key="label" value="{{contactTargetIndex}}" bindchange="onContactTargetChange">
        <view class="form-row">
          <text class="form-label">服务对象</text>
          <text class="form-value">{{contactTargets[contactTargetIndex].label}}</text>
        </view>
      </picker>
      <picker mode="selector" range="{{contactChannelLabels}}" value="{{contactChannelIndex}}" bindchange="onContactChannelChange">
        <view class="form-row">
          <text class="form-label">联系渠道</text>
          <text class="form-value">{{contactChannelLabels[contactChannelIndex]}}</text>
        </view>
      </picker>
      <view class="form-row">
        <text class="form-label">授权目的</text>
        <input class="form-input" value="{{contactPurpose}}" bindinput="onContactPurposeInput"
          placeholder="必填：说明为何需要联系该用户" maxlength="200" />
      </view>
      <view class="form-hint">提交后须经平台审批，并由用户单独确认同意后授权方可生效</view>
      <button class="submit-btn" size="mini" bindtap="submitContactRequest" disabled="{{submittingAuth}}">提交申请</button>
    </view>
    <view class="empty-state" wx:else>
      <view class="empty-hint">暂无服务对象分配，无法发起联系授权</view>
    </view>

    <!-- 本人授权列表 -->
    <view class="auth-list" wx:if="{{contactAuths.length > 0}}">
      <view class="auth-card" wx:for="{{contactAuths}}" wx:key="id">
        <view class="auth-row">
          <text class="auth-channel">{{item.channelLabel}}</text>
          <text class="auth-status">{{item.statusLabel}}</text>
        </view>
        <view class="auth-purpose">{{item.purpose}}</view>
        <view class="auth-meta" wx:if="{{item.expireText}}">有效期至 {{item.expireText}}</view>
        <button class="revoke-btn" size="mini" wx:if="{{item.revocable}}"
          data-id="{{item.id}}" bindtap="revokeContactAuth">撤销</button>
      </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>