在前后端开发联调前 的提交20260223

This commit is contained in:
Neo
2026-02-23 23:02:20 +08:00
parent 254ccb1e77
commit fafc95e64c
1142 changed files with 10366960 additions and 36957 deletions

View File

@@ -96,32 +96,35 @@
<!-- 最喜欢的助教 -->
<div class="bg-white rounded-2xl p-5 shadow-sm">
<h2 class="st pink text-sm font-semibold text-gray-13 mb-4">最喜欢的助教</h2>
<div class="flex items-center justify-between mb-4">
<h2 class="st pink text-sm font-semibold text-gray-13">最喜欢的助教</h2>
<span class="text-xs text-gray-6">近60天</span>
</div>
<div class="space-y-3">
<div class="p-4 bg-gradient-to-br from-pink-50/80 to-rose-50/60 rounded-xl border border-pink-100/60">
<div class="flex items-center justify-between mb-2.5">
<div class="flex items-center gap-2.5"><span class="text-lg">❤️</span><span class="text-sm font-semibold text-gray-13">小燕</span></div>
<div class="flex items-center gap-1.5"><span class="text-[10px] text-gray-7">关系指数</span><span class="text-lg font-bold text-success">0.92</span></div>
<div class="flex items-center gap-1.5"><span class="text-xs text-gray-7">关系指数</span><span class="text-lg font-bold text-success">0.92</span></div>
</div>
<p class="text-[10px] text-gray-7 mb-1.5 pl-0.5">近60天</p>
<p class="text-xs text-gray-7 mb-1.5 pl-0.5">近60天</p>
<div class="grid grid-cols-4 gap-2">
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">基础</p><p class="text-sm font-bold text-primary">12h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">激励</p><p class="text-sm font-bold text-warning">5h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">上课</p><p class="text-sm font-bold text-gray-13">18次</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">充值</p><p class="text-sm font-bold text-success">¥5,000</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">基础</p><p class="text-base font-bold text-primary">12h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">激励</p><p class="text-base font-bold text-warning">5h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">上课</p><p class="text-base font-bold text-gray-13">18次</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">充值</p><p class="text-base font-bold text-success">¥5,000</p></div>
</div>
</div>
<div class="p-4 bg-gradient-to-br from-amber-50/80 to-yellow-50/60 rounded-xl border border-amber-100/60">
<div class="flex items-center justify-between mb-2.5">
<div class="flex items-center gap-2.5"><span class="text-lg">💛</span><span class="text-sm font-semibold text-gray-13">泡芙</span></div>
<div class="flex items-center gap-1.5"><span class="text-[10px] text-gray-7">关系指数</span><span class="text-lg font-bold text-warning">0.78</span></div>
<div class="flex items-center gap-1.5"><span class="text-xs text-gray-7">关系指数</span><span class="text-lg font-bold text-warning">0.78</span></div>
</div>
<p class="text-[10px] text-gray-7 mb-1.5 pl-0.5">近60天</p>
<p class="text-xs text-gray-7 mb-1.5 pl-0.5">近60天</p>
<div class="grid grid-cols-4 gap-2">
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">基础</p><p class="text-sm font-bold text-primary">8h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">激励</p><p class="text-sm font-bold text-warning">3h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">上课</p><p class="text-sm font-bold text-gray-13">12次</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-[10px] text-gray-7 mb-0.5">充值</p><p class="text-sm font-bold text-success">¥3,000</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">基础</p><p class="text-base font-bold text-primary">8h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">激励</p><p class="text-base font-bold text-warning">3h</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">上课</p><p class="text-base font-bold text-gray-13">12次</p></div>
<div class="bg-white/80 rounded-lg py-2 text-center"><p class="text-xs text-gray-7 mb-0.5">充值</p><p class="text-base font-bold text-success">¥3,000</p></div>
</div>
</div>
</div>
@@ -137,21 +140,21 @@
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 px-4 py-2 flex items-center justify-between border-b border-blue-100/50">
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-primary rounded-full"></span>
<span class="text-xs font-semibold text-primary">A12号台</span>
<span class="text-sm font-semibold text-primary">A12号台</span>
</div>
<span class="text-xs text-gray-8">2026-02-05</span>
<span class="text-sm text-gray-8">2026-02-05</span>
</div>
<!-- 时间信息:紧凑一行 -->
<div class="px-4 py-2.5 border-b border-gray-100 flex items-center justify-between">
<div class="flex items-center gap-3 text-sm">
<div class="flex items-center gap-3 text-base">
<span class="text-gray-13 font-medium pv">21:30</span>
<span class="text-gray-7"></span>
<span class="text-gray-13 font-medium pv">00:50</span>
<span class="px-2 py-0.5 bg-primary/10 text-primary text-[10px] rounded-full font-medium">3h20min</span>
<span class="px-2 py-0.5 bg-primary/10 text-primary text-xs rounded-full font-medium">3h20min</span>
</div>
<!-- 台费(有团购折扣) -->
<div class="text-right flex-shrink-0">
<span class="text-sm font-bold text-gray-13 pv">¥180</span>
<span class="text-base font-bold text-gray-13 pv">¥180</span>
<span class="orig-price ml-1">¥240</span>
</div>
</div>
@@ -161,40 +164,40 @@
<!-- 助教卡片1小燕 -->
<div class="bg-gray-50 rounded-lg p-2.5">
<div class="flex items-center gap-1 mb-0.5">
<span class="text-xs font-medium text-gray-13">小燕</span>
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[9px] rounded">高级</span>
<span class="text-sm font-medium text-gray-13">小燕</span>
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[10px] rounded">高级</span>
</div>
<div class="text-[10px] text-gray-8">基础课 · 2.5h</div>
<div class="text-xs text-gray-8">基础课 · 2.5h</div>
<div class="text-right mt-0.5">
<span class="text-xs font-bold text-gray-13 pv">¥200</span>
<span class="text-sm font-bold text-gray-13 pv">¥200</span>
</div>
</div>
<!-- 助教卡片2Amy -->
<div class="bg-gray-50 rounded-lg p-2.5">
<div class="flex items-center gap-1 mb-0.5">
<span class="text-xs font-medium text-gray-13">Amy</span>
<span class="px-1 py-px bg-green-50 text-green-600 text-[9px] rounded">初级</span>
<span class="text-sm font-medium text-gray-13">Amy</span>
<span class="px-1 py-px bg-green-50 text-green-600 text-[10px] rounded">初级</span>
</div>
<div class="text-[10px] text-gray-8">激励课 · 0.5h</div>
<div class="text-xs text-gray-8">激励课 · 0.5h</div>
<div class="flex items-center justify-between mt-0.5">
<span class="text-[10px] text-orange-500">定档绩效1h</span>
<span class="text-xs font-bold text-gray-13 pv">¥50</span>
<span class="text-xs text-orange-500">定档绩效1h</span>
<span class="text-sm font-bold text-gray-13 pv">¥50</span>
</div>
</div>
</div>
<!-- 食品酒水 -->
<div class="flex items-center justify-between py-2 border-t border-gray-100">
<span class="text-xs text-gray-8">🍷 食品酒水</span>
<span class="text-sm text-gray-8">🍷 食品酒水</span>
<div class="text-right">
<span class="text-sm font-medium text-warning pv">¥210</span>
<span class="text-base font-medium text-warning pv">¥210</span>
<span class="orig-price ml-1">¥260</span>
</div>
</div>
<!-- 总金额 -->
<div class="flex items-center justify-between pt-2 border-t border-gray-200">
<span class="text-xs font-semibold text-gray-9">总金额</span>
<span class="text-sm font-semibold text-gray-9">总金额</span>
<div class="text-right">
<span class="text-base font-bold text-error pv">¥640</span>
<span class="text-lg font-bold text-error pv">¥640</span>
<span class="orig-price ml-1">¥750</span>
</div>
</div>
@@ -206,37 +209,37 @@
<div class="bg-gradient-to-r from-blue-50 to-indigo-50 px-4 py-2 flex items-center justify-between border-b border-blue-100/50">
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-primary rounded-full"></span>
<span class="text-xs font-semibold text-primary">888号台</span>
<span class="text-sm font-semibold text-primary">888号台</span>
</div>
<span class="text-xs text-gray-8">2026-02-01</span>
<span class="text-sm text-gray-8">2026-02-01</span>
</div>
<div class="px-4 py-2.5 border-b border-gray-100 flex items-center justify-between">
<div class="flex items-center gap-3 text-sm">
<div class="flex items-center gap-3 text-base">
<span class="text-gray-13 font-medium pv">14:00</span>
<span class="text-gray-7"></span>
<span class="text-gray-13 font-medium pv">16:00</span>
<span class="px-2 py-0.5 bg-primary/10 text-primary text-[10px] rounded-full font-medium">2h00min</span>
<span class="px-2 py-0.5 bg-primary/10 text-primary text-xs rounded-full font-medium">2h00min</span>
</div>
<span class="text-sm font-bold text-gray-13 pv">¥120</span>
<span class="text-base font-bold text-gray-13 pv">¥120</span>
</div>
<div class="px-4 py-3">
<div class="grid grid-cols-2 gap-2 mb-3">
<div class="bg-gray-50 rounded-lg p-2.5">
<div class="flex items-center gap-1 mb-0.5">
<span class="text-xs font-medium text-gray-13">泡芙</span>
<span class="px-1 py-px bg-purple-50 text-purple-600 text-[9px] rounded">中级</span>
<span class="text-sm font-medium text-gray-13">泡芙</span>
<span class="px-1 py-px bg-purple-50 text-purple-600 text-[10px] rounded">中级</span>
</div>
<div class="text-[10px] text-gray-8">激励课 · 1.5h</div>
<div class="text-xs text-gray-8">激励课 · 1.5h</div>
<div class="flex items-center justify-between mt-0.5">
<span class="text-[10px] text-orange-500">定档绩效2h</span>
<span class="text-xs font-bold text-gray-13 pv">¥100</span>
<span class="text-xs text-orange-500">定档绩效2h</span>
<span class="text-sm font-bold text-gray-13 pv">¥100</span>
</div>
</div>
</div>
<!-- 总金额(无食品酒水,不展示该行) -->
<div class="flex items-center justify-between pt-2 border-t border-gray-200">
<span class="text-xs font-semibold text-gray-9">总金额</span>
<span class="text-base font-bold text-error pv">¥220</span>
<span class="text-sm font-semibold text-gray-9">总金额</span>
<span class="text-lg font-bold text-error pv">¥220</span>
</div>
</div>
</div>
@@ -246,33 +249,33 @@
<div class="bg-gradient-to-r from-emerald-50 to-green-50 px-4 py-2 flex items-center justify-between border-b border-green-100/50">
<div class="flex items-center gap-2">
<span class="w-1.5 h-1.5 bg-success rounded-full"></span>
<span class="text-xs font-semibold text-success">商城订单</span>
<span class="text-sm font-semibold text-success">商城订单</span>
</div>
<span class="text-xs text-gray-8">2026-01-28</span>
<span class="text-sm text-gray-8">2026-01-28</span>
</div>
<div class="px-4 py-3 space-y-2.5">
<!-- 助教卡片列表:同台桌详情风格 -->
<div class="grid grid-cols-2 gap-2">
<div class="bg-gray-50 rounded-lg p-2.5">
<div class="flex items-center gap-1 mb-0.5">
<span class="text-xs font-medium text-gray-13">小燕</span>
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[9px] rounded">高级</span>
<span class="text-sm font-medium text-gray-13">小燕</span>
<span class="px-1 py-px bg-pink-50 text-pink-600 text-[10px] rounded">高级</span>
</div>
<div class="text-[10px] text-gray-8">基础课 · 1h</div>
<div class="text-xs text-gray-8">基础课 · 1h</div>
<div class="text-right mt-0.5">
<span class="text-xs font-bold text-gray-13 pv">¥100</span>
<span class="text-sm font-bold text-gray-13 pv">¥100</span>
</div>
</div>
</div>
<!-- 食品酒水 -->
<div class="flex items-center justify-between pt-2 border-t border-gray-100">
<span class="text-xs text-gray-8">🍷 食品酒水</span>
<span class="text-sm font-medium text-warning pv">¥180</span>
<span class="text-sm text-gray-8">🍷 食品酒水</span>
<span class="text-base font-medium text-warning pv">¥180</span>
</div>
<!-- 总金额 -->
<div class="flex items-center justify-between pt-2 border-t border-gray-200">
<span class="text-xs font-semibold text-gray-9">总金额</span>
<span class="text-base font-bold text-error pv">¥280</span>
<span class="text-sm font-semibold text-gray-9">总金额</span>
<span class="text-lg font-bold text-error pv">¥280</span>
</div>
</div>
</div>