hace 3 años · 9d8b88b06a
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,3 @@
 
				+NODE_ENV = 'development'
			
 
				+VUE_APP_MODE = 'development'
			
 
				+VUE_APP_BASE_API = 'http://asxx.efunbox.cn/'
			
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1,3 @@
 
				+NODE_ENV = 'production'
			
 
				+VUE_APP_MODE = 'production'
			
 
				+VUE_APP_BASE_API = 'http://asxx.efunbox.cn/'
			
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,23 @@
 
				+.DS_Store
			
 
				+node_modules
			
 
				+/dist
			
 
				+
			
 
				+
			
 
				+# local env files
			
 
				+.env.local
			
 
				+.env.*.local
			
 
				+
			
 
				+# Log files
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.idea
			
 
				+.vscode
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
--- a/README.md
+++ b/README.md
@@ -0,0 +1,24 @@
 
				+# efunbox-yfxxt-statistics
			
 
				+
			
 
				+## Project setup
			
 
				+```
			
 
				+npm install
			
 
				+```
			
 
				+
			
 
				+### Compiles and hot-reloads for development
			
 
				+```
			
 
				+npm serve
			
 
				+```
			
 
				+
			
 
				+### Compiles and minifies for production
			
 
				+```
			
 
				+npm build
			
 
				+```
			
 
				+
			
 
				+### Lints and fixes files
			
 
				+```
			
 
				+npm lint
			
 
				+```
			
 
				+
			
 
				+### Customize configuration
			
 
				+See [Configuration Reference](https://cli.vuejs.org/config/).
			
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
				+module.exports = {
			
 
				+  presets: [
			
 
				+    '@vue/cli-plugin-babel/preset'
			
 
				+  ]
			
 
				+}
			
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,52 @@
 
				+{
			
 
				+  "name": "efunbox-yfxxt-statistics",
			
 
				+  "version": "0.1.0",
			
 
				+  "private": true,
			
 
				+  "scripts": {
			
 
				+    "serve": "vue-cli-service serve",
			
 
				+    "build": "vue-cli-service build",
			
 
				+    "lint": "vue-cli-service lint"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "ant-design-vue": "^1.6.4",
			
 
				+    "axios": "^0.19.2",
			
 
				+    "core-js": "^3.6.5",
			
 
				+    "echarts": "^4.8.0",
			
 
				+    "vue": "^2.6.11",
			
 
				+    "vue-router": "^3.4.2"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vue/cli-plugin-babel": "~4.4.4",
			
 
				+    "@vue/cli-plugin-eslint": "~4.4.4",
			
 
				+    "@vue/cli-service": "~4.4.4",
			
 
				+    "babel-eslint": "^10.1.0",
			
 
				+    "compression-webpack-plugin": "^5.0.0",
			
 
				+    "eslint": "^6.7.2",
			
 
				+    "eslint-plugin-vue": "^6.2.2",
			
 
				+    "sass": "^1.26.10",
			
 
				+    "sass-loader": "^9.0.3",
			
 
				+    "uglifyjs-webpack-plugin": "^2.2.0",
			
 
				+    "vue-template-compiler": "^2.6.10",
			
 
				+    "webpack-bundle-analyzer": "^3.8.0",
			
 
				+    "webpack-report": "^1.2.0"
			
 
				+  },
			
 
				+  "eslintConfig": {
			
 
				+    "root": true,
			
 
				+    "env": {
			
 
				+      "node": true
			
 
				+    },
			
 
				+    "extends": [
			
 
				+      "plugin:vue/essential",
			
 
				+      "eslint:recommended"
			
 
				+    ],
			
 
				+    "parserOptions": {
			
 
				+      "parser": "babel-eslint"
			
 
				+    },
			
 
				+    "rules": {}
			
 
				+  },
			
 
				+  "browserslist": [
			
 
				+    "> 1%",
			
 
				+    "last 2 versions",
			
 
				+    "not dead"
			
 
				+  ]
			
 
				+}
			
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,16 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+  <head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
			
 
				+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				+    <title>义方小学堂v2.0数据分析后台</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <noscript>
			
 
				+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
			
 
				+    </noscript>
			
 
				+    <div id="app"></div>
			
 
				+    <!-- built files will be auto injected -->
			
 
				+  </body>
			
 
				+</html>
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,34 @@
 
				+<template>
			
 
				+  <div id="app">
			
 
				+    <router-view />
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Vue from 'vue'
			
 
				+export default {
			
 
				+  name: 'App',
			
 
				+  created() {
			
 
				+    //在页面加载时读取sessionStorage里的状态信息
			
 
				+    if (sessionStorage.getItem("store") ) {
			
 
				+        this.$store.states = Vue.observable(Object.assign({}, this.$store.states,JSON.parse(sessionStorage.getItem("store"))))
			
 
				+    }
			
 
				+
			
 
				+    //在页面刷新时将vuex里的信息保存到sessionStorage里
			
 
				+    window.addEventListener("beforeunload",()=>{
			
 
				+        sessionStorage.setItem("store",JSON.stringify(this.$store.states))
			
 
				+    })
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+#app {
			
 
				+  font-family: Avenir, Helvetica, Arial, sans-serif;
			
 
				+  -webkit-font-smoothing: antialiased;
			
 
				+  -moz-osx-font-smoothing: grayscale;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background: #F7F7F7
			
 
				+}
			
 
				+</style>
			
--- a/src/api/statistics.js
+++ b/src/api/statistics.js
@@ -0,0 +1,26 @@
 
				+import request from '@/utils/request'
			
 
				+
			
 
				+// 获取单日统计数据
			
 
				+export function getDayData(params) {
			
 
				+    return request({
			
 
				+        url: 'dataAnalysis/day',
			
 
				+        mothod: 'get',
			
 
				+        params
			
 
				+    })
			
 
				+}
			
 
				+// 获取时间段数据信息
			
 
				+export function getDataAnalysis(params) {
			
 
				+    return request({
			
 
				+        url: 'dataAnalysis',
			
 
				+        mothod: 'get',
			
 
				+        params
			
 
				+    })
			
 
				+}
			
 
				+// 获取热门课程
			
 
				+export function getHotCourseData(params) {
			
 
				+    return request({
			
 
				+        url: 'dataAnalysis/hotCourse',
			
 
				+        mothod: 'get',
			
 
				+        params
			
 
				+    })
			
 
				+}
			
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -0,0 +1,18 @@
 
				+import request from '@/utils/request'
			
 
				+
			
 
				+// 获取单日统计数据
			
 
				+export function getUserInfo(params) {
			
 
				+    return request({
			
 
				+        url: 'dataAnalysis/member/info',
			
 
				+        mothod: 'get',
			
 
				+        params
			
 
				+    })
			
 
				+}
			
 
				+// 获取在线时长
			
 
				+export function getMemberData(params) {
			
 
				+    return request({
			
 
				+        url: 'dataAnalysis/member',
			
 
				+        mothod: 'get',
			
 
				+        params
			
 
				+    })
			
 
				+}
			
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/components/BrokenLine.vue
+++ b/src/components/BrokenLine.vue
@@ -0,0 +1,60 @@
 
				+<template>
			
 
				+    <div :id="id" :class="className" :style="{height:height, width:width, marginTop:'20px'}" />
			
 
				+</template>
			
 
				+<script>
			
 
				+import echarts from 'echarts'
			
 
				+export default {
			
 
				+    name: 'BrokenLine',
			
 
				+    props: {
			
 
				+        id: {
			
 
				+            type: String,
			
 
				+            default: 'charts'
			
 
				+        },
			
 
				+        className: {
			
 
				+            type: String,
			
 
				+            default: 'charts'
			
 
				+        },
			
 
				+        width: {
			
 
				+            type: String,
			
 
				+            default: '200px'
			
 
				+        },
			
 
				+        height: {
			
 
				+            type: String,
			
 
				+            default: '200px'
			
 
				+        },
			
 
				+        dataOption: {
			
 
				+            type: Object,
			
 
				+            default: null
			
 
				+        }
			
 
				+    },
			
 
				+    data() {
			
 
				+        return {
			
 
				+            chart: null
			
 
				+        }
			
 
				+    },
			
 
				+    watch: {
			
 
				+        dataOption () {
			
 
				+            // 监听传值修改数据
			
 
				+            this.initChart()
			
 
				+        }
			
 
				+    },
			
 
				+    mounted() {
			
 
				+        this.initChart()
			
 
				+    },
			
 
				+    beforeDestroy() {
			
 
				+        if (!this.chart) {
			
 
				+            return
			
 
				+        }
			
 
				+        this.chart.dispose()
			
 
				+        this.chart = null
			
 
				+    },
			
 
				+    methods: {
			
 
				+        // 初始化chart
			
 
				+        initChart() {
			
 
				+            this.chart = echarts.init(document.getElementById(this.id));
			
 
				+            const option = this.dataOption
			
 
				+            this.chart.setOption(option)
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
--- a/src/components/DateTitle.vue
+++ b/src/components/DateTitle.vue
@@ -0,0 +1,101 @@
 
				+<template>
			
 
				+    <div class="date_title">
			
 
				+        <p class="title">{{title}}</p>
			
 
				+        <div class="date">
			
 
				+            <span class="date_son_title">查询日期</span>
			
 
				+            <a-date-picker
			
 
				+            v-model="startValue"
			
 
				+            :disabled-date="disabledStartDate"
			
 
				+            format="YYYY-MM-DD"
			
 
				+            placeholder="请选择日期"
			
 
				+            />
			
 
				+            <span v-if="!one">——</span>
			
 
				+            <a-date-picker
			
 
				+            v-if="!one"
			
 
				+            v-model="endValue"
			
 
				+            :disabled-date="disabledEndDate"
			
 
				+            format="YYYY-MM-DD"
			
 
				+            placeholder="请选择日期"
			
 
				+            />
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+    name: 'DateTitle',
			
 
				+    props: {
			
 
				+        title: {
			
 
				+            type: String,
			
 
				+            default: ''
			
 
				+        },
			
 
				+        one: {
			
 
				+            type: Boolean,
			
 
				+            default: false
			
 
				+        }
			
 
				+    },
			
 
				+    data() {
			
 
				+        return {
			
 
				+            startValue: null,
			
 
				+            endValue: null
			
 
				+        }
			
 
				+    },
			
 
				+    watch: {
			
 
				+        startValue(val) {
			
 
				+            console.log('startValue', val);
			
 
				+            this.changeDate();
			
 
				+        },
			
 
				+        endValue(val) {
			
 
				+            console.log('endValue', val);
			
 
				+            this.changeDate();
			
 
				+        },
			
 
				+    },
			
 
				+    methods: {
			
 
				+        // 限定开始日期不能超出结束日期
			
 
				+        disabledStartDate(startValue) {
			
 
				+            const endValue = this.endValue;
			
 
				+            if (!startValue || !endValue) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            return startValue.valueOf() > endValue.valueOf();
			
 
				+        },
			
 
				+        disabledEndDate(endValue) {
			
 
				+            const startValue = this.startValue;
			
 
				+            if (!endValue || !startValue) {
			
 
				+                return false;
			
 
				+            }
			
 
				+            return startValue.valueOf() >= endValue.valueOf();
			
 
				+        },
			
 
				+        // 日期全部选中执行方法
			
 
				+        changeDate() {
			
 
				+            const endValue = this.endValue;
			
 
				+            const startValue = this.startValue;
			
 
				+            if (this.one && startValue) {
			
 
				+                const satartTime = startValue.format('YYYY-MM-DD');
			
 
				+                this.$emit('getChangeDate', satartTime)
			
 
				+            }
			
 
				+            if (startValue && endValue) {
			
 
				+                const satartTime = startValue.format('YYYY-MM-DD');
			
 
				+                const endTime = endValue.format('YYYY-MM-DD');
			
 
				+                this.$emit('getChangeDate', satartTime, endTime)
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+<style scope lang="scss">
			
 
				+    .date_title {
			
 
				+        .title {
			
 
				+            margin: 33px 0 24px 29px;
			
 
				+            display: inline-block;
			
 
				+        }
			
 
				+        .date {
			
 
				+            span {
			
 
				+                margin: 0 5px;
			
 
				+                color: #AEAEAE;
			
 
				+            }
			
 
				+            .date_son_title {
			
 
				+                margin-left: 25px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,22 @@
 
				+import Vue from 'vue'
			
 
				+import App from './App.vue'
			
 
				+import { Button, Input, DatePicker, Icon, Table, message  } from 'ant-design-vue';
			
 
				+
			
 
				+import 'ant-design-vue/dist/antd.css';
			
 
				+
			
 
				+import router from './router'
			
 
				+import store from '@/store'
			
 
				+
			
 
				+Vue.config.productionTip = false
			
 
				+Vue.use(Button);
			
 
				+Vue.use(Input);
			
 
				+Vue.use(DatePicker);
			
 
				+Vue.use(Icon);
			
 
				+Vue.use(Table)
			
 
				+Vue.prototype.$message = message
			
 
				+Vue.prototype.$store = store
			
 
				+
			
 
				+new Vue({
			
 
				+  render: h => h(App),
			
 
				+  router
			
 
				+}).$mount('#app')
			
--- a/src/page/components/Header.vue
+++ b/src/page/components/Header.vue
@@ -0,0 +1,43 @@
 
				+<template>
			
 
				+    <div class="header">
			
 
				+        <h3>义方小学堂v2.0数据分析后台</h3>
			
 
				+        <a-input-search placeholder="" style="width: 220px; position: absolute; right: 87px; top: 15px;" @search="onSearch" />
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+    name: 'Header',
			
 
				+    methods: {
			
 
				+        onSearch(value) {
			
 
				+            console.log(value);
			
 
				+            const phone = /^1[3456789]\d{9}$/
			
 
				+            if (!phone.test(value)) {
			
 
				+                this.$message.error('手机号错误')
			
 
				+                return false
			
 
				+            }
			
 
				+            this.$store.dispatch('getUserInfoList', {
			
 
				+                mobileNo: value
			
 
				+            }).then(() => {
			
 
				+                if (this.$route.path !== '/user') {
			
 
				+                    this.$router.push('/user')
			
 
				+                }
			
 
				+            })
			
 
				+        }
			
 
				+    },
			
 
				+}
			
 
				+</script>
			
 
				+<style scoped lang="scss">
			
 
				+    .header {
			
 
				+        flex-shrink: 0;
			
 
				+        position: relative;
			
 
				+        width: 100%;
			
 
				+        height: 62px;
			
 
				+        background: #fff;
			
 
				+        h3 {
			
 
				+            position: absolute;
			
 
				+            left: 85px;
			
 
				+            top: 19px;
			
 
				+            color: #0086D8;
			
 
				+        }
			
 
				+    }
			
 
				+</style>
			
--- a/src/page/components/Main.vue
+++ b/src/page/components/Main.vue
@@ -0,0 +1,8 @@
 
				+<template>
			
 
				+    <router-view />
			
 
				+</template>
			
 
				+<script>
			
 
				+export default {
			
 
				+    name: 'Main'
			
 
				+}
			
 
				+</script>
			
--- a/src/page/index.vue
+++ b/src/page/index.vue
@@ -0,0 +1,26 @@
 
				+<template>
			
 
				+    <div class="big_container">
			
 
				+        <Header />
			
 
				+        <Main />
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import Header from './components/Header.vue'
			
 
				+import Main from './components/Main.vue'
			
 
				+export default {
			
 
				+    name: 'page',
			
 
				+    components: {
			
 
				+        Header,
			
 
				+        Main
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+<style scoped lang="scss">
			
 
				+    .big_container {
			
 
				+        display: flex;
			
 
				+        flex-direction: column;
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        overflow: hidden;
			
 
				+    }
			
 
				+</style>
			
--- a/src/page/views/statistics/index.vue
+++ b/src/page/views/statistics/index.vue
@@ -0,0 +1,134 @@
 
				+<template>
			
 
				+    <div class="statistics">
			
 
				+        <div class="data_look">
			
 
				+            <DateTitle title="数据概览" :one="true" @getChangeDate="dataChange"/>
			
 
				+            <ul class="data_container">
			
 
				+                <li v-for="item in dataContainer" :key="item.value">
			
 
				+                    <span>{{item.name}}</span>
			
 
				+                    <span class="container_number">{{item.value}}</span>
			
 
				+                </li>
			
 
				+            </ul>
			
 
				+        </div>
			
 
				+        <div class="online_time">
			
 
				+            <DateTitle title="用户单日平均在线时长" @getChangeDate="onlineChange"/>
			
 
				+            <BrokenLine id="onlineChart" className="online_chart" width="100%" height="338px" :dataOption="onlineOption"/>
			
 
				+        </div>
			
 
				+        <div class="hot_course">
			
 
				+            <DateTitle title="热门课程排行" @getChangeDate="hotChange"/>
			
 
				+            <BrokenLine id="courseChart" class="course_chart" width="100%" height="505px" :dataOption="hotOption"/>
			
 
				+        </div>
			
 
				+        <div class="page_time">
			
 
				+            <DateTitle title="主要功能模块访问数据" @getChangeDate="pageChange"/>
			
 
				+            <BrokenLine id="pageChart" className="page_chart" width="100%" height="338px" :dataOption="pageOption"/>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import DateTitle from '../../../components/DateTitle.vue'
			
 
				+import BrokenLine from '../../../components/BrokenLine.vue'
			
 
				+export default {
			
 
				+    name: 'Statistics',
			
 
				+    components: {
			
 
				+        DateTitle,
			
 
				+        BrokenLine
			
 
				+    },
			
 
				+    data() {
			
 
				+        return {
			
 
				+        }
			
 
				+    },
			
 
				+    computed: {
			
 
				+        dataContainer() {
			
 
				+            return this.$store.states.baydataList
			
 
				+        },
			
 
				+        onlineOption() {
			
 
				+            return this.$store.states.dataAnalysisList
			
 
				+        },
			
 
				+        hotOption() {
			
 
				+            return this.$store.states.hotCourseList
			
 
				+        },
			
 
				+        pageOption() {
			
 
				+            console.log(this.$store.states.pageOptionData)
			
 
				+            return this.$store.states.pageOptionData
			
 
				+        },
			
 
				+    },
			
 
				+    created() {
			
 
				+    },
			
 
				+    methods: {
			
 
				+        // 获取数据概览数据
			
 
				+        dataChange(satartTime) {
			
 
				+            console.log(satartTime)
			
 
				+            this.$store.dispatch('getBayDataList', {
			
 
				+                day: satartTime
			
 
				+            })
			
 
				+        },
			
 
				+        // 获取用户平均在线时长
			
 
				+        onlineChange(startDay, endDay) {
			
 
				+            console.log(startDay, endDay)
			
 
				+            this.$store.dispatch('getDataAnalysisList', {
			
 
				+               startDay,
			
 
				+               endDay
			
 
				+            })
			
 
				+        },
			
 
				+        // 获取热门课程排行
			
 
				+        hotChange(startDay, endDay) {
			
 
				+            console.log(startDay, endDay)
			
 
				+            this.$store.dispatch('getHotCourseList', {
			
 
				+               startDay,
			
 
				+               endDay
			
 
				+            })
			
 
				+        },
			
 
				+        // 获取主要功能访问数据
			
 
				+        pageChange(startDay, endDay) {
			
 
				+            console.log(startDay, endDay)
			
 
				+            this.$store.dispatch('getPageOption', {
			
 
				+               startDay,
			
 
				+               endDay
			
 
				+            })
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+<style scoped lang="scss">
			
 
				+.statistics {
			
 
				+    flex: 1;
			
 
				+    overflow: scroll;
			
 
				+    width: 100%;
			
 
				+    padding: 40px 85px;
			
 
				+    box-sizing: border-box;
			
 
				+    .data_look,
			
 
				+    .online_time,
			
 
				+    .hot_course,
			
 
				+    .page_time {
			
 
				+        width: 100%;
			
 
				+        height: auto;
			
 
				+        background: #fff;
			
 
				+    }
			
 
				+    .data_container {
			
 
				+        display: flex;
			
 
				+        padding: 62px 0;
			
 
				+        box-sizing: border-box;
			
 
				+        list-style:none;
			
 
				+        li {
			
 
				+            flex: 1;
			
 
				+            display: flex;
			
 
				+            flex-direction: column;
			
 
				+            align-items: center;
			
 
				+            justify-content: center;
			
 
				+            height: 90px;
			
 
				+            border-right: 1px solid #ADADAD;
			
 
				+            &:last-child {
			
 
				+                border: 0px;
			
 
				+            }
			
 
				+            span {
			
 
				+                font-size: 20px;
			
 
				+                color: #252525;
			
 
				+            }
			
 
				+            .container_number {
			
 
				+                color: #108EE9;
			
 
				+                font-size: 40px;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/page/views/user/index.vue
+++ b/src/page/views/user/index.vue
@@ -0,0 +1,189 @@
 
				+<template>
			
 
				+    <div class="user">
			
 
				+        <div class="user_message">
			
 
				+            <div class="message_title">
			
 
				+                <p class="title">用户信息</p>
			
 
				+            </div>
			
 
				+            <ul class="message_container">
			
 
				+                <li>
			
 
				+                    <span>用户ID：</span>
			
 
				+                    <a-input :placeholder="userInfoList.member.eid" disabled/>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                    <span>手机号：</span>
			
 
				+                    <a-input :placeholder="userInfoList.member.mobile" disabled/>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                   <span>微信号：</span>
			
 
				+                    <a-input placeholder="" disabled/>
			
 
				+                </li>
			
 
				+                <li>
			
 
				+                    <span>注册时间：</span>
			
 
				+                    <a-input :placeholder="time" disabled/>
			
 
				+                </li>
			
 
				+            </ul>
			
 
				+        </div>
			
 
				+        <a-button type="primary" @click="orderHide">订购信息 <a-icon :type="show ? 'up' : 'down'" /></a-button>
			
 
				+        <div class="order_table" v-show="show">
			
 
				+            <a-table :columns="columns" :data-source="data" :bordered="true" :pagination="false">
			
 
				+                <a slot="name" slot-scope="text">{{ text }}</a>
			
 
				+            </a-table>
			
 
				+        </div>
			
 
				+        <div class="online_time">
			
 
				+            <DateTitle title="用户单日平均在线时长" @getChangeDate="onlineChange"/>
			
 
				+            <BrokenLine id="onlineChart" className="online_chart" width="100%" height="338px" :dataOption="onlineOption"/>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+<script>
			
 
				+import DateTitle from '../../../components/DateTitle.vue'
			
 
				+import BrokenLine from '../../../components/BrokenLine.vue'
			
 
				+export default {
			
 
				+    name: 'User',
			
 
				+    components: {
			
 
				+        DateTitle,
			
 
				+        BrokenLine
			
 
				+    },
			
 
				+    data() {
			
 
				+        return {
			
 
				+            show: false,
			
 
				+            columns: [
			
 
				+                {
			
 
				+                    title: '购买产品',
			
 
				+                    dataIndex: 'name',
			
 
				+                    key: 'name',
			
 
				+                    width: 430,
			
 
				+                    align: 'center'
			
 
				+                },
			
 
				+                {
			
 
				+                    title: '购买时间',
			
 
				+                    dataIndex: 'time',
			
 
				+                    key: 'time',
			
 
				+                    width: 430,
			
 
				+                    align: 'center'
			
 
				+                },
			
 
				+                {
			
 
				+                    title: '有效期',
			
 
				+                    dataIndex: 'valid',
			
 
				+                    key: 'valid',
			
 
				+                    width: 430,
			
 
				+                    align: 'center'
			
 
				+                },
			
 
				+                {
			
 
				+                    title: '价格',
			
 
				+                    dataIndex: 'money',
			
 
				+                    key: 'money',
			
 
				+                    width: 430,
			
 
				+                    align: 'center'
			
 
				+                }
			
 
				+            ]
			
 
				+        }
			
 
				+    },
			
 
				+    computed: {
			
 
				+        userInfoList() {
			
 
				+            return this.$store.states.userInfoList
			
 
				+        },
			
 
				+        data() {
			
 
				+            const orderInfoList = this.userInfoList.orderInfoList
			
 
				+            const arr = []
			
 
				+            orderInfoList.forEach((item, index) => {
			
 
				+                const product = item.product
			
 
				+                const orderInfo = item.orderInfo
			
 
				+                const time = new Date(orderInfo.gmtCreated).toLocaleDateString()
			
 
				+                const valid = new Date(orderInfo.gmtModified).toLocaleDateString()
			
 
				+                console.log(item)
			
 
				+                arr.push({
			
 
				+                    key: index,
			
 
				+                    name: product.title,
			
 
				+                    time,
			
 
				+                    valid,
			
 
				+                    money: `${product.firstMonthPrice / 100}元`
			
 
				+                })
			
 
				+            });
			
 
				+            console.log(arr)
			
 
				+            return arr
			
 
				+        },
			
 
				+        time() {
			
 
				+            const date = this.userInfoList.member.gmtCreated
			
 
				+            return new Date(date).toLocaleDateString()
			
 
				+        },
			
 
				+        // 用户在线时长数据折线图
			
 
				+        onlineOption() {
			
 
				+            return this.$store.states.memberList
			
 
				+        }
			
 
				+    },
			
 
				+    created() {
			
 
				+    },
			
 
				+    methods: {
			
 
				+        // 订购消息展开和闭合
			
 
				+        orderHide() {
			
 
				+            this.show = !this.show
			
 
				+        },
			
 
				+        // 获取用户平均在线时长
			
 
				+        onlineChange(startDay, endDay) {
			
 
				+            console.log(startDay, endDay)
			
 
				+            const uid = this.userInfoList.member.uid
			
 
				+            this.$store.dispatch('getMemberList', {
			
 
				+               uid,
			
 
				+               startDay,
			
 
				+               endDay
			
 
				+            })
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+</script>
			
 
				+<style scoped lang="scss">
			
 
				+.user {
			
 
				+    flex: 1;
			
 
				+    overflow: scroll;
			
 
				+    width: 100%;
			
 
				+    padding: 40px 85px;
			
 
				+    box-sizing: border-box;
			
 
				+    .user_message,
			
 
				+    .order_table,
			
 
				+    .online_time {
			
 
				+        width: 100%;
			
 
				+        height: auto;
			
 
				+        background: #fff;
			
 
				+        margin-bottom: 20px;
			
 
				+    }
			
 
				+    .message_title {
			
 
				+        .title {
			
 
				+            margin: 33px 0 24px 29px;
			
 
				+            display: inline-block;
			
 
				+        }
			
 
				+    }
			
 
				+    .message_container {
			
 
				+        display: flex;
			
 
				+        flex-wrap: wrap;
			
 
				+        justify-content: space-between;
			
 
				+        padding: 0 164px 36px 27px;
			
 
				+        box-sizing: border-box;
			
 
				+        li {
			
 
				+            display: flex;
			
 
				+            align-items: center;
			
 
				+            height: 60px;
			
 
				+            width: 40%;
			
 
				+            margin-top: 30px;
			
 
				+            span {
			
 
				+                font-size: 20px;
			
 
				+                white-space: nowrap;
			
 
				+                margin-right: 20px;
			
 
				+            }
			
 
				+            .ant-input {
			
 
				+                width: 498px;
			
 
				+                height: 100%;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+    .ant-btn {
			
 
				+        width: 140px;
			
 
				+        height: 50px;
			
 
				+        background: #fb9b2e;
			
 
				+        border-color: #fb9b2e;
			
 
				+        margin: 16px 0;
			
 
				+        font-size: 18px;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+</style>
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,26 @@
 
				+import vue from 'vue';
			
 
				+import Router from 'vue-router';
			
 
				+vue.use(Router);
			
 
				+import page from '../page/index.vue'
			
 
				+const routes =[
			
 
				+    {
			
 
				+        path: '/',
			
 
				+        component: page,
			
 
				+        children: [
			
 
				+            {
			
 
				+                path: '/statistics',
			
 
				+                component:  () => import('../page/views/statistics/index.vue'),
			
 
				+            },
			
 
				+            {
			
 
				+                path: '/user',
			
 
				+                component:  () => import('../page/views/user/index.vue'),
			
 
				+            },
			
 
				+            { path: '', component:  () => import('../page/views/statistics/index.vue') },
			
 
				+        ]
			
 
				+    }
			
 
				+]
			
 
				+const createRoute = () => new Router({
			
 
				+    routes
			
 
				+})
			
 
				+const route = createRoute()
			
 
				+export default route;
			
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -0,0 +1,46 @@
 
				+import { getDayData, getDataAnalysis, getHotCourseData } from '@/api/statistics'
			
 
				+import { getUserInfo, getMemberData } from '@/api/user'
			
 
				+const actions = {
			
 
				+    getBayDataList: (commit, params) => {
			
 
				+        getDayData(params).then(res => {
			
 
				+            const data = res.data
			
 
				+            commit('setBayDataList', data)
			
 
				+        })
			
 
				+    },
			
 
				+    getDataAnalysisList: (commit, params) => {
			
 
				+        getDataAnalysis(params).then(res => {
			
 
				+            const data = res.data
			
 
				+            commit('setDataAnalysisList', data)
			
 
				+        })
			
 
				+    },
			
 
				+    getHotCourseList: (commit, params) => {
			
 
				+        getHotCourseData(params).then(res => {
			
 
				+            const data = res.data
			
 
				+            commit('setHotCourseList', data)
			
 
				+        })
			
 
				+    },
			
 
				+    getPageOption: (commit, params) => {
			
 
				+        getDataAnalysis(params).then(res => {
			
 
				+            const data = res.data
			
 
				+            commit('setPageOption', data)
			
 
				+        })
			
 
				+    },
			
 
				+    getUserInfoList: (commit, params) => {
			
 
				+        return new Promise((resolve, reject) => {
			
 
				+            getUserInfo(params).then(res => {
			
 
				+                const data = res.data
			
 
				+                commit('setUserInfoList', data)
			
 
				+                resolve(data)
			
 
				+            }).catch(error => {
			
 
				+                reject(error)
			
 
				+            })
			
 
				+        })
			
 
				+    },
			
 
				+    getMemberList: (commit, params) => {
			
 
				+        getMemberData(params).then(res => {
			
 
				+            const data = res.data
			
 
				+            commit('setMemberList', data)
			
 
				+        })
			
 
				+    },
			
 
				+}
			
 
				+export default actions
			
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -0,0 +1,10 @@
 
				+import Store from './store';
			
 
				+import states from './states';
			
 
				+import actions from './actions';
			
 
				+import mutations from './mutations';
			
 
				+const store = new Store({
			
 
				+    states,
			
 
				+    actions,
			
 
				+    mutations
			
 
				+})
			
 
				+export default store
			
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -0,0 +1,243 @@
 
				+const mutations = {
			
 
				+    setBayDataList: (state, data) => {
			
 
				+        // 新增用户
			
 
				+        const appendUser = data && data.appendUser;
			
 
				+        // 用户
			
 
				+        const uv = data && data.uv;
			
 
				+        // 付费用户
			
 
				+        const vipUv = data && data.vipUv;
			
 
				+        // 累计用户
			
 
				+        const totalUser = data && data.totalUser;
			
 
				+        // 累计付费用户
			
 
				+        const totalVipUser = data && data.totalVipUser;
			
 
				+        const arrDatd = [
			
 
				+            {
			
 
				+                name: '新增用户',
			
 
				+                value: appendUser
			
 
				+            },
			
 
				+            {
			
 
				+                name: '用户数',
			
 
				+                value: uv
			
 
				+            },
			
 
				+            {
			
 
				+                name: '付费用户',
			
 
				+                value: vipUv
			
 
				+            },
			
 
				+            {
			
 
				+                name: '累计用户',
			
 
				+                value: totalUser
			
 
				+            },
			
 
				+            {
			
 
				+                name: '累计付费用户',
			
 
				+                value: totalVipUser
			
 
				+            }
			
 
				+        ]
			
 
				+        state.baydataList = arrDatd
			
 
				+    },
			
 
				+    setDataAnalysisList: (state, data) => {
			
 
				+        const dataDay = [];
			
 
				+        const dataDate = [];
			
 
				+        data.forEach(item => {
			
 
				+            dataDay.push(item.day)
			
 
				+            dataDate.push(item.avgOnlineTime)
			
 
				+        });
			
 
				+        const onlineOption = {
			
 
				+            tooltip: {
			
 
				+                trigger: 'axis',
			
 
				+            },
			
 
				+            xAxis: {
			
 
				+                type: 'category',
			
 
				+                data: dataDay
			
 
				+            },
			
 
				+            yAxis: {
			
 
				+                type: 'value',
			
 
				+                name: '分钟'
			
 
				+            },
			
 
				+            series: [{
			
 
				+                data: dataDate,
			
 
				+                type: 'line',
			
 
				+                itemStyle: {
			
 
				+                    color: '#2BCF82'
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+        state.dataAnalysisList = onlineOption
			
 
				+    },
			
 
				+    setHotCourseList: (state, data) => {
			
 
				+        const courseData = []
			
 
				+        const hotcourse = Object.keys(data)
			
 
				+        hotcourse.forEach(key => {
			
 
				+            courseData.push(data[key])
			
 
				+        })
			
 
				+        // 热门课程柱状图
			
 
				+        const hotOption = {
			
 
				+            tooltip: {
			
 
				+                trigger: 'axis',
			
 
				+                axisPointer: {
			
 
				+                    type: 'shadow'
			
 
				+                }
			
 
				+            },
			
 
				+            grid: {
			
 
				+                left: '3%',
			
 
				+                right: '4%',
			
 
				+                bottom: '3%',
			
 
				+                containLabel: true
			
 
				+            },
			
 
				+            xAxis: {
			
 
				+                type: 'value',
			
 
				+                boundaryGap: [0, 0.01],
			
 
				+                name: '次'
			
 
				+            },
			
 
				+            yAxis: {
			
 
				+                type: 'category',
			
 
				+                data: ['语文 一年级 上册', '语文 一年级 下册', '语文 二年级 上册', '语文 二年级 下册', '语文 三年级 上册', '语文 三年级 下册', '语文 四年级 上册', '语文 四年级 下册']
			
 
				+            },
			
 
				+            series: {
			
 
				+                type: 'bar',
			
 
				+                data: courseData,
			
 
				+                barWidth : 18,//柱图宽度
			
 
				+                itemStyle: {
			
 
				+                    color: '#03ABEF'
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+        state.hotCourseList = hotOption
			
 
				+    },
			
 
				+    setPageOption: (state, data) => {
			
 
				+        const dataDay = [];
			
 
				+        const review = [];
			
 
				+        const prepare = [];
			
 
				+        const schoolStudy = [];
			
 
				+        const wrongQuestions = [];
			
 
				+        const memberRead = [];
			
 
				+        const learnReport = [];
			
 
				+        data.forEach(item => {
			
 
				+            dataDay.push(item.day)
			
 
				+            review.push(item.review)
			
 
				+            prepare.push(item.prepare)
			
 
				+            schoolStudy.push(item.schoolStudy)
			
 
				+            wrongQuestions.push(item.wrongQuestions)
			
 
				+            memberRead.push(item.memberRead)
			
 
				+            learnReport.push(item.learnReport)
			
 
				+        });
			
 
				+        const pageOption =  {
			
 
				+            tooltip: {
			
 
				+                trigger: 'axis'
			
 
				+            },
			
 
				+            legend: {
			
 
				+                data: ['错题本', '配音秀', '学习报告', '课前预习', '学校上课', '复习测试']
			
 
				+            },
			
 
				+            grid: {
			
 
				+                left: '3%',
			
 
				+                right: '4%',
			
 
				+                bottom: '3%',
			
 
				+                containLabel: true
			
 
				+            },
			
 
				+            toolbox: {
			
 
				+                feature: {
			
 
				+                    saveAsImage: {}
			
 
				+                }
			
 
				+            },
			
 
				+            xAxis: {
			
 
				+                type: 'category',
			
 
				+                boundaryGap: false,
			
 
				+                data: dataDay
			
 
				+            },
			
 
				+            yAxis: {
			
 
				+                type: 'value',
			
 
				+                name: '次'
			
 
				+            },
			
 
				+            series: [
			
 
				+                {
			
 
				+                    name: '错题本',
			
 
				+                    type: 'line',
			
 
				+                    stack: '总量',
			
 
				+                    data: wrongQuestions,
			
 
				+                    itemStyle: {
			
 
				+                        color: '#FF900D'
			
 
				+                    }
			
 
				+                },
			
 
				+                {
			
 
				+                    name: '配音秀',
			
 
				+                    type: 'line',
			
 
				+                    stack: '总量',
			
 
				+                    data: memberRead,
			
 
				+                    itemStyle: {
			
 
				+                        color: '#03ABEF'
			
 
				+                    }
			
 
				+                },
			
 
				+                {
			
 
				+                    name: '学习报告',
			
 
				+                    type: 'line',
			
 
				+                    stack: '总量',
			
 
				+                    data: learnReport,
			
 
				+                    itemStyle: {
			
 
				+                        color: '#DC0072'
			
 
				+                    }
			
 
				+                },
			
 
				+                {
			
 
				+                    name: '课前预习',
			
 
				+                    type: 'line',
			
 
				+                    stack: '总量',
			
 
				+                    data: prepare,
			
 
				+                    itemStyle: {
			
 
				+                        color: '#05AC22'
			
 
				+                    }
			
 
				+                },
			
 
				+                {
			
 
				+                    name: '学校上课',
			
 
				+                    type: 'line',
			
 
				+                    stack: '总量',
			
 
				+                    data: schoolStudy,
			
 
				+                    itemStyle: {
			
 
				+                        color: '#C30DFF'
			
 
				+                    }
			
 
				+                },
			
 
				+                {
			
 
				+                    name: '复习测试',
			
 
				+                    type: 'line',
			
 
				+                    stack: '总量',
			
 
				+                    data: review,
			
 
				+                    itemStyle: {
			
 
				+                        color: '#00F2FF'
			
 
				+                    }
			
 
				+                },
			
 
				+            ]
			
 
				+        }
			
 
				+        state.pageOptionData = pageOption
			
 
				+    },
			
 
				+    setUserInfoList: (state, data) => {
			
 
				+        state.userInfoList = data
			
 
				+    },
			
 
				+    setMemberList: (state, data) => {
			
 
				+        const date = []
			
 
				+        const container = []
			
 
				+        data.forEach(item => {
			
 
				+            date.push(item.day)
			
 
				+            container.push(item.memberOnlineTime.timeAcc / 1000 /60)
			
 
				+        })
			
 
				+        const onlineOption = {
			
 
				+            tooltip: {
			
 
				+                trigger: 'axis',
			
 
				+            },
			
 
				+            xAxis: {
			
 
				+                type: 'category',
			
 
				+                data: date
			
 
				+            },
			
 
				+            yAxis: {
			
 
				+                type: 'value',
			
 
				+                name: '分钟'
			
 
				+            },
			
 
				+            series: [{
			
 
				+                data: container,
			
 
				+                type: 'line',
			
 
				+                itemStyle: {
			
 
				+                    color: '#2BCF82'
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+        state.memberList = onlineOption
			
 
				+
			
 
				+    }
			
 
				+}
			
 
				+export default mutations
			
--- a/src/store/states.js
+++ b/src/store/states.js
@@ -0,0 +1,9 @@
 
				+const states = {
			
 
				+    baydataList: [],
			
 
				+    dataAnalysisList: {},
			
 
				+    hotCourseList: {},
			
 
				+    pageOptionData: {},
			
 
				+    userInfoList: {},
			
 
				+    memberList: {}
			
 
				+}
			
 
				+export default states
			
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -0,0 +1,14 @@
 
				+import Vue from 'vue'
			
 
				+export default class Store {
			
 
				+    constructor({states, actions, mutations}) {
			
 
				+        this.states = Vue.observable(states || {})
			
 
				+        this.actions = Vue.observable(actions || {})
			
 
				+        this.mutations = Vue.observable(mutations || {})
			
 
				+    }
			
 
				+    commit = (fun, data) => {
			
 
				+        this.mutations[fun](this.states, data)
			
 
				+    }
			
 
				+    dispatch(fun, params) {
			
 
				+        return this.actions[fun](this.commit, params)
			
 
				+    }
			
 
				+}
			
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -0,0 +1,28 @@
 
				+import axios from 'axios'
			
 
				+import { message  } from 'ant-design-vue'
			
 
				+
			
 
				+// create an axios instance
			
 
				+const service = axios.create({
			
 
				+  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
			
 
				+  timeout: 5000 // request timeout
			
 
				+})
			
 
				+// response interceptor
			
 
				+service.interceptors.response.use(
			
 
				+  response => {
			
 
				+    const res = response.data
			
 
				+    // if the custom code is not 20000, it is judged as an error.
			
 
				+    if (res.code !== 200) {
			
 
				+      message.error(res.message || 'Error')
			
 
				+      return Promise.reject(res)
			
 
				+    } else {
			
 
				+      return res
			
 
				+    }
			
 
				+  },
			
 
				+  error => {
			
 
				+    console.log('err' + JSON.stringify(error)) // for debug
			
 
				+    message.error(error.message)
			
 
				+    return Promise.reject(error)
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+export default service
			
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,129 @@
 
				+/**
			
 
				+ * 配置文件地址
			
 
				+ * https://cli.vuejs.org/zh/config/#vue-config-js
			
 
				+ */
			
 
				+const IS_PROD = ["production", "prod"].includes(process.env.NODE_ENV);
			
 
				+const path = require('path');
			
 
				+const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
			
 
				+const CompressionWebpackPlugin = require("compression-webpack-plugin");
			
 
				+const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i;
			
 
				+module.exports = {
			
 
				+    /**
			
 
				+     * 部署应用包时基本的URL,与webpack中的output.publicPath一致
			
 
				+     * 默认情况下是部署到一个域名的根路径上，
			
 
				+     * 也可以设置成'',或者相对路径'./';这样所有的资源都会被链接相对路径，就可以部署到任意路径
			
 
				+     */
			
 
				+    publicPath: './',
			
 
				+    /**
			
 
				+     * 生产环境打包生成的文件夹，构建之前会清除构建目录，与webpack中的output.path一致
			
 
				+     */
			
 
				+    outputDir: 'dist',
			
 
				+    /**
			
 
				+     * 放置生成的静态文件
			
 
				+     */
			
 
				+    assetsDir: 'assets',
			
 
				+    /**
			
 
				+     * 默认情况下生成的静态文件包含hash值更好的控制缓存，html必须是动态生成，如果不是动态生成可以置为false
			
 
				+     * 与webpack中的output.filename中的名字加hash一样
			
 
				+     */
			
 
				+    filenameHashing: true,
			
 
				+    /**
			
 
				+     * 如果不需要生产环境的source map,可以设置为false加快构建
			
 
				+     */
			
 
				+    productionSourceMap: false,
			
 
				+    /**
			
 
				+     * 所有webpack-dev-server的选项都支持
			
 
				+     * https://webpack.docschina.org/configuration/dev-server/#devserveroverlay
			
 
				+     */
			
 
				+    devServer: {
			
 
				+        port: '8897',
			
 
				+        open: true,
			
 
				+        progress: true,
			
 
				+        overlay: {
			
 
				+            warnings: false,
			
 
				+            errors: true
			
 
				+        }
			
 
				+    },
			
 
				+    // webpack配置
			
 
				+    chainWebpack: config => {
			
 
				+        // 是否将符号链接(symlink)解析到它们的符号链接位置
			
 
				+        config.resolve.symlinks(true)
			
 
				+        if (IS_PROD) {
			
 
				+            config.plugin("webpack-report").use(BundleAnalyzerPlugin, [
			
 
				+                {
			
 
				+                analyzerMode: "static"
			
 
				+                }
			
 
				+            ]);
			
 
				+            config.optimization.delete("splitChunks");
			
 
				+        }
			
 
				+    },
			
 
				+    configureWebpack: config => {
			
 
				+        if (process.env.VUE_APP_MODE === 'production') {
			
 
				+            // 生产环境
			
 
				+            config.mode = 'production'
			
 
				+        } else {
			
 
				+            // 开发环境
			
 
				+            config.mode = 'development'
			
 
				+        }
			
 
				+        Object.assign(config, {
			
 
				+            resolve: {
			
 
				+                alias: {
			
 
				+                    '@': path.resolve(__dirname, './src')
			
 
				+                }
			
 
				+            }
			
 
				+        })
			
 
				+        const plugins = []
			
 
				+        if (IS_PROD) {
			
 
				+            config.optimization ={
			
 
				+                splitChunks: {
			
 
				+                    cacheGroups: {
			
 
				+                        common: {
			
 
				+                            name: "chunk-common",
			
 
				+                            chunks: "all",
			
 
				+                            minChunks: 2,
			
 
				+                            maxInitialRequests: 5,
			
 
				+                            minSize: 0,
			
 
				+                            priority: 1,
			
 
				+                            reuseExistingChunk: true,
			
 
				+                            enforce: true
			
 
				+                        },
			
 
				+                        vendors: {
			
 
				+                            name: "chunk-vendors",
			
 
				+                            test: /[\\/]node_modules[\\/]/,
			
 
				+                            chunks: "initial",
			
 
				+                            priority: 2,
			
 
				+                            reuseExistingChunk: true,
			
 
				+                            enforce: true
			
 
				+                        },
			
 
				+                        antDesignVueUI: {
			
 
				+                            name: "chunk-antdesignvueUI",
			
 
				+                            test: /[\\/]node_modules[\\/]ant-design-vue[\\/]/,
			
 
				+                            chunks: "all",
			
 
				+                            priority: 3,
			
 
				+                            reuseExistingChunk: true,
			
 
				+                            enforce: true
			
 
				+                        },
			
 
				+                        echarts: {
			
 
				+                            name: "chunk-echarts",
			
 
				+                            test: /[\\/]node_modules[\\/](vue-)?echarts[\\/]/,
			
 
				+                            chunks: "all",
			
 
				+                            priority: 4,
			
 
				+                            reuseExistingChunk: true,
			
 
				+                            enforce: true
			
 
				+                        }
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+            plugins.push(
			
 
				+                new CompressionWebpackPlugin({
			
 
				+                    filename: "[path].gz[query]",
			
 
				+                    algorithm: "gzip",
			
 
				+                    test: productionGzipExtensions,
			
 
				+                    threshold: 10240,
			
 
				+                    minRatio: 0.8
			
 
				+                })
			
 
				+            )
			
 
				+        }
			
 
				+        config.plugins = [...config.plugins, ...plugins];
			
 
				+    }
			
 
				+}
			
--- a/yarn.lock
+++ b/yarn.lock