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

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

@@ -0,0 +1,142 @@
+<!-- 加载态 -->
+<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">
+    <view class="banner-bg"></view>
+    <view class="banner-overlay">
+      <!-- 导航栏 -->
+      <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="coach-header">
+        <view class="avatar-box">
+          <image class="avatar-img" src="{{detail.avatar}}" mode="aspectFill" />
+        </view>
+        <view class="info-middle">
+          <view class="name-row">
+            <text class="coach-name">{{detail.name}}</text>
+            <t-tag variant="light" size="small" theme="warning">{{detail.level}}</t-tag>
+          </view>
+          <view class="skill-row">
+            <text class="skill-tag" wx:for="{{detail.skills}}" wx:key="*this">{{item}}</text>
+          </view>
+        </view>
+        <view class="info-right-stats">
+          <view class="right-stat">
+            <text class="right-stat-label">工龄</text>
+            <text class="right-stat-value">{{detail.workYears}}年</text>
+          </view>
+          <view class="right-stat">
+            <text class="right-stat-label">客户</text>
+            <text class="right-stat-value">{{detail.customerCount}}人</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 主体内容 -->
+  <view class="main-content">
+    <!-- 绩效概览 -->
+    <view class="card">
+      <text class="section-title title-blue">绩效概览</text>
+      <view class="perf-grid">
+        <view class="perf-card {{item.bgClass}}" wx:for="{{perfCards}}" wx:key="label">
+          <text class="perf-label">{{item.label}}</text>
+          <view class="perf-value-row">
+            <text class="perf-value {{item.valueColor}}">{{item.value}}</text>
+            <text class="perf-unit" wx:if="{{item.unit}}">{{item.unit}}</text>
+          </view>
+          <text class="perf-sub">{{item.sub}}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 收入明细 -->
+    <view class="card">
+      <view class="card-header">
+        <text class="section-title title-green">收入明细</text>
+        <view class="income-tabs">
+          <text class="income-tab {{incomeTab === 'this' ? 'active' : ''}}"
+                data-tab="this" bindtap="onIncomeTabTap">本月</text>
+          <text class="income-tab {{incomeTab === 'last' ? 'active' : ''}}"
+                data-tab="last" bindtap="onIncomeTabTap">上月</text>
+        </view>
+      </view>
+      <view class="income-list">
+        <view class="income-item" wx:for="{{currentIncome}}" wx:key="label">
+          <view class="income-dot dot-{{item.color}}"></view>
+          <text class="income-label">{{item.label}}</text>
+          <text class="income-amount">{{item.amount}}</text>
+        </view>
+        <view class="income-total">
+          <text class="income-total-label">合计{{incomeTab === 'this' ? '（预估）' : ''}}</text>
+          <text class="income-total-value">{{incomeTotal}}</text>
+        </view>
+      </view>
+    </view>
+
+    <!-- 备注列表 -->
+    <view class="card">
+      <view class="card-header">
+        <text class="section-title title-orange">备注记录</text>
+        <text class="header-hint">共 {{sortedNotes.length}} 条</text>
+      </view>
+      <view class="note-list" wx:if="{{sortedNotes.length > 0}}">
+        <view class="note-item" wx:for="{{sortedNotes}}" wx:key="id">
+          <view class="note-top">
+            <text class="note-author">{{item.tagLabel}}</text>
+            <text class="note-time">{{item.createdAt}}</text>
+          </view>
+          <text class="note-content">{{item.content}}</text>
+        </view>
+      </view>
+      <view class="note-empty" wx:else>
+        <t-icon name="info-circle" size="80rpx" color="#dcdcdc" />
+        <text class="empty-hint">暂无备注</text>
+      </view>
+    </view>
+  </view>
+
+  <!-- 底部操作栏 -->
+  <view class="bottom-bar safe-area-bottom">
+    <view class="btn-chat" bindtap="onStartChat">
+      <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.name}}"
+    bind:confirm="onNoteConfirm"
+    bind:cancel="onNoteCancel"
+  />
+
+  <!-- AI 悬浮按钮 -->
+  <ai-float-button bottom="{{120}}" customerId="{{detail.id}}" />
+</block>
+
+<dev-fab />