微信小程序页面迁移校验之前 P5任务处理之前

apps/miniprogram - 副本/miniprogram/pages/task-detail/task-detail.wxml

@@ -0,0 +1,125 @@
+<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-red">
+    <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>
+      <text class="nav-abandon" bindtap="onAbandon">放弃</text>
+    </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">{{detail.taskTypeLabel || '高优先召回'}}</text>
+        </view>
+        <view class="sub-info">
+          <text class="phone">138****5678</text>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 主体内容 -->
+  <view class="main-content">
+    <!-- 与我的关系 -->
+    <view class="card">
+      <view class="card-header">
+        <text class="section-title title-pink">与我的关系</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>
+
+    <!-- 任务建议 -->
+    <view class="card">
+      <text class="section-title title-orange">任务建议</text>
+      <view class="suggestion-box">
+        <view class="suggestion-header">
+          <text class="suggestion-icon">💡 建议执行</text>
+          <text class="ai-badge">AI智能洞察</text>
+        </view>
+        <view class="suggestion-list">
+          <view class="suggestion-item" wx:for="{{detail.aiAnalysis.suggestions}}" wx:key="index">
+            <text>• {{item}}</text>
+          </view>
+        </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" 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 悬浮按钮 -->
+  <ai-float-button bottom="{{200}}" customerId="{{detail.id}}" />
+</block>
+
+<dev-fab />