198 lines
9.7 KiB
HTML
198 lines
9.7 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);
|
|
}
|
|
.chat-item {
|
|
transition: all 0.2s ease;
|
|
}
|
|
.chat-item:active {
|
|
background: #f3f3f3;
|
|
}
|
|
</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="divide-y divide-gray-100">
|
|
<!-- 对话记录 1 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-primary to-blue-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">如何提升王先生的到店频率？</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">10分钟前</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 8 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 对话记录 2 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-success to-green-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">帮我分析本月财务数据</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">2小时前</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 15 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 对话记录 3 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-warning to-orange-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">李女士的消费习惯分析</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">昨天</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 12 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 对话记录 4 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-primary to-blue-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">如何提高客户满意度？</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">昨天</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 20 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 对话记录 5 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-error to-red-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">小燕本月业绩如何？</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">2天前</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 6 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 对话记录 6 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-success to-green-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">推荐一些促销活动方案</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">3天前</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 25 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 对话记录 7 -->
|
|
<a href="chat.html" class="block bg-white px-4 py-4 chat-item">
|
|
<div class="flex items-start gap-3">
|
|
<div class="w-11 h-11 bg-gradient-to-br from-warning to-orange-400 rounded-xl flex items-center justify-center flex-shrink-0 shadow-sm">
|
|
<svg class="w-5 h-5 text-white" viewBox="0 0 24 24" fill="currentColor">
|
|
<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/>
|
|
</svg>
|
|
</div>
|
|
<div class="flex-1 min-w-0">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<h3 class="text-sm font-medium text-gray-13 truncate">分析高流失客户群体</h3>
|
|
<span class="text-xs text-gray-6 flex-shrink-0 ml-2">1周前</span>
|
|
</div>
|
|
<p class="text-xs text-gray-6">共 18 条消息</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</body>
|
|
</html>
|