<view class="page">
  <view class="hero">
    <view class="hero-title">销售工作台 · 2027</view>
    <view class="hero-sub">V1 商机基线已冻结 · 数据保存在本机</view>
    <view class="hero-row">
      <view class="hero-cell"><view class="hero-num">{{targetWeighted}}</view><view class="hero-label">加权目标(万)</view></view>
      <view class="hero-cell"><view class="hero-num">{{currentWeighted}}</view><view class="hero-label">当前加权(万)</view></view>
      <view class="hero-cell"><view class="hero-num">{{coverage}}</view><view class="hero-label">加权覆盖率</view></view>
    </view>
  </view>

  <view class="notice">云服务未开通：录入内容只存本机。PC 大盘可通过「数据同步」导入本端导出的数据；两端不自动共享。</view>

  <view wx:if="{{pendingChangeCount > 0}}" class="card" style="border:1rpx solid #f3b3b0" bindtap="goBoardChange">
    <view class="card-title" style="color:#c5221f">待你确认的延期变更 {{pendingChangeCount}} 条</view>
    <view class="card-sub" style="margin-bottom:0">承接人发起了延期申请，请确认接受或拒绝（拒绝将立即升级主管裁定）。</view>
  </view>

  <view class="card">
    <view class="card-title">当前身份</view>
    <picker range="{{peopleNames}}" value="{{peopleIndex}}" bindchange="onSalesChange">
      <view class="picker">销售：{{salesName}}</view>
    </picker>
    <view class="row"><text class="row-label">部门</text><text class="row-value">{{deptName}}</text></view>
    <view class="row"><text class="row-label">区域</text><text class="row-value">{{regionName}}</text></view>
    <picker range="{{roleNames}}" value="{{roleIndex}}" bindchange="onRoleChange">
      <view class="picker" style="margin-top:20rpx">角色：{{roleName}}</view>
    </picker>
    <view class="card-sub" style="margin-top:16rpx;margin-bottom:0">切换角色可预览主管审核视图；审批链按部门自动匹配。</view>
  </view>

  <view class="card">
    <view class="card-title">工作入口</view>
    <view class="grid">
      <view class="grid-item" wx:for="{{menus}}" wx:key="key" data-key="{{item.key}}" bindtap="onMenu">
        <view class="grid-icon">{{item.icon}}</view>
        <view class="grid-text">{{item.text}}</view>
      </view>
    </view>
  </view>

  <view class="card">
    <view class="card-title">今日概览</view>
    <view class="hero-grid">
      <view class="hero-grid-item"><view class="hero-grid-num">{{todayCount}}</view><view class="hero-grid-label">今日活动</view></view>
      <view class="hero-grid-item"><view class="hero-grid-num">{{todoCount}}</view><view class="hero-grid-label">在办工单</view></view>
      <view class="hero-grid-item"><view class="hero-grid-num">{{approvalCount}}</view><view class="hero-grid-label">待我审核</view></view>
      <view class="hero-grid-item"><view class="hero-grid-num">{{newOppCount}}</view><view class="hero-grid-label">新增商机</view></view>
      <view class="hero-grid-item"><view class="hero-grid-num">{{pendingChangeCount}}</view><view class="hero-grid-label">待确认变更</view></view>
    </view>
    <view class="row"><text class="row-label">新增商机口径</text><text class="row-value" style="font-size:24rpx">单独统计，不计入年初目标</text></view>
  </view>

  <view class="card">
    <view class="card-title">最近录入的活动</view>
    <view wx:if="{{recent.length === 0}}" class="empty">还没有录入活动，点上方「录活动」开始</view>
    <view wx:for="{{recent}}" wx:key="id" class="list-item" style="box-shadow:none;padding:20rpx 0">
      <view class="list-head">
        <text class="list-title ellipsis">{{item.title}}</text>
        <text class="badge {{item.badgeClass}}">{{item.badgeText}}</text>
      </view>
      <view class="list-desc ellipsis">{{item.desc}}</view>
      <view class="list-meta">{{item.meta}}</view>
    </view>
  </view>

  <view class="card">
    <view class="card-title">2027 V1 冻结快照</view>
    <view class="row"><text class="row-label">商机 / 客户 / 集团</text><text class="row-value">{{baseCountText}}</text></view>
    <view class="row"><text class="row-label">历史活动（本机展示）</text><text class="row-value">{{activityCountText}}</text></view>
    <view class="row"><text class="row-label">过滤口径</text><text class="row-value" style="font-size:23rpx">只留有商机的客户；空值保留为空</text></view>
    <view class="card-sub" style="margin-top:16rpx;margin-bottom:0">口径：按 90/30/10 加权；人员与区域目标待 11-30 第二版预测，本版留空。</view>
  </view>

  <view class="btn btn-ghost" bindtap="openSync">数据同步（导入 / 导出）</view>
</view>

<view class="sync-mask" wx:if="{{syncOpen}}" bindtap="closeSync"></view>
<view class="sync-panel" wx:if="{{syncOpen}}">
  <view class="card-title">{{syncTitle}}</view>
  <view class="tabs">
    <view class="tab {{syncMode === 'export' ? 'on' : ''}}" data-mode="export" bindtap="switchSync">导出</view>
    <view class="tab {{syncMode === 'import' ? 'on' : ''}}" data-mode="import" bindtap="switchSync">导入</view>
  </view>
  <view class="card-sub">{{syncHint}}</view>
  <textarea class="sync-area" value="{{syncText}}" bindinput="onSyncInput" placeholder="在此粘贴 PC 大盘导出的 JSON" />
  <view class="btn btn-primary" bindtap="doSync">{{syncButton}}</view>
  <view class="btn btn-light" bindtap="closeSync">关闭</view>
  <view wx:if="{{msg}}" class="card-sub" style="margin-top:16rpx">{{msg}}</view>
</view>
