在前后端开发联调前 的提交20260223
This commit is contained in:
@@ -186,14 +186,14 @@
|
||||
<!-- 类型筛选弹窗 -->
|
||||
<div id="typeDropdown" 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="selectType('最应召回')">最应召回（默认）</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最应召回')">最应召回</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最大消费潜力')">最大消费潜力</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最高余额')">最高余额</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最近充值')">最近充值</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最近到店')">最近到店</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最高消费 近60天')">最高消费 近60天</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最频繁 近60天')">最频繁 近60天</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最近到店')">最近到店</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最专一')">最专一</div>
|
||||
<div class="px-4 py-3 text-sm text-gray-10 hover:bg-primary/5 rounded-lg cursor-pointer" onclick="selectType('最专一 近60天')">最专一 近60天</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -223,25 +223,22 @@
|
||||
<!-- ==================== 最应召回（默认） ==================== -->
|
||||
<div id="dim-recall" class="dim-container active p-4 pt-1 space-y-3">
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">王</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-semibold text-gray-13">王先生</span>
|
||||
<div class="flex items-center gap-1.5 mt-0.5">
|
||||
<span class="text-xs text-gray-6">理想 <span class="text-gray-11 font-medium">7天</span></span>
|
||||
<span class="text-xs text-gray-6">已过 <span class="text-error font-bold">15天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">王</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">王先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="text-gray-6">理想 <span class="text-gray-11 font-medium">7天</span></span>
|
||||
<span class="text-gray-6">已过 <span class="text-error font-bold">15天</span></span>
|
||||
<span class="px-1.5 py-0.5 bg-error/10 text-error font-bold rounded">超期 8天</span>
|
||||
</div>
|
||||
<span class="px-2.5 py-1 bg-error/10 text-error text-sm font-bold rounded-lg">超期 8天</span>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-x-4 gap-y-1 text-sm ml-11 mb-2">
|
||||
<div class="flex items-center text-sm ml-11 mb-2">
|
||||
<div class="text-gray-6">30天到店 <span class="text-gray-11 font-medium">5次</span></div>
|
||||
<div class="text-gray-6">余额 <span class="text-gray-11 font-medium">¥8,000</span></div>
|
||||
<div class="text-gray-6">召回指数 <span class="text-primary font-bold">0.92</span></div>
|
||||
<div class="text-gray-6 ml-4">余额 <span class="text-gray-11 font-medium">¥8,000</span></div>
|
||||
<div class="text-gray-6 ml-auto">召回指数 <span class="text-primary font-bold">8.5</span></div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -254,25 +251,22 @@
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">李</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-semibold text-gray-13">李女士</span>
|
||||
<div class="flex items-center gap-1.5 mt-0.5">
|
||||
<span class="text-xs text-gray-6">理想 <span class="text-gray-11 font-medium">10天</span></span>
|
||||
<span class="text-xs text-gray-6">已过 <span class="text-error font-bold">20天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">李</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">李女士</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="text-gray-6">理想 <span class="text-gray-11 font-medium">10天</span></span>
|
||||
<span class="text-gray-6">已过 <span class="text-error font-bold">20天</span></span>
|
||||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning font-bold rounded">超期 10天</span>
|
||||
</div>
|
||||
<span class="px-2.5 py-1 bg-warning/10 text-warning text-sm font-bold rounded-lg">超期 10天</span>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-x-4 gap-y-1 text-sm ml-11 mb-2">
|
||||
<div class="flex items-center text-sm ml-11 mb-2">
|
||||
<div class="text-gray-6">30天到店 <span class="text-gray-11 font-medium">3次</span></div>
|
||||
<div class="text-gray-6">余额 <span class="text-gray-11 font-medium">¥12,500</span></div>
|
||||
<div class="text-gray-6">召回指数 <span class="text-primary font-bold">0.88</span></div>
|
||||
<div class="text-gray-6 ml-4">余额 <span class="text-gray-11 font-medium">¥12,500</span></div>
|
||||
<div class="text-gray-6 ml-auto">召回指数 <span class="text-primary font-bold">7.2</span></div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -283,25 +277,22 @@
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">张</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="font-semibold text-gray-13">张先生</span>
|
||||
<div class="flex items-center gap-1.5 mt-0.5">
|
||||
<span class="text-xs text-gray-6">理想 <span class="text-gray-11 font-medium">7天</span></span>
|
||||
<span class="text-xs text-gray-6">已过 <span class="text-error font-bold">18天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">张</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">张先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="text-gray-6">理想 <span class="text-gray-11 font-medium">7天</span></span>
|
||||
<span class="text-gray-6">已过 <span class="text-error font-bold">18天</span></span>
|
||||
<span class="px-1.5 py-0.5 bg-error/10 text-error font-bold rounded">超期 11天</span>
|
||||
</div>
|
||||
<span class="px-2.5 py-1 bg-error/10 text-error text-sm font-bold rounded-lg">超期 11天</span>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-x-4 gap-y-1 text-sm ml-11 mb-2">
|
||||
<div class="flex items-center text-sm ml-11 mb-2">
|
||||
<div class="text-gray-6">30天到店 <span class="text-gray-11 font-medium">2次</span></div>
|
||||
<div class="text-gray-6">余额 <span class="text-gray-11 font-medium">¥3,200</span></div>
|
||||
<div class="text-gray-6">召回指数 <span class="text-primary font-bold">0.85</span></div>
|
||||
<div class="text-gray-6 ml-4">余额 <span class="text-gray-11 font-medium">¥3,200</span></div>
|
||||
<div class="text-gray-6 ml-auto">召回指数 <span class="text-primary font-bold">6.8</span></div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -315,27 +306,34 @@
|
||||
<!-- ==================== 最大消费潜力 ==================== -->
|
||||
<div id="dim-potential" class="dim-container p-4 pt-1 space-y-3">
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-rose-400 to-pink-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">赵</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">赵女士</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-rose-400 to-pink-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">赵</span>
|
||||
</div>
|
||||
<div class="text-right shrink-0">
|
||||
<div class="text-primary font-bold">0.95</div>
|
||||
<div class="text-[10px] text-gray-6 -mt-0.5">消费潜力</div>
|
||||
<span class="font-semibold text-gray-13">赵女士</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="px-1.5 py-0.5 bg-primary/10 text-primary rounded">高频</span>
|
||||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning rounded">高客单</span>
|
||||
<span class="px-1.5 py-0.5 bg-success/10 text-success rounded">高余额</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-2 bg-gradient-to-r from-primary/5 to-blue-50 rounded-lg p-3">
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<span class="text-sm font-bold text-primary">🔥 S级潜力</span>
|
||||
<span class="text-xs text-gray-6">高频 · 高客单 · 高余额</span>
|
||||
<div class="grid grid-cols-4 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">30天消费</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥4,800</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-2 text-center">
|
||||
<div><p class="text-sm font-bold text-gray-13">¥4,800</p><p class="text-xs text-gray-6">近30天消费</p></div>
|
||||
<div><p class="text-sm font-bold text-gray-13">8次</p><p class="text-xs text-gray-6">月均到店</p></div>
|
||||
<div><p class="text-sm font-bold text-success">¥15,000</p><p class="text-xs text-gray-6">余额</p></div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">月均到店</p>
|
||||
<p class="text-sm font-bold text-gray-13">8次</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">余额</p>
|
||||
<p class="text-sm font-bold text-success">¥15,000</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">次均消费</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥600</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
@@ -347,27 +345,33 @@
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">刘</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">刘先生</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-green-400 to-emerald-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">刘</span>
|
||||
</div>
|
||||
<div class="text-right shrink-0">
|
||||
<div class="text-primary font-bold">0.87</div>
|
||||
<div class="text-[10px] text-gray-6 -mt-0.5">消费潜力</div>
|
||||
<span class="font-semibold text-gray-13">刘先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="px-1.5 py-0.5 bg-gray-2 text-gray-8 rounded">中频</span>
|
||||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning rounded">高客单</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-2 bg-gradient-to-r from-primary/5 to-blue-50 rounded-lg p-3">
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<span class="text-sm font-bold text-primary">⭐ A级潜力</span>
|
||||
<span class="text-xs text-gray-6">中频 · 高客单</span>
|
||||
<div class="grid grid-cols-4 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">30天消费</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥3,500</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-3 gap-2 text-center">
|
||||
<div><p class="text-sm font-bold text-gray-13">¥3,500</p><p class="text-xs text-gray-6">近30天消费</p></div>
|
||||
<div><p class="text-sm font-bold text-gray-13">5次</p><p class="text-xs text-gray-6">月均到店</p></div>
|
||||
<div><p class="text-sm font-bold text-success">¥6,800</p><p class="text-xs text-gray-6">余额</p></div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">月均到店</p>
|
||||
<p class="text-sm font-bold text-gray-13">5次</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">余额</p>
|
||||
<p class="text-sm font-bold text-success">¥6,800</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">次均消费</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥700</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
@@ -382,28 +386,29 @@
|
||||
<!-- ==================== 最高余额 ==================== -->
|
||||
<div id="dim-balance" class="dim-container p-4 pt-1 space-y-3">
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-1">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-rose-400 to-pink-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">赵</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">赵女士</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-rose-400 to-pink-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">赵</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">赵女士</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs text-gray-6">
|
||||
<span>最近到店 <span class="text-gray-11 font-medium">12天前</span></span>
|
||||
<span>理想 <span class="text-gray-11 font-medium">10天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-2">
|
||||
<div class="flex items-baseline gap-2">
|
||||
<span class="text-lg font-bold text-warning">¥25,000</span>
|
||||
<span class="text-xs text-gray-6">余额</span>
|
||||
<span class="text-xs text-gray-5">·</span>
|
||||
<span class="text-sm font-medium text-success">可用约8个月</span>
|
||||
<div class="grid grid-cols-3 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">余额</p>
|
||||
<p class="text-base font-bold text-warning">¥25,000</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-4 mt-2 text-sm">
|
||||
<div class="text-gray-6">60天消费 <span class="text-gray-11 font-medium">¥6,200</span></div>
|
||||
<div class="text-gray-6">月均消耗 <span class="text-gray-11 font-medium">¥3,100</span></div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">月均消耗</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥3,100</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-4 mt-1 text-sm">
|
||||
<div class="text-gray-6">最近到店 <span class="text-gray-11 font-medium">12天前</span></div>
|
||||
<div class="text-gray-6">理想间隔 <span class="text-gray-11 font-medium">10天</span></div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">可用</p>
|
||||
<p class="text-sm font-bold text-success">约8个月</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
@@ -417,28 +422,29 @@
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-1">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">陈</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">陈先生</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">陈</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">陈先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs text-gray-6">
|
||||
<span>最近到店 <span class="text-gray-11 font-medium">8天前</span></span>
|
||||
<span>理想 <span class="text-gray-11 font-medium">14天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-2">
|
||||
<div class="flex items-baseline gap-2">
|
||||
<span class="text-lg font-bold text-warning">¥18,500</span>
|
||||
<span class="text-xs text-gray-6">余额</span>
|
||||
<span class="text-xs text-gray-5">·</span>
|
||||
<span class="text-sm font-medium text-success">可用约9.7个月</span>
|
||||
<div class="grid grid-cols-3 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">余额</p>
|
||||
<p class="text-base font-bold text-warning">¥18,500</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-4 mt-2 text-sm">
|
||||
<div class="text-gray-6">60天消费 <span class="text-gray-11 font-medium">¥3,800</span></div>
|
||||
<div class="text-gray-6">月均消耗 <span class="text-gray-11 font-medium">¥1,900</span></div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">月均消耗</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥1,900</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-4 mt-1 text-sm">
|
||||
<div class="text-gray-6">最近到店 <span class="text-gray-11 font-medium">8天前</span></div>
|
||||
<div class="text-gray-6">理想间隔 <span class="text-gray-11 font-medium">14天</span></div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">可用</p>
|
||||
<p class="text-sm font-bold text-success">约9.7个月</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
@@ -453,31 +459,34 @@
|
||||
<!-- ==================== 最近充值 ==================== -->
|
||||
<div id="dim-recharge" class="dim-container p-4 pt-1 space-y-3">
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-indigo-400 to-blue-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">吴</span>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0">
|
||||
<span class="font-semibold text-gray-13">吴先生</span>
|
||||
<span class="text-white font-semibold text-sm">吴</span>
|
||||
</div>
|
||||
<span class="text-[10px] text-gray-6">2天前充值</span>
|
||||
</div>
|
||||
<div class="ml-11 mb-2 bg-gradient-to-r from-emerald-50 to-green-50 rounded-lg p-2.5 border border-emerald-100/50">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<span class="text-lg font-bold text-success">+¥5,000</span>
|
||||
<span class="text-[10px] text-gray-6 ml-1">充值</span>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<div class="text-xs text-gray-6">充后余额</div>
|
||||
<div class="text-sm font-bold text-gray-13">¥8,200</div>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">吴先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs text-gray-6">
|
||||
<span>最近到店 <span class="text-gray-11 font-medium">2天前</span></span>
|
||||
<span>理想 <span class="text-gray-11 font-medium">7天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-x-4 gap-y-1 text-sm ml-11 mb-2">
|
||||
<div class="text-gray-6">最近到店 <span class="text-gray-11 font-medium">2天前</span></div>
|
||||
<div class="text-gray-6">理想间隔 <span class="text-gray-11 font-medium">7天</span></div>
|
||||
<div class="text-gray-6">近3月充值 <span class="text-success font-medium">3次</span></div>
|
||||
<div class="grid grid-cols-4 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">最后充值</p>
|
||||
<p class="text-sm font-bold text-gray-13">2天前</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">充值</p>
|
||||
<p class="text-sm font-bold text-success">+¥5,000</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">60天充值</p>
|
||||
<p class="text-sm font-bold text-gray-13">3次</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">当前余额</p>
|
||||
<p class="text-sm font-bold text-warning">¥8,200</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -488,31 +497,34 @@
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-2">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-orange-400 to-amber-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">郑</span>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0">
|
||||
<span class="font-semibold text-gray-13">郑女士</span>
|
||||
<span class="text-white font-semibold text-sm">郑</span>
|
||||
</div>
|
||||
<span class="text-[10px] text-gray-6">5天前充值</span>
|
||||
</div>
|
||||
<div class="ml-11 mb-2 bg-gradient-to-r from-emerald-50 to-green-50 rounded-lg p-2.5 border border-emerald-100/50">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<span class="text-lg font-bold text-success">+¥3,000</span>
|
||||
<span class="text-[10px] text-gray-6 ml-1">充值</span>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<div class="text-xs text-gray-6">充后余额</div>
|
||||
<div class="text-sm font-bold text-gray-13">¥6,500</div>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">郑女士</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs text-gray-6">
|
||||
<span>最近到店 <span class="text-gray-11 font-medium">5天前</span></span>
|
||||
<span>理想 <span class="text-gray-11 font-medium">10天</span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-x-4 gap-y-1 text-sm ml-11 mb-2">
|
||||
<div class="text-gray-6">最近到店 <span class="text-gray-11 font-medium">5天前</span></div>
|
||||
<div class="text-gray-6">理想间隔 <span class="text-gray-11 font-medium">10天</span></div>
|
||||
<div class="text-gray-6">近3月充值 <span class="text-success font-medium">2次</span></div>
|
||||
<div class="grid grid-cols-4 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">最后充值</p>
|
||||
<p class="text-sm font-bold text-gray-13">5天前</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">充值</p>
|
||||
<p class="text-sm font-bold text-success">+¥3,000</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">60天充值</p>
|
||||
<p class="text-sm font-bold text-gray-13">2次</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">当前余额</p>
|
||||
<p class="text-sm font-bold text-warning">¥6,500</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -526,24 +538,28 @@
|
||||
<!-- ==================== 最高消费 近60天 ==================== -->
|
||||
<div id="dim-spend60" class="dim-container p-4 pt-1 space-y-3">
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">李</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">李女士</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">李</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">李女士</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning font-bold rounded">高消费</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-2">
|
||||
<div class="flex items-baseline gap-3">
|
||||
<div>
|
||||
<span class="text-lg font-bold text-warning">¥12,800</span>
|
||||
<span class="text-xs text-gray-6 ml-1">近60天消费</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-5">·</span>
|
||||
<span class="text-sm text-gray-9">18次到店</span>
|
||||
<span class="text-xs text-gray-5">·</span>
|
||||
<span class="text-sm text-gray-9">次均¥711</span>
|
||||
<div class="grid grid-cols-3 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">近60天消费</p>
|
||||
<p class="text-base font-bold text-warning">¥12,800</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">到店次数</p>
|
||||
<p class="text-sm font-bold text-gray-13">18次</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">次均消费</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥711</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
@@ -557,24 +573,28 @@
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">王</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">王先生</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">王</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">王先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-2 text-xs">
|
||||
<span class="px-1.5 py-0.5 bg-warning/10 text-warning font-bold rounded">高消费</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-2">
|
||||
<div class="flex items-baseline gap-3">
|
||||
<div>
|
||||
<span class="text-lg font-bold text-warning">¥9,500</span>
|
||||
<span class="text-xs text-gray-6 ml-1">近60天消费</span>
|
||||
</div>
|
||||
<span class="text-xs text-gray-5">·</span>
|
||||
<span class="text-sm text-gray-9">12次到店</span>
|
||||
<span class="text-xs text-gray-5">·</span>
|
||||
<span class="text-sm text-gray-9">次均¥792</span>
|
||||
<div class="grid grid-cols-3 gap-2 ml-11 mb-3">
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">近60天消费</p>
|
||||
<p class="text-base font-bold text-warning">¥9,500</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">到店次数</p>
|
||||
<p class="text-sm font-bold text-gray-13">12次</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="text-[10px] text-gray-6 mb-0.5">次均消费</p>
|
||||
<p class="text-sm font-bold text-gray-13">¥792</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
@@ -610,7 +630,7 @@
|
||||
<div class="ml-11 mb-2">
|
||||
<div class="flex items-center justify-between text-[10px] text-gray-5 mb-0.5">
|
||||
<span>8周前</span>
|
||||
<span>本周 <span class="text-primary font-bold text-xs">3</span></span>
|
||||
<span>本周</span>
|
||||
</div>
|
||||
<div class="flex items-end gap-0.5 h-6">
|
||||
<div class="flex-1 bg-primary/20 rounded-t" style="height:60%"></div>
|
||||
@@ -622,6 +642,16 @@
|
||||
<div class="flex-1 bg-primary/30 rounded-t" style="height:40%"></div>
|
||||
<div class="flex-1 bg-primary/50 rounded-t" style="height:75%"></div>
|
||||
</div>
|
||||
<div class="flex gap-0.5 mt-0.5">
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">1</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">3</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">3</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">1</div>
|
||||
<div class="flex-1 text-center text-[9px] text-primary font-bold">3</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -655,7 +685,7 @@
|
||||
<div class="ml-11 mb-2">
|
||||
<div class="flex items-center justify-between text-[10px] text-gray-5 mb-0.5">
|
||||
<span>8周前</span>
|
||||
<span>本周 <span class="text-primary font-bold text-xs">2</span></span>
|
||||
<span>本周</span>
|
||||
</div>
|
||||
<div class="flex items-end gap-0.5 h-6">
|
||||
<div class="flex-1 bg-primary/20 rounded-t" style="height:40%"></div>
|
||||
@@ -667,6 +697,16 @@
|
||||
<div class="flex-1 bg-primary/60 rounded-t" style="height:90%"></div>
|
||||
<div class="flex-1 bg-primary/50 rounded-t" style="height:70%"></div>
|
||||
</div>
|
||||
<div class="flex gap-0.5 mt-0.5">
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">1</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">1</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">2</div>
|
||||
<div class="flex-1 text-center text-[9px] text-gray-5">3</div>
|
||||
<div class="flex-1 text-center text-[9px] text-primary font-bold">2</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs border-t border-gray-1 pt-2 ml-11">
|
||||
<span class="text-gray-6">助教:</span>
|
||||
@@ -735,83 +775,259 @@
|
||||
<!-- ==================== 最专一 ==================== -->
|
||||
<div id="dim-loyal" class="dim-container p-4 pt-1 space-y-3">
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-2.5">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-teal-400 to-cyan-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">孙</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">孙先生</span>
|
||||
<span class="text-white font-semibold text-sm">孙</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13 text-base">孙先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="text-gray-6">❤️</span>
|
||||
<span class="text-error font-semibold">小燕</span>
|
||||
<span class="text-primary font-bold">9.5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-1 space-y-1.5">
|
||||
<div class="mb-1 space-y-2 border-l-2 border-gray-3 pl-3 mt-1">
|
||||
<!-- 表头 -->
|
||||
<div class="flex items-center text-[10px] text-gray-5 gap-1">
|
||||
<span class="w-14"></span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right">次均时长</span>
|
||||
<span class="w-12 text-right">60天时长</span>
|
||||
<span class="w-10 text-right">服务次</span>
|
||||
<div class="flex items-center text-xs text-gray-5 gap-1">
|
||||
<span class="w-24">助教</span>
|
||||
<span class="flex-1 text-right">次均时长</span>
|
||||
<span class="flex-1 text-right">服务次数</span>
|
||||
<span class="flex-1 text-right">助教消费</span>
|
||||
<span class="flex-1 text-right">关系指数</span>
|
||||
</div>
|
||||
<!-- 小燕 -->
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="w-14 flex items-center gap-0.5 shrink-0"><span class="text-xs">❤️</span><span class="text-xs font-medium text-error">小燕</span></span>
|
||||
<span class="text-[10px] text-gray-5 shrink-0">0.95</span>
|
||||
<span class="assistant-badge assistant-badge-follow text-[9px] shrink-0">跟</span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">2.1h</span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">25.2h</span>
|
||||
<span class="w-10 text-right text-xs font-medium text-gray-11">12</span>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">Amy</span>
|
||||
<span class="assistant-badge assistant-badge-follow">跟</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">2.3h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">14</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥4,200</span>
|
||||
<span class="flex-1 text-right font-bold text-primary">8.8</span>
|
||||
</div>
|
||||
<!-- 泡芙 -->
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="w-14 flex items-center gap-0.5 shrink-0"><span class="text-xs">❤️</span><span class="text-xs font-medium text-gray-13">泡芙</span></span>
|
||||
<span class="text-[10px] text-gray-5 shrink-0">0.68</span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">1.8h</span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">9.0h</span>
|
||||
<span class="w-10 text-right text-xs font-medium text-gray-11">5</span>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">泡芙</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">1.5h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">8</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥2,100</span>
|
||||
<span class="flex-1 text-right text-gray-7">7.2</span>
|
||||
</div>
|
||||
<!-- Amy -->
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="w-14 flex items-center gap-0.5 shrink-0"><span class="text-xs">❤️</span><span class="text-xs font-medium text-gray-5">Amy</span></span>
|
||||
<span class="text-[10px] text-gray-5 shrink-0">0.32</span>
|
||||
<span class="assistant-badge assistant-badge-drop text-[9px] shrink-0">弃</span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right text-xs text-gray-7">1.2h</span>
|
||||
<span class="w-12 text-right text-xs text-gray-7">3.6h</span>
|
||||
<span class="w-10 text-right text-xs text-gray-7">3</span>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-6">Mia</span>
|
||||
<span class="assistant-badge assistant-badge-drop">弃</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">0.8h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">3</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥600</span>
|
||||
<span class="flex-1 text-right text-gray-7">4.5</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-2.5">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-rose-400 to-pink-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">赵</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13">赵女士</span>
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-amber-400 to-orange-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">王</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13 text-base">王先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="text-gray-6">❤️</span>
|
||||
<span class="text-error font-semibold">Amy</span>
|
||||
<span class="text-primary font-bold">9.1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-11 mb-1 space-y-1.5">
|
||||
<div class="flex items-center text-[10px] text-gray-5 gap-1">
|
||||
<span class="w-14"></span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right">次均时长</span>
|
||||
<span class="w-12 text-right">60天时长</span>
|
||||
<span class="w-10 text-right">服务次</span>
|
||||
<div class="mb-1 space-y-2 border-l-2 border-gray-3 pl-3 mt-1">
|
||||
<div class="flex items-center text-xs text-gray-5 gap-1">
|
||||
<span class="w-24">助教</span>
|
||||
<span class="flex-1 text-right">次均时长</span>
|
||||
<span class="flex-1 text-right">服务次数</span>
|
||||
<span class="flex-1 text-right">助教消费</span>
|
||||
<span class="flex-1 text-right">关系指数</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="w-14 flex items-center gap-0.5 shrink-0"><span class="text-xs">❤️</span><span class="text-xs font-medium text-gray-13">Amy</span></span>
|
||||
<span class="text-[10px] text-gray-5 shrink-0">0.88</span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">2.3h</span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">32.2h</span>
|
||||
<span class="w-10 text-right text-xs font-medium text-gray-11">14</span>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">小燕</span>
|
||||
<span class="assistant-badge assistant-badge-follow">跟</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">1.8h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">10</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥3,600</span>
|
||||
<span class="flex-1 text-right font-bold text-primary">8.2</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1">
|
||||
<span class="w-14 flex items-center gap-0.5 shrink-0"><span class="text-xs">❤️</span><span class="text-xs font-medium text-gray-13">泡芙</span></span>
|
||||
<span class="text-[10px] text-gray-5 shrink-0">0.72</span>
|
||||
<span class="flex-1"></span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">1.5h</span>
|
||||
<span class="w-12 text-right text-xs font-medium text-gray-11">12.0h</span>
|
||||
<span class="w-10 text-right text-xs font-medium text-gray-11">8</span>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">泡芙</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">1.2h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">5</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥1,500</span>
|
||||
<span class="flex-1 text-right text-gray-7">6.5</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-pink-400 to-rose-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">李</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13 text-base">李女士</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="text-gray-6">❤️</span>
|
||||
<span class="text-error font-semibold">泡芙</span>
|
||||
<span class="text-primary font-bold">8.8</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 space-y-2 border-l-2 border-gray-3 pl-3 mt-1">
|
||||
<div class="flex items-center text-xs text-gray-5 gap-1">
|
||||
<span class="w-24">助教</span>
|
||||
<span class="flex-1 text-right">次均时长</span>
|
||||
<span class="flex-1 text-right">服务次数</span>
|
||||
<span class="flex-1 text-right">助教消费</span>
|
||||
<span class="flex-1 text-right">关系指数</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">小燕</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">2.0h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">12</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥3,800</span>
|
||||
<span class="flex-1 text-right font-bold text-primary">8.0</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-6">Amy</span>
|
||||
<span class="assistant-badge assistant-badge-drop">弃</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">1.0h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">4</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥900</span>
|
||||
<span class="flex-1 text-right text-gray-7">5.2</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">张</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13 text-base">张先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="text-gray-6">❤️</span>
|
||||
<span class="text-error font-semibold">小燕</span>
|
||||
<span class="text-primary font-bold">8.6</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 space-y-2 border-l-2 border-gray-3 pl-3 mt-1">
|
||||
<div class="flex items-center text-xs text-gray-5 gap-1">
|
||||
<span class="w-24">助教</span>
|
||||
<span class="flex-1 text-right">次均时长</span>
|
||||
<span class="flex-1 text-right">服务次数</span>
|
||||
<span class="flex-1 text-right">助教消费</span>
|
||||
<span class="flex-1 text-right">关系指数</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">Amy</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">1.6h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">9</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥2,800</span>
|
||||
<span class="flex-1 text-right font-bold text-primary">7.8</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">泡芙</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">1.3h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">6</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥1,800</span>
|
||||
<span class="flex-1 text-right text-gray-7">6.8</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-6">糖糖</span>
|
||||
<span class="assistant-badge assistant-badge-drop">弃</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">0.5h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">2</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥400</span>
|
||||
<span class="flex-1 text-right text-gray-7">3.2</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="customer-detail.html" class="block bg-white rounded-2xl p-4 shadow-sm customer-card">
|
||||
<div class="flex items-center gap-2 mb-3">
|
||||
<div class="w-9 h-9 rounded-xl bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center shrink-0">
|
||||
<span class="text-white font-semibold text-sm">陈</span>
|
||||
</div>
|
||||
<span class="font-semibold text-gray-13 text-base">陈先生</span>
|
||||
<div class="flex-1"></div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="text-gray-6">❤️</span>
|
||||
<span class="text-error font-semibold">Amy</span>
|
||||
<span class="text-primary font-bold">8.3</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-1 space-y-2 border-l-2 border-gray-3 pl-3 mt-1">
|
||||
<div class="flex items-center text-xs text-gray-5 gap-1">
|
||||
<span class="w-24">助教</span>
|
||||
<span class="flex-1 text-right">次均时长</span>
|
||||
<span class="flex-1 text-right">服务次数</span>
|
||||
<span class="flex-1 text-right">助教消费</span>
|
||||
<span class="flex-1 text-right">关系指数</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">泡芙</span>
|
||||
<span class="assistant-badge assistant-badge-follow">跟</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">2.1h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">11</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥3,300</span>
|
||||
<span class="flex-1 text-right font-bold text-primary">7.6</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-6">小燕</span>
|
||||
<span class="assistant-badge assistant-badge-drop">弃</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">0.8h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">3</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥600</span>
|
||||
<span class="flex-1 text-right text-gray-7">4.1</span>
|
||||
</div>
|
||||
<div class="flex items-center gap-1 text-sm">
|
||||
<span class="w-24 flex items-center gap-1 shrink-0">
|
||||
<span>❤️</span>
|
||||
<span class="font-medium text-gray-13">露露</span>
|
||||
</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">0.6h</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">2</span>
|
||||
<span class="flex-1 text-right font-medium text-gray-11">¥350</span>
|
||||
<span class="flex-1 text-right text-gray-7">3.5</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
@@ -832,10 +1048,10 @@
|
||||
'最大消费潜力': 'dim-potential',
|
||||
'最高余额': 'dim-balance',
|
||||
'最近充值': 'dim-recharge',
|
||||
'最近到店': 'dim-recent',
|
||||
'最高消费 近60天': 'dim-spend60',
|
||||
'最频繁 近60天': 'dim-freq60',
|
||||
'最近到店': 'dim-recent',
|
||||
'最专一': 'dim-loyal'
|
||||
'最专一 近60天': 'dim-loyal'
|
||||
};
|
||||
|
||||
function positionDropdown(dropdownEl) {
|
||||
|
||||
Reference in New Issue
Block a user