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

在准备环境前提交次全部更改。

Browse Source
This commit is contained in:
Neo
2026-02-19 08:35:13 +08:00
parent ded6dfb9d8
commit 4eac07da47
1387 changed files with 6107191 additions and 33002 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
docs/h5_ui/pages/performance-records.html
View File

@@ -58,18 +58,23 @@
gap: 8px;
padding: 14px 16px 4px;
}
.date-divider::after {
content: '';
.date-divider .dd-line {
flex: 1;
height: 1px;
background: #dcdcdc;
}
.date-divider span {
.date-divider .dd-date {
font-size: 11px;
color: #8b8b8b;
font-weight: 500;
white-space: nowrap;
}
.date-divider .dd-stats {
font-size: 11px;
color: #a6a6a6;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
</style>
</head>
<body class="bg-gray-1 min-h-screen pb-8">
@@ -107,20 +112,23 @@
<!-- 统计概览 -->
<div class="px-4 py-3 bg-white border-b border-gray-2">
<div class="flex items-center justify-between">
<div class="flex items-start justify-between">
<div class="text-center flex-1">
<p class="text-[10px] text-gray-6 mb-0.5">总记录</p>
<p class="text-lg font-bold text-gray-13 perf-value" id="totalCount">32笔</p>
</div>
<div class="w-px h-8 bg-gray-2"></div>
<div class="w-px h-10 bg-gray-2 mt-0.5"></div>
<div class="text-center flex-1">
<p class="text-[10px] text-gray-6 mb-0.5">总业绩时长</p>
<p class="text-lg font-bold text-primary perf-value" id="totalMinutes">59.0h</p>
<p class="text-[10px] text-gray-5">折算前 60.5h</p>
<p class="text-[10px] text-warning">预估</p>
</div>
<div class="w-px h-8 bg-gray-2"></div>
<div class="w-px h-10 bg-gray-2 mt-0.5"></div>
<div class="text-center flex-1">
<p class="text-[10px] text-gray-6 mb-0.5">折算扣减</p>
<p class="text-lg font-bold text-error perf-value" id="totalPenalty">-1.5h</p>
<p class="text-[10px] text-gray-6 mb-0.5">收入</p>
<p class="text-lg font-bold text-success perf-value" id="totalIncome">¥4,720</p>
<p class="text-[10px] text-warning">预估</p>
</div>
</div>
</div>
@@ -129,7 +137,7 @@
<div class="p-4">
<div id="recordsList" class="bg-white rounded-2xl shadow-sm overflow-hidden">
<!-- 2月7日 -->
<div class="date-divider"><span>2月7日</span></div>
<div class="date-divider"><span class="dd-date">2月7日</span><div class="dd-line"></div><span class="dd-stats">时长 6.0h · 预估收入 ¥510</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">王</div>
<div class="flex-1 min-w-0">
@@ -194,7 +202,7 @@
</div>
</div>
<!-- 2月6日 -->
<div class="date-divider"><span>2月6日</span></div>
<div class="date-divider"><span class="dd-date">2月6日</span><div class="dd-line"></div><span class="dd-stats">时长 3.5h · 预估收入 ¥280</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-green-400 to-teal-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">张</div>
<div class="flex-1 min-w-0">
@@ -238,7 +246,7 @@
</div>
</div>
<!-- 2月5日 -->
<div class="date-divider"><span>2月5日</span></div>
<div class="date-divider"><span class="dd-date">2月5日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 预估收入 ¥320</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-teal-400 to-emerald-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">陈</div>
<div class="flex-1 min-w-0">
@@ -282,7 +290,7 @@
</div>
</div>
<!-- 2月4日 -->
<div class="date-divider"><span>2月4日</span></div>
<div class="date-divider"><span class="dd-date">2月4日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 预估收入 ¥350</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-violet-400 to-purple-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">孙</div>
<div class="flex-1 min-w-0">
@@ -326,7 +334,7 @@
</div>
</div>
<!-- 2月3日 -->
<div class="date-divider"><span>2月3日</span></div>
<div class="date-divider"><span class="dd-date">2月3日</span><div class="dd-line"></div><span class="dd-stats">时长 3.5h · 预估收入 ¥280</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-amber-400 to-yellow-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">郑</div>
<div class="flex-1 min-w-0">
@@ -370,7 +378,7 @@
</div>
</div>
<!-- 2月2日 -->
<div class="date-divider"><span>2月2日</span></div>
<div class="date-divider"><span class="dd-date">2月2日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 预估收入 ¥350</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-fuchsia-400 to-pink-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">林</div>
<div class="flex-1 min-w-0">
@@ -414,7 +422,7 @@
</div>
</div>
<!-- 2月1日 -->
<div class="date-divider"><span>2月1日</span></div>
<div class="date-divider"><span class="dd-date">2月1日</span><div class="dd-line"></div><span class="dd-stats">时长 6.0h · 预估收入 ¥510</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-blue-400 to-indigo-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">王</div>
<div class="flex-1 min-w-0">
@@ -542,7 +550,7 @@
</div>
</div>
<!-- 1月31日 -->
<div class="date-divider"><span>1月31日</span></div>
<div class="date-divider"><span class="dd-date">1月31日</span><div class="dd-line"></div><span class="dd-stats">时长 5.5h · 收入 ¥470</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-cyan-400 to-sky-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">韩</div>
<div class="flex-1 min-w-0">
@@ -607,7 +615,7 @@
</div>
</div>
<!-- 1月30日 -->
<div class="date-divider"><span>1月30日</span></div>
<div class="date-divider"><span class="dd-date">1月30日</span><div class="dd-line"></div><span class="dd-stats">时长 3.5h · 收入 ¥280</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-green-400 to-teal-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">张</div>
<div class="flex-1 min-w-0">
@@ -651,7 +659,7 @@
</div>
</div>
<!-- 1月29日 -->
<div class="date-divider"><span>1月29日</span></div>
<div class="date-divider"><span class="dd-date">1月29日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 收入 ¥320</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-teal-400 to-emerald-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">陈</div>
<div class="flex-1 min-w-0">
@@ -695,7 +703,7 @@
</div>
</div>
<!-- 1月28日 -->
<div class="date-divider"><span>1月28日</span></div>
<div class="date-divider"><span class="dd-date">1月28日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 收入 ¥350</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-purple-400 to-violet-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">赵</div>
<div class="flex-1 min-w-0">
@@ -739,7 +747,7 @@
</div>
</div>
<!-- 1月27日 -->
<div class="date-divider"><span>1月27日</span></div>
<div class="date-divider"><span class="dd-date">1月27日</span><div class="dd-line"></div><span class="dd-stats">时长 4.0h · 收入 ¥350</span></div>
<div class="record-item flex items-center gap-3 px-4 py-2.5">
<div class="w-[38px] h-[38px] rounded-lg bg-gradient-to-br from-violet-400 to-purple-500 flex items-center justify-center text-white text-sm font-medium shadow-sm flex-shrink-0">孙</div>
<div class="flex-1 min-w-0">