generated from root/feiqiu-ETL
143 lines
7.0 KiB
HTML
143 lines
7.0 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>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
primary: '#0052d9',
|
||
'primary-light': '#ecf2fe',
|
||
success: '#00a870',
|
||
warning: '#ed7b2f',
|
||
error: '#e34d59',
|
||
'gray-1': '#f3f3f3',
|
||
'gray-2': '#eeeeee',
|
||
'gray-3': '#e7e7e7',
|
||
'gray-4': '#dcdcdc',
|
||
'gray-5': '#c5c5c5',
|
||
'gray-6': '#a6a6a6',
|
||
'gray-7': '#8b8b8b',
|
||
'gray-8': '#777777',
|
||
'gray-9': '#5e5e5e',
|
||
'gray-10': '#4b4b4b',
|
||
'gray-11': '#393939',
|
||
'gray-12': '#2c2c2c',
|
||
'gray-13': '#242424',
|
||
},
|
||
fontFamily: {
|
||
sans: ['Noto Sans SC', 'sans-serif'],
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
body {
|
||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
|
||
}
|
||
.safe-area-top {
|
||
padding-top: env(safe-area-inset-top, 44px);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-1 min-h-screen">
|
||
<!-- 顶部导航 -->
|
||
<div class="safe-area-top bg-white sticky top-0 z-10">
|
||
<div class="h-11 flex items-center relative border-b border-gray-2 px-4">
|
||
<button onclick="history.back()" class="absolute left-4 p-1">
|
||
<svg class="w-5 h-5 text-gray-10" 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 text-gray-13">备注记录</h1>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注列表 -->
|
||
<div class="p-4 space-y-3">
|
||
<!-- 备注卡片 1 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
客户今天表示下周有朋友生日聚会，想预约包厢。已告知包厢需要提前3天预约，客户说会尽快确定时间再联系。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-blue-50 to-indigo-50 text-primary text-xs rounded-lg border border-blue-100">客户：王先生</span>
|
||
<span class="text-xs text-gray-6">2024-11-27 15:30</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注卡片 2 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
完成高优先召回任务。客户反馈最近工作太忙，这周末会来店里。已提醒客户储值卡还有2000元余额，下月到期需要续费。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-orange-50 to-amber-50 text-warning text-xs rounded-lg border border-orange-100">任务：高优先召回</span>
|
||
<span class="text-xs text-gray-6">2024-11-26 18:45</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注卡片 3 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
泡芙本月表现优秀，课时完成率达到120%，客户评价全部5星。建议下月提升课时费标准。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-green-50 to-emerald-50 text-success text-xs rounded-lg border border-green-100">助教：泡芙</span>
|
||
<span class="text-xs text-gray-6">2024-11-25 10:20</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注卡片 4 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
客户对今天的服务非常满意，特别提到小燕的教学很专业。客户表示会推荐朋友来店里体验。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-blue-50 to-indigo-50 text-primary text-xs rounded-lg border border-blue-100">客户：李女士</span>
|
||
<span class="text-xs text-gray-6">2024-11-24 21:15</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注卡片 5 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
关系构建任务完成。与客户进行了30分钟的深入交流，了解到客户是企业高管，经常需要商务宴请场地。已记录客户需求，后续可以推荐团建套餐。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-orange-50 to-amber-50 text-warning text-xs rounded-lg border border-orange-100">任务：关系构建</span>
|
||
<span class="text-xs text-gray-6">2024-11-23 19:30</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注卡片 6 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
客户今天充值了5000元，选择的是尊享套餐。客户提到喜欢安静的环境，以后尽量安排包厢。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-blue-50 to-indigo-50 text-primary text-xs rounded-lg border border-blue-100">客户：张先生</span>
|
||
<span class="text-xs text-gray-6">2024-11-22 14:00</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 备注卡片 7 -->
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
Amy最近工作状态很好，主动承担了培训新员工的任务。但需要注意她最近加班较多，避免过度疲劳。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="px-2.5 py-1 bg-gradient-to-r from-green-50 to-emerald-50 text-success text-xs rounded-lg border border-green-100">助教：Amy</span>
|
||
<span class="text-xs text-gray-6">2024-11-21 09:45</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|