{"version":3,"sources":["webpack:///./src/views/deviceManage/geoInfoAndData/components/mapView.vue?3495","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapAndList.vue?f0fc","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapView.vue?862a","webpack:///src/views/deviceManage/geoInfoAndData/components/mapView.vue","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapView.vue?e5a1","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapView.vue","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapAndList.vue?5ddd","webpack:///src/views/deviceManage/geoInfoAndData/components/mapAndList.vue","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapAndList.vue?7478","webpack:///./src/views/deviceManage/geoInfoAndData/components/mapAndList.vue","webpack:///./src/views/deviceManage/geoInfoAndData/components/statusIndicator.vue?0f8b","webpack:///./src/views/deviceManage/geoInfoAndData/components/statusIndicator.vue?fc0a","webpack:///src/views/deviceManage/geoInfoAndData/components/statusIndicator.vue","webpack:///./src/views/deviceManage/geoInfoAndData/components/statusIndicator.vue?2c08","webpack:///./src/views/deviceManage/geoInfoAndData/components/statusIndicator.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mapView_vue_vue_type_style_index_0_id_2e27edb0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mapView_vue_vue_type_style_index_0_id_2e27edb0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mapAndList_vue_vue_type_style_index_0_id_421d3d72_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mapAndList_vue_vue_type_style_index_0_id_421d3d72_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","mapViewvue_type_script_lang_js_","name","props","components_mapViewvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","class","active","viewMode","attrs","data-testid","on","click","$event","_v","fullDeviceList","mapAndListvue_type_script_lang_js_","components","statusIndicator","mapView","data","components_mapAndListvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_statusIndicator_vue_vue_type_style_index_0_id_7a8f9032_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_statusIndicator_vue_vue_type_style_index_0_id_7a8f9032_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","_s","online","offline","total","statusIndicatorvue_type_script_lang_js_","computed","length","filter","dev","status","components_statusIndicatorvue_type_script_lang_js_"],"mappings":"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","file":"js/chunk-3b6201e2.05307c22.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.vue?vue&type=style&index=0&id=2e27edb0&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.vue?vue&type=style&index=0&id=2e27edb0&lang=scss&scoped=true&\"","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAndList.vue?vue&type=style&index=0&id=421d3d72&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAndList.vue?vue&type=style&index=0&id=421d3d72&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-view-wrapper\"},[_c('div',{staticClass:\"map-view\"},[_c('el-amap',[_vm._t(\"default\")],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"map-view-wrapper\">\n    <div class=\"map-view\">\n      <el-amap>\n        <slot></slot>\n      </el-amap>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'mapView',\n  props: ['deviceList']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.map-view-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.map-view {\n  width: 100%;\n  height: 100%;\n  el-amap {\n    width: 100%;\n    height: 100%;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapView.vue?vue&type=template&id=2e27edb0&scoped=true&\"\nimport script from \"./mapView.vue?vue&type=script&lang=js&\"\nexport * from \"./mapView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapView.vue?vue&type=style&index=0&id=2e27edb0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2e27edb0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"map-list-wrapper full-width\"},[_c('div',{staticClass:\"map-list full-width\"},[_c('header',{staticClass:\"full-width\"},[_c('div',{staticClass:\"switch-button-group-wrapper\"},[_c('div',{staticClass:\"switch-button-group\"},[_c('button',{staticClass:\"switch-btn\",class:{active: _vm.viewMode === 'map'},attrs:{\"data-testid\":\"switch-to-map-btn\"},on:{\"click\":function($event){_vm.viewMode = 'map'}}},[_vm._v(\"地图\")]),_c('button',{staticClass:\"switch-btn\",class:{active: _vm.viewMode === 'list'},attrs:{\"data-testid\":\"switch-to-list-btn\"},on:{\"click\":function($event){_vm.viewMode = 'list'}}},[_vm._v(\"列表\")])])]),_c('div',{staticClass:\"search-group-wrapper\"},[_vm._t(\"search-bar\")],2),_c('div',{staticClass:\"status-indicator-group\"},[_c('div',{staticClass:\"status-indicator\"},[_c('statusIndicator',{attrs:{\"fullDeviceList\":_vm.fullDeviceList}})],1)])]),_c('section',{staticClass:\"full-width\"},[(_vm.viewMode === 'map')?_c('div',{staticClass:\"map-wrapper full-width full-height\",attrs:{\"data-testid\":\"map-view\"}},[_c('mapView',[_vm._t(\"map-view\")],2)],1):_c('div',{staticClass:\"list-wrapper full-width\",attrs:{\"data-testid\":\"device-list-view\"}},[_vm._t(\"list-view\")],2)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"map-list-wrapper full-width\">\n  <div class=\"map-list full-width\">\n    <header class=\"full-width\">\n      <div class=\"switch-button-group-wrapper\">\n        <div class=\"switch-button-group\">\n          <button class=\"switch-btn\" data-testid=\"switch-to-map-btn\" @click=\"viewMode = 'map'\" v-bind:class=\"{active: viewMode === 'map'}\">地图</button>\n          <button class=\"switch-btn\" data-testid=\"switch-to-list-btn\" @click=\"viewMode = 'list'\" v-bind:class=\"{active: viewMode === 'list'}\">列表</button>\n        </div>\n      </div>\n      <div class=\"search-group-wrapper\">\n        <slot name=\"search-bar\"></slot>\n      </div>\n      <div class=\"status-indicator-group\">\n        <div class=\"status-indicator\">\n          <statusIndicator :fullDeviceList=\"fullDeviceList\"></statusIndicator>\n        </div>\n      </div>\n    </header>\n    <section class=\"full-width\">\n      <div data-testid=\"map-view\" class=\"map-wrapper full-width full-height\" v-if=\"viewMode === 'map'\">\n        <mapView>\n          <slot name=\"map-view\"></slot>\n        </mapView>\n      </div>\n      <div data-testid=\"device-list-view\" class=\"list-wrapper full-width\" v-else>\n        <slot name=\"list-view\"></slot>\n      </div>\n    </section>\n  </div>\n</div>\n</template>\n\n<script>\nimport statusIndicator from './statusIndicator'\nimport mapView from './mapView'\nexport default {\n  name: 'mapAndList',\n  components: {\n    statusIndicator,\n    mapView\n  },\n  props: ['filterParams', 'fullDeviceList'],\n  data() {\n    return {\n      viewMode: 'map'\n    }\n  }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.full-width {\n  width: 100%;\n}\n.full-height {\n  height: 100%;\n}\n.switch-btn {\n  color: #fff;\n  font-size: 14px;\n  padding: 11px 15px;\n  margin-right: 10px;\n  outline: none;\n  border: none;\n  background-color: #252C47;\n  border-radius: 2px;\n}\n.switch-btn.active {\n  background-color: #4786FF;\n}\n.map-list-wrapper {\n  height: 100%;\n  .map-list {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    header {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 20px;\n      .search-group-wrapper {\n        max-width: 500px;\n      }\n    }\n    section {\n      flex: 1;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAndList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mapAndList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./mapAndList.vue?vue&type=template&id=421d3d72&scoped=true&\"\nimport script from \"./mapAndList.vue?vue&type=script&lang=js&\"\nexport * from \"./mapAndList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mapAndList.vue?vue&type=style&index=0&id=421d3d72&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"421d3d72\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusIndicator.vue?vue&type=style&index=0&id=7a8f9032&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusIndicator.vue?vue&type=style&index=0&id=7a8f9032&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"status-indicator-wrapper\"},[_c('div',{staticClass:\"status-indicator\"},[_c('div',{staticClass:\"indicator\"},[_c('div',{staticClass:\"status status-online\"}),_c('span',{staticClass:\"online\"},[_vm._v(_vm._s(_vm.online))])]),_c('div',{staticClass:\"indicator\"},[_c('div',{staticClass:\"status status-offline\"}),_c('span',{staticClass:\"offline\"},[_vm._v(_vm._s(_vm.offline))])]),_c('div',{staticClass:\"indicator\"},[_c('span',{staticClass:\"total\"},[_vm._v(_vm._s(_vm.total))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"status-indicator-wrapper\">\n  <div class=\"status-indicator\">\n    <div class=\"indicator\">\n      <div class=\"status status-online\"></div>\n      <span class=\"online\">{{online}}</span>\n    </div>\n    <div class=\"indicator\">\n      <div class=\"status status-offline\"></div>\n      <span class=\"offline\">{{offline}}</span>\n    </div>\n    <div class=\"indicator\">\n      <span class=\"total\">{{total}}</span>\n    </div>\n  </div>\n</div>\n</template>\n\n<script>\nexport default {\n  name: 'statusIndicator',\n  props: ['fullDeviceList'],\n  computed: {\n    total() {\n      return this.fullDeviceList.length\n    },\n    online() {\n      return this.fullDeviceList.filter(dev => dev.status === true).length\n    },\n    offline() {\n      return this.total - this.online\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.status-indicator-wrapper {\n  .status-indicator {\n    display: flex;\n    .indicator {\n      padding: 11px;\n      background-color: #252C47;\n      border-radius: 2px;\n      margin-left: 20px;\n      display: flex;\n      .status {\n        width: 18px;\n        height: 18px;\n        border-radius: 18px;\n        background-color: #66ccff;\n        margin-right: 5px;\n      }\n      .status-online {\n        background-color: green;\n      }\n      .status-offline {\n        background-color: red;\n      }\n      span {\n        color: #fff;\n        font-size: 14px;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusIndicator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./statusIndicator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./statusIndicator.vue?vue&type=template&id=7a8f9032&scoped=true&\"\nimport script from \"./statusIndicator.vue?vue&type=script&lang=js&\"\nexport * from \"./statusIndicator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./statusIndicator.vue?vue&type=style&index=0&id=7a8f9032&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7a8f9032\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}