对接客服

src/App.vue

@@ -1,8 +1,16 @@
 <template>
     <div id="app">
-<!--    <router-view v-if="!isBoolean"/>-->
+        <iframe
+                src="https://iftappwelink.foton.com.cn/ke_fu_ui/?groupId=596843564600706080"
+                class="customer"
+                height="490"
+                width="440"
+                frameborder="0"
+                scrolling="0"
+        ></iframe>
+        <!--    <router-view v-if="!isBoolean"/>-->
         <span v-if="this.$route.name === 'Login'|| !isBoolean">
-      <router-view />
+      <router-view/>
     </span>
         <span v-else>
       <div class="content-box" v-if="isCollapse">
@@ -82,14 +90,14 @@
 </template>
 
 <script>
-import {mapGetters, mapState} from 'vuex'
+    import {mapGetters, mapState} from 'vuex'
-import {webLoginType,ssoLogoutUrlDev} from '@/sysConfig'
+    import {webLoginType, ssoLogoutUrlDev} from '@/sysConfig'
 
-export default {
+    export default {
         name: 'App',
         data() {
             return {
-      isBoolean: false
+                isBoolean: false,
             }
         },
         created() {
@@ -108,9 +116,9 @@ export default {
                 this.$nextTick(() => {
                     // 获取页面中已注册过ref的所有的子组件。
                     let refList = ''
-        if(this.$refs.appView1){
+                    if (this.$refs.appView1) {
                         refList = this.$refs.appView1.$children[0].$refs;
-        }else{
+                    } else {
                         refList = this.$refs.appView2.$children[0].$refs;
                     }
                     if (refList) {
@@ -219,7 +227,7 @@ export default {
                 //执行刷新操作，这里我没有写this.$route.go(0),因为整个页面抖动不是很友好
                 //现将app.vue下面的 头部组件，菜单组件，内容组件隐藏再放出来，实现刷新一样的效果
                 console.log('我要刷新页面了')
-    }
+            },
         },
         computed: {
             // 获取用户头像
@@ -250,7 +258,7 @@ export default {
                     && this.$route.name !== 'AdvancedSearchExternal' && this.$route.name !== 'LoginVerifyNoEncryption'
                     && this.$route.name !== 'blankPage' && this.$route.name !== 'processedPage'
                     && this.$route.name !== 'loginStandDetails' && this.$route.name !== 'error'
-        && this.$route.name !== 'phoneHome'&& this.$route.name !== 'databaseSearch'
+                    && this.$route.name !== 'phoneHome' && this.$route.name !== 'databaseSearch'
                     && this.$route.name !== 'standDynamics' && this.$route.name !== 'domesticStand'
                     && this.$route.name !== 'domesticDetails' && this.$route.name !== 'LoginVerifyPhone'
                     && this.$route.name !== 'zlzxDetails' && this.$route.name !== 'LoginVerifyPhone'
@@ -368,11 +376,11 @@ export default {
             // clearInterval(this.intervalForLogin)
             // clearInterval(this.intervalForHome)
         }
-}
+    }
 </script>
 
 <style lang="less">
-#app {
+    #app {
         position: relative;
         width: 100%;
         height: 100%;
@@ -381,6 +389,7 @@ export default {
         //background: url('~@/assets/images/shangqi/home/BG.png') no-repeat;
         background-size: 100% 100%;
         font-family: MicrosoftYaHei, 微软雅黑;
+
         & > div {
             position: absolute;
             top: 0;
@@ -392,6 +401,7 @@ export default {
         .el-main {
             padding: 15px 10px 0 10px;
         }
+
         .content-box {
             display: flex;
             height: 100%;
@@ -427,5 +437,13 @@ export default {
         /deep/ .el-menu--vertical {
             background: red;
         }
-}
+    }
+
+    .customer {
+        position: absolute;
+        right: 30px;
+        bottom: 20px;
+        z-index: 1000;
+    }
+
 </style>