157 lines
8.3 KiB
HTML
157 lines
8.3 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">
|
||
<link href="../css/notes.css" 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>
|
||
</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">
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
小燕本月表现优秀，课时完成率达到120%，客户评价全部5星。建议下月提升课时费标准，同时安排更多VIP客户给她。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="note-tag tag-coach">助教：小燕</span>
|
||
<span class="text-xs text-gray-6">2024-11-27 16:00</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：王先生</span>
|
||
<span class="text-xs text-gray-6">2024-11-27 15:30</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：王先生</span>
|
||
<span class="text-xs text-gray-6">2024-11-26 18:45</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-coach">助教：Amy</span>
|
||
<span class="text-xs text-gray-6">2024-11-26 11:30</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：陈女士</span>
|
||
<span class="text-xs text-gray-6">2024-11-25 10:20</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-coach">助教：泡芙</span>
|
||
<span class="text-xs text-gray-6">2024-11-25 14:20</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：李女士</span>
|
||
<span class="text-xs text-gray-6">2024-11-24 21:15</span>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
小燕反馈近期有几位客户希望增加晚间时段的课程，建议协调排班，增加21:00-23:00时段的助教配置。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="note-tag tag-coach">助教：小燕</span>
|
||
<span class="text-xs text-gray-6">2024-11-24 09:00</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：张先生</span>
|
||
<span class="text-xs text-gray-6">2024-11-23 19:30</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：张先生</span>
|
||
<span class="text-xs text-gray-6">2024-11-22 14:00</span>
|
||
</div>
|
||
</div>
|
||
<div class="bg-white rounded-2xl p-4 shadow-sm">
|
||
<p class="text-sm text-gray-13 leading-relaxed mb-3">
|
||
Amy本周请假2天处理家事，已安排泡芙和小燕分担她的客户。回来后需要跟进客户交接情况。
|
||
</p>
|
||
<div class="flex items-center justify-between">
|
||
<span class="note-tag tag-coach">助教：Amy</span>
|
||
<span class="text-xs text-gray-6">2024-11-22 10:15</span>
|
||
</div>
|
||
</div>
|
||
<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="note-tag tag-customer">客户：李女士</span>
|
||
<span class="text-xs text-gray-6">2024-11-21 09:45</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="../js/notes.js"></script>
|
||
</body>
|
||
</html>
|