813 lines
50 KiB
HTML
813 lines
50 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>看板-助教 - 球房运营助手</title>
|
||
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
|
||
<style>
|
||
body {
|
||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||
padding-bottom: 80px;
|
||
}
|
||
.safe-area-top {
|
||
padding-top: env(safe-area-inset-top, 44px);
|
||
}
|
||
.tab-active {
|
||
color: #0052d9;
|
||
position: relative;
|
||
}
|
||
.tab-active::after {
|
||
content: '';
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 24px;
|
||
height: 3px;
|
||
background: linear-gradient(90deg, #0052d9, #5b9cf8);
|
||
border-radius: 2px;
|
||
}
|
||
.filter-overlay {
|
||
display: none;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
z-index: 1000;
|
||
}
|
||
.filter-overlay.show {
|
||
display: block;
|
||
}
|
||
.filter-dropdown {
|
||
display: none;
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
background: white;
|
||
border-radius: 0 0 16px 16px;
|
||
box-shadow: 0 8px 24px rgba(0,0,0,0.15);
|
||
z-index: 1001;
|
||
max-height: 60vh;
|
||
overflow-y: auto;
|
||
}
|
||
.filter-dropdown.show {
|
||
display: block;
|
||
}
|
||
/* 二级筛选栏层级与动效 */
|
||
#filterBar {
|
||
overflow: hidden;
|
||
max-height: 120px;
|
||
transition: transform 220ms ease, opacity 220ms ease, max-height 220ms ease;
|
||
will-change: transform, opacity;
|
||
}
|
||
/* 仅用于「首次进入页面」的下滑出现（用 transition 触发一次） */
|
||
#filterBar.filter-bar-enter {
|
||
transform: translateY(-16px);
|
||
opacity: 0;
|
||
}
|
||
#filterBar.filter-bar-hidden {
|
||
opacity: 0;
|
||
transform: translateY(-110%);
|
||
pointer-events: none;
|
||
}
|
||
@keyframes filterBarDrop {
|
||
from { transform: translateY(-16px); opacity: 0; }
|
||
to { transform: translateY(0); opacity: 1; }
|
||
}
|
||
@media (prefers-reduced-motion: reduce) {
|
||
#filterBar { animation: none; transition: none; }
|
||
}
|
||
.coach-card {
|
||
transition: all 0.2s ease;
|
||
}
|
||
.dim-container { display: none; }
|
||
.dim-container.active { display: block; }
|
||
.coach-card:active {
|
||
transform: scale(0.98);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-1 min-h-screen">
|
||
<!-- 顶部导航 -->
|
||
<div class="safe-area-top bg-white sticky top-0 z-20 shadow-sm">
|
||
<!-- 一级 Tab -->
|
||
<div class="flex border-b border-gray-2">
|
||
<a href="board-finance.html" class="flex-1 py-3 text-center text-sm font-medium text-gray-7">财务</a>
|
||
<a href="board-customer.html" class="flex-1 py-3 text-center text-sm font-medium text-gray-7">客户</a>
|
||
<a href="board-coach.html" class="flex-1 py-3 text-center text-sm font-medium tab-active">助教</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 筛选区域（二级）— 高度与财务客户看板一致，文字放大 -->
|
||
<div id="filterBar" class="bg-gray-1 sticky top-[44px] z-10 px-4 py-2 border-b border-gray-2">
|
||
<div class="bg-white rounded-lg p-1.5 flex gap-2 shadow-sm border border-gray-2">
|
||
<button onclick="toggleFilter('sort')" class="flex-[2] px-3 py-2 bg-gray-50 rounded-lg text-sm text-gray-10 flex items-center justify-center gap-1 border border-gray-100 whitespace-nowrap">
|
||
<span id="sortLabel" class="truncate font-medium">定档业绩最高</span>
|
||
<svg class="w-4 h-4 text-gray-5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<polyline points="6 9 12 15 18 9"/>
|
||
</svg>
|
||
</button>
|
||
<button onclick="toggleFilter('skill')" class="flex-1 px-3 py-2 bg-gray-50 rounded-lg text-sm text-gray-10 flex items-center justify-center gap-1 border border-gray-100 whitespace-nowrap">
|
||
<span id="skillLabel" class="truncate">不限</span>
|
||
<svg class="w-4 h-4 text-gray-5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<polyline points="6 9 12 15 18 9"/>
|
||
</svg>
|
||
</button>
|
||
<button onclick="toggleFilter('time')" class="flex-1 px-3 py-2 bg-gray-50 rounded-lg text-sm text-gray-10 flex items-center justify-center gap-1 border border-gray-100 whitespace-nowrap">
|
||
<span id="timeLabel" class="truncate">本月</span>
|
||
<svg class="w-4 h-4 text-gray-5 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
<polyline points="6 9 12 15 18 9"/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 遮罩层 -->
|
||
<div id="filterOverlay" class="filter-overlay" onclick="closeAllFilters()"></div>
|
||
|
||
<!-- 排序筛选弹窗 -->
|
||
<div id="sortDropdown" class="filter-dropdown">
|
||
<div class="p-4 space-y-2">
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSort('定档业绩最高')">定档业绩最高</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSort('定档业绩最低')">定档业绩最低</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSort('工资最高')">工资最高</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSort('工资最低')">工资最低</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSort('客源储值最高')">客源储值最高</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSort('任务完成最多')">任务完成最多</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 擅长项目筛选弹窗 -->
|
||
<div id="skillDropdown" class="filter-dropdown">
|
||
<div class="p-4 space-y-2">
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSkill('不限')">不限</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSkill('🎱')">🎱</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSkill('斯')">斯</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSkill('🀄')">🀄</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectSkill('🎤')">🎤</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 时间筛选弹窗 -->
|
||
<div id="timeDropdown" class="filter-dropdown">
|
||
<div class="p-4 space-y-2">
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectTime('本月')">本月</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectTime('本季度')">本季度</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectTime('上月')">上月</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectTime('前3个月')">前3个月（不含本月）</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectTime('上季度')">上季度</div>
|
||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectTime('最近6个月')">最近6个月（不含本月，不支持客源储值最高）</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ====== 定档业绩最高/最低 ====== -->
|
||
<div id="dim-perf" class="dim-container active p-4 space-y-3">
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">小</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">小燕</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto flex items-center gap-2 text-xs flex-shrink-0">
|
||
<span>定档 <b class="text-primary text-sm">86.2h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">92.0h</span></span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 王先生</span><span>💖 李女士</span><span>💛 赵总</span>
|
||
</div>
|
||
<span class="text-warning font-medium flex-shrink-0">距升档 13.8h</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">泡</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">泡芙</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-purple-400 to-violet-400 text-white text-xs rounded flex-shrink-0">高级</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto flex items-center gap-2 text-xs flex-shrink-0">
|
||
<span>定档 <b class="text-primary text-sm">72.5h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">78.0h</span></span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 陈先生</span><span>💛 刘女士</span><span>💛 黄总</span>
|
||
</div>
|
||
<span class="text-warning font-medium flex-shrink-0">距升档 7.5h</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">A</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Amy</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto flex items-center gap-2 text-xs flex-shrink-0">
|
||
<span>定档 <b class="text-primary text-sm">68.0h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">72.5h</span></span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 张先生</span><span>💛 周女士</span><span>💛 吴总</span>
|
||
</div>
|
||
<span class="text-warning font-medium flex-shrink-0">距升档 32.0h</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">M</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Mia</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded flex-shrink-0">🀄</span>
|
||
<span class="ml-auto flex items-center gap-2 text-xs flex-shrink-0">
|
||
<span>定档 <b class="text-primary text-sm">55.0h</b></span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 赵先生</span><span>💛 吴女士</span><span>💛 孙总</span>
|
||
</div>
|
||
<span class="text-warning font-medium flex-shrink-0">距升档 5.0h</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">糖</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">糖糖</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-gray-400 to-gray-500 text-white text-xs rounded flex-shrink-0">初级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto flex items-center gap-2 text-xs flex-shrink-0">
|
||
<span>定档 <b class="text-primary text-sm">42.0h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">45.0h</span></span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 钱先生</span><span>💛 孙女士</span><span>💛 周总</span>
|
||
</div>
|
||
<span class="text-success font-medium flex-shrink-0">✅ 已达标</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-cyan-400 to-teal-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">露</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">露露</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-error/10 text-error text-xs rounded flex-shrink-0">🎤</span>
|
||
<span class="ml-auto flex items-center gap-2 text-xs flex-shrink-0">
|
||
<span>定档 <b class="text-primary text-sm">38.0h</b></span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 郑先生</span><span>💛 冯女士</span><span>💛 陈总</span>
|
||
</div>
|
||
<span class="text-warning font-medium flex-shrink-0">距升档 22.0h</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- ====== 工资最高/最低 ====== -->
|
||
<div id="dim-salary" class="dim-container p-4 space-y-3">
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">小</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">小燕</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded">预估</span>
|
||
<span class="text-lg font-bold text-gray-13">¥12,680</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 王先生</span><span>💖 李女士</span><span>💛 赵总</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-10 font-semibold">定档 <b>86.2h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">92.0h</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">泡</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">泡芙</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-purple-400 to-violet-400 text-white text-xs rounded flex-shrink-0">高级</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded">预估</span>
|
||
<span class="text-lg font-bold text-gray-13">¥10,200</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 陈先生</span><span>💛 刘女士</span><span>💛 黄总</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-10 font-semibold">定档 <b>72.5h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">78.0h</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">A</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Amy</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded">预估</span>
|
||
<span class="text-lg font-bold text-gray-13">¥9,800</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 张先生</span><span>💛 周女士</span><span>💛 吴总</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-10 font-semibold">定档 <b>68.0h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">72.5h</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">M</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Mia</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded flex-shrink-0">🀄</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded">预估</span>
|
||
<span class="text-lg font-bold text-gray-13">¥7,500</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 赵先生</span><span>💛 吴女士</span><span>💛 孙总</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-10 font-semibold">定档 <b>55.0h</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">糖</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">糖糖</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-gray-400 to-gray-500 text-white text-xs rounded flex-shrink-0">初级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded">预估</span>
|
||
<span class="text-lg font-bold text-gray-13">¥6,200</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 钱先生</span><span>💛 孙女士</span><span>💛 周总</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-10 font-semibold">定档 <b>42.0h</b></span>
|
||
<span class="text-gray-5">折前 <span class="text-gray-7">45.0h</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-cyan-400 to-teal-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">露</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">露露</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-error/10 text-error text-xs rounded flex-shrink-0">🎤</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded">预估</span>
|
||
<span class="text-lg font-bold text-gray-13">¥5,100</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 郑先生</span><span>💛 冯女士</span><span>💛 陈总</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-10 font-semibold">定档 <b>38.0h</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- ====== 客源储值最高 ====== -->
|
||
<div id="dim-sv" class="dim-container p-4 space-y-3">
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">小</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">小燕</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-xs text-gray-6">储值</span>
|
||
<span class="text-lg font-bold text-gray-13">¥45,200</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 王先生</span><span>💖 李女士</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-7">客户 <b class="text-gray-10">18</b>人</span>
|
||
<span class="text-gray-5">|</span>
|
||
<span class="text-gray-7">消耗 <b class="text-gray-10">¥8,600</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">泡</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">泡芙</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-purple-400 to-violet-400 text-white text-xs rounded flex-shrink-0">高级</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-xs text-gray-6">储值</span>
|
||
<span class="text-lg font-bold text-gray-13">¥38,600</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 陈先生</span><span>💛 刘女士</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-7">客户 <b class="text-gray-10">15</b>人</span>
|
||
<span class="text-gray-5">|</span>
|
||
<span class="text-gray-7">消耗 <b class="text-gray-10">¥6,200</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">A</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Amy</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-xs text-gray-6">储值</span>
|
||
<span class="text-lg font-bold text-gray-13">¥32,100</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 张先生</span><span>💛 周女士</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-7">客户 <b class="text-gray-10">14</b>人</span>
|
||
<span class="text-gray-5">|</span>
|
||
<span class="text-gray-7">消耗 <b class="text-gray-10">¥5,800</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">M</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Mia</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded flex-shrink-0">🀄</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-xs text-gray-6">储值</span>
|
||
<span class="text-lg font-bold text-gray-13">¥28,500</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 赵先生</span><span>💛 吴女士</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-7">客户 <b class="text-gray-10">12</b>人</span>
|
||
<span class="text-gray-5">|</span>
|
||
<span class="text-gray-7">消耗 <b class="text-gray-10">¥4,100</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">糖</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">糖糖</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-gray-400 to-gray-500 text-white text-xs rounded flex-shrink-0">初级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-xs text-gray-6">储值</span>
|
||
<span class="text-lg font-bold text-gray-13">¥22,000</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 钱先生</span><span>💛 孙女士</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-7">客户 <b class="text-gray-10">10</b>人</span>
|
||
<span class="text-gray-5">|</span>
|
||
<span class="text-gray-7">消耗 <b class="text-gray-10">¥3,500</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-cyan-400 to-teal-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">露</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">露露</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-error/10 text-error text-xs rounded flex-shrink-0">🎤</span>
|
||
<span class="ml-auto flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-xs text-gray-6">储值</span>
|
||
<span class="text-lg font-bold text-gray-13">¥18,300</span>
|
||
</span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 郑先生</span><span>💛 冯女士</span>
|
||
</div>
|
||
<div class="flex items-center gap-1.5 flex-shrink-0">
|
||
<span class="text-gray-7">客户 <b class="text-gray-10">9</b>人</span>
|
||
<span class="text-gray-5">|</span>
|
||
<span class="text-gray-7">消耗 <b class="text-gray-10">¥2,800</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- ====== 任务完成最多 ====== -->
|
||
<div id="dim-task" class="dim-container p-4 space-y-3">
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">小</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">小燕</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto text-sm text-gray-7 flex-shrink-0">召回 <b class="text-primary text-base">18</b></span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 王先生</span><span>💖 李女士</span><span>💛 赵总</span>
|
||
</div>
|
||
<span class="flex-shrink-0 text-gray-7">回访 <b class="text-gray-10">14</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">泡</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">泡芙</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-purple-400 to-violet-400 text-white text-xs rounded flex-shrink-0">高级</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto text-sm text-gray-7 flex-shrink-0">召回 <b class="text-primary text-base">15</b></span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 陈先生</span><span>💛 刘女士</span><span>💛 黄总</span>
|
||
</div>
|
||
<span class="flex-shrink-0 text-gray-7">回访 <b class="text-gray-10">13</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">A</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Amy</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-amber-400 to-orange-400 text-white text-xs rounded flex-shrink-0">星级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="px-1.5 py-0.5 bg-success/10 text-success text-xs rounded flex-shrink-0">斯</span>
|
||
<span class="ml-auto text-sm text-gray-7 flex-shrink-0">召回 <b class="text-primary text-base">12</b></span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💖 张先生</span><span>💛 周女士</span><span>💛 吴总</span>
|
||
</div>
|
||
<span class="flex-shrink-0 text-gray-7">回访 <b class="text-gray-10">13</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">M</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">Mia</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning text-xs rounded flex-shrink-0">🀄</span>
|
||
<span class="ml-auto text-sm text-gray-7 flex-shrink-0">召回 <b class="text-primary text-base">10</b></span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 赵先生</span><span>💛 吴女士</span><span>💛 孙总</span>
|
||
</div>
|
||
<span class="flex-shrink-0 text-gray-7">回访 <b class="text-gray-10">10</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">糖</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">糖糖</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-gray-400 to-gray-500 text-white text-xs rounded flex-shrink-0">初级</span>
|
||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary text-xs rounded flex-shrink-0">🎱</span>
|
||
<span class="ml-auto text-sm text-gray-7 flex-shrink-0">召回 <b class="text-primary text-base">8</b></span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 钱先生</span><span>💛 孙女士</span><span>💛 周总</span>
|
||
</div>
|
||
<span class="flex-shrink-0 text-gray-7">回访 <b class="text-gray-10">10</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="coach-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm coach-card">
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-11 h-11 rounded-full bg-gradient-to-br from-cyan-400 to-teal-500 flex items-center justify-center flex-shrink-0">
|
||
<span class="text-white font-semibold text-base">露</span>
|
||
</div>
|
||
<div class="flex-1 min-w-0">
|
||
<div class="flex items-center gap-1.5 flex-wrap">
|
||
<span class="text-base font-semibold text-gray-13">露露</span>
|
||
<span class="px-1.5 py-0.5 bg-gradient-to-r from-blue-400 to-indigo-400 text-white text-xs rounded flex-shrink-0">中级</span>
|
||
<span class="px-1.5 py-0.5 bg-error/10 text-error text-xs rounded flex-shrink-0">🎤</span>
|
||
<span class="ml-auto text-sm text-gray-7 flex-shrink-0">召回 <b class="text-primary text-base">6</b></span>
|
||
</div>
|
||
<div class="flex items-center justify-between mt-1.5 text-xs">
|
||
<div class="flex items-center gap-2 text-gray-6 truncate">
|
||
<span>💛 郑先生</span><span>💛 冯女士</span><span>💛 陈总</span>
|
||
</div>
|
||
<span class="flex-shrink-0 text-gray-7">回访 <b class="text-gray-10">9</b></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<!-- 悬浮助手按钮 -->
|
||
|
||
|
||
<!-- 通用底部导航 -->
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|