143 lines
5.0 KiB
Plaintext
143 lines
5.0 KiB
Plaintext
<!-- 加载态 -->
|
|
<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 />
|