zhgkpt-datav/app/src/shared/mapInfoTemplate.js

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: '接入物联网楼栋数分布'
}