{"version":3,"sources":["webpack:///./src/views/model/Operate/Overview/components/common/nProgress/nProgress.scss?de69","webpack:///./src/views/model/Operate/Overview/components/common/nProgress/nProgress.vue?2d88","webpack:///./src/views/model/Operate/Overview/components/common/nProgress/nProgress.js?1df5","webpack:///./src/views/model/Operate/Overview/components/common/nProgress/nProgress.js","webpack:///./src/views/model/Operate/Overview/components/common/nProgress/nProgress.vue","webpack:///./src/views/model/Operate/Overview/components/common/nProgress/index.js","webpack:///./src/views/model/Operate/Overview/components/totalData/totalData.vue?0396","webpack:///./src/views/model/Operate/Overview/components/totalData/totalData.js","webpack:///./src/views/model/Operate/Overview/components/totalData/totalData.js?74dd","webpack:///./src/views/model/Operate/Overview/components/totalData/totalData.vue","webpack:///./src/views/model/Operate/Overview/components/totalData/index.js","webpack:///./src/views/model/Operate/Overview/components/common/roundPieChart/roundPieChart.scss?f875","webpack:///./src/views/model/Operate/Overview/components/common/iconTitle/iconTitle.scss?9800","webpack:///./src/views/model/Operate/Overview/components/common/iconTitle/iconTitle.vue?741c","webpack:///./src/views/model/Operate/Overview/components/common/iconTitle/iconTitle.js?8948","webpack:///./src/views/model/Operate/Overview/components/common/iconTitle/iconTitle.js","webpack:///./src/views/model/Operate/Overview/components/common/iconTitle/iconTitle.vue","webpack:///./src/views/model/Operate/Overview/components/common/iconTitle/index.js","webpack:///./src/views/model/Operate/Overview/components/common/roundPieChart/roundPieChart.vue?0acb","webpack:///./src/views/model/Operate/Overview/components/common/roundPieChart/roundPieChart.js","webpack:///./src/views/model/Operate/Overview/components/common/roundPieChart/roundPieChart.js?b451","webpack:///./src/views/model/Operate/Overview/components/common/roundPieChart/roundPieChart.vue","webpack:///./src/views/model/Operate/Overview/components/common/roundPieChart/index.js","webpack:///./src/views/model/Operate/Overview/components/totalData/totalData.scss?f160"],"names":["name","props","total","type","Number","default","current","computed","formatTotal","numberFormat","this","progressW","component","_vm","_h","$createElement","_c","_self","staticClass","class","style","width","_v","_s","staticRenderFns","NProgress","mapGetters","createNamespacedHelpers","components","IconTitle","RoundPieChart","data","mapRootGetters","totalDeviceid","totalData","total_deviceid","iosDeviceidPercent","ios_total_deviceid","toFixed","iosChartData","value","color","endColor","androidDeviceidPercent","android_total_deviceid","androidChartData","mounted","methods","mapActions","goToUpgrade","showMealBuyDialog","can_buy_combo","attrs","total_storge","data_capacity","accountInfo","avaliable_date","on","_e","total_invalid","ref","TotalData","iconName","String","title","titleColor","n","_t","baseOption","backgroundColor","angleAxis","max","clockwise","axisLine","show","axisTick","axisLabel","splitLine","radiusAxis","polar","center","radius","height","barWidth","Object","watch","eChartPie","setTimeout","t","linearGradientColor","color0","color1","echarts","graphic","LinearGradient","offset","seriesItemOption","zIndex","z","itemStyle","stack","coordinateSystem","roundCap","seriesOption","map","config","echartsOption","self","Math","min","assign","series","init","$refs","chart","setOption","roundPieChart"],"mappings":"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","file":"static/js/chunk-3cd1cd80.58eb1210.js","sourcesContent":["export * from \"-!../../../../../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./nProgress.scss?vue&type=style&index=0&id=6e8927cd&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"n-progress\"},[_c('div',{staticClass:\"n-progress__bar\"},[_c('div',{class:['n-progress__bar--current', _vm.current / _vm.total >= 0.9 ? 'n-progress__bar--warning' : ''],style:({\n        width: _vm.progressW\n      })})]),_c('div',{staticClass:\"n-progress__current\"},[_vm._v(_vm._s(_vm.formatTotal))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./nProgress.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./nProgress.js?vue&type=script&lang=js&\"","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-18 09:57:21\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-25 21:36:59\n */\nimport { numberFormat } from '@/plugins/utils'\n\nexport default {\n  name: 'NProgress',\n  props: {\n    total: {\n      type: Number,\n      default: 10000\n    },\n    current: {\n      type: Number,\n      default: 5000\n    }\n  },\n  computed: {\n    // 格式化数字显示\n    formatTotal () {\n      return numberFormat(this.total)\n    },\n    // 进度条宽度\n    progressW () {\n      if (!this.total) {\n        return '0'\n      }\n      if (!this.current) {\n        return '0'\n      }\n      if (this.current > this.total) {\n        return '100%'\n      }\n      return (this.current / this.total) * 100 + '%'\n    }\n  }\n}\n","import { render, staticRenderFns } from \"./nProgress.vue?vue&type=template&id=6e8927cd&scoped=true&\"\nimport script from \"./nProgress.js?vue&type=script&lang=js&\"\nexport * from \"./nProgress.js?vue&type=script&lang=js&\"\nimport style0 from \"./nProgress.scss?vue&type=style&index=0&id=6e8927cd&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6e8927cd\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-18 09:56:38\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-18 10:02:16\n */\nimport NProgress from './nProgress.vue'\nexport default NProgress\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"total-data\"},[_c('div',{staticClass:\"data-box\"},[_c('div',{staticClass:\"data-box__left\"},[_c('div',{staticClass:\"data-box__left--inner\"},[_c('div',{staticClass:\"data-storage\"},[_c('div',{class:[_vm.can_buy_combo ? '' : 'un-can-buy-combo']},[_c('icon-title',{attrs:{\"icon-name\":\"ic_datastore\",\"title-color\":\"#ffffff\"}},[_vm._v(\"数据存储量\")]),_c('div',{staticClass:\"data-storage__data\"},[_c('w-counto',{attrs:{\"duration\":500,\"end-val\":_vm.totalData.total_storge}})],1),(_vm.can_buy_combo)?_c('div',{staticClass:\"data-storage__progress\"},[_c('div',{staticClass:\"progress-box\"},[_c('n-progress',{attrs:{\"total\":_vm.totalData.data_capacity,\"current\":_vm.totalData.total_storge}})],1),(_vm.accountInfo.avaliable_date && _vm.can_buy_combo)?_c('div',{staticClass:\"upgrade\",on:{\"click\":_vm.goToUpgrade}},[_vm._v(\"去升级\")]):_vm._e()]):_vm._e()],1)]),_c('div',{staticClass:\"data-invalid\"},[_c('div',[_c('icon-title',{attrs:{\"icon-name\":\"ic_invalid\"}},[_vm._v(\"无效数据量\"),_c('w-tooltip',{staticClass:\"tooltip\",attrs:{\"content\":\"设备码为0或为空的无效数据，系统将自动过滤，不占用存储额度\"}})],1),_c('div',{staticClass:\"data-invalid__data\"},[_c('w-counto',{attrs:{\"duration\":500,\"end-val\":_vm.totalData.total_invalid}})],1)],1)])])]),_c('div',{staticClass:\"data-box__right\"},[_c('div',{staticClass:\"data-box__right--inner\"},[_c('div',{staticClass:\"data-user\"},[_c('icon-title',{attrs:{\"icon-name\":\"ic_user\"}},[_vm._v(\"用户量\")]),_c('div',{staticClass:\"data-user__data\"},[_c('w-counto',{attrs:{\"duration\":500,\"end-val\":_vm.totalDeviceid}})],1)],1),_c('div',{staticClass:\"arrow-border\"},[_c('w-svg',{attrs:{\"data_iconName\":\"img_user_line\"}})],1),_c('div',{staticClass:\"data-user-charts\"},[_c('div',{staticClass:\"chart-item first\"},[_c('div',{ref:\"iOS-chart\",staticClass:\"chart-item__container\"},[_c('round-pie-chart',{attrs:{\"width\":42,\"height\":42,\"bar-width\":6,\"data\":_vm.iosChartData}})],1),_c('div',{staticClass:\"chart-item__detail\"},[_c('div',[_c('span',[_vm._v(\"iOS\")]),_c('span',[_vm._v(_vm._s(_vm.iosDeviceidPercent)+\"%\")])]),_c('div',[_c('w-counto',{attrs:{\"end-val\":_vm.totalData.ios_total_deviceid}})],1)])]),_c('div',{staticClass:\"chart-item\"},[_c('div',{ref:\"Android-chart\",staticClass:\"chart-item__container\"},[_c('round-pie-chart',{attrs:{\"width\":42,\"height\":42,\"bar-width\":6,\"data\":_vm.androidChartData}})],1),_c('div',{staticClass:\"chart-item__detail\"},[_c('div',[_c('span',[_vm._v(\"Android\")]),_c('span',[_vm._v(_vm._s(_vm.androidDeviceidPercent)+\"%\")])]),_c('div',[_c('w-counto',{attrs:{\"end-val\":_vm.totalData.android_total_deviceid}})],1)])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-16 15:46:23\n * @LastEditors: Arvin\n * @LastEditTime: 2021-01-14 10:09:06\n */\nimport { createNamespacedHelpers, mapActions, mapGetters as mapRootGetters } from 'vuex'\nimport IconTitle from '../common/iconTitle'\nimport NProgress from '../common/nProgress'\nimport RoundPieChart from '../common/roundPieChart'\n\nconst { mapGetters } = createNamespacedHelpers('Operate/Overview')\n\nexport default {\n  name: 'TotalData',\n  components: {\n    IconTitle,\n    NProgress,\n    RoundPieChart\n  },\n  data () {\n    return {\n    }\n  },\n  computed: {\n    ...mapGetters([\n      'overviewData',\n      'totalData'\n    ]),\n\n    ...mapRootGetters([\n      'accountInfo',\n      'can_buy_combo'\n    ]),\n\n    // 用户量\n    totalDeviceid () {\n      return this.totalData.total_deviceid\n    },\n\n    // ios用户百分比\n    iosDeviceidPercent () {\n      if (!this.totalDeviceid) {\n        return '0.00'\n      }\n      const {\n        ios_total_deviceid: iosDeviceid\n      } = this.totalData\n      return (iosDeviceid * 100 / this.totalDeviceid).toFixed(2)\n    },\n\n    iosChartData () {\n      const value = this.iosDeviceidPercent - 0\n      return {\n        value,\n        color: 'rgba(201, 67, 243, 1)',\n        endColor: 'rgba(255, 114, 206, 1)'\n      }\n    },\n\n    // 安卓用户百分比\n    androidDeviceidPercent () {\n      if (!this.totalDeviceid) {\n        return '0.00'\n      }\n      const {\n        android_total_deviceid: androidDeviceid\n      } = this.totalData\n      return (androidDeviceid * 100 / this.totalDeviceid).toFixed(2)\n    },\n\n    androidChartData () {\n      const value = this.androidDeviceidPercent - 0\n      return {\n        value,\n        color: 'rgba(71, 189, 255, 1)',\n        endColor: 'rgba(44, 104, 255, 1)'\n      }\n    }\n  },\n  mounted () {\n  },\n  methods: {\n    ...mapActions([\n      'showMealBuyDialog'\n    ]),\n\n    goToUpgrade () {\n      this.showMealBuyDialog()\n    }\n  }\n}\n","import mod from \"-!../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./totalData.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./totalData.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./totalData.vue?vue&type=template&id=47385f63&scoped=true&\"\nimport script from \"./totalData.js?vue&type=script&lang=js&\"\nexport * from \"./totalData.js?vue&type=script&lang=js&\"\nimport style0 from \"./totalData.scss?vue&type=style&index=0&id=47385f63&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"47385f63\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-16 15:46:11\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-16 15:55:20\n */\nimport TotalData from './totalData.vue'\nexport default TotalData\n","export * from \"-!../../../../../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./roundPieChart.scss?vue&type=style&index=0&id=8e1480ac&lang=scss&scoped=true&\"","export * from \"-!../../../../../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./iconTitle.scss?vue&type=style&index=0&id=aff50c0a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"icon-title\"},[_c('w-svg',{attrs:{\"data_iconName\":_vm.iconName,\"isIconFont\":\"\"}}),_c('em',{staticClass:\"title\",style:({color: _vm.titleColor})},[_vm._t(\"default\")],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./iconTitle.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./iconTitle.js?vue&type=script&lang=js&\"","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-16 17:21:03\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-16 17:24:25\n */\nexport default {\n  name: 'IconTitle',\n  props: {\n    iconName: {\n      type: String,\n      default: 'ic_topnav_user'\n    },\n    title: {\n      type: String,\n      default: '标题'\n    },\n    titleColor: {\n      type: String,\n      default: '#9D9FA2'\n    }\n  }\n}\n","import { render, staticRenderFns } from \"./iconTitle.vue?vue&type=template&id=aff50c0a&scoped=true&\"\nimport script from \"./iconTitle.js?vue&type=script&lang=js&\"\nexport * from \"./iconTitle.js?vue&type=script&lang=js&\"\nimport style0 from \"./iconTitle.scss?vue&type=style&index=0&id=aff50c0a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"aff50c0a\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-16 17:19:26\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-16 17:21:41\n */\nimport IconTitle from './iconTitle.vue'\nexport default IconTitle\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pie-chart\"},[_c('div',{ref:\"chart\",staticClass:\"pie-chart__container\",style:({\n      width: _vm.width + 'px',\n      height: _vm.height + 'px'\n    })})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-18 19:37:36\n * @LastEditors: Arvin\n * @LastEditTime: 2020-12-04 14:23:45\n */\nimport echarts from 'echarts'\n\nexport default {\n  name: 'RoundPieChart',\n  data () {\n    return {\n      baseOption: {\n        backgroundColor: '#fff',\n        angleAxis: {\n          max: 100, // 满分\n          clockwise: true, // 逆时针\n          // 隐藏刻度线\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          },\n          splitLine: {\n            show: false\n          }\n        },\n        radiusAxis: {\n          type: 'category',\n          // 隐藏刻度线\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          },\n          splitLine: {\n            show: false\n          }\n        },\n        polar: {\n          center: ['50%', '50%'],\n          radius: '100%' // 图形大小\n        }\n      }\n    }\n  },\n  props: {\n    width: {\n      type: Number,\n      default: 200\n    },\n    height: {\n      type: Number,\n      default: 200\n    },\n    barWidth: {\n      type: Number,\n      default: 30\n    },\n    data: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  watch: {\n    data () {\n      this.eChartPie()\n    }\n  },\n  mounted () {\n    setTimeout(() => {\n      this.eChartPie()\n    }, 1000)\n  },\n  methods: {\n\n    /**\n     * 生成线性渐变色\n     * @param { string } color0 正常色值\n     * @param { string } color1 正常色值\n     */\n    linearGradientColor (color0, color1) {\n      return new echarts.graphic.LinearGradient(1, 0, 0, 0, [{\n        offset: 0,\n        color: color0\n      }, {\n        offset: 1,\n        color: color1\n      }])\n    },\n\n    /**\n     * 单条数据配置\n     * @param { number } value 0-100\n     * @param { string } color 正常色值，起点颜色\n     * @param { string } endColor 正常色值，终点颜色\n     */\n    seriesItemOption ({ value, color, endColor, zIndex: z = 1 }) {\n      const self = this\n      return {\n        type: 'bar',\n        data: [{\n          value,\n          itemStyle: {\n            color: endColor ? self.linearGradientColor(color, endColor) : color\n          }\n        }],\n        stack: 'a',\n        coordinateSystem: 'polar',\n        roundCap: true,\n        barWidth: self.barWidth,\n        z\n      }\n    },\n\n    /**\n     * 数据配置\n     */\n    seriesOption (data) {\n      data.zIndex = 2\n      const bgData = {\n        color: 'rgba(44, 104, 255, 0.08)',\n        value: 100\n      }\n      return [data, bgData].map(config => this.seriesItemOption(config))\n    },\n\n    /**\n     * 饼图配置参数\n     */\n    echartsOption (data) {\n      const self = this\n      self.baseOption.polar.radius = Math.min(self.width, self.height) - self.barWidth\n      return Object.assign({}, self.baseOption, {\n        series: self.seriesOption(data)\n      })\n    },\n\n    /**\n     * 绘制饼图\n     */\n    eChartPie () {\n      const echartsOption = this.echartsOption(this.data)\n      const chartInstance = echarts.init(this.$refs.chart)\n\n      chartInstance.setOption(echartsOption)\n    }\n  }\n}\n","import mod from \"-!../../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./roundPieChart.js?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../../../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../../../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../../../../../../node_modules/_eslint-loader@2.2.1@eslint-loader/index.js??ref--14-0!./roundPieChart.js?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./roundPieChart.vue?vue&type=template&id=8e1480ac&scoped=true&\"\nimport script from \"./roundPieChart.js?vue&type=script&lang=js&\"\nexport * from \"./roundPieChart.js?vue&type=script&lang=js&\"\nimport style0 from \"./roundPieChart.scss?vue&type=style&index=0&id=8e1480ac&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8e1480ac\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Descripttion: *\n * @version: *\n * @Author: Arvin\n * @Date: 2020-11-18 19:38:02\n * @LastEditors: Arvin\n * @LastEditTime: 2020-11-19 11:01:12\n */\nimport roundPieChart from './roundPieChart.vue'\nexport default roundPieChart\n","export * from \"-!../../../../../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../../node_modules/_sass-loader@10.2.1@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./totalData.scss?vue&type=style&index=0&id=47385f63&lang=scss&scoped=true&\""],"sourceRoot":""}