完成
@@ -772,7 +771,7 @@
id: 2,
title: "星星家园改造",
tag: ["进行中", "设施建设", "苏州", "星星家园"],
- date: { pub: "2022-08-12 12:32", update: "2022-08-12 12:32" },
+ date: { pub: "2022-08-12 12:32", update: "2022-08-29 12:33" },
img: [
{ title: "墙面施工", src: "https://img1.imgtp.com/2022/08/30/kk0PLIlC.jpg" },
{ title: "防水涂层", src: "https://img1.imgtp.com/2022/08/30/AxvEND6h.jpg" },
@@ -782,14 +781,17 @@
{ title: "室内", src: "https://img1.imgtp.com/2022/08/30/ymN6Lziv.jpg" },
],
nimg: 0,
- stat: { fund: 7000, budget: 7000, expense: 3500, detail: "https://docs.qq.com/sheet/DZU1qaWRsUnJJU1Z1?tab=BB08J2" },
- progress: [
- { name: "淋浴间改造", pct: 0 },
- { name: "卫生间改造", pct: 25 },
- { name: "墙面改造", pct: 75 },
- { name: "吊顶改造", pct: 85 },
- { name: "庭院雨棚", pct: 100 },
- ],
+ stat: {
+ fund: 7000, budget: 7000, expense: 4500,
+ detail: "https://docs.qq.com/sheet/DZU1qaWRsUnJJU1Z1?tab=BB08J2",
+ progress: [
+ { name: "淋浴间改造", pct: 0 },
+ { name: "卫生间改造", pct: 25 },
+ { name: "墙面改造", pct: 75 },
+ { name: "吊顶改造", pct: 85 },
+ { name: "雨棚安装", pct: 100 },
+ ]
+ },
participant: [
],
@@ -853,6 +855,35 @@
el.appendChild(img)
}
+ function estat(
+ el, stat
+ ) {
+ el.innerHTML = ""
+ const bar = document.createElement("div")
+ bar.classList.add("bar")
+ bar.style.setProperty("--fund", stat.fund)
+ bar.style.setProperty("--budget", stat.budget)
+ bar.style.setProperty("--expense", stat.expense)
+ bar.innerHTML = `
收到支持预算(元)
`
+ + `
${stat.fund}${(stat.fund / stat.budget * 100).toFixed(0)}%${stat.budget}
`
+ + `
${stat.expense}${(stat.expense / stat.budget * 100).toFixed(0)}%
`
+ + `
`
+ el.appendChild(bar)
+ const div = document.createElement("div")
+ div.innerHTML = "
活动目标:"
+ el.appendChild(div)
+ const circle = document.createElement("div")
+ circle.classList.add("circle")
+ circle.innerHTML = stat.progress
+ .map(({ name, pct }) => {
+ const c = pct == 0 || pct >= 100 ? "color: var(--cl-gray)" : ""
+ const t = pct >= 100 ? "完成" : `${pct}%`
+ return `
`
+ })
+ .join("")
+ el.appendChild(circle)
+ }
+
function article(
el
) {
@@ -868,6 +899,11 @@
eimg(s, d)
a.appendChild(s)
el.appendChild(a)
+ s = document.createElement("section")
+ s.classList.add("stat")
+ estat(s, d.stat)
+ a.appendChild(s)
+ el.appendChild(a)
}
}