up

.env.development

@@ -3,6 +3,6 @@ ENV = 'development'
 
 # base api
 VUE_APP_BASE_API = ''
-VUE_APP_DOMAIN=http://patrol.115.langye.net/
+#VUE_APP_DOMAIN=http://patrol.115.langye.net/
 
-#VUE_APP_DOMAIN=http://192.168.60.100:9001/
+VUE_APP_DOMAIN=http://192.168.60.100:9001/

package.json

@@ -30,6 +30,7 @@
     "table-excel": "^1.1.9",
     "view-design": "^4.7.0",
     "vue": "2.6.10",
+    "vue-matomo": "^4.2.0",
     "vue-router": "3.0.6",
     "vuex": "3.1.0",
     "wangeditor": "^4.7.12"

src/App.vue

@@ -5,8 +5,24 @@
 </template>
 
 <script>
-import "./assets/css/common.less";
-export default {
-  name: 'App'
-}
+  import {
+    mapGetters
+  } from 'vuex'
+  import "./assets/css/common.less";
+  export default {
+    name: 'App',
+    computed: {
+      ...mapGetters([
+        'name'
+      ])
+    },
+    watch: {
+      $route(to, from) {
+        let locationHash = window.location.hash;
+
+        this.$matomo.setCustomUrl(locationHash.replace(/#/g, ''));
+        this.$matomo.trackPageView(to.meta.title) //设置页面名称
+      }
+    }
+  }
 </script>

src/main.js

@@ -62,3 +62,25 @@ new Vue({
   store,
   render: h => h(App)
 })
+
+
+
+import VueMatomo from 'vue-matomo'
+
+Vue.use(VueMatomo, {
+  host: 'http://192.168.60.99:9000/', // 这里配置你自己的piwik服务器地址和网站ID
+  siteId: 4,//siteId值
+  // 根据router自动注册
+  router: router,
+  // // 是否需要在发送追踪信息之前请求许可
+  // // 默认false
+  requireConsent: false,
+  enableLinkTracking: true,
+  // // 是否追踪初始页面
+  // // 默认true
+  trackInitialView: false,
+  // // 最终的追踪js文件名
+  // // 默认 'piwik'
+  trackerFileName: 'matomo',
+  debug: false
+});

src/views/dashboard/index.vue

@@ -610,6 +610,7 @@
     },
     created() {
       this.select.date = this.$moment().format("yyyy-MM")
+      this.select.year= this.$moment().format("yyyy")
       this.initload()
       //this.load();
       this.indexChart();