資料呈現
API 設計
災防通報頁面，JSON 格式的欄位定義如下，開發時只需遵照規格即可。 可以透過 JSON 定義災防通報類型，並針對子項目表單的災情描述做客製化內容。
/disaster-report
JSON
{
"data": [
{
"id": "D-1",
"name": "民生、基礎設施災情",
"icon": "/images/disaster/icon-general-damage.svg",
"options": [
{
"id": "D-1-1",
"name": "電線(桿)或纜線受損",
"form_format": [
{
"type": "checkbox_group",
"label": "人員傷亡",
"field": "casualties",
"options": [
{
"label": "傷亡",
"value": "傷亡"
},
{
"label": "受困",
"value": "受困"
},
{
"label": "失蹤",
"value": "失蹤"
}
]
},
{
"type": "checkbox_group",
"label": "影響交通",
"field": "traffic",
"options": [
{
"label": "道路",
"value": "道路"
},
{
"label": "巷弄",
"value": "巷弄"
},
{
"label": "人行道",
"value": "人行道"
}
]
},
{
"type": "checkbox_group",
"label": "電纜線掉落",
"field": "cable_wire",
"options": [
{
"label": "電纜掉落，恐有安全之虞",
"value": "電纜掉落，恐有安全之虞"
},
{
"label": "電力線掉落，恐有安全之虞",
"value": "電力線掉落，恐有安全之虞"
},
{
"label": "第四台電纜線掉落，恐有安全之虞",
"value": "第四台電纜線掉落，恐有安全之虞"
},
{
"label": "cctv電纜線掉落，恐有安全之虞",
"value": "cctv電纜線掉落，恐有安全之虞"
},
{
"label": "壓倒民宅",
"value": "壓倒民宅"
}
]
}
]
},
{
"id": "D-1-2",
"name": "變電所、電廠受災",
"form_format": [
{
"type": "checkbox_group",
"label": "人員傷亡",
"field": "casualties",
"options": [
{
"label": "傷亡",
"value": "傷亡"
},
{
"label": "受困",
"value": "受困"
},
{
"label": "失蹤",
"value": "失蹤"
}
]
},
{
"type": "checkbox_group",
"label": "影響交通",
"field": "traffic",
"options": [
{
"label": "道路",
"value": "道路"
},
{
"label": "巷弄",
"value": "巷弄"
},
{
"label": "人行道",
"value": "人行道"
}
]
},
{
"type": "checkbox_group",
"label": "附近全面停電",
"field": "power_failure",
"options": [
{
"label": "變電箱",
"value": "變電箱"
},
{
"label": "變電所",
"value": "變電所"
},
{
"label": "電廠受災",
"value": "電廠受災"
}
]
}
]
},
{
"id": "D-1-3",
"name": "路燈故障",
"form_format": [
{
"type": "checkbox_group",
"label": "人員傷亡",
"field": "casualties",
"options": [
{
"label": "傷亡",
"value": "傷亡"
},
{
"label": "受困",
"value": "受困"
},
{
"label": "失蹤",
"value": "失蹤"
}
]
},
{
"type": "checkbox_group",
"label": "影響交通",
"field": "traffic",
"options": [
{
"label": "道路",
"value": "道路"
},
{
"label": "巷弄",
"value": "巷弄"
},
{
"label": "人行道",
"value": "人行道"
}
]
},
{
"type": "input",
"label": "路燈傾倒(傾倒盞)",
"field": "street_lamp_fall"
},
{
"type": "input",
"label": "路燈傾倒(失明盞)",
"field": "street_lamp_lost"
}
]
},
{
"id": "D-1-4",
"name": "電力停電",
"form_format": [
{
"type": "checkbox_group",
"label": "人員傷亡",
"field": "casualties",
"options": [
{
"label": "傷亡",
"value": "傷亡"
},
{
"label": "受困",
"value": "受困"
},
{
"label": "失蹤",
"value": "失蹤"
}
]
},
{
"type": "checkbox_group",
"label": "影響交通",
"field": "traffic",
"options": [
{
"label": "道路",
"value": "道路"
},
{
"label": "巷弄",
"value": "巷弄"
},
{
"label": "人行道",
"value": "人行道"
}
]
},
{
"type": "checkbox_group",
"label": "停電範圍",
"field": "power_failure_range",
"options": [
{
"label": "整棟大樓不亮",
"value": "整棟大樓不亮"
},
{
"label": "整排巷弄不亮",
"value": "整排巷弄不亮"
},
{
"label": "整區不亮",
"value": "整區不亮"
},
{
"label": "請提供發電機供維生系統運作",
"value": "請提供發電機供維生系統運作"
}
]
}
]
}
]
},
]
}資料欄位說明
| 欄位 | 用途 | 範例 |
|---|---|---|
| id | 災害類型 ID | D-1 |
| name | 災害類型名稱 | 民生、基礎設施災情 |
| icon | 災害類型的 icon url (若要將 icon 放在本地端，可以放在 public 資料夾中) | /images/disaster/icon-general-damage.svg |
| options | 該災害類型底下的通報分類 | 參考 options |
options
| 欄位 | 用途 | 範例 |
|---|---|---|
| id | 通報項目 ID | D-1-3 |
| name | 通報項目名稱 | 路燈故障 |
| form_format | 災情描述表單欄位客製化資訊 | 參考 form_format |
form_format
| 欄位 | 用途 | 範例 |
|---|---|---|
| type | 表單欄位分類(checkbox_group、input) | checkbox_group |
| label | 欄位標題 | 路燈傾倒(失明盞) |
| field | 表單資料的欄位名稱(根據接收表單的 api 設計來決定) | street_lamp_lost |
| options | 只有 checkbox_group 有，提供 checkbox 的各選項 | 參考 checkbox_group-options |
checkbox_group-options
| 欄位 | 用途 | 範例 |
|---|---|---|
| label | checkbox 選項名稱 | 整棟大樓不亮 |
| value | checkbox 選項值(根據接受資料的 api 設計來定義) | 整棟大樓不亮 |