- 经营管理/重点工作台账卡片改用 .metric-card 类(与首页一致) - 卡片增加 lucide 图标(签约/金额/任务/状态等) - 布局:左对齐、text-2xl、图标+标签
This commit is contained in:
@@ -197,13 +197,13 @@ function renderProjects() {
|
||||
document.querySelector("#projects").innerHTML = /*html*/`
|
||||
<div class="grid grid-cols-5 gap-3 mb-4">
|
||||
${[
|
||||
["项目总数", items.length],
|
||||
["任务总数", taskStats.total],
|
||||
["进行中", taskStats.ongoing],
|
||||
["已结束", taskStats.done],
|
||||
["未开始", taskStats.pending],
|
||||
].map(([label, value]) => `
|
||||
<div class="bg-white rounded-lg border border-slate-200 p-3 text-center"><p class="text-xs text-slate-500">${label}</p><p class="text-xl font-bold text-slate-800">${value}</p></div>
|
||||
["项目总数", items.length, "folder"],
|
||||
["任务总数", taskStats.total, "list-checks"],
|
||||
["进行中", taskStats.ongoing, "play-circle"],
|
||||
["已结束", taskStats.done, "check-circle"],
|
||||
["未开始", taskStats.pending, "circle"],
|
||||
].map(([label, value, icon]) => `
|
||||
<div class="metric-card"><span class="flex items-center gap-2 text-xs text-slate-500"><i data-lucide="${icon}" style="width:14px;height:14px"></i>${label}</span><strong class="mt-2 block text-2xl">${value}</strong></div>
|
||||
`).join("")}
|
||||
</div>
|
||||
<div class="flex justify-between items-center mb-3">
|
||||
|
||||
Reference in New Issue
Block a user