<view class="page">
  <view class="card">
    <view class="card-title">选择客户</view>
    <input class="input" value="{{keyword}}" bindinput="onSearch" placeholder="输入客户简称 / 全称搜索（支持别名）" />
    <view wx:if="{{searchHits.length > 0}}" style="margin-top:16rpx">
      <view wx:for="{{searchHits}}" wx:key="name" class="list-item" data-name="{{item.name}}" bindtap="pick">
        <view class="list-head"><text class="list-title">{{item.name}}</text><text class="badge badge-gray">{{item.group}}</text></view>
        <view class="list-desc">{{item.sales}} · {{item.dept}} · {{item.region}} · 商机 {{item.count}} 条</view>
      </view>
    </view>
    <view wx:if="{{keyword && searchHits.length === 0}}" class="empty">没有匹配的预测客户</view>
  </view>

  <block wx:if="{{selected}}">
    <view class="tabs">
      <view class="tab {{tab === item.key ? 'on' : ''}}" wx:for="{{tabs}}" wx:key="key" data-key="{{item.key}}" bindtap="onTab">{{item.name}}</view>
    </view>

    <view wx:if="{{tab === 'overview'}}" class="card">
      <view class="card-title">{{selected}} · 客户概况</view>
      <view class="row"><text class="row-label">集团归口</text><text class="row-value">{{bg.group}}</text></view>
      <view class="row"><text class="row-label">责任销售 / 部门</text><text class="row-value">{{bg.sales}} / {{bg.dept}}</text></view>
      <view class="row"><text class="row-label">区域</text><text class="row-value">{{bg.region}}</text></view>
      <view class="row"><text class="row-label">归口状态</text><text class="row-value">{{bg.status}}</text></view>
      <view class="row"><text class="row-label">2027 原报 / 加权</text><text class="row-value">{{bg.raw}} / {{bg.weighted}} 万</text></view>
      <view class="row"><text class="row-label">近 6 个月活动</text><text class="row-value">{{bg.activities}} 条</text></view>
      <view class="row"><text class="row-label">最近活动</text><text class="row-value">{{bg.lastActivity}}</text></view>
      <view class="divider"></view>
      <view class="card-sub">工商情况、企业属性、资质、战略方向、决策链、痛点、产品与商机管理，请到「档案」页按《客户管理.xmind》字段补录。</view>
    </view>

    <view wx:if="{{tab === 'opps'}}" class="card">
      <view class="card-title">2027 V1 商机预测（冻结基线）</view>
      <view wx:if="{{opps.length === 0}}" class="empty">该客户无基线商机</view>
      <view wx:for="{{opps}}" wx:key="id" class="list-item">
        <view class="list-head"><text class="list-title">{{item.name}}</text><text class="badge badge-blue">{{item.type}}</text></view>
        <view class="list-desc">{{item.id}} · 货号 {{item.sku}} · {{item.line}}</view>
        <view class="list-meta">原报 {{item.rawText}} 万 · 加权 {{item.weightedText}} 万 · 概率 {{item.probText}} · Q1–Q4 {{item.qText}}</view>
      </view>
      <view class="divider"></view>
      <view class="card-title">业务发展中新增的商机</view>
      <view wx:if="{{newOpps.length === 0}}" class="empty">暂无新增商机</view>
      <view wx:for="{{newOpps}}" wx:key="id" class="list-item">
        <view class="list-head"><text class="list-title">{{item.name}}</text><text class="badge badge-amber">{{item.approvalStatus}}</text></view>
        <view class="list-desc">新增 · 不计入年初目标 · 原报 {{item.rawText}} 万</view>
      </view>
    </view>

    <view wx:if="{{tab === 'timeline'}}" class="card">
      <view class="card-title">近 6 个月活动（只留有商机客户的活动）</view>
      <view wx:if="{{timeline.length === 0}}" class="empty">暂无历史活动</view>
      <view wx:for="{{timeline}}" wx:key="id" class="list-item">
        <view class="list-head"><text class="list-title">{{item.date}}</text><text class="badge badge-gray">{{item.typeText}}</text></view>
        <view class="list-desc">{{item.text}}</view>
        <view class="list-meta">{{item.sales}}</view>
      </view>
    </view>

    <view wx:if="{{tab === 'profile'}}">
      <view wx:for="{{sections}}" wx:for-item="sec" wx:key="key" class="card">
        <view class="card-title">{{sec.name}}</view>
        <view wx:for="{{sec.fields}}" wx:for-item="f" wx:key="key" class="field">
          <text class="field-label">{{f.name}}</text>
          <textarea wx:if="{{f.type === 'textarea'}}" class="textarea" value="{{f.value}}" data-sec="{{sec.key}}" data-key="{{f.key}}" bindinput="onField" placeholder="点击填写" />
          <picker wx:elif="{{f.type === 'select'}}" range="{{f.options}}" data-sec="{{sec.key}}" data-key="{{f.key}}" bindchange="onSelect">
            <view class="picker">{{f.value || '请选择'}}</view>
          </picker>
          <input wx:else class="input" value="{{f.value}}" data-sec="{{sec.key}}" data-key="{{f.key}}" bindinput="onField" placeholder="点击填写" />
        </view>
      </view>
      <view class="btn btn-primary" bindtap="saveProfile">保存客户档案</view>
      <view wx:if="{{profileMsg}}" class="card-sub" style="margin-top:16rpx">{{profileMsg}}</view>
    </view>
  </block>

  <view wx:if="{{!selected}}" class="empty">搜索并选择一个客户，查看 360 视图</view>
</view>
