{"version":3,"sources":["webpack:///./src/components/LineStatisticsModular.vue?ed66","webpack:///./src/components/BpStatisticsModular.vue?0adb","webpack:///src/components/BpStatisticsModular.vue","webpack:///./src/components/BpStatisticsModular.vue?832b","webpack:///./src/components/BpStatisticsModular.vue?5c8a","webpack:///./src/components/PieStatisticsModular.vue?d3fc","webpack:///./src/views/organization/page/statistics/statistics.vue?0925","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/organization/page/statistics/statistics.vue?784b","webpack:///src/views/organization/page/statistics/statistics.vue","webpack:///./src/views/organization/page/statistics/statistics.vue?8e5a","webpack:///./src/views/organization/page/statistics/statistics.vue?c433","webpack:///./src/components/PieStatisticsModular.vue?691f","webpack:///src/components/PieStatisticsModular.vue","webpack:///./src/components/PieStatisticsModular.vue?73ef","webpack:///./src/components/PieStatisticsModular.vue?a7dc","webpack:///./src/components/BpStatisticsModular.vue?dc75","webpack:///./src/components/LineStatisticsModular.vue?2b2d","webpack:///src/components/LineStatisticsModular.vue","webpack:///./src/components/LineStatisticsModular.vue?926c","webpack:///./src/components/LineStatisticsModular.vue?f61f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","style","width","height","attrs","id","staticRenderFns","name","data","props","title","type","String","month","Array","increase","reduce","outData","total","computed","user","$store","state","mounted","drawLine","methods","myChart","setOption","tooltip","trigger","axisPointer","crossStyle","color","toolbox","feature","dataView","magicType","restore","saveAsImage","legend","xAxis","yAxis","series","watch","component","DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","get","call","match","error","staticClass","class","active","statisticsType","on","$event","_v","memberData","addressData","memberPersonalData","addressPersonalData","_m","levelData","increaseType","increaseData","increasePersonalData","monthPersonal","outPersonalData","reduceData","reducePersonalData","totalData","totalPersonalData","monthDate","orgData","item","proportion","value","num","toFixed","number","formatter","top","left"],"mappings":"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","file":"js/chunk-e97c4b98.8192fcab.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./LineStatisticsModular.vue?vue&type=style&index=0&id=1f082d68&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\"}},[_c('div',{style:({ width: '100%', height: '500px' }),attrs:{\"id\":_vm.id}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"width: 100%\">\n    <div :id=\"id\" :style=\"{ width: '100%', height: '500px' }\"></div>\n  </div>\n</template>\n\n<script>\nimport * as echarts from 'echarts'\nexport default {\n  name: \"pie-statistics-modular\",\n  data () {\n    return {}\n  },\n  props: {\n    title: {\n      type: String\n    },\n    id: {\n      type: String,\n    },\n    month: {\n      type: Array,\n    },\n    increase: {\n      type: Array,\n    },\n    reduce: {\n      type: Array,\n    },\n    outData:{\n      type: Array,\n    },\n    total: {\n      type: Array,\n    }\n  },\n  computed: {\n    user () {\n      return this.$store.state.user\n    }\n  },\n  mounted () {\n    this.drawLine();\n  },\n  methods: {\n    drawLine () {\n      // 基于准备好的dom，初始化echarts实例\n      let myChart = echarts.init(document.getElementById(this.id))\n      // 绘制图表\n      myChart.setOption({\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'cross',\n            crossStyle: {\n              color: '#999'\n            }\n          }\n        },\n        toolbox: {\n          feature: {\n            dataView: { show: true, readOnly: false },\n            magicType: { show: true, type: ['line', 'bar'] },\n            restore: { show: true },\n            saveAsImage: { show: true }\n          }\n        },\n        legend: {\n          data: ['整体数量','续费数量','到期数量',  '退会数量',],\n          // textStyle: {\n          //   'color': '#fff'\n          // }\n        },\n        xAxis: [\n          {\n            type: 'category',\n            data: this.month,\n            axisPointer: {\n              type: 'shadow'\n            },\n            nameTextStyle: {\n              'color': '#fff'\n            },\n            axisLabel:{\n              interval:0,\n              rotate:40,\n            }\n          }\n        ],\n        yAxis: [\n          {\n            type: 'value',\n            name: '数量',\n          },\n          {\n            type: 'value',\n            name: '数量',\n          },\n\n        ],\n        series: [\n          {\n            name: '整体数量',\n            type: 'line',\n            yAxisIndex: 1,\n            label: {\n              show: true,\n              position: 'top'\n            },\n\n            data: this.total\n          },\n          {\n            name: '续费数量',\n            type: 'bar',\n            label: {\n              show: true,\n              position: 'top'\n            },\n            data: this.reduce\n          },\n          {\n            name: '到期数量',\n            type: 'bar',\n            label: {\n              show: true,\n              position: 'top'\n            },\n            data: this.increase\n          },\n\n          {\n            name: '退会数量',\n            type: 'bar',\n            label: {\n              show: true,\n              position: 'top'\n            },\n            itemStyle: {\n              color: '#a90000'\n            },\n            data: this.outData\n          },\n\n        ]\n      });\n    }\n  },\n  watch: {\n    total () {\n      this.drawLine();\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.title-warpper {\n  display: flex;\n  align-items: center;\n  height: 60px;\n  font-size: 16px;\n\n  .title-text {\n    color: #667fa0;\n\n    i {\n      font-size: 20px;\n      margin-right: 10px;\n    }\n  }\n  .wecome {\n    font-size: 16px;\n    font-weight: 500;\n    color: #666666;\n    span {\n      color: #0d7fd7;\n    }\n  }\n}\n</style>","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!./BpStatisticsModular.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!./BpStatisticsModular.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BpStatisticsModular.vue?vue&type=template&id=77bfec1e&scoped=true&\"\nimport script from \"./BpStatisticsModular.vue?vue&type=script&lang=js&\"\nexport * from \"./BpStatisticsModular.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BpStatisticsModular.vue?vue&type=style&index=0&id=77bfec1e&scoped=true&lang=scss&\"\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  \"77bfec1e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./PieStatisticsModular.vue?vue&type=style&index=0&id=160d63ed&scoped=true&lang=scss&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./statistics.vue?vue&type=style&index=0&id=3c4d47fe&lang=scss&scoped=true&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"flex align-center justify-between margin-bottom-sm\"},[_c('div',{staticClass:\"statistics-box flex-sub margin-right-xs\"},[_c('div',{staticClass:\"flex align-center statistics-title\"},[_c('span',{class:{ active: _vm.statisticsType === 1 },on:{\"click\":function($event){_vm.statisticsType = 1}}},[_vm._v(\"机构会员统计\")]),_c('span',{class:{ active: _vm.statisticsType === 2 },on:{\"click\":function($event){_vm.statisticsType = 2}}},[_vm._v(\"机构会员地区统计\")]),_c('span',{class:{ active: _vm.statisticsType === 3 },on:{\"click\":function($event){_vm.statisticsType = 3}}},[_vm._v(\"个人会员统计\")]),_c('span',{class:{ active: _vm.statisticsType === 4 },on:{\"click\":function($event){_vm.statisticsType = 4}}},[_vm._v(\"个人会员地区统计\")])]),_c('div',[_c('pie-statistics-modular',{attrs:{\"id\":'member',\"data\":_vm.statisticsType === 1 ? _vm.memberData: ( _vm.statisticsType === 2 ? _vm.addressData : (_vm.statisticsType === 3 ? _vm.memberPersonalData : _vm.addressPersonalData)),\"title\":'会员人数统计'}})],1)]),_c('div',{staticClass:\"statistics-box flex-sub margin-left-xs\"},[_vm._m(0),_c('pie-statistics-modular',{attrs:{\"id\":'level',\"data\":_vm.levelData,\"title\":'会员等级统计'}})],1)]),_c('div',{staticClass:\"statistics-box margin-bottom-sm\"},[_c('div',{staticClass:\"flex align-center statistics-title\"},[_c('span',{class:{ active: _vm.increaseType === 1 },on:{\"click\":function($event){_vm.increaseType = 1}}},[_vm._v(\"机构会员续费统计\")]),_c('span',{class:{ active: _vm.increaseType === 2 },on:{\"click\":function($event){_vm.increaseType = 2}}},[_vm._v(\"个人会员续费统计\")])]),_c('bp-statistics-modular',{attrs:{\"id\":'pay',\"increase\":_vm.increaseType === 1? _vm.increaseData : _vm.increasePersonalData,\"month\":_vm.increaseType === 1? _vm.month : _vm.monthPersonal,\"outData\":_vm.increaseType === 1 ? _vm.outData : _vm.outPersonalData,\"reduce\":_vm.increaseType === 1 ? _vm.reduceData : _vm.reducePersonalData,\"title\":'会员续费统计',\"total\":_vm.increaseType === 1 ? _vm.totalData : _vm.totalPersonalData}})],1),_c('div',{staticClass:\"statistics-box margin-bottom-sm\"},[_vm._m(1),_c('line-statistics-modular',{attrs:{\"id\":'org',\"month\":_vm.monthDate,\"title\":'机构数据',\"total\":_vm.orgData}})],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex align-center statistics-title\"},[_c('span',{staticClass:\"active\"},[_vm._v(\"会员等级统计\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex align-center statistics-title\"},[_c('span',{staticClass:\"active\"},[_vm._v(\"机构数据\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"wrapper\">\n        <div class=\"flex align-center justify-between margin-bottom-sm\">\n            <div class=\"statistics-box flex-sub margin-right-xs\">\n                <div class=\"flex align-center statistics-title\">\n          <span\n              :class=\"{ active: statisticsType === 1 }\"\n              @click=\"statisticsType = 1\"\n          >机构会员统计</span\n          >\n                    <span\n                        :class=\"{ active: statisticsType === 2 }\"\n                        @click=\"statisticsType = 2\"\n                    >机构会员地区统计</span\n                    >\n                    <span\n                        :class=\"{ active: statisticsType === 3 }\"\n                        @click=\"statisticsType = 3\"\n                    >个人会员统计</span\n                    >\n                    <span\n                        :class=\"{ active: statisticsType === 4 }\"\n                        @click=\"statisticsType = 4\"\n                    >个人会员地区统计</span\n                    >\n                </div>\n                <div>\n                    <pie-statistics-modular\n                        :id=\"'member'\"\n                        :data=\"statisticsType === 1 ? memberData: ( statisticsType === 2 ? addressData : (statisticsType === 3 ? memberPersonalData : addressPersonalData))\"\n                        :title=\"'会员人数统计'\"\n                    />\n                </div>\n        </div>\n        <div class=\"statistics-box flex-sub margin-left-xs\">\n            <div class=\"flex align-center statistics-title\">\n                <span class=\"active\">会员等级统计</span>\n            </div>\n            <pie-statistics-modular\n                :id=\"'level'\"\n                :data=\"levelData\"\n                :title=\"'会员等级统计'\"\n            />\n        </div>\n    </div>\n    <div class=\"statistics-box margin-bottom-sm\">\n        <div class=\"flex align-center statistics-title\">\n                <span\n                    :class=\"{ active: increaseType === 1 }\"\n                    @click=\"increaseType = 1\"\n                >机构会员续费统计</span\n                >\n            <span\n                :class=\"{ active: increaseType === 2 }\"\n                @click=\"increaseType = 2\"\n            >个人会员续费统计</span\n            >\n        </div>\n        <bp-statistics-modular\n            :id=\"'pay'\"\n            :increase=\"increaseType === 1? increaseData : increasePersonalData\"\n            :month=\"increaseType === 1? month : monthPersonal\"\n            :outData=\"increaseType === 1 ? outData : outPersonalData\"\n            :reduce=\"increaseType === 1 ? reduceData : reducePersonalData\"\n            :title=\"'会员续费统计'\"\n            :total=\"increaseType === 1 ? totalData : totalPersonalData\"\n        />\n    </div>\n    <div class=\"statistics-box margin-bottom-sm\">\n        <div class=\"flex align-center statistics-title\">\n            <span class=\"active\">机构数据</span>\n        </div>\n        <line-statistics-modular\n            :id=\"'org'\"\n            :month=\"monthDate\"\n            :title=\"'机构数据'\"\n            :total=\"orgData\"\n        />\n    </div>\n    </div>\n</template>\n\n<script>\nimport PieStatisticsModular from '@/components/PieStatisticsModular'\nimport BpStatisticsModular from '@/components/BpStatisticsModular.vue'\nimport LineStatisticsModular from '@/components/LineStatisticsModular.vue'\nimport {\n    getUserGradeStatistics,\n    getUserNumberStatistics,\n    getUserNumberStatisticsByRegion,\n    getUserNumberStatisticsByRegionPersonal,\n    getUserNumberStatisticsPersonal,\n    jiGouShuJu,\n    tongJiUserNumber,\n    userRenewStatisticsPersonal,\n    userRenewStatistics\n} from \"@/api/organiz\";\n\nexport default {\n    name: \"index\",\n    data() {\n        return {\n            passNum: 0,\n            examNum: 0,\n            expireNum: 0,\n\n\n            statisticsType: 1,\n            memberData: [],\n            memberPersonalData: [],\n            addressData: [],\n            addressPersonalData: [],\n            levelData: [],\n            month: [],\n            monthPersonal: [],\n\n            increaseType: 1,\n            increasePersonalData: [],\n            increaseData: [],\n            reduceData: [],\n            reducePersonalData: [],\n            outData: [],\n            outPersonalData: [],\n            totalData: [],\n            totalPersonalData: [],\n            monthDate: [],\n            orgData: []\n        }\n    },\n    created() {\n        this.$emit('setIndex', [7, 0], '数据统计')\n        this.tongJiUserNumber()\n        this.getUserNumberStatistics()\n        this.getUserNumberStatisticsPersonal()\n        this.getUserNumberStatisticsByRegion()\n        this.getUserNumberStatisticsByRegionPersonal()\n        this.getUserGradeStatistics()\n        this.userRenewStatistics()\n        this.userRenewStatisticsPersonal()\n        this.jiGouShuJu()\n    },\n    computed: {\n        user() {\n            return this.$store.state.user\n        }\n    },\n    components: {\n        PieStatisticsModular,\n        BpStatisticsModular,\n        LineStatisticsModular\n    },\n    methods: {\n        async tongJiUserNumber() {\n            let _data = await tongJiUserNumber()\n            this.passNum = _data.data.usersCountAll\n            this.examNum = _data.data.usersCheckAll\n            this.expireNum = _data.data.usersRenewAll\n        },\n        async getUserNumberStatistics() {\n            let _data = await getUserNumberStatistics()\n            _data.data.map(item => {\n                this.memberData.push({\n                    name: item.name + item.proportion * 100 + '%',\n                    value: item.num\n                })\n            })\n\n        },\n        async getUserNumberStatisticsPersonal() {\n            let _data = await getUserNumberStatisticsPersonal()\n            _data.data.map(item => {\n                this.memberPersonalData.push({\n                    name: item.name + item.proportion * 100 + '%',\n                    value: item.num\n                })\n            })\n\n        },\n        async getUserNumberStatisticsByRegion() {\n            let _data = await getUserNumberStatisticsByRegion()\n            _data.data.map(item => {\n                this.addressData.push({\n                    name: item.name + (item.proportion * 100).toFixed(2) + '%',\n                    value: item.num\n                })\n            })\n\n        },\n        async getUserNumberStatisticsByRegionPersonal() {\n            let _data = await getUserNumberStatisticsByRegionPersonal()\n            _data.data.map(item => {\n                this.addressPersonalData.push({\n                    name: item.name + (item.proportion * 100).toFixed(2) + '%',\n                    value: item.num\n                })\n            })\n\n        },\n        async getUserGradeStatistics() {\n            let _data = await getUserGradeStatistics()\n            _data.data.map(item => {\n                this.levelData.push({\n                    name: item.name + item.proportion * 100 + '%',\n                    value: item.number\n                })\n            })\n        },\n        async userRenewStatistics() {\n            let _data = await userRenewStatistics()\n            _data.data.huiYuanShuLiangData.map(item => {\n                this.month.push(item.monthdata)\n            })\n            this.increaseData = this.zhValue2(_data.data.daoQiData)\n            this.reduceData = this.zhValue2(_data.data.xuFeiData)\n            this.outData = this.zhValue2(_data.data.tuiHuiData)\n            this.totalData = this.zhValue2(_data.data.huiYuanShuLiangData)\n\n\n        },\n        async userRenewStatisticsPersonal() {\n            let _data = await userRenewStatisticsPersonal()\n            _data.data.huiYuanShuLiangData.map(item => {\n                this.monthPersonal.push(item.monthdata)\n            })\n            this.increasePersonalData = this.zhValue2(_data.data.daoQiData)\n            this.reducePersonalData = this.zhValue2(_data.data.xuFeiData)\n            this.outPersonalData = this.zhValue2(_data.data.tuiHuiData)\n            this.totalPersonalData = this.zhValue2(_data.data.huiYuanShuLiangData)\n\n\n        },\n        async jiGouShuJu() {\n            let _data = await jiGouShuJu()\n            let _arr1 = this.zhValue(_data.data.tongZhiGongGao)\n            let _arr2 = this.zhValue(_data.data.jiGouDongTai)\n            let _arr3 = this.zhValue(_data.data.huoDongGuanLi)\n            let _arr4 = this.zhValue(_data.data.fuWuShenQing)\n            _data.data.jiGouDongTai.map(item => {\n                this.monthDate.push(item.date)\n            })\n            this.orgData = [\n                {\n                    name: '通知公告',\n                    type: 'line',\n                    data: _arr1\n                },\n                {\n                    name: '机构动态',\n                    type: 'line',\n                    data: _arr2\n                },\n                {\n                    name: '活动管理',\n                    type: 'line',\n                    data: _arr3\n                },\n                {\n                    name: '服务申请',\n                    type: 'line',\n                    data: _arr4\n                }\n            ]\n        },\n\n        zhValue(arr) {\n            let _arr = []\n            arr.map(item => {\n                _arr.push(item.number)\n            })\n            return _arr\n        },\n        zhValue2(arr) {\n            let _arr = []\n            arr.map(item => {\n                _arr.push(item.num)\n            })\n            return _arr\n        }\n\n    }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.wrapper {\n    .member-num-box {\n        .member-num {\n            display: block;\n            width: 312px;\n            height: 100px;\n            border-radius: 10px;\n            padding: 10px 0;\n            border: solid 1px rgba($color: #fff, $alpha: 0.5);\n            background: rgba($color: #fff, $alpha: 0.3);\n\n            &:hover {\n                background-image: linear-gradient(37deg, #ffb400 0%, #fc7802 100%),\n                linear-gradient(#ffffff, #ffffff);\n                background-blend-mode: normal, normal;\n\n                b {\n                    color: #fff;\n                }\n            }\n\n            b {\n                display: block;\n                text-align: center;\n                font-size: 40px;\n                line-height: 48px;\n                color: #ff9600;\n            }\n\n            p {\n                font-size: 18px;\n                line-height: 34px;\n                color: #ffffff;\n                text-align: center;\n            }\n        }\n    }\n\n    .menu-box {\n        padding: 20px 20px 0;\n        background: rgba($color: #fff, $alpha: 0.2);\n        border-radius: 10px;\n\n        .menu-item {\n            display: block;\n            width: 139px;\n            height: 70px;\n            text-align: center;\n            line-height: 68px;\n            font-size: 18px;\n            color: #fff;\n            border-radius: 10px;\n            margin: 0 20px 20px 0;\n            border: solid 1px rgba($color: #fff, $alpha: 0.5);\n            background: rgba($color: #fff, $alpha: 0.2);\n\n            &:hover {\n                background-image: linear-gradient(37deg, #ffb400 0%, #fc7802 100%);\n            }\n\n            &:nth-child(6n) {\n                margin-right: 0;\n            }\n        }\n    }\n\n    .statistics-box {\n        padding: 20px;\n        background: #fff;\n        border-radius: 10px;\n\n        .statistics-title {\n            width: max-content;\n            height: 32px;\n            background-color: rgba($color: #0a2240, $alpha: 0.2);\n            border-radius: 10px;\n\n            span {\n                display: block;\n                height: 32px;\n                line-height: 32px;\n                padding: 0 6px;\n                border-radius: 10px;\n                color: #7b8ea8;\n                cursor: pointer;\n                font-weight: 500;\n\n                &.active {\n                    background-color: #ff9600;\n                    border-radius: 10px;\n                    color: #fff;\n                }\n            }\n        }\n    }\n}\n</style>","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!./statistics.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!./statistics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./statistics.vue?vue&type=template&id=3c4d47fe&scoped=true&\"\nimport script from \"./statistics.vue?vue&type=script&lang=js&\"\nexport * from \"./statistics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./statistics.vue?vue&type=style&index=0&id=3c4d47fe&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  \"3c4d47fe\",\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',{staticStyle:{\"width\":\"440px\"}},[_c('div',{style:({ width: '100%', height: '500px' }),attrs:{\"id\":_vm.id}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div  style=\"width: 440px\">\n    <div :id=\"id\" :style=\"{ width: '100%', height: '500px' }\"></div>\n  </div>\n</template>\n\n<script>\nimport * as echarts from 'echarts'\nexport default {\n  name: \"pie-statistics-modular\",\n  data () {\n    return {}\n  },\n  props: {\n    title: {\n      type: String\n    },\n    id: {\n      type: String,\n    },\n    data: {\n      type: Array,\n    }\n  },\n  computed: {\n    user () {\n      return this.$store.state.user\n    }\n  },\n  mounted () {\n    this.drawLine();\n  },\n  methods: {\n    drawLine () {\n      // 基于准备好的dom，初始化echarts实例\n      let myChart = echarts.init(document.getElementById(this.id))\n      // 绘制图表\n      myChart.setOption({\n\n        tooltip: {\n          trigger: 'item',\n          formatter: '{a} <br/>{b}: {c} ({d}%)'\n        },\n        legend: {\n          top: '5%',\n          left: 'center',\n          // textStyle:{\n          //   'color':'#fff'\n          // }\n        },\n        series: [\n          {\n            name: '数量统计',\n            type: 'pie',\n            radius: '50%',\n            // label: {\n            //   formatter: '{b}：{c} ({d}%)'\n            // },\n            data: this.data,\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\n              }\n            }\n          }\n        ]\n      });\n    }\n  },\n  watch: {\n    data () {\n      this.drawLine();\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.title-warpper {\n  display: flex;\n  align-items: center;\n  height: 60px;\n  font-size: 16px;\n\n  .title-text {\n    color: #667fa0;\n\n    i {\n      font-size: 20px;\n      margin-right: 10px;\n    }\n  }\n  .wecome {\n    font-size: 16px;\n    font-weight: 500;\n    color: #666666;\n    span {\n      color: #0d7fd7;\n    }\n  }\n}\n</style>","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!./PieStatisticsModular.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!./PieStatisticsModular.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PieStatisticsModular.vue?vue&type=template&id=160d63ed&scoped=true&\"\nimport script from \"./PieStatisticsModular.vue?vue&type=script&lang=js&\"\nexport * from \"./PieStatisticsModular.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PieStatisticsModular.vue?vue&type=style&index=0&id=160d63ed&scoped=true&lang=scss&\"\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  \"160d63ed\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./BpStatisticsModular.vue?vue&type=style&index=0&id=77bfec1e&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\"}},[_c('div',{style:({ width: '100%', height: '500px' }),attrs:{\"id\":_vm.id}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"width: 100%\">\n    <div :id=\"id\" :style=\"{ width: '100%', height: '500px' }\"></div>\n  </div>\n</template>\n\n<script>\nimport * as echarts from 'echarts'\nexport default {\n  name: \"line-statistics-modular\",\n  data () {\n    return {}\n  },\n  props: {\n    title: {\n      type: String\n    },\n    id: {\n      type: String,\n    },\n    month: {\n      type: Array,\n    },\n   \n    total: {\n      type: Array,\n    }\n  },\n  computed: {\n    user () {\n      return this.$store.state.user\n    }\n  },\n  mounted () {\n    this.drawLine();\n  },\n  methods: {\n    drawLine () {\n      // 基于准备好的dom，初始化echarts实例\n      let myChart = echarts.init(document.getElementById(this.id))\n      // 绘制图表\n      myChart.setOption({\n        tooltip: {\n          trigger: 'axis',\n          axisPointer: {\n            type: 'cross',\n            crossStyle: {\n              color: '#999'\n            }\n          }\n        },\n        toolbox: {\n          feature: {\n            dataView: { show: true, readOnly: false },\n            magicType: { show: true, type: ['line', 'bar'] },\n            restore: { show: true },\n            saveAsImage: { show: true }\n          }\n        },\n        legend: {\n          data: ['通知公告', '机构动态', '活动管理', '服务申请'],\n          // textStyle: {\n          //   'color': '#fff'\n          // }\n        },\n        xAxis: [\n          {\n            type: 'category',\n            data: this.month,\n            axisPointer: {\n              type: 'shadow'\n            },\n            nameTextStyle: {\n              'color': '#fff'\n            },\n            axisLabel:{\n              interval:0,\n              rotate:40,\n            }\n          }\n        ],\n        yAxis: {\n          type: 'value'\n        },\n        series: this.total\n      });\n    }\n  },\n  watch: {\n    total () {\n      this.drawLine();\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.title-warpper {\n  display: flex;\n  align-items: center;\n  height: 60px;\n  font-size: 16px;\n\n  .title-text {\n    color: #667fa0;\n\n    i {\n      font-size: 20px;\n      margin-right: 10px;\n    }\n  }\n  .wecome {\n    font-size: 16px;\n    font-weight: 500;\n    color: #666666;\n    span {\n      color: #0d7fd7;\n    }\n  }\n}\n</style>","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!./LineStatisticsModular.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!./LineStatisticsModular.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LineStatisticsModular.vue?vue&type=template&id=1f082d68&scoped=true&\"\nimport script from \"./LineStatisticsModular.vue?vue&type=script&lang=js&\"\nexport * from \"./LineStatisticsModular.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LineStatisticsModular.vue?vue&type=style&index=0&id=1f082d68&scoped=true&lang=scss&\"\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  \"1f082d68\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}