# dashboard_enterprise.html 模板占位符完整说明

## 文件信息
- 文件大小：1175行
- 适用场景：企业能耗概览，包含企业信息、日期选择、多个设备卡片、能耗趋势图表

## 已完成的占位符替换

### 页面标题
- `{{PAGE_TITLE}}` - 页面标题

### 企业信息卡片
- `{{ENTERPRISE_NAME_LABEL}}` - 企业名称标签
- `{{ENTERPRISE_NAME_VALUE}}` - 企业名称值
- `{{ENTERPRISE_ADDRESS_LABEL}}` - 企业地址标签
- `{{ENTERPRISE_ADDRESS_VALUE}}` - 企业地址值
- `{{PARK_LABEL}}` - 所属园区标签
- `{{PARK_VALUE}}` - 所属园区值

## 需要继续添加的占位符

### 日期选择器
```
{{DATE_LABEL}} - 日期标签
{{START_DATE}} - 开始日期
{{END_DATE}} - 结束日期
```

### 设备卡片（多个）
每个设备卡片需要：
```
{{DEVICE_N_ICON}} - 设备图标路径
{{DEVICE_N_NAME}} - 设备名称
{{DEVICE_N_TOTAL}} - 设备总数
{{DEVICE_N_ONLINE}} - 在线数量
{{DEVICE_N_OFFLINE}} - 离线数量
{{DEVICE_N_ONLINE_LABEL}} - 在线标签
{{DEVICE_N_OFFLINE_LABEL}} - 离线标签
{{DEVICE_N_UNIT}} - 单位（台）
```

### 图表标题
```
{{CHART_1_TITLE}} - 第1个图表标题
{{CHART_2_TITLE}} - 第2个图表标题
{{CHART_3_TITLE}} - 第3个图表标题
...
```

### JavaScript 数据注入
```javascript
{{INJECT_DATA}} - 替换所有 mockData 对象
```

## 替换策略

由于文件较大，建议按以下顺序逐步替换：

1. **HTML 静态文本**（约50-100处）
   - 卡片标题
   - 标签文本
   - 单位文本

2. **HTML 数值数据**（约100-200处）
   - 设备数量
   - 能耗数值
   - 统计数据

3. **JavaScript 模拟数据**（1处）
   - 用 {{INJECT_DATA}} 替换整个 mockData 对象

## JSON 数据格式示例

```json
{
  "PAGE_TITLE": "企业概览",
  "ENTERPRISE_NAME_LABEL": "企业名称",
  "ENTERPRISE_NAME_VALUE": "示例企业名称",
  "ENTERPRISE_ADDRESS_LABEL": "企业地址",
  "ENTERPRISE_ADDRESS_VALUE": "示例地址",
  "PARK_LABEL": "所属园区",
  "PARK_VALUE": "示例园区",
  "DEVICE_1_ICON": "./img/device1.png",
  "DEVICE_1_NAME": "通信网关",
  "DEVICE_1_TOTAL": "12",
  "DEVICE_1_ONLINE": "10",
  "DEVICE_1_OFFLINE": "2",
  "INJECT_DATA": "const mockData = { ... };"
}
```

## 注意事项

1. 文件包含大量设备卡片，每个卡片结构相同
2. 多个 ECharts 图表需要注入数据
3. 建议根据实际使用的功能模块逐步添加占位符
4. 保持与其他模板一致的命名规范