root/Neo-ZQYY
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

118
docs/h5_ui/pages/task-detail-relationship.html
View File

@@ -7,6 +7,7 @@
<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/banner.css" rel="stylesheet">
<link href="../css/task-detail.css" rel="stylesheet">
<script>
tailwind.config = {
theme: {
@@ -38,29 +39,6 @@
}
}
</script>
<style>
body {
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
padding-bottom: 80px;
}
.section-title {
position: relative;
padding-left: 12px;
}
.section-title::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 16px;
border-radius: 2px;
}
.section-title.blue::before { background: linear-gradient(180deg, #0052d9, #5b9cf8); }
.section-title.green::before { background: linear-gradient(180deg, #00a870, #4cd964); }
.section-title.pink::before { background: linear-gradient(180deg, #e91e63, #f48fb1); }
</style>
</head>
<body class="bg-gray-1 min-h-screen">
<!-- 通栏 Banner - 客户信息 -->
@@ -88,6 +66,7 @@
</div>
<div class="flex items-center gap-4 text-white/70 text-sm">
<span>137****8899</span>
<button onclick="this.previousElementSibling.textContent='13788998899';this.style.display='none'" class="px-2 py-0.5 bg-white/20 rounded text-white/90 text-xs">查看</button>
<span>💰 储值 <span style="background: linear-gradient(135deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600;">一般</span></span>
</div>
</div>
@@ -127,6 +106,57 @@
<p class="text-sm text-gray-7 leading-relaxed">
接触次数较少，仅有 2 次服务记录。客户对您还不太熟悉，但反馈良好。建议通过专业服务和关心，逐步建立信任关系。
</p>
<!-- 最近服务记录 -->
<div class="svc-section-bg">
<p class="text-sm font-semibold text-gray-13 mb-3">📋 近期服务记录</p>
<div>
<div class="svc-record">
<div class="flex items-center justify-between mb-1.5">
<div class="flex items-center gap-2">
<span class="svc-table">2号台</span>
<span class="svc-type basic">基础课</span>
<span class="svc-duration">1.5h</span>
</div>
<span class="svc-income">¥120</span>
</div>
<div class="flex items-center justify-between">
<span class="svc-drinks">🍷 矿泉水x2</span>
<span class="svc-date">2026-02-05 15:00</span>
</div>
</div>
<div class="svc-record">
<div class="flex items-center justify-between mb-1.5">
<div class="flex items-center gap-2">
<span class="svc-table">A03号台</span>
<span class="svc-type basic">基础课</span>
<span class="svc-duration">2.0h</span>
</div>
<span class="svc-income">¥160</span>
</div>
<div class="flex items-center justify-between">
<span class="svc-drinks">🍷 可乐x1 雪碧x1</span>
<span class="svc-date">2026-01-22 16:00</span>
</div>
</div>
<div class="svc-record">
<div class="flex items-center justify-between mb-1.5">
<div class="flex items-center gap-2">
<span class="svc-table">6号台</span>
<span class="svc-type incentive">激励课</span>
<span class="svc-duration">1.0h</span>
</div>
<span class="svc-income">¥100</span>
</div>
<div class="flex items-center justify-between">
<span class="svc-drinks">🍷 红牛x1</span>
<span class="svc-date">2026-01-10 14:30</span>
</div>
</div>
</div>
<div class="mt-3 text-center">
<button onclick="window.location.href='customer-service-records.html'" class="text-xs text-primary font-medium">查看全部服务记录 →</button>
</div>
</div>
</div>
<!-- 任务建议 -->
@@ -225,47 +255,7 @@
<!-- Toast 提示 -->
<div id="toast" class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-gray-13/80 text-white text-sm px-6 py-3 rounded-xl z-[100] hidden backdrop-blur-sm"></div>
<script>
function showNoteModal() {
document.getElementById('noteModal').classList.remove('hidden');
document.getElementById('noteModal').classList.add('flex');
document.getElementById('noteText').value = '';
}
function hideNoteModal() {
document.getElementById('noteModal').classList.add('hidden');
document.getElementById('noteModal').classList.remove('flex');
}
function saveNote() {
var text = document.getElementById('noteText').value.trim();
if (!text) { showToast('请输入备注内容'); return; }
hideNoteModal();
showToast('备注已保存');
}
function confirmDeleteNote() {
document.getElementById('deleteNoteModal').classList.remove('hidden');
document.getElementById('deleteNoteModal').classList.add('flex');
}
function hideDeleteNoteModal() {
document.getElementById('deleteNoteModal').classList.add('hidden');
document.getElementById('deleteNoteModal').classList.remove('flex');
}
function deleteNote() {
hideDeleteNoteModal();
showToast('备注已删除');
}
function showToast(msg) {
var toast = document.getElementById('toast');
toast.textContent = msg;
toast.classList.remove('hidden');
setTimeout(function() { toast.classList.add('hidden'); }, 1500);
}
</script>
<script src="../js/task-detail-notes.js"></script>
</body>
</html>