feature:add discuss

Author: piexlmax

.env

@@ -7,8 +7,8 @@ VUE_APP_ATOM_API = '/atom-webapi'
 
 # target host
 
-# VUE_TARGET_HOST = 'http://192.168.2.181:8000'
-VUE_TARGET_HOST = 'https://iast-test.huoxian.cn'
+VUE_TARGET_HOST = 'http://192.168.2.181:8000'
+# VUE_TARGET_HOST = 'https://iast-test.huoxian.cn'
 # VUE_TARGET_HOST = 'http://52.81.92.214:30485'
 # VUE_TARGET_HOST = 'http://iast.huoxian.cn'
 

src/App.vue

@@ -1,19 +1,41 @@
 <template>
   <div id="app">
     <router-view />
+    <el-button class="service" icon="el-icon-service" circle @click="toService">
+    </el-button>
   </div>
 </template>
 
 <script lang="ts">
-import { Vue } from 'vue-property-decorator'
+import { Vue, Component } from 'vue-property-decorator'
 
+@Component({
+  name: 'App',
+})
 export default class App extends Vue {
-  name = 'App'
+  toService() {
+    console.log(this)
+    const userId = this.$store.getters.userInfo
+      ? this.$store.getters.userInfo.userid
+      : ''
+    const pageName = this.$t(this.$route.meta.i18n)
+    const customerInfo = pageName + ',' + userId
+    console.log(this.$store.getters.userInfo, this.$route.path)
+    window.open(
+      'https://support.qq.com/product/371942?customInfo=' + customerInfo
+    )
+  }
 }
 </script>
 
 <style scoped>
 #app {
   background: #f4f4f4;
 }
+.service {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 9999;
+}
 </style>