BigScreen/src/components/Map/MockData.js

const ItemType = {
  text: 0,
  progressBar: 1,
  pump: 2,
};

export const ShowIconType = {
  WaterWorks: 0, //水厂
  Pump: 1, //泵
  PipeNet: 2, //官网
  BigUserCompany: 3, //企业
  // BigUserWaterMeter: 4, //水表
  Waterlogging: 5, //内涝
  Flow: 6, //流量泵
  Rainfall: 7, //降雨量
  Video: 8, //视频
  Personnel: 9, //人员
  Car: 10, //企业
  All: -1, //全部

  InPipeNet: 21, //供水官网
  OutPipeNet: 22, //排水官网

  SupplyWorks: 23, //供水厂
  SewageWorks: 24, //污水厂
};

export const IconType = {
  WaterWorks: "iconWater",
  Pump: "iconPump",
  PipeNet: null,
  BigUserCompany: "iconCompany",
  BigUserWaterMeter: "iconCompany",
  Waterlogging: "iconWater2",
  Flow: "iconWaterPump",
  Rainfall: "iconRainfall",
  Video: null,
  Personnel: "iconPerson",
  Car: "iconCar",
  SewageWorks: "iconWater",
};

export const pipeTipData = [
  {
    name: "DN800",
    position: { lng: 116.96669547113085, lat: 36.59878897259996 },
  },
  {
    name: "DN1400",
    position: { lng: 117.01585074863684, lat: 36.62984298385826 },
  },
  {
    name: "DN600",
    position: { lng: 117.07521077673618, lat: 36.638647049017294 },
  },
  {
    name: "DN500",
    position: { lng: 117.10093824654196, lat: 36.62312340935139 },
  },
  {
    name: "DN820",
    position: { lng: 116.98408666580401, lat: 36.65474659551234 },
  },
];

export const PipeData = [
  {
    type: ShowIconType.InPipeNet,
    name: "供水管网",
    icon: IconType.PipeNet,
    data: [
      {
        strokeColor: "#0ab8d9",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.07188004490497, lat: 36.70497323104637 },
          { lng: 117.07666374648078, lat: 36.69726882795547 },
          { lng: 117.07883855408693, lat: 36.69326550093242 },
          { lng: 117.07977061448956, lat: 36.688010815111866 },
          { lng: 117.08070267489221, lat: 36.68075374875517 },
          { lng: 117.08101336169308, lat: 36.673495991708435 },
          { lng: 117.0779064936843, lat: 36.65597442239747 },
          { lng: 117.07573168607816, lat: 36.65121787362695 },
          { lng: 117.07573168607816, lat: 36.64796322211418 },
          { lng: 117.07666374648078, lat: 36.64045195831464 },
          { lng: 117.07386756527289, lat: 36.63419200741575 },
          { lng: 117.07045001046323, lat: 36.62943410159909 },
          { lng: 117.07013932366236, lat: 36.62167056648264 },
          { lng: 117.07200344446763, lat: 36.61616048239428 },
          { lng: 117.07573168607816, lat: 36.60739362084672 },
          { lng: 117.08318816929923, lat: 36.602133021359734 },
          { lng: 117.09530495453347, lat: 36.59010743503786 },
          { lng: 117.099033196144, lat: 36.57883173090869 },
          { lng: 117.0993438829449, lat: 36.57908232016174 },
        ],
      },
      {
        strokeColor: "yellow",
        strokeWeight: 1,
        fillColor: "yellow",
        fillOpacity: 0.3,
        position: [
          { lng: 116.94201421856121, lat: 36.59797447579483 },
          { lng: 116.96107697354121, lat: 36.59797447579483 },
          { lng: 116.97393325015565, lat: 36.59976184319677 },
          { lng: 116.98634620688682, lat: 36.59976184319677 },
          { lng: 117.00673892151663, lat: 36.60226408738601 },
          { lng: 116.99432596478543, lat: 36.57723796164166 },
          { lng: 117.00363568233382, lat: 36.56043011285586 },
          { lng: 117.00496564198359, lat: 36.55434976960561 },
          { lng: 117.0200385180143, lat: 36.52250950753011 },
          { lng: 117.02651651258338, lat: 36.50378811706299 },
          { lng: 117.02651651258338, lat: 36.50378811706299 },
        ],
      },
      {
        strokeColor: "red",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.00670613351323, lat: 36.60228964745086 },
          { lng: 117.01111700307806, lat: 36.603314415094495 },
          { lng: 117.03952599349503, lat: 36.60385693358163 },
          { lng: 117.04707680410587, lat: 36.60849832330671 },
          { lng: 117.05268384168816, lat: 36.60807639042833 },
          { lng: 117.06090749680888, lat: 36.612114795320814 },
          { lng: 117.0639266962617, lat: 36.61526798794534 },
          { lng: 117.07231036678724, lat: 36.619641184630694 },
          { lng: 117.07812962044612, lat: 36.62146990177344 },
          { lng: 117.10594368030722, lat: 36.62337808170266 },
          { lng: 117.12273695338396, lat: 36.61816387314827 },
          { lng: 117.1270353956499, lat: 36.6182605234293 },
          { lng: 117.13315240964373, lat: 36.61985982703701 },
          { lng: 117.14455981411871, lat: 36.62718954035145 },
          { lng: 117.15695916680889, lat: 36.62905517329928 },
          { lng: 117.16552400229295, lat: 36.63414340378668 },
          { lng: 117.16552400229295, lat: 36.63414340378668 },
        ],
      },
      {
        strokeColor: "red",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.00653126895332, lat: 36.60218701980177 },
          { lng: 117.01254759529783, lat: 36.62184416526905 },
          { lng: 117.0157140828476, lat: 36.62694909036575 },
          { lng: 117.01729732662244, lat: 36.639709910958565 },
          { lng: 117.01983051666225, lat: 36.64430328450691 },
          { lng: 117.01959564703613, lat: 36.662122849219024 },
          { lng: 117.01920551782146, lat: 36.662093109818656 },
        ],
      },
    ],
  },
  {
    type: ShowIconType.OutPipeNet,
    name: "排水管网",
    icon: IconType.PipeNet,
    data: [
      {
        strokeColor: "#66ccff",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 116.24721748495391, lat: 39.796737802722014 },
          { lng: 116.322837465736, lat: 39.78383959531996 },
          { lng: 116.39845744651808, lat: 39.77093895027502 },
          { lng: 116.53865456380538, lat: 39.74764618546205 },
          { lng: 116.67885168109265, lat: 39.724345479834405 },
          { lng: 116.68690049846205, lat: 39.924723760492924 },
          { lng: 116.69494931583147, lat: 40.12451264487721 },
          { lng: 116.5466211100239, lat: 40.15672410636046 },
        ],
      },
      {
        strokeColor: "yellow",
        strokeWeight: 1,
        fillColor: "yellow",
        fillOpacity: 0.3,
        position: [
          { lng: 116.94988193616678, lat: 36.65670191951822 },
          { lng: 116.96721588108008, lat: 36.65483006438672 },
          { lng: 117.01957511674604, lat: 36.65483006438672 },
          { lng: 117.04316357786517, lat: 36.65454208259972 },
          { lng: 117.06299932926082, lat: 36.6538221233786 },
          { lng: 117.07229175333805, lat: 36.65655793229175 },
          { lng: 117.0885534954732, lat: 36.658429745047926 },
          { lng: 117.11517986446374, lat: 36.665916536990025 },
          { lng: 117.13208235357584, lat: 36.666354675085486 },
          { lng: 117.14229676757444, lat: 36.665386530481655 },
          { lng: 117.16733209600235, lat: 36.67345402680362 },
          { lng: 117.16733209600235, lat: 36.67345402680362 },
        ],
      },
      {
        strokeColor: "#66ccff",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.01802847383759, lat: 36.60362216255748 },
          { lng: 117.01802847383759, lat: 36.608489583919656 },
          { lng: 117.02132132203471, lat: 36.61258240296252 },
          { lng: 117.02241893810042, lat: 36.62054617952791 },
          { lng: 117.02900463449465, lat: 36.63768760468906 },
          { lng: 117.02914183650287, lat: 36.643105706718075 },
          { lng: 117.03092546260963, lat: 36.64730723547956 },
          { lng: 117.03146584479022, lat: 36.66670690443956 },
          { lng: 117.03146584479022, lat: 36.66625383322674 },
        ],
      },
      {
        strokeColor: "#f5b209",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.05157290392059, lat: 36.65425599872946 },
          { lng: 117.05142990321565, lat: 36.66673777995204 },
        ],
      },
      {
        strokeColor: "#0ab8d9",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.06234752055991, lat: 36.65388149299456 },
          { lng: 117.06242336753189, lat: 36.666836903332815 },
        ],
      },
      {
        strokeColor: "#f5b209",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.04449609396455, lat: 36.660724324243404 },
          { lng: 117.07872863780972, lat: 36.66054326540414 },
        ],
      },
      {
        strokeColor: "#0ab8d9",
        strokeWeight: 1,
        fillColor: "#0ab8d9",
        fillOpacity: 0.3,
        position: [
          { lng: 117.05161592287183, lat: 36.654273196532074 },
          { lng: 117.05144476564308, lat: 36.64921619878744 },
          { lng: 117.05503906744678, lat: 36.64480254518266 },
          { lng: 117.05446854335095, lat: 36.64383702444609 },
        ],
      },
    ],
  },
];

export const WaterWorks = [
  {
    type: ShowIconType.SewageWorks,
    name: "污水厂",
    icon: IconType.SewageWorks,
    data: [
      {
        name: "平阴区污水处理厂",
        position: { lng: 116.845265, lat: 36.763525 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "美洁污水处理厂",
        position: { lng: 117.111609, lat: 36.832063 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "济南西区污水处理厂",
        position: { lng: 116.753323, lat: 36.577857 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "章丘污水处理厂",
        position: { lng: 117.534918, lat: 36.718595 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "高新区水质净化一厂",
        position: { lng: 117.14658, lat: 36.710977 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "腊山污水处理厂",
        position: { lng: 116.89706, lat: 36.644871 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "光大水务一厂",
        position: { lng: 117.048775, lat: 36.709265 },
        data: getData(ShowIconType.SewageWorks),
      },
      {
        name: "光大水务二厂",
        position: { lng: 117.466926, lat: 36.914682 },
        data: getData(ShowIconType.SewageWorks),
      },
    ],
  },
  {
    type: 0,
    name: "水厂",
    icon: IconType.SupplyWorks,
    data: [
      {
        name: "鹊华水厂",
        position: { lng: 117.063061, lat: 36.740403 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "玉清水厂",
        position: { lng: 116.888463, lat: 36.651678 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "南郊水厂",
        position: { lng: 115.457185, lat: 36.469219 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "东郊水厂",
        position: { lng: 117.590842, lat: 34.849896 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "青龙山水厂",
        position: { lng: 117.550168, lat: 35.674475 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "白龙泉水厂",
        position: { lng: 117.561738, lat: 35.514622 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "水帘峡山泉水厂",
        position: { lng: 117.228579, lat: 36.420463 },
        data: getData(ShowIconType.WaterWorks),
      },
      {
        name: "大禹王水厂",
        position: { lng: 116.659103, lat: 36.950534 },
        data: getData(ShowIconType.WaterWorks),
      },
    ],
  },
];

function getRandom(min, max) {
  return Math.round((Math.random() * (max - min) + min) * 10) / 10;
}

export default [
  {
    type: 0,
    name: "水厂",
    icon: IconType.WaterWorks,
    data: [...WaterWorks.map((item) => item.data).flat(1)],
  },
  {
    type: 1,
    name: "泵站",
    icon: IconType.Pump,
    data: [
      {
        name: "凤凰路一级泵站",
        position: { lng: 117.179155, lat: 36.664637 },
        data: getData(ShowIconType.Pump),
      },
      {
        name: "凤凰路二级泵站",
        position: { lng: 117.167801, lat: 36.63325 },
        data: getData(ShowIconType.Pump),
      },
      {
        name: "凤凰路三级泵站",
        position: { lng: 117.162627, lat: 36.669269 },
        data: getData(ShowIconType.Pump),
      },
      {
        name: "大涧沟雨水泵站",
        position: { lng: 117.010076, lat: 36.572451 },
        data: getData(ShowIconType.Pump),
      },
      {
        name: "纬十二路雨水泵站",
        position: { lng: 116.979802, lat: 36.663158 },
        data: getData(ShowIconType.Pump),
      },
    ],
  },
  {
    type: 2,
    name: "管网",
    icon: IconType.PipeNet,
    data: [...PipeData.map((item) => item.data).flat(1)],
  },
  {
    type: 3,
    name: "大用户企业",
    icon: IconType.BigUserCompany,
    data: [
      {
        name: `${getRandom(500, 1000)}m3`, //"统一企业有限公司",
        position: { lng: 117.185071, lat: 37.002122 },
      },
      {
        name: `${getRandom(500, 1000)}m3`, //"济南炼油厂济南分公司",
        position: { lng: 117.181912, lat: 36.69513 },
      },
      {
        name: `${getRandom(500, 1000)}m3`, //"济南盐业公司",
        position: { lng: 116.954083, lat: 36.729286 },
      },
      {
        name: `${getRandom(500, 1000)}m3`, //"济南铁塔",
        position: { lng: 117.012108, lat: 36.654583 },
      },
    ],
  },
  // {
  //   type: 4,
  //   name: "大用户水表",
  //   icon: IconType.BigUserWaterMeter,
  //   data: [
  //     {
  //       name: "XX物业公司",
  //       position: { lng: 116.314544, lat: 39.908216 },
  //       data: [
  //         {
  //           name: "出水COD",
  //           value: "330 mg/L",
  //         },
  //         {
  //           name: "出水COD",
  //           value: "330 mg/L",
  //         },
  //         {
  //           name: "出水COD",
  //           value: "330 mg/L",
  //         },
  //         {
  //           name: "出水COD",
  //           value: "330 mg/L",
  //         },
  //       ],
  //     },
  //   ],
  // },
  {
    type: 5,
    name: "内涝点",
    icon: IconType.Waterlogging,
    data: [
      {
        name: "西外环普照园门口",
        current: "0.23m",
        position: { lng: 116.936345, lat: 36.64941 },
        data: [
          {
            name: "液位",
            value: "0.23m",
          },
          {
            name: "视频",
            value: "查看",
          },
        ],
      },
      {
        name: "八一立交桥下",
        current: "0.35m",
        position: { lng: 117.004416, lat: 36.654859 },
        data: [
          {
            name: "液位",
            value: "0.35m",
          },
          {
            name: "视频",
            value: "查看",
          },
        ],
      },
      ,
      {
        name: "经四路林祥门路口",
        current: "0.27m",
        position: { lng: 117.009407, lat: 36.668131 },
        data: [
          {
            name: "液位",
            value: "0.27m",
          },
          {
            name: "视频",
            value: "查看",
          },
        ],
      },
      ,
      {
        name: "玉函路济大路路口",
        current: "0.15m",
        position: { lng: 117.01753, lat: 36.639387 },
        data: [
          {
            name: "液位",
            value: "0.15m",
          },
          {
            name: "视频",
            value: "查看",
          },
        ],
      },
      ,
      {
        name: "白马山南路全线",
        current: "0.36m",
        position: { lng: 116.949576, lat: 116.949576 },
        data: [
          {
            name: "液位",
            value: "0.36m",
          },
          {
            name: "视频",
            value: "查看",
          },
        ],
      },
      ,
      {
        name: "南外环杨庄铁路",
        current: "0.24m",
        position: { lng: 116.724204, lat: 36.532568 },
        data: [
          {
            name: "液位",
            value: "0.24m",
          },
          {
            name: "视频",
            value: "查看",
          },
        ],
      },
    ],
  },
  // {
  //   type: 6,
  //   name: "流量",
  //   icon: IconType.Flow,
  //   data: [
  //     {
  //       name: "水泵",
  //       position: { lng: 116.424544, lat: 39.998216 },
  //       data: [
  //         {
  //           name: "所在区域",
  //           value: "XXXX",
  //         },
  //         {
  //           name: "流量",
  //           value: "1.3 m3/h",
  //         },
  //         {
  //           name: "负责人",
  //           value: "XXXX",
  //         },
  //         {
  //           name: "电话",
  //           value: "13811111111",
  //         },
  //       ],
  //       points: [
  //         { lng: 116.24721748495391, lat: 39.796737802722014 },
  //         { lng: 116.322837465736, lat: 39.78383959531996 },
  //         { lng: 116.424544, lat: 39.998216 },
  //       ],
  //     },
  //   ],
  // },
  {
    type: 7,
    name: "降雨量",
    current: "分钟级：0.2mm",
    icon: IconType.Rainfall,
    data: [
      {
        name: "济南站附件",
        position: { lng: 116.870417, lat: 36.661798 },
      },
    ],
  },
  // {
  //   type: 8,
  //   name: "视频",
  //   icon: IconType.Video,
  //   data: [
  //     {
  //       name: "XX区域",
  //       position: { lng: 116.534544, lat: 39.848216 },
  //     },
  //   ],
  // },
  {
    type: 9,
    name: "人员",
    icon: IconType.Personnel,
    data: [
      {
        name: "王昱霖",
        position: { lng: 117.00351, lat: 36.658266 },
        data: [
          {
            name: "部门",
            value: "管网中心2",
          },
          {
            name: "所在区域",
            value: "市中区",
          },
          {
            name: "电话",
            value: "13899189567",
          },
        ],
        points: [
          { lng: 116.996611, lat: 36.661711 },
          { lng: 117.004192, lat: 36.662348 },
          { lng: 117.00351, lat: 36.659163 },
          { lng: 117.00351, lat: 36.658266 },
        ],
      },
    ],
  },
  {
    type: 10,
    name: "车辆",
    icon: IconType.Car,
    data: [
      {
        name: "抢修车01",
        position: { lng: 116.937237, lat: 36.649659 },
        data: [
          {
            name: "所在区域",
            value: "安澜北路",
          },
          {
            name: "负责人",
            value: "杨青城",
          },
          {
            name: "电话",
            value: "15122280828",
          },
        ],
        points: [
          { lng: 116.93421, lat: 36.64967 },
          { lng: 116.936698, lat: 36.649945 },
          { lng: 116.937246, lat: 36.650133 },
          { lng: 116.937237, lat: 36.649659 },
        ],
      },
    ],
  },
];

function getData(type) {
  let result = [];
  switch (type) {
    case ShowIconType.WaterWorks:
      result = [
        {
          type: ItemType.progressBar,
          name: "运行负荷",
          value: `${getRandom(70, 98)}%`,
        },
        {
          name: "进水COD",
          value: `${getRandom(15, 20)}mg/L`,
        },
        {
          name: "出水COD",
          value: `${getRandom(2, 5)}mg/L`,
        },
        {
          name: "进场流量",
          value: `${getRandom(19, 21)}万m3`,
        },
        {
          name: "出场流量",
          value: `${getRandom(17, 19)}万m3`,
        },
        {
          name: "进水氨氮",
          value: `${getRandom(0.5, 1)}mg/L`,
        },
        {
          name: "出水氨氮",
          value: `${getRandom(0.1, 0.5)}mg/L`,
        },
        {
          name: "进水PH",
          value: `${getRandom(6, 9)}`,
        },
        {
          name: "出水PH",
          value: `${getRandom(6.5, 9.5)}mg/L`,
        },
        {
          name: "出水浊度",
          value: `${getRandom(0.1, 1)}mg/L`,
        },
      ];
      break;
    case ShowIconType.SewageWorks:
      result = [
        {
          type: ItemType.progressBar,
          name: "运行负荷",
          value: `${getRandom(70, 98)}%`,
        },
        {
          name: "进水COD",
          value: `${getRandom(300, 600)}mg/L`,
        },
        {
          name: "出水COD",
          value: `${getRandom(20, 50)}mg/L`,
        },
        {
          name: "进场流量",
          value: `${getRandom(19, 21)}万m3`,
        },
        {
          name: "出场流量",
          value: `${getRandom(17, 19)}万m3`,
        },
        {
          name: "进水氨氮",
          value: `${getRandom(20, 25)}mg/L`,
        },
        {
          name: "出水氨氮",
          value: `${getRandom(6, 10)}mg/L`,
        },
        {
          name: "进水PH",
          value: `${getRandom(6, 9)}`,
        },
        {
          name: "出水PH",
          value: `${getRandom(6.5, 8.5)}`,
        },
        {
          name: "进水总氮",
          value: `${getRandom(30, 70)}mg/L`,
        },
        {
          name: "出水总氮",
          value: `${getRandom(10, 15)}mg/L`,
        },
        {
          name: "进水总磷",
          value: `${getRandom(5, 10)}mg/L`,
        },
        {
          name: "出水总磷",
          value: `${getRandom(0.3, 1)}mg/L`,
        },
      ];
      break;
    case ShowIconType.Pump:
      result = [
        {
          name: "能耗",
          value: `${getRandom(60000, 90000)}kWh`,
        },
        {
          name: "栅前液位",
          value: `${getRandom(1.5, 2.5)}m`,
        },
        {
          name: "流量",
          value: `${getRandom(200, 300)}m3/h`,
        },
        {
          type: ItemType.pump,
          name: "泵运行状态",
          value: [0, 0, 1, 0],
        },
        {
          name: "COD",
          value: `${getRandom(2, 5)}mg/L`,
        },
        {
          name: "氨氮",
          value: `${getRandom(0.2, 0.5)}mg/L`,
        },
        {
          name: "PH",
          value: `${getRandom(6, 9)}`,
        },
      ];
      break;
  }
  return result;
}