dsh-life-pack 0.3.14 → 0.3.16

package/dist/client.js

@@ -1698,16 +1698,8 @@ window.__ModuleLoader__.load({
 				};
 			});
 		}
-		/** 一家的一句话读数：「红 1 黄 2」，全绿就是「绿」。面板侧要**上色**的那几处不用它（见 `countSegments`）。 */
-		function countsText(counts) {
-			const parts = [];
-			if (counts.red > 0) parts.push("红 " + String(counts.red));
-			if (counts.yellow > 0) parts.push("黄 " + String(counts.yellow));
-			if (parts.length === 0) return "绿";
-			return parts.join(" · ");
-		}
 		/** 把一份计数拆成**按档分色**的几截。红黄各自一截、各自上色，互不串色；
-		*  「黄 3」这一截为什么不能被染成红——见 `countSegments` 的注释（出图复评逮到的真缺陷）。 */
+		*  数字本身不带档位字（#951）：颜色即档位，胶囊形状由调用方配 `COUNT_CAPSULE`／`TAB_NOTE_STYLE`。 */
 		function countSegsOf(light) {
 			if (light.status === null) return [{
 				status: null,
@@ -1718,16 +1710,26 @@ window.__ModuleLoader__.load({
 				const count = light.counts[status];
 				if (count > 0) segs.push({
 					status,
-					text: STATUS_LABEL[status] + " " + String(count)
+					text: String(count)
 				});
 			}
 			return segs.length > 0 ? segs : [{
 				status: "green",
-				text: "绿"
+				text: String(light.counts.green)
 			}];
 		}
 		/** 几截读数之间那个分隔符：不许染档位色（它不属于任何一档）。 */
 		const SEG_SEP = " · ";
+		/** 数字胶囊的形状（#951）：页签那枚 `TAB_NOTE_STYLE` 的同形，汇总与表头共用。
+		*  颜色不进这一格，调用方按档配 `STATUS_TEXT[status]`——颜色即档位，字上不再写档位名。 */
+		const COUNT_CAPSULE_STYLE = {
+			border: "1px solid " + BORDER,
+			borderRadius: 999,
+			padding: "0 6px",
+			margin: "0 2px",
+			fontSize: 11,
+			fontWeight: 700
+		};
 		/** 汇总行那一句：绿要显眼（它是「正常」这件事本身），没通道的那几家不冒充绿。
 		*
 		*  「没有体检出口」与「还没跑过体检」是**两件事**（票 #735）：前者那颗「体检一次」按下去不会有任何反应，
@@ -1760,10 +1762,10 @@ window.__ModuleLoader__.load({
 				parts.push(react.createElement("span", {
 					key: status,
 					style: {
-						color: STATUS_TEXT[status],
-						fontWeight: 700
+						...COUNT_CAPSULE_STYLE,
+						color: STATUS_TEXT[status]
 					}
-				}, STATUS_LABEL[status] + " " + String(count)));
+				}, String(count)));
 			}
 			if (parts.length === 0) return react.createElement("span", { style: { color: INK_DIM } }, (allGreen ? "有出口的都正常" : "还没体检") + tail);
 			parts.push(react.createElement("span", {
@@ -1828,6 +1830,32 @@ window.__ModuleLoader__.load({
 		function isAttentionItem(item) {
 			return isAttention(item.status);
 		}
+		/** 表头那组数字（#951）：与页签／汇总同口径——只印数字胶囊，颜色即档位，不印档位字。 */
+		function headerCounts(report) {
+			const counts = countByStatus(report.items);
+			const segs = countSegsOf({
+				id: "header",
+				title: "",
+				status: worstStatus(report.items),
+				counts,
+				hasChannel: true
+			});
+			return react.createElement("div", { style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 4,
+				fontSize: 12
+			} }, segs.map((seg, index) => seg.status === null ? react.createElement("span", {
+				key: index,
+				style: { color: INK_DIM }
+			}, seg.text) : react.createElement("span", {
+				key: index,
+				style: {
+					...COUNT_CAPSULE_STYLE,
+					color: STATUS_TEXT[seg.status]
+				}
+			}, seg.text)));
+		}
 		/** 一家那张表：**要处理的**（红黄）一条一块、整行上底带一句话与「去哪修」；
 		*  **正常的**（绿）收成一行并列的小字，点得到、扫得完（票面验收第一条：正常的收成一行，有问题的才展开）。 */
 		function HealthTable(props) {
@@ -1836,10 +1864,7 @@ window.__ModuleLoader__.load({
 			return react.createElement("div", {
 				style: HEALTH_STYLE.box,
 				"data-ilife-health": "table"
-			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, props.title + " · 体检"), report ? react.createElement("div", { style: {
-				color: INK_DIM,
-				fontSize: 12
-			} }, countsText(countByStatus(report.items))) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, report.dataDir !== "" ? react.createElement("div", { style: {
+			}, react.createElement("div", { style: HEALTH_STYLE.headRow }, react.createElement("div", { style: HEALTH_STYLE.head }, props.title + " · 体检"), report ? headerCounts(report) : null), props.phase === "idle" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "还没体检：点上面那个「体检一次」。") : null, props.phase === "running" ? react.createElement("div", { style: HEALTH_STYLE.meta }, "正在体检…") : null, props.error !== null ? react.createElement("div", { style: HEALTH_STYLE.error }, props.error) : null, report ? react.createElement("div", null, report.dataDir !== "" ? react.createElement("div", { style: {
 				color: INK_DIM,
 				fontSize: 11.5,
 				marginTop: 2