{"version":3,"sources":["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_statusIndicator_vue_vue_type_style_index_0_id_7a8f9032_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_statusIndicator_vue_vue_type_style_index_0_id_7a8f9032_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","online","offline","total","staticRenderFns","statusIndicatorvue_type_script_lang_js_","name","props","computed","fullDeviceList","length","filter","dev","status","components_statusIndicatorvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"uIAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAA0mBE,EAAG,G,yCCA7mB,IAAIE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyBF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaL,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0BF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIU,cAAcN,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIW,iBAC5jBC,EAAkB,GCkBtBC,EAAA,CACEC,KAAM,kBACNC,MAAO,CAAC,kBACRC,SAAU,CACRL,MADJ,WAEM,OAAOV,KAAKgB,eAAeC,QAE7BT,OAJJ,WAKM,OAAOR,KAAKgB,eAAeE,OAAO,SAAxCC,GAAA,WAAAA,EAAAC,SAAAH,QAEIR,QAPJ,WAQM,OAAOT,KAAKU,MAAQV,KAAKQ,UC9BuWa,EAAA,E,wBCQlYC,EAAYC,OAAAC,EAAA,KAAAD,CACdF,EACAvB,EACAa,GACA,EACA,KACA,WACA,MAIac,EAAA,WAAAH,E","file":"js/chunk-4a329fc5.5788a68c.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!./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":""}