790 lines
53 KiB
HTML
790 lines
53 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">
|
|
<link href="../css/banner.css" rel="stylesheet">
|
|
|
|
<style>
|
|
body {
|
|
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
}
|
|
.record-item {
|
|
transition: all 0.2s ease;
|
|
}
|
|
.record-item:active {
|
|
background: #f5f5f5;
|
|
}
|
|
.perf-value {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
.date-divider {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 14px 16px 4px;
|
|
}
|
|
.date-divider .dd-line {
|
|
flex: 1;
|
|
height: 1px;
|
|
background: #dcdcdc;
|
|
}
|
|
.date-divider .dd-date {
|
|
font-size: 11px;
|
|
color: #8b8b8b;
|
|
font-weight: 500;
|
|
white-space: nowrap;
|
|
}
|
|
.date-divider .dd-stats {
|
|
font-size: 11px;
|
|
color: #a6a6a6;
|
|
font-variant-numeric: tabular-nums;
|
|
white-space: nowrap;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-1 min-h-screen pb-8">
|
|
<!-- Tailwind 动态类预加载 -->
|
|
<div class="hidden">
|
|
<span class="rounded-lg from-blue-400 to-indigo-500 from-pink-400 to-rose-500 from-teal-400 to-emerald-500 from-green-400 to-teal-500 from-orange-400 to-amber-500 from-purple-400 to-violet-500 from-violet-400 to-purple-500 from-teal-300 to-emerald-400 from-amber-400 to-yellow-500 from-sky-400 to-blue-500 from-fuchsia-400 to-pink-500 from-rose-400 to-red-500 from-lime-400 to-green-500 from-slate-400 to-gray-500 from-indigo-300 to-violet-400 from-pink-300 to-rose-400 from-emerald-300 to-teal-400 from-cyan-400 to-sky-500 from-orange-300 to-red-400 from-yellow-400 to-orange-500 from-blue-300 to-purple-400 from-gray-300 to-gray-400"></span>
|
|
</div>
|
|
|
|
<!-- Banner -->
|
|
<div class="banner-bg theme-coral texture-aurora relative text-white">
|
|
<div class="h-11 flex items-center relative px-4">
|
|
<button onclick="history.back()" class="absolute left-4 p-1">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="15 18 9 12 15 6"/>
|
|
</svg>
|
|
</button>
|
|
<h1 class="flex-1 text-center text-base font-medium">业绩明细</h1>
|
|
</div>
|
|
<div class="px-5 pt-1 pb-5">
|
|
<div class="flex items-center gap-4">
|
|
<div class="w-14 h-14 rounded-2xl bg-white/20 backdrop-blur-sm flex items-center justify-center shadow-lg overflow-hidden flex-shrink-0">
|
|
<img src="../img/zjtx.png" class="w-full h-full object-cover" alt="助教头像">
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center gap-2 mb-1">
|
|
<span class="text-lg font-semibold">小燕</span>
|
|
<span class="px-2 py-0.5 bg-amber-400/30 text-amber-100 rounded-full text-xs">星级</span>
|
|
</div>
|
|
<div class="flex items-center gap-2 text-white/70 text-xs">
|
|
<span>球会名称店</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 月份切换 -->
|
|
<div class="bg-white px-4 py-3 border-b border-gray-2 flex items-center justify-center gap-6">
|
|
<button id="prevMonthBtn" onclick="switchMonth('prev')" class="p-1.5 rounded-full hover:bg-gray-100">
|
|
<svg class="w-4 h-4 text-gray-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="15 18 9 12 15 6"/>
|
|
</svg>
|
|
</button>
|
|
<span id="monthLabel" class="text-sm font-semibold text-gray-13">2026年2月</span>
|
|
<button id="nextMonthBtn" onclick="switchMonth('next')" class="p-1.5 rounded-full hover:bg-gray-100 opacity-30" disabled>
|
|
<svg class="w-4 h-4 text-gray-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<polyline points="9 6 15 12 9 18"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- 统计概览 -->
|
|
<div class="px-4 py-3 bg-white border-b border-gray-2">
|
|
<div class="flex items-start justify-between">
|
|
<div class="text-center flex-1">
|
|
<p class="text-[10px] text-gray-6 mb-0.5">总记录</p>
|
|
<p class="text-lg font-bold text-gray-13 perf-value" id="totalCount">32笔</p>
|
|
</div>
|
|
<div class="w-px h-10 bg-gray-2 mt-0.5"></div>
|
|
<div class="text-center flex-1">
|
|
<p class="text-[10px] text-gray-6 mb-0.5">总业绩时长</p>
|
|
<p class="text-lg font-bold text-primary perf-value" id="totalMinutes">59.0h</p>
|
|
<p class="text-[10px] text-gray-5">折算前 60.5h</p>
|
|
<p class="text-[10px] text-warning">预估</p>
|
|
</div>
|
|
<div class="w-px h-10 bg-gray-2 mt-0.5"></div>
|
|
<div class="text-center flex-1">
|
|
<p class="text-[10px] text-gray-6 mb-0.5">收入</p>
|
|
<p class="text-lg font-bold text-success perf-value" id="totalIncome">¥4,720</p>
|
|
<p class="text-[10px] text-warning">预估</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 记录列表 -->
|
|
<div class="p-4">
|
|
<div id="recordsList" class="bg-white rounded-2xl shadow-sm overflow-hidden">
|
|
<!-- 2月7日 -->
|
|
<div class="date-divider"><span class="dd-date">2月7日</span><div class="dd-line"></div><span class="dd-stats">时长 6.0h · 预估收入 ¥510</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">王</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">王先生</span>
|
|
<span class="text-xs text-gray-6">20:00-22:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">3号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">李</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">李女士</span>
|
|
<span class="text-xs text-gray-6">16:00-18:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-blue-50 text-blue-700 rounded text-[11px] font-medium flex-shrink-0">包厢课</span>
|
|
<span class="text-xs text-gray-7">VIP1号房</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥190</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-teal-400 to-emerald-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">陈</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">陈女士</span>
|
|
<span class="text-xs text-gray-6">10:00-12:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">2号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 2月6日 -->
|
|
<div class="date-divider"><span class="dd-date">2月6日</span><div class="dd-line"></div><span class="dd-stats">时长 3.5h · 预估收入 ¥280</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-green-400 to-teal-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">张</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">张先生</span>
|
|
<span class="text-xs text-gray-6">19:00-21:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">5号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-orange-400 to-amber-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">刘</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">刘先生</span>
|
|
<span class="text-xs text-gray-6">15:30-17:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-amber-600 perf-value">1.5h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-amber-50 text-amber-700 rounded text-[11px] font-medium flex-shrink-0">打赏课</span>
|
|
<span class="text-xs text-gray-7">打赏</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥120</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 2月5日 -->
|
|
<div class="date-divider"><span class="dd-date">2月5日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 预估收入 ¥320</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-teal-400 to-emerald-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">陈</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">陈女士</span>
|
|
<span class="text-xs text-gray-6">20:00-22:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">2号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">赵</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">赵先生</span>
|
|
<span class="text-xs text-gray-6">14:00-16:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span> <span class="text-[10px] text-gray-5 font-normal">(折0.5h)</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">7号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 2月4日 -->
|
|
<div class="date-divider"><span class="dd-date">2月4日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 预估收入 ¥350</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-violet-400 to-purple-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">孙</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">孙先生</span>
|
|
<span class="text-xs text-gray-6">19:00-21:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-blue-50 text-blue-700 rounded text-[11px] font-medium flex-shrink-0">包厢课</span>
|
|
<span class="text-xs text-gray-7">VIP2号房</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥190</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-teal-300 to-emerald-400 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">吴</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">吴女士</span>
|
|
<span class="text-xs text-gray-6">15:00-17:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">1号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 2月3日 -->
|
|
<div class="date-divider"><span class="dd-date">2月3日</span><div class="dd-line"></div><span class="dd-stats">时长 3.5h · 预估收入 ¥280</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-amber-400 to-yellow-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">郑</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">郑先生</span>
|
|
<span class="text-xs text-gray-6">20:00-22:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">4号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-sky-400 to-blue-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">黄</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">黄女士</span>
|
|
<span class="text-xs text-gray-6">14:30-16:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-amber-600 perf-value">1.5h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-amber-50 text-amber-700 rounded text-[11px] font-medium flex-shrink-0">打赏课</span>
|
|
<span class="text-xs text-gray-7">打赏</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥120</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 2月2日 -->
|
|
<div class="date-divider"><span class="dd-date">2月2日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 预估收入 ¥350</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-fuchsia-400 to-pink-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">林</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">林先生</span>
|
|
<span class="text-xs text-gray-6">19:00-21:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">6号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-rose-400 to-red-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">何</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">何女士</span>
|
|
<span class="text-xs text-gray-6">13:00-15:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-blue-50 text-blue-700 rounded text-[11px] font-medium flex-shrink-0">包厢课</span>
|
|
<span class="text-xs text-gray-7">VIP3号房</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥190</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 2月1日 -->
|
|
<div class="date-divider"><span class="dd-date">2月1日</span><div class="dd-line"></div><span class="dd-stats">时长 6.0h · 预估收入 ¥510</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">王</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">王先生</span>
|
|
<span class="text-xs text-gray-6">20:30-22:30</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">3号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-lime-400 to-green-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">马</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">马先生</span>
|
|
<span class="text-xs text-gray-6">16:00-18:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">8号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-slate-400 to-gray-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">罗</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">罗女士</span>
|
|
<span class="text-xs text-gray-6">12:30-14:30</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span> <span class="text-[10px] text-gray-5 font-normal">(折0.5h)</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">2号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-indigo-300 to-violet-400 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">梁</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">梁先生</span>
|
|
<span class="text-xs text-gray-6">10:00-12:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">5号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-pink-300 to-rose-400 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">宋</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">宋女士</span>
|
|
<span class="text-xs text-gray-6">8:30-10:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-amber-600 perf-value">1.5h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-amber-50 text-amber-700 rounded text-[11px] font-medium flex-shrink-0">打赏课</span>
|
|
<span class="text-xs text-gray-7">打赏</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥120</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-emerald-300 to-teal-400 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">谢</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">谢先生</span>
|
|
<span class="text-xs text-gray-6">7:00-8:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">1.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">1号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的预估收入 <span class="font-medium text-gray-9">¥80</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 1月31日 -->
|
|
<div class="date-divider"><span class="dd-date">1月31日</span><div class="dd-line"></div><span class="dd-stats">时长 5.5h · 收入 ¥470</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-cyan-400 to-sky-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">韩</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">韩女士</span>
|
|
<span class="text-xs text-gray-6">21:00-23:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">4号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-orange-300 to-red-400 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">唐</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">唐先生</span>
|
|
<span class="text-xs text-gray-6">18:30-20:30</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span> <span class="text-[10px] text-gray-5 font-normal">(折0.5h)</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-blue-50 text-blue-700 rounded text-[11px] font-medium flex-shrink-0">包厢课</span>
|
|
<span class="text-xs text-gray-7">VIP2号房</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥190</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-yellow-400 to-orange-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">冯</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">冯女士</span>
|
|
<span class="text-xs text-gray-6">14:00-16:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">6号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 1月30日 -->
|
|
<div class="date-divider"><span class="dd-date">1月30日</span><div class="dd-line"></div><span class="dd-stats">时长 3.5h · 收入 ¥280</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-green-400 to-teal-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">张</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">张先生</span>
|
|
<span class="text-xs text-gray-6">19:30-21:30</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">5号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-orange-400 to-amber-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">刘</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">刘先生</span>
|
|
<span class="text-xs text-gray-6">14:30-16:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-amber-600 perf-value">1.5h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-amber-50 text-amber-700 rounded text-[11px] font-medium flex-shrink-0">打赏课</span>
|
|
<span class="text-xs text-gray-7">打赏</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥120</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 1月29日 -->
|
|
<div class="date-divider"><span class="dd-date">1月29日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 收入 ¥320</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-teal-400 to-emerald-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">陈</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">陈女士</span>
|
|
<span class="text-xs text-gray-6">20:00-22:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">2号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">李</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">李女士</span>
|
|
<span class="text-xs text-gray-6">13:00-15:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-blue-50 text-blue-700 rounded text-[11px] font-medium flex-shrink-0">包厢课</span>
|
|
<span class="text-xs text-gray-7">VIP1号房</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥190</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 1月28日 -->
|
|
<div class="date-divider"><span class="dd-date">1月28日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 收入 ¥350</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">赵</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">赵先生</span>
|
|
<span class="text-xs text-gray-6">19:00-21:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span> <span class="text-[10px] text-gray-5 font-normal">(折0.5h)</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">7号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-blue-300 to-purple-400 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">董</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">董先生</span>
|
|
<span class="text-xs text-gray-6">15:00-17:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-emerald-50 text-emerald-700 rounded text-[11px] font-medium flex-shrink-0">基础课</span>
|
|
<span class="text-xs text-gray-7">3号台</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥160</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 1月27日 -->
|
|
<div class="date-divider"><span class="dd-date">1月27日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 收入 ¥350</span></div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-violet-400 to-purple-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">孙</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">孙先生</span>
|
|
<span class="text-xs text-gray-6">20:00-22:00</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-emerald-600 perf-value">2.0h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-blue-50 text-blue-700 rounded text-[11px] font-medium flex-shrink-0">包厢课</span>
|
|
<span class="text-xs text-gray-7">VIP2号房</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥190</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-item flex items-center gap-3 px-4 py-2.5">
|
|
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-sky-400 to-blue-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">黄</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center gap-2 min-w-0">
|
|
<span class="text-sm font-medium text-gray-13 flex-shrink-0">黄女士</span>
|
|
<span class="text-xs text-gray-6">14:30-16:30</span>
|
|
</div>
|
|
<div class="flex items-center gap-1 flex-shrink-0 ml-2">
|
|
<span class="text-sm font-bold text-amber-600 perf-value">1.5h</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between mt-1">
|
|
<div class="flex items-center gap-1.5">
|
|
<span class="px-1.5 py-px bg-amber-50 text-amber-700 rounded text-[11px] font-medium flex-shrink-0">打赏课</span>
|
|
<span class="text-xs text-gray-7">打赏</span>
|
|
</div>
|
|
<span class="text-[11px] text-gray-5 flex-shrink-0">我的收入 <span class="font-medium text-gray-9">¥120</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="px-4 py-4 text-center"><p class="text-[10px] text-gray-5">— 已加载全部记录 —</p></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 悬浮助手按钮 -->
|
|
|
|
|
|
<!-- 月份切换交互 -->
|
|
|
|
</body>
|
|
</html>
|