123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388 |
- import { createMapChartWindowInfo } from "@/utils";
- /**
- 人口密度
- 公众消防安全常识知晓率
- 大型商业综合体数量
- 消防远程监控系统覆盖率
- 火灾亡人数
- 火灾直接财产损失数
- 火灾起数
- 百栋高层建筑消防站拥有率
- 百栋高层建筑高技术性能消防车拥有率
- 超高层建筑数量
- 重大火灾隐患数
- 高层建筑面积密度
- 高层建筑风险预警指数
- */
- function toPercent(val) {
- return `${val}`.substring(0, 8)
- }
- /**
- * 总览默认地图消息弹窗模板
- * @param {*} params
- * @returns
- */
- function DEFAULT(params) {
- const item = params.data.meta;
- const details = item.lists.map(item => item.split(',')).map(item => `<tr>
- <td>${item[0]}</td><td><span style="color:#ffb800;font-weight:400;text-align: right;">${item[1]}</span></td>
- </tr>`).join('')
- const score = item.综合得分
- let res = `
- <table>
- <tr>
- <td>综合得分 <span style="font-size: 24px;color:red;font-weight:600;">${(score || 0).toFixed(2)}</span></td>
- </tr>
- ${details}
- </table>
- `;
- return res;
- }
- /**
- * 超高层建筑
- * @param {*} params
- * @returns
- */
- function CGCJZ(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">超高层建筑 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 高层建筑
- * @param {*} params
- * @returns
- */
- function GCJZ(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">高层建筑 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 一般风险数
- * @param {*} params
- * @returns
- */
- function YBFX(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">一般风险 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 重大风险数
- * @param {*} params
- * @returns
- */
- function ZDFX(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">重大风险 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 较大风险数
- * @param {*} params
- * @returns
- */
- function JDFX(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">较大风险 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 低风险数
- * @param {*} params
- * @returns
- */
- function DFX(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">低风险 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 未整改隐患数
- * @param {*} params
- * @returns
- */
- function WZGYHS(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">未整改隐患 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 无管理主体
- */
- function WGLZT(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">无管理主体 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 无维保形式
- */
- function WWBXS(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">无维保形式 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 无大修基金(消防设施有问题)
- */
- function WDXJJ(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">无大修基金(消防设施有问题) <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 接入物联网建筑数
- */
- function WLWJZS(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">接入物联网建筑 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- /**
- * 告警数
- */
- function GJS(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">告警数 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>个</ps>`
- }
- /**
- * 火灾起数月
- */
- function HZQSY(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">(本月)火灾起数 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>起</ps>`
- }
- /**
- * 火灾起数年
- */
- function HZQSN(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">(本年)火灾起数 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>起</ps>`
- }
- /**
- * 接入物联网楼栋数
- */
- function WLWLDS(params) {
- const item = params.data.meta;
- return `<p style="color: #fff;">接入物联网楼栋 <span style="font-size: 24px;color:red;font-weight:bold;">${
- item.sl || 0
- }</span>栋</ps>`
- }
- const MAP_INFO_TEMPLATE = {
- DEFAULT,
- CGCJZ,
- GCJZ,
- YBFX,
- ZDFX,
- JDFX,
- DFX,
- WZGYHS,
- /**
- * 无管理主体
- */
- WGLZT,
- /**
- * 无维保形式
- */
- WWBXS,
- /**
- * 无大修基金(消防设施有问题)
- */
- WDXJJ,
- /**
- * 接入物联网建筑数
- */
- WLWJZS,
- /**
- * 告警数
- */
- GJS,
- /**
- * 火灾起数月
- */
- HZQSY,
- /**
- * 火灾起数年
- */
- HZQSN,
- /**
- * 接入物联网楼栋数
- */
- WLWLDS
- }
- export function createInfoWindow(templateType,params) {
- return createMapChartWindowInfo({
- title: params.name,
- },
- () => MAP_INFO_TEMPLATE[templateType](params)
- )
- }
- export const TEMPLATE_TYPE = {
- /**
- * 总览默认
- */
- DEFAULT: 'DEFAULT',
- /**
- * 超高层建筑
- */
- CGCJZ: 'CGCJZ',
- /**
- * 高层建筑
- */
- GCJZ: 'GCJZ',
- /**
- * 一般风险
- */
- YBFX: 'YBFX',
- /**
- * 重大风险
- */
- ZDFX: 'ZDFX',
- /**
- * 较大风险
- */
- JDFX: 'JDFX',
- /**
- * 低风险
- */
- DFX: 'DFX',
- /**
- * 未整改隐患数
- */
- WZGYHS: 'WZGYHS',
- /**
- * 无管理主体
- */
- WGLZT: 'WGLZT',
- /**
- * 无维保形式
- */
- WWBXS: 'WWBXS',
- /**
- * 无大修基金(消防设施有问题)
- */
- WDXJJ: 'WDXJJ',
- /**
- * 接入物联网建筑数
- */
- WLWJZS: 'WLWJZS',
- /**
- * 告警数
- */
- GJS: 'GJS',
- /**
- * 火灾起数月
- */
- HZQSY: 'HZQSY',
- /**
- * 火灾起数年
- */
- HZQSN: 'HZQSN',
- /**
- * 接入物联网楼栋数
- */
- WLWLDS: 'WLWLDS'
- }
- export const TITLE_MAP = {
- /**
- * 总览默认
- */
- DEFAULT: 'DEFAULT',
- /**
- * 超高层建筑
- */
- CGCJZ: '超高层建筑数分布',
- /**
- * 高层建筑
- */
- GCJZ: '高层建筑数分布',
- /**
- * 一般风险
- */
- YBFX: '一般风险楼栋数分布',
- /**
- * 重大风险
- */
- ZDFX: '重大风险楼栋数分布',
- /**
- * 较大风险
- */
- JDFX: '较大风险楼栋数分布',
- /**
- * 低风险
- */
- DFX: '低风险楼栋数分布',
- /**
- * 未整改隐患数
- */
- WZGYHS: '未整改隐患数分布',
- /**
- * 无管理主体
- */
- WGLZT: '无管理主体楼栋数分布',
- /**
- * 无维保形式
- */
- WWBXS: '无维保形式栋数分布',
- /**
- * 无大修基金(消防设施有问题)
- */
- WDXJJ: '无大修基金(消防设施有问题)栋数分布',
- /**
- * 接入物联网建筑数
- */
- WLWJZS: '接入物联网建筑数分布',
- /**
- * 告警数
- */
- GJS: '接入物联网告警数分布',
- /**
- * 火灾起数月
- */
- HZQSY: '本月火灾起数分布',
- /**
- * 火灾起数年
- */
- HZQSN: '年火灾起数分布',
- /**
- * 接入物联网楼栋数
- */
- WLWLDS: '接入物联网楼栋数分布'
- }
|