{"is_fixed_template": false, "template_name": "infoCard", "template_doc": "## infoCard.html — 信息卡片通用模板\n\n### 适用场景\n用于展示任何需要以卡片形式呈现的详细信息，如项目信息、企业详情、设备参数、用户资料等。\n\n### 所需 JSON 数据格式\n\n```json\n{\n \"page_title\": \"项目基本信息\",\n \"data\": {\n \"text_values\": {\n \"PAGE_TITLE\": \"项目基本信息\",\n \"CARD_TITLE\": \"项目基本信息\",\n \"INFO_ITEMS\": \"园区名称：测试园区
企业数量：12
通讯机数量：45
在线数量：42
终端数量：156
光伏站数量：3
年能耗总量：1,245.6 tce
年碳排总量：3,456.8 tCO₂
碳排强度：2.78 tCO₂/tce
园区介绍：这是一个测试园区，用于展示能碳系统的信息卡片功能。
\"\n },\n \"js_variables\": {}\n }\n}\n```\n\n### 字段说明\n\n| 字段 | 类型 | 说明 |\n|------|------|------|\n| PAGE_TITLE | 字符串 | 页面标题，显示在浏览器标签页 |\n| CARD_TITLE | 字符串 | 卡片标题 |\n| INFO_ITEMS | 字符串（HTML） | 信息项的完整 HTML，每项格式见下方说明 |\n\n### INFO_ITEMS 格式说明\n\n每个信息项有两种布局方式：\n\n1. **普通项（占半列）**：\n```html\n\n 标签名：\n 值\n
\n```\n\n2. **全宽项（占整行）**：\n```html\n\n 标签名：\n 值\n
\n```\n\n### 布局特性\n\n- 默认两列网格布局（响应式）\n- 移动端自动切换为单列布局\n- 支持全宽项（适合长文本内容）\n- 标签名右对齐，值左对齐\n- 灰色背景卡片主体\n\n### 示例：生成 INFO_ITEMS HTML\n\n```javascript\n// 示例数据\nconst fields = [\n { label: \"园区名称\", value: \"测试园区\", fullWidth: false },\n { label: \"企业数量\", value: \"12\", fullWidth: false },\n { label: \"年能耗总量\", value: \"1,245.6 tce\", fullWidth: false },\n { label: \"园区介绍\", value: \"这是一个测试园区...\", fullWidth: true }\n];\n\n// 生成 INFO_ITEMS\nconst infoItems = fields.map(field => {\n const className = field.fullWidth ? 'info-item full-width' : 'info-item';\n return `${field.label}：${field.value}
`;\n}).join('');\n```\n\n### 注意事项\n\n1. **INFO_ITEMS** 字段需要填入完整的 HTML 代码\n2. 标签名后需要加冒号 \"：\"\n3. 长文本内容（如介绍、描述）建议使用 `full-width` 类占据整行\n4. 值为空时建议填入 \"-\" 或 \"暂无\"\n5. 数值类数据建议带上单位（如 \"1,245.6 tce\"）\n\n### 外部调用接口\n\n模板保留了 `window.renderInfoCard()` 函数，可用于动态更新卡片内容（可选功能）。\n\n---\n", "rows": [{"total_stations": 22}], "sql": "SELECT COUNT(*) AS `total_stations` FROM `光伏站点信息` LIMIT 500"}