Neo-ZQYY/apps/miniprogram - 副本/miniprogram/pages/task-detail-relationship/task-detail-relationship.wxml

<wxs src="../../utils/format.wxs" module="fmt" />
<!-- 加载态 -->
<view class="page-loading" wx:if="{{pageState === 'loading'}}">
  <t-loading theme="circular" size="80rpx" text="加载中..." />
</view>

<!-- 空态 -->
<view class="page-empty" wx:elif="{{pageState === 'empty'}}">
  <t-icon name="info-circle" size="120rpx" color="#c5c5c5" />
  <text class="empty-text">未找到任务信息</text>
</view>

<!-- 正常态 -->
<block wx:elif="{{pageState === 'normal'}}">
  <!-- Banner - 粉色主题 -->
  <view class="banner-area banner-pink">
    <view class="banner-nav">
      <view class="nav-back" bindtap="onBack">
        <t-icon name="chevron-left" size="48rpx" color="#ffffff" />
      </view>
      <text class="nav-title">任务详情</text>
      <view class="nav-placeholder"></view>
    </view>
    <view class="customer-info">
      <view class="avatar-box">
        <text class="avatar-text">{{detail.customerName[0] || '?'}}</text>
      </view>
      <view class="info-right">
        <view class="name-row">
          <text class="customer-name">{{detail.customerName}}</text>
          <text class="task-type-tag">关系构建</text>
        </view>
        <view class="sub-info">
          <text class="phone">137****8899</text>
          <block wx:if="{{detail.preferences.length > 0}}">
            <text class="pref-info">🎱 {{detail.preferences[0]}}</text>
          </block>
        </view>
      </view>
    </view>
  </view>

  <view class="main-content">
    <!-- ① 维客线索 -->
    <view class="card">
      <view class="card-header">
        <text class="section-title title-green">维客线索</text>
        <text class="ai-badge">AI智能洞察</text>
      </view>
      <view class="clue-list">
        <view class="clue-item">
          <view class="clue-tag clue-tag-primary">客户<text>\n</text>基础</view>
          <view class="clue-body">
            <text class="clue-text">👤 普通会员 · 注册8个月 · 社交活跃</text>
            <text class="clue-source">By:系统</text>
          </view>
        </view>
        <view class="clue-item clue-item-detail">
          <view class="clue-tag clue-tag-success">消费<text>\n</text>习惯</view>
          <view class="clue-body">
            <text class="clue-text">☀️ 偏好周末下午 · 月均3-4次 · 喜欢包厢</text>
            <text class="clue-source">By:系统</text>
          </view>
          <text class="clue-detail">{{detail.consumptionHabits || '周末下午为主，偏好包厢'}}</text>
        </view>
        <view class="clue-item clue-item-detail">
          <view class="clue-tag clue-tag-purple">玩法<text>\n</text>偏好</view>
          <view class="clue-body">
            <text class="clue-text">🎱 中式台球 · 麻将 · 喜欢组队</text>
            <text class="clue-source">By:系统</text>
          </view>
          <text class="clue-detail">{{detail.socialPreference || '喜欢组队打球，社交型消费者'}}</text>
        </view>
        <view class="clue-item">
          <view class="clue-tag clue-tag-error">重要<text>\n</text>反馈</view>
          <view class="clue-body">
            <text class="clue-text">⭐ 对服务满意，希望认识更多球友</text>
            <text class="clue-source">By:小燕</text>
          </view>
        </view>
      </view>
    </view>

    <!-- ② 与我的关系（含近期服务记录） -->
    <view class="card">
      <view class="card-header">
        <text class="section-title title-blue">与我的关系</text>
        <text class="ai-badge">AI智能洞察</text>
      </view>
      <view class="relationship-row">
        <view class="rel-tag rel-tag-pink">
          <heart-icon score="{{detail.heartScore}}" />
          <text>{{detail.heartScore > 8.5 ? '非常好' : detail.heartScore > 7 ? '良好' : detail.heartScore > 5 ? '一般' : '待发展'}}</text>
        </view>
        <view class="rel-bar">
          <view class="rel-bar-fill" style="width: {{detail.heartScore * 10}}%"></view>
        </view>
        <text class="rel-score">{{fmt.toFixed(detail.heartScore / 10, 2)}}</text>
      </view>
      <text class="card-desc">{{detail.aiAnalysis.summary}}</text>

      <view class="svc-section">
        <text class="svc-title">📋 近期服务记录</text>
        <view class="svc-record" wx:for="{{serviceRecords}}" wx:key="date">
          <view class="svc-row-top">
            <view class="svc-tags">
              <text class="svc-table">{{item.table}}</text>
              <text class="svc-type svc-type-{{item.typeClass}}">{{item.type}}</text>
              <text class="svc-duration">{{item.duration}}</text>
            </view>
            <text class="svc-income">{{item.income}}</text>
          </view>
          <view class="svc-row-bottom">
            <text class="svc-drinks">{{item.drinks}}</text>
            <text class="svc-date">{{item.date}}</text>
          </view>
        </view>
        <view class="svc-more" bindtap="onViewAllRecords">
          <text>查看全部服务记录 →</text>
        </view>
      </view>
    </view>

    <!-- ③ 任务建议 -->
    <view class="card">
      <text class="section-title title-pink-left">任务建议</text>
      <view class="suggestion-box suggestion-pink">
        <view class="suggestion-header">
          <text class="suggestion-icon">💝 关系构建重点</text>
          <text class="ai-badge">AI智能洞察</text>
        </view>
        <view class="suggestion-list">
          <text class="suggestion-item" wx:for="{{detail.aiAnalysis.suggestions}}" wx:key="index">• {{item}}</text>
        </view>
      </view>
      <view class="talking-section">
        <view class="talking-header">
          <text class="talking-title">💬 话术参考</text>
          <text class="ai-badge">AI智能洞察</text>
        </view>
        <view class="talking-list">
          <text class="talking-item" wx:for="{{talkingPoints}}" wx:key="index">"{{item}}"</text>
        </view>
      </view>
    </view>

    <!-- ④ 我给TA的备注 -->
    <view class="card">
      <view class="card-header">
        <text class="section-title title-blue">我给TA的备注</text>
        <text class="note-count">{{sortedNotes.length}} 条备注</text>
      </view>
      <block wx:if="{{sortedNotes.length > 0}}">
        <view class="note-item" wx:for="{{sortedNotes}}" wx:key="id">
          <view class="note-top">
            <text class="note-date">{{item.createdAt}}</text>
            <text class="note-tag-inline {{item.tagType === 'coach' ? 'tag-coach-inline' : 'tag-customer-inline'}}">{{item.tagLabel}}</text>
          </view>
          <text class="note-content">{{item.content}}</text>
        </view>
      </block>
      <view class="note-empty" wx:else>
        <t-icon name="edit-1" size="80rpx" color="#dcdcdc" />
        <text class="empty-hint">快点击下方备注按钮，添加客人备注！</text>
      </view>
    </view>
  </view>

  <!-- 底部操作栏 -->
  <view class="bottom-bar safe-area-bottom">
    <view class="btn-ask btn-ask-pink" bindtap="onAskAssistant">
      <t-icon name="chat" size="40rpx" color="#ffffff" />
      <text>问问助手</text>
    </view>
    <view class="btn-note" bindtap="onAddNote">
      <t-icon name="edit-1" size="40rpx" color="#242424" />
      <text>备注</text>
    </view>
  </view>

  <note-modal
    visible="{{noteModalVisible}}"
    customerName="{{detail.customerName}}"
    initialScore="{{0}}"
    initialContent=""
    bind:confirm="onNoteConfirm"
    bind:cancel="onNoteCancel"
  />

  <ai-float-button bottom="{{200}}" customerId="{{detail.id}}" />
</block>

<dev-fab />