{"version":3,"sources":["webpack:///./src/views/Cockpit/assets/img/cop1.png","webpack:///./src/views/Cockpit/assets/img/deviceNormal.png","webpack:///./src/api/Device.js","webpack:///./src/views/Cockpit/assets/index.scss?fe12","webpack:///./node_modules/vue3-seamless-scroll/dist/vue3-seamless-scroll.es.js","webpack:///./src/views/Cockpit/index.vue","webpack:///./src/views/Cockpit/index.vue?8c66","webpack:///./src/views/Cockpit/assets/img/deviceOffLine.png","webpack:///./src/views/Cockpit/assets/img/deviceAlarm.png","webpack:///./src/views/Cockpit/assets/img/cop2.png","webpack:///./src/views/Cockpit/index.vue?cbd7","webpack:///./src/views/Cockpit/assets/img/jietan.png"],"names":["module","exports","GetCustomeFillList","data","$http","get","params","GetDeviceFillList","GetDeviceFillListByTypeID","GetDevicePageList","GetDeviceScenePageList","GetDeviceList","AddDevice","post","EditDevice","put","DeleteDevice","delete","SetDevicePermission","throttle","delay","noTrailing","callback","debounceMode","timeoutID","cancelled","lastExec","clearExistingTimeout","clearTimeout","cancel","wrapper","_len","arguments","length","arguments_","Array","_key","self","this","elapsed","Date","now","exec","apply","clear","undefined","setTimeout","useExpose","apis","instance","Object","assign","proxy","Props","modelValue","type","Boolean","default","list","required","step","Number","limitScrollNum","hover","direction","String","singleHeight","singleWidth","singleWaitTime","isRemUnit","isWatch","ease","count","copyNum","wheel","singleLine","dataWarm","console","warn","globalThis","window","cancelAnimationFrame","webkitCancelAnimationFrame","mozCancelAnimationFrame","oCancelAnimationFrame","msCancelAnimationFrame","id","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","oRequestAnimationFrame","msRequestAnimationFrame","Vue3SeamlessScroll","name","inheritAttrs","props","emits","_props","slots","emit","attrs","scrollRef","slotListRef","realBoxRef","reqFrame","singleWaitTimeout","realBoxWidth","realBoxHeight","xPos","yPos","isHover","_count","isScroll","realBoxStyle","width","value","transform","transition","x1","y1","x2","y2","overflow","display","isHorizontal","floatStyle","float","flexShrink","baseFontSize","parseInt","getComputedStyle","document","documentElement","fontSize","realSingleStopWidth","realSingleStopHeight","singleStep","_step","error","cancle","animation","_direction","isWheel","h","w","Math","abs","move","initMove","slotListWidth","offsetWidth","offsetHeight","startMove","stopMove","hoverStop","throttleFunc","e","deltaY","onWheel","reset","Reset","deep","newValue","$default","html","fill","getHtml","map","class","chart1","chart2","myEcharts","echarts","myChart1","ref","setChart1","trafficWay","anchor","color","i","push","itemStyle","normal","borderWidth","shadowBlur","borderColor","shadowColor","seriesOption","clockWise","radius","hoverAnimation","label","show","setOption","backgroundColor","title","text","top","textAlign","left","textStyle","fontWeight","graphic","elements","z","style","image","height","position","tooltip","legend","toolbox","series","setChart2","grid","bottom","trigger","axisPointer","dataZoom","xAxisIndex","start","end","handleIcon","handleSize","handleStyle","fillerColor","showDataShadow","brushSelect","xAxis","axisLine","lineStyle","axisTick","axisLabel","yAxis","nameTextStyle","splitLine","gridIndex","min","max","splitNumber","splitArea","areaStyle","yAxisIndex","smooth","showAllSymbol","symbol","symbolSize","barWidth","LinearGradient","offset","deviceList","deviceInfo","total","online","offline","alarm","fault","onMounted","command_edom1","getElementById","removeAttribute","init","command_edom2","onresize","resize","myIconGreen","BMapGL","Icon","deviceNormal","Size","myIconRed","deviceAlarm","myIconGray","deviceOffLine","initMap","GetAlarmAndFaultDatas","GetDeviceInfosIntervalID","setInterval","GetDeviceInfos","RefreshPower","RefreshEnergy","onBeforeUnmount","dispose","clearInterval","powerInfo","PeakData","BusyData","FlatData","LowData","PeakPercent","BusyPercent","FlatPercent","LowPercent","GetPowerInfo","then","res","Data","catch","err","log","points","infoWindows","markers","store","useStore","MapMode","ChangeMapMode","Map","setMapType","BMAP_NORMAL_MAP","BMAP_SATELLITE_MAP","x","y","mapLevel","isNull","state","login","user","MapCenter","mapcenterArr","split","MapLevel","centerAndZoom","Point","enableScrollWheelZoom","navi3DCtrl","NavigationControl3D","addControl","deviceTypeID","orderCode","forEach","element","filter","IsOnline","IsAlarm","IsFault","infos","info","XY","isOffline","isFault","isAlarm","sContent","Code","DeviceTypeName","CustomeTypeName","Location","LastRealDataTime","FaultDetails","AlarmDetails","myIco","opts","Name","InfoWindow","xy","point","parseFloat","marker","Marker","setIcon","addOverlay","addEventListener","index","target","openInfoWindow","scenceList","GetScenesFillList","use","item","ID","selectScence","ElMessage","showClose","message","deviceSceneList","pageIndex","pageSize","getALL","selectDeviceScene","DeviceName","DefaultSceneCode","getIcon","getContent","setContent","scadaFull","DeviceTypeID","handleChangeScence","alarmInfoList","faultInfoList","GetAlarmDataList","deviceID","datas","Content","GetFaultDataList","energyRankingList","Value","GetEnergyRanking","num","JSON","parse","stringify","__exports__"],"mappings":"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","file":"js/chunk-b263bcfa.918378c2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cop1.c3ff5d8f.png\";","module.exports = __webpack_public_path__ + \"img/deviceNormal.dd3240b7.png\";","import $http from '@/utitls/request'\r\n/**\r\n * 获取客户填充信息\r\n */\r\nexport const GetCustomeFillList = (data) => {\r\n    return $http.get('/api/Device/GetCustomeFillList', { params: data })\r\n}\r\n/**\r\n * 获取设备填充信息\r\n */\r\nexport const GetDeviceFillList = (data) => {\r\n    return $http.get('/api/Device/GetDeviceFillList', { params: data })\r\n}\r\n/**\r\n * 获取指定设备类型的设备填充信息\r\n */\r\nexport const GetDeviceFillListByTypeID = (data) => {\r\n    return $http.get('/api/Device/GetDeviceFillListByTypeID', { params: data })\r\n}\r\n/**\r\n * 分页获取设备信息\r\n */\r\nexport const GetDevicePageList = (data) => {\r\n    return $http.get('/api/Device/GetDevicePageList', { params: data })\r\n}\r\n/**\r\n * 分页获取设备场景信息\r\n */\r\nexport const GetDeviceScenePageList = (data) => {\r\n    return $http.get('/api/Device/GetDeviceScenePageList', { params: data })\r\n}\r\n/**\r\n * 分页获取设备信息\r\n */\r\nexport const GetDeviceList = (data) => {\r\n    return $http.get('/api/Device/GetDeviceList', { params: data })\r\n}\r\n/**\r\n * 新增\r\n */\r\nexport const AddDevice = (data) => {\r\n    return $http.post('/api/Device/AddDevice', data)\r\n}\r\n/**\r\n * 修改\r\n */\r\nexport const EditDevice = (data) => {\r\n    return $http.put('/api/Device/EditDevice', data)\r\n}\r\n/**\r\n * 删除\r\n */\r\nexport const DeleteDevice = (data) => {\r\n    return $http.delete('/api/Device/DeleteDevice', { params: data })\r\n}\r\n/**\r\n * 设置设备权限\r\n */\r\nexport const SetDevicePermission = (data) => {\r\n    return $http.post('/api/Device/SetDevicePermission', data)\r\n}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./index.scss?vue&type=style&index=0&id=27303748&lang=scss&scoped=true\"","import { defineComponent, ref, computed, watch, nextTick, onBeforeMount, onMounted, createVNode, Fragment, getCurrentInstance } from 'vue';\n\n/* eslint-disable no-undefined,no-param-reassign,no-shadow */\n\n/**\n * Throttle execution of a function. Especially useful for rate limiting\n * execution of handlers on events like resize and scroll.\n *\n * @param  {number}    delay -          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param  {boolean}   [noTrailing] -   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds while the\n *                                    throttled-function is being called. If noTrailing is false or unspecified, callback will be executed one final time\n *                                    after the last throttled-function call. (After the throttled-function has not been called for `delay` milliseconds,\n *                                    the internal counter is reset).\n * @param  {Function}  callback -       A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n *                                    to `callback` when the throttled-function is executed.\n * @param  {boolean}   [debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is false (at end),\n *                                    schedule `callback` to execute after `delay` ms.\n *\n * @returns {Function}  A new, throttled, function.\n */\nfunction throttle (delay, noTrailing, callback, debounceMode) {\n  /*\n   * After wrapper has stopped being called, this timeout ensures that\n   * `callback` is executed at the proper times in `throttle` and `end`\n   * debounce modes.\n   */\n  var timeoutID;\n  var cancelled = false; // Keep track of the last time `callback` was executed.\n\n  var lastExec = 0; // Function to clear existing timeout\n\n  function clearExistingTimeout() {\n    if (timeoutID) {\n      clearTimeout(timeoutID);\n    }\n  } // Function to cancel next exec\n\n\n  function cancel() {\n    clearExistingTimeout();\n    cancelled = true;\n  } // `noTrailing` defaults to falsy.\n\n\n  if (typeof noTrailing !== 'boolean') {\n    debounceMode = callback;\n    callback = noTrailing;\n    noTrailing = undefined;\n  }\n  /*\n   * The `wrapper` function encapsulates all of the throttling / debouncing\n   * functionality and when executed will limit the rate at which `callback`\n   * is executed.\n   */\n\n\n  function wrapper() {\n    for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {\n      arguments_[_key] = arguments[_key];\n    }\n\n    var self = this;\n    var elapsed = Date.now() - lastExec;\n\n    if (cancelled) {\n      return;\n    } // Execute `callback` and update the `lastExec` timestamp.\n\n\n    function exec() {\n      lastExec = Date.now();\n      callback.apply(self, arguments_);\n    }\n    /*\n     * If `debounceMode` is true (at begin) this is used to clear the flag\n     * to allow future `callback` executions.\n     */\n\n\n    function clear() {\n      timeoutID = undefined;\n    }\n\n    if (debounceMode && !timeoutID) {\n      /*\n       * Since `wrapper` is being called for the first time and\n       * `debounceMode` is true (at begin), execute `callback`.\n       */\n      exec();\n    }\n\n    clearExistingTimeout();\n\n    if (debounceMode === undefined && elapsed > delay) {\n      /*\n       * In throttle mode, if `delay` time has been exceeded, execute\n       * `callback`.\n       */\n      exec();\n    } else if (noTrailing !== true) {\n      /*\n       * In trailing throttle mode, since `delay` time has not been\n       * exceeded, schedule `callback` to execute `delay` ms after most\n       * recent execution.\n       *\n       * If `debounceMode` is true (at begin), schedule `clear` to execute\n       * after `delay` ms.\n       *\n       * If `debounceMode` is false (at end), schedule `callback` to\n       * execute after `delay` ms.\n       */\n      timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);\n    }\n  }\n\n  wrapper.cancel = cancel; // Return the wrapper function.\n\n  return wrapper;\n}\n\nfunction useExpose(apis) {\n  const instance = getCurrentInstance();\n\n  if (instance) {\n    Object.assign(instance.proxy, apis);\n  }\n}\n\nconst Props = {\n  // 是否开启自动滚动\n  modelValue: {\n    type: Boolean,\n    default: true\n  },\n  // 原始数据列表\n  list: {\n    type: Array,\n    required: true,\n    default: []\n  },\n  // 步进速度，step 需是单步大小的约数\n  step: {\n    type: Number,\n    default: 1\n  },\n  // 开启滚动的数据量\n  limitScrollNum: {\n    type: Number,\n    default: 3\n  },\n  // 是否开启鼠标悬停\n  hover: {\n    type: Boolean,\n    default: false\n  },\n  // 控制滚动方向\n  direction: {\n    type: String,\n    default: \"up\"\n  },\n  // 单步运动停止的高度\n  singleHeight: {\n    type: Number,\n    default: 0\n  },\n  // 单步运动停止的宽度\n  singleWidth: {\n    type: Number,\n    default: 0\n  },\n  // 单步停止等待时间 (默认值 1000ms)\n  singleWaitTime: {\n    type: Number,\n    default: 1000\n  },\n  // 是否开启 rem 度量\n  isRemUnit: {\n    type: Boolean,\n    default: false\n  },\n  // 开启数据更新监听\n  isWatch: {\n    type: Boolean,\n    default: true\n  },\n  // 动画时间\n  delay: {\n    type: Number,\n    default: 0\n  },\n  // 动画方式\n  ease: {\n    type: [String, Object],\n    default: \"ease-in\"\n  },\n  // 动画循环次数，-1 表示一直动画\n  count: {\n    type: Number,\n    default: -1\n  },\n  // 拷贝几份滚动列表\n  copyNum: {\n    type: Number,\n    default: 1\n  },\n  // 开启鼠标悬停时支持滚轮滚动\n  wheel: {\n    type: Boolean,\n    default: false\n  },\n  // 启用单行滚动\n  singleLine: {\n    type: Boolean,\n    default: false\n  }\n};\n\nglobalThis.window.cancelAnimationFrame = function () {\n  return globalThis.window.cancelAnimationFrame || // @ts-ignore\n  globalThis.window.webkitCancelAnimationFrame || // @ts-ignore\n  globalThis.window.mozCancelAnimationFrame || // @ts-ignore\n  globalThis.window.oCancelAnimationFrame || // @ts-ignore\n  globalThis.window.msCancelAnimationFrame || function (id) {\n    return globalThis.window.clearTimeout(id);\n  };\n}();\n\nglobalThis.window.requestAnimationFrame = function () {\n  return globalThis.window.requestAnimationFrame || // @ts-ignore\n  globalThis.window.webkitRequestAnimationFrame || // @ts-ignore\n  globalThis.window.mozRequestAnimationFrame || // @ts-ignore\n  globalThis.window.oRequestAnimationFrame || // @ts-ignore\n  globalThis.window.msRequestAnimationFrame || function (callback) {\n    return globalThis.window.setTimeout(callback, 1000 / 60);\n  };\n}();\n\nfunction dataWarm(list) {\n  if (list && typeof list !== \"boolean\" && list.length > 100) {\n    console.warn(`数据达到了${list.length}条有点多哦~,可能会造成部分老旧浏览器卡顿。`);\n  }\n}\n\nconst Vue3SeamlessScroll = defineComponent({\n  name: \"vue3-seamless-scroll\",\n  inheritAttrs: false,\n  props: Props,\n  emits: [\"stop\", \"count\", \"move\"],\n\n  setup(_props, {\n    slots,\n    emit,\n    attrs\n  }) {\n    const props = _props;\n    const scrollRef = ref(null);\n    const slotListRef = ref(null);\n    const realBoxRef = ref(null);\n    const reqFrame = ref(null);\n    const singleWaitTimeout = ref(null);\n    const realBoxWidth = ref(0);\n    const realBoxHeight = ref(0);\n    const xPos = ref(0);\n    const yPos = ref(0);\n    const isHover = ref(false);\n\n    const _count = ref(0);\n\n    const isScroll = computed(() => props.list ? props.list.length >= props.limitScrollNum : false);\n    const realBoxStyle = computed(() => {\n      return {\n        width: realBoxWidth.value ? `${realBoxWidth.value}px` : \"auto\",\n        transform: `translate(${xPos.value}px,${yPos.value}px)`,\n        // @ts-ignore\n        transition: `all ${typeof props.ease === \"string\" ? props.ease : \"cubic-bezier(\" + props.ease.x1 + \",\" + props.ease.y1 + \",\" + props.ease.x2 + \",\" + props.ease.y2 + \")\"} ${props.delay}ms`,\n        overflow: \"hidden\",\n        display: props.singleLine ? \"flex\" : \"block\"\n      };\n    });\n    const isHorizontal = computed(() => props.direction == \"left\" || props.direction == \"right\");\n    const floatStyle = computed(() => {\n      return isHorizontal.value ? {\n        float: \"left\",\n        overflow: \"hidden\",\n        display: props.singleLine ? \"flex\" : \"block\",\n        flexShrink: props.singleLine ? 0 : 1\n      } : {\n        overflow: \"hidden\"\n      };\n    });\n    const baseFontSize = computed(() => {\n      return props.isRemUnit ? parseInt(globalThis.window.getComputedStyle(globalThis.document.documentElement, null).fontSize) : 1;\n    });\n    const realSingleStopWidth = computed(() => props.singleWidth * baseFontSize.value);\n    const realSingleStopHeight = computed(() => props.singleHeight * baseFontSize.value);\n    const step = computed(() => {\n      let singleStep;\n      let _step = props.step;\n\n      if (isHorizontal.value) {\n        singleStep = realSingleStopWidth.value;\n      } else {\n        singleStep = realSingleStopHeight.value;\n      }\n\n      if (singleStep > 0 && singleStep % _step > 0) {\n        console.error(\"如果设置了单步滚动，step 需是单步大小的约数，否则无法保证单步滚动结束的位置是否准确。~~~~~\");\n      }\n\n      return _step;\n    });\n\n    const cancle = () => {\n      cancelAnimationFrame(reqFrame.value);\n      reqFrame.value = null;\n    };\n\n    const animation = (_direction, _step, isWheel) => {\n      reqFrame.value = requestAnimationFrame(function () {\n        const h = realBoxHeight.value / 2;\n        const w = realBoxWidth.value / 2;\n\n        if (_direction === \"up\") {\n          if (Math.abs(yPos.value) >= h) {\n            yPos.value = 0;\n            _count.value += 1;\n            emit(\"count\", _count.value);\n          }\n\n          yPos.value -= _step;\n        } else if (_direction === \"down\") {\n          if (yPos.value >= 0) {\n            yPos.value = h * -1;\n            _count.value += 1;\n            emit(\"count\", _count.value);\n          }\n\n          yPos.value += _step;\n        } else if (_direction === \"left\") {\n          if (Math.abs(xPos.value) >= w) {\n            xPos.value = 0;\n            _count.value += 1;\n            emit(\"count\", _count.value);\n          }\n\n          xPos.value -= _step;\n        } else if (_direction === \"right\") {\n          if (xPos.value >= 0) {\n            xPos.value = w * -1;\n            _count.value += 1;\n            emit(\"count\", _count.value);\n          }\n\n          xPos.value += _step;\n        }\n\n        if (isWheel) {\n          return;\n        }\n\n        let {\n          singleWaitTime\n        } = props;\n\n        if (singleWaitTimeout.value) {\n          clearTimeout(singleWaitTimeout.value);\n        }\n\n        if (!!realSingleStopHeight.value) {\n          if (Math.abs(yPos.value) % realSingleStopHeight.value < _step) {\n            singleWaitTimeout.value = setTimeout(() => {\n              move();\n            }, singleWaitTime);\n          } else {\n            move();\n          }\n        } else if (!!realSingleStopWidth.value) {\n          if (Math.abs(xPos.value) % realSingleStopWidth.value < _step) {\n            singleWaitTimeout.value = setTimeout(() => {\n              move();\n            }, singleWaitTime);\n          } else {\n            move();\n          }\n        } else {\n          move();\n        }\n      });\n    };\n\n    const move = () => {\n      cancle();\n\n      if (isHover.value || !isScroll.value || _count.value === props.count) {\n        emit(\"stop\", _count.value);\n        _count.value = 0;\n        return;\n      }\n\n      animation(props.direction, step.value, false);\n    };\n\n    const initMove = () => {\n      dataWarm(props.list);\n\n      if (isHorizontal.value) {\n        let slotListWidth = slotListRef.value.offsetWidth;\n        slotListWidth = slotListWidth * 2 + 1;\n        realBoxWidth.value = slotListWidth;\n      }\n\n      if (isScroll.value) {\n        realBoxHeight.value = realBoxRef.value.offsetHeight;\n\n        if (props.modelValue) {\n          move();\n        }\n      } else {\n        cancle();\n        yPos.value = xPos.value = 0;\n      }\n    };\n\n    const startMove = () => {\n      isHover.value = false;\n      move();\n    };\n\n    const stopMove = () => {\n      isHover.value = true;\n\n      if (singleWaitTimeout.value) {\n        clearTimeout(singleWaitTimeout.value);\n      }\n\n      cancle();\n    };\n\n    const hoverStop = computed(() => props.hover && props.modelValue && isScroll.value);\n    const throttleFunc = throttle(30, e => {\n      cancle();\n      const singleHeight = !!realSingleStopHeight.value ? realSingleStopHeight.value : 15;\n\n      if (e.deltaY < 0) {\n        animation(\"down\", singleHeight, true);\n      }\n\n      if (e.deltaY > 0) {\n        animation(\"up\", singleHeight, true);\n      }\n    });\n\n    const onWheel = e => {\n      throttleFunc(e);\n    };\n\n    const reset = () => {\n      cancle();\n      isHover.value = false;\n      initMove();\n    };\n\n    const Reset = () => {\n      reset();\n    };\n\n    useExpose({\n      Reset\n    });\n    watch(() => props.list, () => {\n      if (props.isWatch) {\n        nextTick(() => {\n          reset();\n        });\n      }\n    }, {\n      deep: true\n    });\n    watch(() => props.modelValue, newValue => {\n      if (newValue) {\n        startMove();\n      } else {\n        stopMove();\n      }\n    });\n    watch(() => props.count, newValue => {\n      if (newValue !== 0) {\n        startMove();\n      }\n    });\n    onBeforeMount(() => {\n      cancle();\n      clearTimeout(singleWaitTimeout.value);\n    });\n    onMounted(() => {\n      if (isScroll.value) {\n        initMove();\n      }\n    });\n    const {\n      default: $default,\n      html\n    } = slots;\n    const copyNum = new Array(props.copyNum).fill(null);\n\n    const getHtml = () => {\n      return createVNode(Fragment, null, [createVNode(\"div\", {\n        \"ref\": slotListRef,\n        \"style\": floatStyle.value\n      }, [$default && $default()]), isScroll.value ? copyNum.map(() => {\n        if (html && typeof html === \"function\") {\n          return createVNode(\"div\", {\n            \"style\": floatStyle.value\n          }, [html()]);\n        } else {\n          return createVNode(\"div\", {\n            \"style\": floatStyle.value\n          }, [$default && $default()]);\n        }\n      }) : null]);\n    };\n\n    return () => createVNode(\"div\", {\n      \"ref\": scrollRef,\n      \"class\": attrs.class\n    }, [props.wheel && props.hover ? createVNode(\"div\", {\n      \"ref\": realBoxRef,\n      \"style\": realBoxStyle.value,\n      \"onMouseenter\": () => {\n        if (hoverStop.value) {\n          stopMove();\n        }\n      },\n      \"onMouseleave\": () => {\n        if (hoverStop.value) {\n          startMove();\n        }\n      },\n      \"onWheel\": e => {\n        if (hoverStop.value) {\n          onWheel(e);\n        }\n      }\n    }, [getHtml()]) : createVNode(\"div\", {\n      \"ref\": realBoxRef,\n      \"style\": realBoxStyle.value,\n      \"onMouseenter\": () => {\n        if (hoverStop.value) {\n          stopMove();\n        }\n      },\n      \"onMouseleave\": () => {\n        if (hoverStop.value) {\n          startMove();\n        }\n      }\n    }, [getHtml()])]);\n  }\n\n});\n\nconst install = function (app, options = {}) {\n  app.component(options.name || Vue3SeamlessScroll.name, Vue3SeamlessScroll);\n};\n\nfunction index (app) {\n  app.use(install);\n}\n\nexport { Vue3SeamlessScroll, index as default };\n","<template>\r\n  <div class=\"mainContent flex-row\">\r\n    <div class=\"leftInfo\" style=\"width: 26vw\" v-show=\"!scadaFull\">\r\n      <div class=\"top\">\r\n        <div class=\"title align-center\">节能分析</div>\r\n        <div class=\"content flex-row\">\r\n          <div class=\"item flex-col\">\r\n            <div class=\"name flexEC\">尖电耗电量</div>\r\n            <div class=\"info flexCCC\">\r\n              <div class=\"value\">{{ powerInfo.PeakData }}</div>\r\n              <div class=\"unit\">KWH</div>\r\n            </div>\r\n            <div class=\"percent flexCC\">\r\n              <div class=\"zhanbi\">占比</div>\r\n              <div class=\"value\">{{ powerInfo.PeakPercent }}%</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item flex-col\">\r\n            <div class=\"name flexEC\">峰电耗电量</div>\r\n            <div class=\"info flexCCC\">\r\n              <div class=\"value\">{{ powerInfo.BusyData }}</div>\r\n              <div class=\"unit\">KWH</div>\r\n            </div>\r\n            <div class=\"percent flexCC\">\r\n              <div class=\"zhanbi\">占比</div>\r\n              <div class=\"value\">{{ powerInfo.BusyPercent }}%</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item flex-col\">\r\n            <div class=\"name flexEC\">平电耗电量</div>\r\n            <div class=\"info flexCCC\">\r\n              <div class=\"value\">{{ powerInfo.FlatData }}</div>\r\n              <div class=\"unit\">KWH</div>\r\n            </div>\r\n            <div class=\"percent flexCC\">\r\n              <div class=\"zhanbi\">占比</div>\r\n              <div class=\"value\">{{ powerInfo.FlatPercent }}%</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item flex-col\">\r\n            <div class=\"name flexEC\">谷电耗电量</div>\r\n            <div class=\"info flexCCC\">\r\n              <div class=\"value\">{{ powerInfo.LowData }}</div>\r\n              <div class=\"unit\">KWH</div>\r\n            </div>\r\n            <div class=\"percent flexCC\">\r\n              <div class=\"zhanbi\">占比</div>\r\n              <div class=\"value\">{{ powerInfo.LowPercent }}%</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"center\">\r\n        <div class=\"title align-center\">设备工作状态</div>\r\n        <div class=\"content flex-row\">\r\n          <div class=\"charts\" id=\"chart1\" ref=\"myChart1\"></div>\r\n          <div class=\"count flexCCC\">\r\n            <div class=\"row flexCS\">\r\n              <div class=\"point\" style=\"background-color: #1890ff\"></div>\r\n              <div class=\"name\">设备总数</div>\r\n              <div class=\"value\" style=\"color: #1890ff\">\r\n                {{ deviceInfo.total }}\r\n              </div>\r\n            </div>\r\n            <div class=\"row flexCS\">\r\n              <div class=\"point\" style=\"background-color: #1ee7e7\"></div>\r\n              <div class=\"name\">设备在线</div>\r\n              <div class=\"value\" style=\"color: #1ee7e7\">\r\n                {{ deviceInfo.online }}\r\n              </div>\r\n            </div>\r\n            <div class=\"row flexCS\">\r\n              <div class=\"point\" style=\"background-color: #bae7ff\"></div>\r\n              <div class=\"name\">设备离线</div>\r\n              <div class=\"value\" style=\"color: #bae7ff\">\r\n                {{ deviceInfo.offline }}\r\n              </div>\r\n            </div>\r\n            <div class=\"row flexCS\">\r\n              <div class=\"point\" style=\"background-color: #2f54eb\"></div>\r\n              <div class=\"name\">设备报警</div>\r\n              <div class=\"value\" style=\"color: #2f54eb\">\r\n                {{ deviceInfo.alarm }}\r\n              </div>\r\n            </div>\r\n            <div class=\"row flexCS\">\r\n              <div class=\"point\" style=\"background-color: #ffac26\"></div>\r\n              <div class=\"name\">设备故障</div>\r\n              <div class=\"value\" style=\"color: #ffac26\">\r\n                {{ deviceInfo.fault }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"bottom\">\r\n        <div class=\"title align-center\">业务增长</div>\r\n        <div class=\"content\" id=\"chart2\"></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"centerInfo\" :style=\"scadaFull ? 'width:100vw' : 'width: 48vw'\">\r\n      <div class=\"top\" :style=\"scadaFull ? 'height:90vh' : 'height: 59vh'\">\r\n        <div class=\"maptitle justify-between\">\r\n          <el-radio-group v-model=\"MapMode\" class=\"mode\" @change=\"ChangeMapMode\">\r\n            <el-radio-button label=\"standardMap\">标准地图</el-radio-button>\r\n            <el-radio-button label=\"satelliteMap\">卫星地图</el-radio-button>\r\n            <el-radio-button label=\"globalSCADA\">通用组态</el-radio-button>\r\n            <el-radio-button label=\"deviceSCADA\">设备组态</el-radio-button>\r\n          </el-radio-group>\r\n          <div class=\"flex-row\">\r\n            <el-select v-if=\"MapMode == 'globalSCADA'\" v-model=\"selectScence\" placeholder=\"请选择场景\"\r\n              @change=\"handleChangeScence\" value-key=\"ID\" filterable>\r\n              <el-option v-for=\"item in scenceList\" :key=\"item.ID\" :label=\"item.Name\" :value=\"item\">\r\n              </el-option>\r\n            </el-select>\r\n            <el-select v-if=\"MapMode == 'deviceSCADA'\" v-model=\"selectDeviceScene\" placeholder=\"请选择场景\" value-key=\"ID\"\r\n              filterable>\r\n              <el-option v-for=\"item in deviceSceneList\" :key=\"item.ID\" :label=\"item.DeviceName\" :value=\"item\">\r\n              </el-option>\r\n            </el-select>\r\n            <el-button style=\"margin-left: 5px\" color=\"rgba(0, 144, 254, 0.3)\" :icon=\"FullScreen\"\r\n              @click=\"scadaFull = !scadaFull\">{{ scadaFull ? '退出' : '全屏' }}</el-button>\r\n          </div>\r\n        </div>\r\n        <div class=\"content\" v-if=\"MapMode == 'standardMap'\" id=\"standardMap\"></div>\r\n        <div class=\"content\" v-else-if=\"MapMode == 'satelliteMap'\" id=\"satelliteMap\"></div>\r\n        <div class=\"content\" v-else-if=\"MapMode == 'globalSCADA'\" id=\"globalSCADA\">\r\n          <GraphPreview :code=\"selectScence.Code\" :type=\"0\"></GraphPreview>\r\n        </div>\r\n        <div class=\"content\" v-else-if=\"MapMode == 'deviceSCADA'\" id=\"deviceSCADA\">\r\n          <GraphPreview style=\"width: 100%; height: 100%\" :code=\"selectDeviceScene.DefaultSceneCode\"\r\n            :deviceID=\"selectDeviceScene.ID\" :type=\"1\"></GraphPreview>\r\n        </div>\r\n      </div>\r\n      <div class=\"bottom\" v-show=\"!scadaFull\">\r\n        <div class=\"align-center title2\">报警与故障信息</div>\r\n        <div class=\"content flex-row\">\r\n          <div class=\"items flex-col\">\r\n            <div class=\"itemTitle flexC\">报警信息</div>\r\n            <div class=\"itemContent\">\r\n              <vue3-seamless-scroll :list=\"alarmInfoList\" class=\"scroll\" hover limitScrollNum=\"5\" wheel>\r\n                <div class=\"item align-center\" v-for=\"item in alarmInfoList\" style=\"color: red\">\r\n                  {{ item }}\r\n                </div>\r\n              </vue3-seamless-scroll>\r\n              <!-- <div class=\"item align-center\"></div>\r\n              <div class=\"item align-center\"></div>\r\n              <div class=\"item align-center\"></div>\r\n              <div class=\"item align-center\"></div> -->\r\n            </div>\r\n          </div>\r\n          <div class=\"items flex-col\">\r\n            <div class=\"itemTitle flexC\">故障信息</div>\r\n            <div class=\"itemContent\">\r\n              <vue3-seamless-scroll :list=\"faultInfoList\" class=\"scroll\" hover limitScrollNum=\"5\" wheel>\r\n                <div class=\"item align-center\" v-for=\"item in faultInfoList\" style=\"color: #ffac26\">\r\n                  {{ item }}\r\n                </div>\r\n              </vue3-seamless-scroll>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rightInfo\" style=\"width: 26vw\" v-show=\"!scadaFull\">\r\n      <div class=\"top\">\r\n        <div class=\"title align-center\">COP统计</div>\r\n        <div class=\"content justify-center\">\r\n          <img src=\"./assets/img/cop1.png\" alt=\"\" />\r\n          <div class=\"copInfo flex-col\">\r\n            <div class=\"name flexCC\">系统COP</div>\r\n            <div class=\"value flexCC\">0%</div>\r\n          </div>\r\n          <img src=\"./assets/img/cop2.png\" alt=\"\" style=\"margin-left: 5px\" />\r\n          <div class=\"copInfo flex-col\">\r\n            <div class=\"name flexCC\">机组COP</div>\r\n            <div class=\"value flexCC\">0%</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"center\">\r\n        <div class=\"title align-center\">节碳量</div>\r\n        <div class=\"content justify-center\">\r\n          <img src=\"./assets/img/jietan.png\" alt=\"\" />\r\n          <div class=\"copInfo flexCCC\">\r\n            <div class=\"name flexCC\">日节能量</div>\r\n            <div class=\"value flexCC\">\r\n              0\r\n              <span class=\"unit\"> 吨</span>\r\n            </div>\r\n            <div class=\"change flexCC\">\r\n              同比增长 <span class=\"changeValue\"> 0%</span>\r\n            </div>\r\n          </div>\r\n          <img src=\"./assets/img/jietan.png\" alt=\"\" style=\"margin-left: 5px\" />\r\n          <div class=\"copInfo flexCCC\">\r\n            <div class=\"name flexCC\">周节能量</div>\r\n            <div class=\"value flexCC\">\r\n              0\r\n              <span class=\"unit\"> 吨</span>\r\n            </div>\r\n            <div class=\"change flexCC\">\r\n              同比下降 <span class=\"changeValue\"> 0%</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"content justify-center\">\r\n          <img src=\"./assets/img/jietan.png\" alt=\"\" />\r\n          <div class=\"copInfo flexCCC\">\r\n            <div class=\"name flexCC\">季节能量</div>\r\n            <div class=\"value flexCC\">\r\n              0\r\n              <span class=\"unit\"> 吨</span>\r\n            </div>\r\n            <div class=\"change flexCC\">\r\n              同比增长 <span class=\"changeValue\"> 0%</span>\r\n            </div>\r\n          </div>\r\n          <img src=\"./assets/img/jietan.png\" alt=\"\" style=\"margin-left: 5px\" />\r\n          <div class=\"copInfo flexCCC\">\r\n            <div class=\"name flexCC\">累计节能量</div>\r\n            <div class=\"value flexCC\">\r\n              0\r\n              <span class=\"unit\"> 吨</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"bottom\">\r\n        <div class=\"title align-center\">能耗排名</div>\r\n        <div class=\"ranking\">\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum topBg flexCC\">TOP.1</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[0].DeviceName\">{{ energyRankingList[0].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[0].Value\">{{ energyRankingList[0].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"90\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum topBg flexCC\">TOP.2</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[1].DeviceName\">{{ energyRankingList[1].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[1].Value\">{{ energyRankingList[1].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"80\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum topBg flexCC\">TOP.3</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[2].DeviceName\">{{ energyRankingList[2].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[2].Value\">{{ energyRankingList[2].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"70\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.4</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[3].DeviceName\">{{ energyRankingList[3].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[3].Value\">{{ energyRankingList[3].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"60\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.5</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[4].DeviceName\">{{ energyRankingList[4].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[4].Value\">{{ energyRankingList[4].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"50\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.6</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[5].DeviceName\">{{ energyRankingList[5].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[5].Value\">{{ energyRankingList[5].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"40\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.7</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[6].DeviceName\">{{ energyRankingList[6].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[6].Value\">{{ energyRankingList[6].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"30\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.8</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[7].DeviceName\">{{ energyRankingList[7].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[7].Value\">{{ energyRankingList[7].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"20\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.9</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[8].DeviceName\">{{ energyRankingList[8].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[8].Value\">{{ energyRankingList[8].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"10\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n          <div class=\"rankingInfo\">\r\n            <div class=\"topNum2 topBg2 flexCC\">TOP.10</div>\r\n            <div class=\"topName flexCS\" :title=\"energyRankingList[9].DeviceName\">{{ energyRankingList[9].DeviceName }}\r\n            </div>\r\n            <div class=\"topValue\" :title=\"energyRankingList[9].Value\">{{ energyRankingList[9].Value }}</div>\r\n          </div>\r\n          <div class=\"rankBottom\">\r\n            <el-progress :percentage=\"0\" :striped=\"true\" :striped-flow=\"true\" :show-text=\"false\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { onMounted, onBeforeUnmount, ref } from 'vue'\r\nimport * as echarts from 'echarts'\r\nimport customMapConfig from './assets/custom_map_config.json'\r\nimport { isNull } from '@/utitls/validate'\r\nimport { GetScenesFillList } from '@/api/Scenes'\r\nimport { GetDeviceList, GetDeviceScenePageList } from '@/api/Device'\r\nimport GraphPreview from '../Graph/GraphPreview'\r\nimport { useStore } from 'vuex'\r\nimport deviceAlarm from './assets/img/deviceAlarm.png'\r\nimport deviceNormal from './assets/img/deviceNormal.png'\r\nimport deviceOffLine from './assets/img/deviceOffLine.png'\r\nimport { Vue3SeamlessScroll } from 'vue3-seamless-scroll'\r\nimport {\r\n  GetAlarmDataList,\r\n  GetFaultDataList,\r\n  GetPowerInfo,\r\n  GetEnergyRanking\r\n} from '@/api/DataRecord'\r\nimport { FullScreen } from '@element-plus/icons-vue'\r\nlet myEcharts = echarts\r\nlet chart1\r\nlet chart2\r\nlet myChart1 = ref(null)\r\nconst setChart1 = (trafficWay) => {\r\n  let anchor = myChart1.value.offsetHeight\r\n  if (anchor > myChart1.value.offsetWidth)\r\n    anchor = anchor > myChart1.value.offsetWidth\r\n  var data = []\r\n  var color = ['#1EE7E7', '#BAE7FF', '#2F54EB', '#FFAC26']\r\n  for (var i = 0; i < trafficWay.length; i++) {\r\n    data.push(\r\n      {\r\n        value: trafficWay[i].value,\r\n        name: trafficWay[i].name,\r\n        itemStyle: {\r\n          normal: {\r\n            borderWidth: 10,\r\n            shadowBlur: 20,\r\n            borderColor: color[i],\r\n            shadowColor: color[i]\r\n          }\r\n        }\r\n      }\r\n      // {\r\n      //   value: 2,\r\n      //   name: '',\r\n      //   itemStyle: {\r\n      //     normal: {\r\n      //       label: {\r\n      //         show: false\r\n      //       },\r\n      //       labelLine: {\r\n      //         show: false\r\n      //       },\r\n      //       color: 'rgba(0, 0, 0, 0)',\r\n      //       borderColor: 'rgba(0, 0, 0, 0)',\r\n      //       borderWidth: 0\r\n      //     }\r\n      //   }\r\n      // }\r\n    )\r\n  }\r\n  var seriesOption = [\r\n    {\r\n      name: '',\r\n      type: 'pie',\r\n      clockWise: false,\r\n      radius: [anchor / 3, anchor / 3],\r\n      hoverAnimation: false,\r\n      itemStyle: {\r\n        normal: {\r\n          label: {\r\n            show: false\r\n          }\r\n        }\r\n      },\r\n      data: data\r\n    }\r\n  ]\r\n  chart1.setOption({\r\n    backgroundColor: 'transparent',\r\n    color: color,\r\n    title: {\r\n      text: '设备工作状态',\r\n      top: '45%',\r\n      textAlign: 'center',\r\n      left: '49%',\r\n      textStyle: {\r\n        color: '#fff',\r\n        fontSize: 15,\r\n        fontWeight: '400'\r\n      }\r\n    },\r\n    graphic: {\r\n      elements: [\r\n        {\r\n          type: 'image',\r\n          z: 3,\r\n          style: {\r\n            image:\r\n              'data:image/png;base64,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',\r\n            width: anchor / 2,\r\n            height: anchor / 2\r\n          },\r\n          left: 'center',\r\n          top: 'center',\r\n          position: [anchor / 2 - 20, anchor / 2 - 20]\r\n        }\r\n      ]\r\n    },\r\n    tooltip: {\r\n      show: false\r\n    },\r\n    legend: {\r\n      show: false\r\n    },\r\n    toolbox: {\r\n      show: false\r\n    },\r\n    series: seriesOption\r\n  })\r\n}\r\nconst setChart2 = (data) => {\r\n  chart2.setOption({\r\n    backgroundColor: 'transparent',\r\n    grid: {\r\n      top: '20%',\r\n      bottom: '15%' //也可设置left和right设置距离来控制图表的大小\r\n    },\r\n    tooltip: {\r\n      show: false,\r\n      trigger: 'axis',\r\n      axisPointer: {\r\n        type: 'shadow',\r\n        label: {\r\n          show: true\r\n        }\r\n      }\r\n    },\r\n    dataZoom: [\r\n      {\r\n        show: true,\r\n        height: 10,\r\n        xAxisIndex: [0],\r\n        bottom: 0,\r\n        start: 0,\r\n        end: 80,\r\n        handleIcon:\r\n          'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',\r\n        handleSize: '110%',\r\n        handleStyle: {\r\n          color: 'rgba(255, 255, 255,0.5)'\r\n        },\r\n        textStyle: {\r\n          color: '#fff',\r\n          fontSize: 10\r\n        },\r\n        fillerColor: 'rgba(42, 131, 223,1)',\r\n        borderColor: 'rgba(66, 130, 197,1)',\r\n        backgroundColor: 'rgba(12, 67, 124,0.5)',\r\n        showDataShadow: false,\r\n        brushSelect: false\r\n      },\r\n      {\r\n        type: 'inside'\r\n      }\r\n    ],\r\n    legend: {\r\n      show: false\r\n    },\r\n    xAxis: {\r\n      data: [\r\n        '一月',\r\n        '二月',\r\n        '三月',\r\n        '四月',\r\n        '五月',\r\n        '六月',\r\n        '七月',\r\n        '八月',\r\n        '九月',\r\n        '十月',\r\n        '十一月',\r\n        '十二月'\r\n      ],\r\n      axisLine: {\r\n        show: true, //隐藏X轴轴线\r\n        lineStyle: {\r\n          color: '#01FCE3'\r\n        }\r\n      },\r\n      axisTick: {\r\n        show: true //隐藏X轴刻度\r\n      },\r\n      axisLabel: {\r\n        show: true,\r\n        textStyle: {\r\n          color: '#ebf8ac' //X轴文字颜色\r\n        }\r\n      }\r\n    },\r\n    yAxis: [\r\n      {\r\n        type: 'value',\r\n        name: '设备数量',\r\n        nameTextStyle: {\r\n          color: '#ebf8ac'\r\n        },\r\n        splitLine: {\r\n          show: false\r\n        },\r\n        axisTick: {\r\n          show: true\r\n        },\r\n        axisLine: {\r\n          show: true,\r\n          lineStyle: {\r\n            color: '#FFFFFF'\r\n          }\r\n        },\r\n        axisLabel: {\r\n          show: true,\r\n          textStyle: {\r\n            color: '#ebf8ac'\r\n          }\r\n        }\r\n      },\r\n      {\r\n        splitLine: {\r\n          show: false\r\n        },\r\n        axisTick: {\r\n          show: false\r\n        },\r\n        axisLine: {\r\n          show: false\r\n        },\r\n        axisLabel: {\r\n          show: false\r\n        }\r\n      },\r\n      {\r\n        type: 'value',\r\n        gridIndex: 0,\r\n        min: 50,\r\n        max: 100,\r\n        splitNumber: 8,\r\n        splitLine: {\r\n          show: false\r\n        },\r\n        axisLine: {\r\n          show: false\r\n        },\r\n        axisTick: {\r\n          show: false\r\n        },\r\n        axisLabel: {\r\n          show: false\r\n        },\r\n        splitArea: {\r\n          show: true,\r\n          areaStyle: {\r\n            color: ['rgba(250,250,250,0.0)', 'rgba(250,250,250,0.05)']\r\n          }\r\n        }\r\n      }\r\n    ],\r\n    series: [\r\n      {\r\n        name: '设备数量',\r\n        type: 'line',\r\n        yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用\r\n        smooth: true, //平滑曲线显示\r\n        showAllSymbol: true, //显示所有图形。\r\n        symbol: 'circle', //标记的图形为实心圆\r\n        symbolSize: 10, //标记的大小\r\n        itemStyle: {\r\n          //折线拐点标志的样式\r\n          color: '#058cff'\r\n        },\r\n        lineStyle: {\r\n          color: '#058cff'\r\n        },\r\n        areaStyle: {\r\n          color: 'rgba(5,140,255, 0.2)'\r\n        },\r\n        data: data\r\n      },\r\n      {\r\n        name: '设备数量',\r\n        type: 'bar',\r\n        barWidth: 15,\r\n        itemStyle: {\r\n          normal: {\r\n            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\r\n              {\r\n                offset: 0,\r\n                color: '#00FFE3'\r\n              },\r\n              {\r\n                offset: 1,\r\n                color: '#4693EC'\r\n              }\r\n            ])\r\n          }\r\n        },\r\n        data: data\r\n      }\r\n    ]\r\n  })\r\n}\r\nconst deviceList = ref([])\r\nconst deviceInfo = ref({\r\n  total: 0,\r\n  online: 0,\r\n  offline: 0,\r\n  alarm: 0,\r\n  fault: 0\r\n})\r\nonMounted(() => {\r\n  const command_edom1 = document.getElementById('chart1')\r\n  command_edom1.removeAttribute('_echarts_instance_')\r\n  chart1 = myEcharts.init(command_edom1, 'purple-passion')\r\n\r\n  const command_edom2 = document.getElementById('chart2')\r\n  command_edom2.removeAttribute('_echarts_instance_')\r\n  chart2 = myEcharts.init(command_edom2, 'purple-passion')\r\n\r\n  window.onresize = function () {\r\n    if (chart1 != null) chart1.resize()\r\n    if (chart2 != null) chart2.resize()\r\n  }\r\n  setChart1([\r\n    {\r\n      name: '设备在线',\r\n      value: deviceInfo.value.online\r\n    },\r\n    {\r\n      name: '设备离线',\r\n      value: deviceInfo.value.offline\r\n    },\r\n    {\r\n      name: '设备报警',\r\n      value: deviceInfo.value.alarm\r\n    },\r\n    {\r\n      name: '设备故障',\r\n      value: deviceInfo.value.fault\r\n    }\r\n  ])\r\n  setChart2([1, 3, 5, 7, 9, 6, 7, 8, 9, 6, 8, 12])\r\n  try {\r\n    myIconGreen = new BMapGL.Icon(deviceNormal, new BMapGL.Size(30, 40))\r\n    myIconRed = new BMapGL.Icon(deviceAlarm, new BMapGL.Size(30, 40))\r\n    myIconGray = new BMapGL.Icon(deviceOffLine, new BMapGL.Size(30, 40))\r\n    initMap()\r\n  } catch (error) { }\r\n  GetAlarmAndFaultDatas()\r\n  GetDeviceInfosIntervalID = setInterval(() => {\r\n    GetDeviceInfos()\r\n    GetAlarmAndFaultDatas()\r\n    RefreshPower()\r\n    RefreshEnergy()\r\n  }, 2000)\r\n})\r\nonBeforeUnmount(() => {\r\n  chart1.dispose\r\n  chart2.dispose\r\n  clearInterval(GetDeviceInfosIntervalID)\r\n})\r\n//耗电量统计\r\nconst powerInfo = ref({\r\n  PeakData: 0,\r\n  BusyData: 0,\r\n  FlatData: 0,\r\n  LowData: 0,\r\n  PeakPercent: 25,\r\n  BusyPercent: 25,\r\n  FlatPercent: 25,\r\n  LowPercent: 25\r\n})\r\nconst RefreshPower = () => {\r\n  GetPowerInfo()\r\n    .then((res) => {\r\n      powerInfo.value = res.Data\r\n    })\r\n    .catch((err) => {\r\n      console.log(err)\r\n    })\r\n}\r\n//地图相关\r\nvar map\r\nvar myIconGray\r\nvar myIconGreen\r\nvar myIconRed\r\nconst points = []\r\nconst infoWindows = []\r\nconst markers = []\r\nlet store = useStore()\r\nconst MapMode = ref('standardMap')\r\nconst ChangeMapMode = (e) => {\r\n  MapMode.value = e\r\n  initMap()\r\n}\r\nconst initMap = () => {\r\n  if (MapMode.value == 'standardMap' || MapMode.value == 'satelliteMap') {\r\n    map = new BMapGL.Map(MapMode.value) // 创建Map实例\r\n    if (MapMode.value == 'standardMap') {\r\n      map.setMapType(BMAP_NORMAL_MAP)\r\n      // map.setMapStyleV2({ styleJson: customMapConfig })\r\n      // map.setMapStyleV2({ styleId: '115918d917381542d7892ec732846bcb' })\r\n    } else if (MapMode.value == 'satelliteMap')\r\n      map.setMapType(BMAP_SATELLITE_MAP)\r\n    let x = 118.189337\r\n    let y = 39.644586\r\n    let mapLevel = 10\r\n\r\n    if (!isNull(store.state.login.user.MapCenter)) {\r\n      let mapcenterArr = store.state.login.user.MapCenter.split(',')\r\n      if (mapcenterArr.length == 2) {\r\n        x = mapcenterArr[0]\r\n        y = mapcenterArr[1]\r\n      }\r\n    }\r\n    if (!isNull(store.state.login.user.MapLevel))\r\n      mapLevel = store.state.login.user.MapLevel\r\n    map.centerAndZoom(new BMapGL.Point(x, y), mapLevel) // 初始化地图,设置中心点坐标和地图级别\r\n\r\n    map.enableScrollWheelZoom(true) // 开启鼠标滚轮缩放\r\n    var navi3DCtrl = new BMapGL.NavigationControl3D() // 添加3D控件\r\n    map.addControl(navi3DCtrl)\r\n\r\n    GetDeviceList({\r\n      deviceTypeID: '',\r\n      name: '',\r\n      orderCode: true\r\n    })\r\n      .then((res) => {\r\n        if (res) {\r\n          deviceList.value.length = 0\r\n          res.Data.forEach((element) => {\r\n            deviceList.value.push(element)\r\n          })\r\n          deviceInfo.value.total = deviceList.value.length\r\n          deviceInfo.value.online = deviceList.value.filter(\r\n            (z) => z.IsOnline == '在线'\r\n          ).length\r\n          deviceInfo.value.offline = deviceList.value.filter(\r\n            (z) => z.IsOnline != '在线'\r\n          ).length\r\n          deviceInfo.value.alarm = deviceList.value.filter(\r\n            (z) => z.IsAlarm == '报警'\r\n          ).length\r\n          deviceInfo.value.fault = deviceList.value.filter(\r\n            (z) => z.IsFault == '故障'\r\n          ).length\r\n          setChart1([\r\n            {\r\n              name: '设备在线',\r\n              value: deviceInfo.value.online\r\n            },\r\n            {\r\n              name: '设备离线',\r\n              value: deviceInfo.value.offline\r\n            },\r\n            {\r\n              name: '设备报警',\r\n              value: deviceInfo.value.alarm\r\n            },\r\n            {\r\n              name: '设备故障',\r\n              value: deviceInfo.value.fault\r\n            }\r\n          ])\r\n          if (\r\n            MapMode.value == 'standardMap' ||\r\n            MapMode.value == 'satelliteMap'\r\n          ) {\r\n            let infos = res.Data.filter((info) => {\r\n              return info.XY != null && info.XY.split(',').length == 2\r\n            })\r\n            for (var i = 0; i < infos.length; i++) {\r\n              var element = infos[i]\r\n              let isOffline = element.IsOnline != '在线'\r\n              let isFault = element.IsFault != '无故障'\r\n              let isAlarm = element.IsAlarm != '无报警'\r\n              var sContent = `<div class='item'><div class='itemName'>设备编码：</div><div class='itemValue'>${element.Code}</div></div>`\r\n              sContent += `<div class='item'><div class='itemName'>设备类型：</div><div class='itemValue'>${element.DeviceTypeName}</div></div>`\r\n              sContent += `<div class='item'><div class='itemName'>客户名称：</div><div class='itemValue'>${element.CustomeTypeName}</div></div>`\r\n              sContent += `<div class='item'><div class='itemName'>安装位置：</div><div class='itemValue'>${element.Location == null ? '' : element.Location\r\n                }</div></div>`\r\n              sContent += `<div class='item'><div class='itemName'>数据刷新：</div><div class='itemValue'>${element.LastRealDataTime}</div></div>`\r\n              sContent += `<div class='item'><span style='font-weight:bold;color:${isOffline ? 'red' : '#1C9672'\r\n                }'>${element.IsOnline\r\n                }</span><span style='font-weight:bold;color:${isFault ? 'red' : '#1C9672'\r\n                };margin:0 5px' title=${element.FaultDetails}>${element.IsFault\r\n                }</span><span style='font-weight:bold;color:${isAlarm ? 'red' : '#1C9672'\r\n                }'  title=${element.AlarmDetails}>${element.IsAlarm}</span></div>`\r\n              var myIco = myIconGreen\r\n              if (isOffline) myIco = myIconGray\r\n              else if (isFault || isAlarm) myIco = myIconRed\r\n              var opts = {\r\n                width: 220, // 信息窗口宽度\r\n                height: 140, // 信息窗口高度\r\n                title: element.Name // 信息窗口标题\r\n              }\r\n              infoWindows.push(new BMapGL.InfoWindow(sContent, opts))\r\n              // 创建点标记\r\n              var xy = element.XY.split(',')\r\n              var point = new BMapGL.Point(parseFloat(xy[0]), parseFloat(xy[1]))\r\n              points.push(point)\r\n              var marker = new BMapGL.Marker(point)\r\n              marker.setIcon(myIco)\r\n              marker.id = i\r\n              markers.push(marker)\r\n              map.addOverlay(marker)\r\n              // 点标记添加点击事件\r\n              marker.addEventListener('click', function (e) {\r\n                var index = e.target.id\r\n                map.openInfoWindow(infoWindows[index], points[index]) // 开启信息窗口\r\n              })\r\n            }\r\n          }\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        console.log(err)\r\n      })\r\n  } else if (MapMode.value == 'globalSCADA') {\r\n    scenceList.value.length = 0\r\n    GetScenesFillList({\r\n      use: 'PC',\r\n      type: 0\r\n    })\r\n      .then((res) => {\r\n        if (res) {\r\n          res.Data.forEach((item) => {\r\n            scenceList.value.push({\r\n              ID: item.ID,\r\n              Name: item.Name,\r\n              Code: item.Code\r\n            })\r\n          })\r\n          selectScence.value = {\r\n            ID: scenceList.value[0].ID,\r\n            Name: scenceList.value[0].Name,\r\n            Code: scenceList.value[0].Code\r\n          }\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        ElMessage({\r\n          showClose: true,\r\n          message: `${err}`,\r\n          type: 'error'\r\n        })\r\n      })\r\n  } else if (MapMode.value == 'deviceSCADA') {\r\n    deviceSceneList.value.length = 0\r\n    GetDeviceScenePageList({\r\n      pageIndex: 0,\r\n      pageSize: 100,\r\n      getALL: true\r\n    })\r\n      .then((res) => {\r\n        if (res) {\r\n          res.Data.forEach((item) => {\r\n            deviceSceneList.value.push(item)\r\n          })\r\n          selectDeviceScene.value = {\r\n            ID: deviceSceneList.value[0].ID,\r\n            DeviceName: deviceSceneList.value[0].DeviceName,\r\n            DefaultSceneCode: deviceSceneList.value[0].DefaultSceneCode\r\n          }\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        ElMessage({\r\n          showClose: true,\r\n          message: `${err}`,\r\n          type: 'error'\r\n        })\r\n      })\r\n  }\r\n}\r\nlet GetDeviceInfosIntervalID = 0\r\nconst GetDeviceInfos = () => {\r\n  GetDeviceList({\r\n    deviceTypeID: '',\r\n    name: '',\r\n    orderCode: true\r\n  })\r\n    .then((res) => {\r\n      if (res) {\r\n        deviceList.value.length = 0\r\n        res.Data.forEach((element) => {\r\n          deviceList.value.push(element)\r\n        })\r\n        deviceInfo.value.total = deviceList.value.length\r\n        deviceInfo.value.online = deviceList.value.filter(\r\n          (z) => z.IsOnline == '在线'\r\n        ).length\r\n        deviceInfo.value.offline = deviceList.value.filter(\r\n          (z) => z.IsOnline != '在线'\r\n        ).length\r\n        deviceInfo.value.alarm = deviceList.value.filter(\r\n          (z) => z.IsAlarm == '报警'\r\n        ).length\r\n        deviceInfo.value.fault = deviceList.value.filter(\r\n          (z) => z.IsFault == '故障'\r\n        ).length\r\n        setChart1([\r\n          {\r\n            name: '设备在线',\r\n            value: deviceInfo.value.online\r\n          },\r\n          {\r\n            name: '设备离线',\r\n            value: deviceInfo.value.offline\r\n          },\r\n          {\r\n            name: '设备报警',\r\n            value: deviceInfo.value.alarm\r\n          },\r\n          {\r\n            name: '设备故障',\r\n            value: deviceInfo.value.fault\r\n          }\r\n        ])\r\n        if (MapMode.value == 'standardMap' || MapMode.value == 'satelliteMap') {\r\n          let infos = res.Data.filter((info) => {\r\n            return info.XY != null && info.XY.split(',').length == 2\r\n          })\r\n          for (var i = 0; i < infos.length; i++) {\r\n            var element = infos[i]\r\n            let isOffline = element.IsOnline != '在线'\r\n            let isFault = element.IsFault != '无故障'\r\n            let isAlarm = element.IsAlarm != '无报警'\r\n            var sContent = `<div class='item'><div class='itemName'>设备编码：</div><div class='itemValue'>${element.Code}</div></div>`\r\n            sContent += `<div class='item'><div class='itemName'>设备类型：</div><div class='itemValue'>${element.DeviceTypeName}</div></div>`\r\n            sContent += `<div class='item'><div class='itemName'>客户名称：</div><div class='itemValue'>${element.CustomeTypeName}</div></div>`\r\n            sContent += `<div class='item'><div class='itemName'>安装位置：</div><div class='itemValue'>${element.Location == null ? '' : element.Location\r\n              }</div></div>`\r\n            sContent += `<div class='item'><div class='itemName'>数据刷新：</div><div class='itemValue'>${element.LastRealDataTime}</div></div>`\r\n            sContent += `<div class='item'><span style='font-weight:bold;color:${isOffline ? 'red' : '#1C9672'\r\n              }'>${element.IsOnline}</span><span style='font-weight:bold;color:${isFault ? 'red' : '#1C9672'\r\n              };margin:0 5px' title=${element.FaultDetails}>${element.IsFault\r\n              }</span><span style='font-weight:bold;color:${isAlarm ? 'red' : '#1C9672'\r\n              }'  title=${element.AlarmDetails}>${element.IsAlarm}</span></div>`\r\n            var myIco = myIconGreen\r\n            if (isOffline) myIco = myIconGray\r\n            else if (isFault || isAlarm) myIco = myIconRed\r\n\r\n            if (markers[i].getIcon() != myIco) {\r\n              markers[i].setIcon(myIco)\r\n            }\r\n\r\n            if (infoWindows[i].getContent() != sContent) {\r\n              infoWindows[i].setContent(sContent)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    })\r\n    .catch((err) => {\r\n      console.log(err)\r\n    })\r\n}\r\n//组态相关\r\nconst scadaFull = ref(false)\r\nconst scenceList = ref([])\r\nconst selectScence = ref({\r\n  ID: '',\r\n  Name: ''\r\n})\r\nconst deviceSceneList = ref([])\r\nconst selectDeviceScene = ref({\r\n  ID: '',\r\n  DeviceName: '',\r\n  DeviceTypeID: '',\r\n  DefaultSceneCode: ''\r\n})\r\nconst handleChangeScence = () => { }\r\n//报警信息、故障信息\r\nconst alarmInfoList = ref(['', '', '', ''])\r\nconst faultInfoList = ref(['', '', '', ''])\r\nconst GetAlarmAndFaultDatas = () => {\r\n  GetAlarmDataList({\r\n    deviceID: null\r\n  }).then((res) => {\r\n    let datas = []\r\n    if (res.Data.length > 0) {\r\n      res.Data.forEach((item) => {\r\n        datas.push(item.DeviceName + ':' + item.Content)\r\n      })\r\n    }\r\n    if (datas.length < 4) {\r\n      for (let i = datas.length; i < 4; i++) {\r\n        datas.push('')\r\n      }\r\n    }\r\n    alarmInfoList.value = datas\r\n  })\r\n  GetFaultDataList({\r\n    deviceID: null\r\n  }).then((res) => {\r\n    let datas = []\r\n    if (res.Data.length > 0) {\r\n      res.Data.forEach((item) => {\r\n        datas.push(item.DeviceName + ':' + item.Content)\r\n      })\r\n    }\r\n    if (datas.length < 4) {\r\n      for (let i = datas.length; i < 4; i++) {\r\n        datas.push('')\r\n      }\r\n    }\r\n    faultInfoList.value = datas\r\n  })\r\n}\r\n//能耗排名\r\nconst energyRankingList = ref([{ DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }, { DeviceName: '', Value: 0 }])\r\nconst RefreshEnergy = () => {\r\n  GetEnergyRanking().then(res => {\r\n    if (res.Code == 200) {\r\n      let num = 10\r\n      if (res.Data.length < 10)\r\n        num = res.Data.length\r\n      for (let i = 0; i < num; i++) {\r\n        energyRankingList.value[i] = JSON.parse(JSON.stringify(res.Data[i]))\r\n      }\r\n    }\r\n  }).catch(err => {\r\n    console.log(err)\r\n  })\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped src=\"./assets/index.scss\"></style>\r\n<style lang=\"scss\" scoped>\r\n:deep(.BMap_bubble_pop) {\r\n  background-color: rgba($color: #000c3f, $alpha: 0.8) !important;\r\n  padding: 0px !important;\r\n  box-sizing: border-box;\r\n  border-radius: 0px !important;\r\n\r\n  .BMap_bubble_top {\r\n    .BMap_bubble_title {\r\n      background-color: #000c3f !important;\r\n      width: 100% !important;\r\n      color: #53cdff !important;\r\n      display: flex;\r\n      align-items: center;\r\n      font-weight: bold;\r\n      padding-left: 5px;\r\n    }\r\n  }\r\n\r\n  .BMap_bubble_content {\r\n    width: 100% !important;\r\n    padding: 0px 10px 5px 10px;\r\n\r\n    .item {\r\n      display: flex;\r\n      margin-top: 5px;\r\n\r\n      .itemName {\r\n        color: #53cdff;\r\n      }\r\n\r\n      .itemValue {\r\n        color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./assets/index.scss?vue&type=style&index=0&id=27303748&lang=scss&scoped=true\"\nimport \"./index.vue?vue&type=style&index=1&id=27303748&lang=scss&scoped=true\"\n\nimport exportComponent from \"E:\\\\LC.ENERGY\\\\LC.ENERGY\\\\LC.ENERGY.UI\\\\lc.energy.ui\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-27303748\"]])\n\nexport default __exports__","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQzhFNENDMDQ3MEMxMUVFOUY4MkRCODhBM0MwMkVEMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQzhFNENDMTQ3MEMxMUVFOUY4MkRCODhBM0MwMkVEMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNDOEU0Q0JFNDcwQzExRUU5RjgyREI4OEEzQzAyRUQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNDOEU0Q0JGNDcwQzExRUU5RjgyREI4OEEzQzAyRUQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o33wpAAABVxJREFUeNq0WEtIXFcY/o06Y0wy+AgJBHws0k3EV6lidZXQhVSw2RW0EIqYUBINKCKpInTTNA0ttDGUNKWptBWh2Eco1E1rXbioXVg0xFpb66NGjfiY+BzHR7/ves5w5jrXzEybHz7unXvP+f/zv/87MfX19RIlHVXXlWg2HwpzXTzwEnALeAD4gGUFn3p2S62JD4dh3FPeu4GrAM1ywmGNC8hSuAI8Bt4DPlCHiljjImAQuHGA0FB0Qu0ZVDwi0rgCuKe0CdDGxob4fD7x+/2ys7Ozd/JDhyQ+Pl7cbrckJCSYy58DeoDXgfZwBFcCnwMx+sHa2posLy/L9vZ2yFNubm7K6uqqxMbGyrFjxyQxMdF0wxeK15cHmfoF4FMtlFotLCzI0tKSo1CTuIZruUdbRPEizwInwW5lEpcplOaNlLjHJtylNHaHEnxF+cUinpwmjJa4lzxsPr9qF8wTNeiH6+vrUWkaSnPyMqhOW1QH18vASf2WgXQQlZeXS1lZmRVIpPHxcWlvb5fBwcF9a8mL0R4TY4UNZZQB38QWFxeLKhDP84bpwgh1oqamJjl37pwlpKOjQwYGBiQ7O1tKS0stDUdGRoLW088ul0vi4gIJxBJ7X/8q1k8p2Ilqa2slKytLWN+np6clPT1dVlZWpKenR86fPy+VlZUyOjoqQ0NDQfvI08jxF01TnzaDIhQlJydLUVGR3L592xLa2toqKSkp1rvu7m65e/eulJSUSF1dnVRXVwftZcEx6LQOLo9ZoYwUCKL8/Hzr2tvbKw0NDZbQiooKaWxslLNnz8qpU6fkzp07cuTIkX17bTwpy0MfM7eu6af0byjhNNfDhw9lamrK+t3Z2SkFBQXi9Xotf/M6MTFhmXpmZia4IaCs2g50g6Z+wkPp1GLZ29raCqygRhkZGVZ00sRVVVUyNjYmu7u7kpOTY63p6+uzLMAAGh4elv7+/iDB5GmjJ9rHo9r23GwGWG5urnVNSkqStLQ0655RbFJhYWHgPjMzU9ra2oIbQlxQS6A5dnUB6dNPbR0moHVLS8te24Jf6WcnshWMvVrsdps/fzOj+lvVCq2co2nMpnDhwoWAuS5fvix5eXmOgg8fPrzPzDbBP5iCvwMmgTRWGI/HI4uLi9aL+fl5OXPmTEAbpoyTZrpMmsTqpqqWla3AV6ZgPngL+ESfmj2Yvq6pqYm6VlNTozeL6vPT9u7EntltFgxbUERE3EseBtGEzaHa4i7wGjCrc+/48eN2/4StKfeSh0GXVESHHH0eAa8APwGJ3JiammoVFeaxU1UzCwV9GqJ6vUvfsoYz/51mrl+Ai+bcRUb0FX3O4NHDHoOGwmhWpiE1NQJJUwfwpr1xODmRYwqrxfXA4ASGZB4qz50I2v08Ozt7CRnCIZ/56FcuPXCufgf4KNrggtB+CK3C7OXC/VHAAyRrmU8LW+ZSupoaIhE6jrp+UdUCj30c4zDwNMEsX5VgNABTp4cpdHVubq4BmjISk+wdEvgn3I82L5jUgqEvHLmYLG/CxEtYn2oDzT2uNJY4zkxh0Peo4e8jVa4dtAhp9/Xk5CTD16wc7LF/AMOwmj/Sz9RtNPhmpNGvTgvwbhxrug0NU4A5oEt9xvoj+Uy1++dVMBrCyd02v25j+riPAUL7lPW4Czn+6L9+mGv628ztQBB4vf3AJg7gBn4E7qkq6FzL9fgSAd0E4zeg9Uk1yPkw0P+OZ+yTrXj++P/8K8KkNTAPaI3U+RMj8V84wHX1b4A8K8GkjyHIiyllC1HchevbPNCz+PNl32gFwZ8hvx9A22admxH1a3OUjZA+RNQyiKL6rPxXgAEA9BaB2UIMNjoAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/deviceAlarm.2a3a4501.png\";","module.exports = __webpack_public_path__ + \"img/cop2.b9d30e9f.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=1&id=27303748&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/jietan.c1602e65.png\";"],"sourceRoot":""}