1

src/App.vue

@@ -43,7 +43,6 @@ export default {
         this.isRouterAlive = true
       })
     },
-
   },
   watch:{
   $route(to,from){

src/api/login.js

@@ -27,3 +27,11 @@ export function getUserInfo(token) {
   })
 }
 
+export function getConnect(token) {
+  return request({
+    url: '/api/patients/banner',
+    method: 'get',
+    params: { token }
+  })
+}
+

src/views/layout/components/Navbar.vue

@@ -123,8 +123,35 @@
         ></modify-org-info-dialog>
       </div>
       <div>
-        <i class="el-icon-question"></i>
-        <a href="https://sso.kuyicloud.com/help" target="_blank">帮助中心</a>
+        <!-- <i class="el-icon-question"></i>
+        <a href="https://sso.kuyicloud.com/help" target="_blank">帮助中心</a> -->
+        <div class="fixedBox">
+          <div class="fixed-item" @mouseover="mouseOver" @mouseleave="leave">
+            <i class="el-icon-chat-line-round"></i>
+            <div class="fixed-text">联系客户经理</div>
+            <div class="fixed-wrap" v-show="wrap1">
+              <div class="fixed-inner">
+                <div class="fixed-inner-item">您的专属客户经理:{{ information.name }}</div>
+                <div class="fixed-inner-item">电话:{{ information.phone }}</div>
+                <div class="fixed-inner-item">微信:{{ information.wechat }}</div>
+                <div class="fixed-inner-item">QQ:{{ information.qqchat }}</div>
+                <div class="fixed-inner-item">邮箱:{{ information.email }}</div>
+                <div class="fixed-inner-triangle"></div>
+              </div>
+            </div>
+          </div>
+          <div class="fixed-item" @mouseover="mouseOver1" @mouseleave="leave1">
+            <i class="el-icon-full-screen"></i>
+            <div class="fixed-text">微信联系</div>
+            <div class="fixed-wrap" v-show="wrap2">
+              <div class="fixed-inner">
+                <img :src="information.wechat_link" alt="">
+                <div>扫码加微信</div>
+                <div class="fixed-inner-triangle"></div>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -145,6 +172,7 @@ import {
   removeAdminUserInfoCache
 } from "@/utils/admin_info_cache";
 import { getOrgs, changeOrg } from "@/api/config";
+import { getConnect } from "@/api/login";
 export default {
   inject: ["reload"],
   data() {
@@ -152,7 +180,10 @@ export default {
       orgs: [],
       org_id: this.$store.getters.xt_user.org.id,
       org_name: this.$store.getters.xt_user.org.org_name,
-      is_super_admin: 0
+      is_super_admin: 0,
+      wrap1:false,
+      wrap2:false,
+      information:{}
       // scrm_role_exist: $store.getters.xt_user.scrm_role_exist
     };
   },
@@ -324,10 +355,29 @@ export default {
       }).catch(error => {
           // window.location.href = error.response.data.redirect;
         });
+    },
+    mouseOver() {
+      this.wrap1 = true;
+    },
+    leave() {
+      this.wrap1 = false;
+    },
+    mouseOver1() {
+      this.wrap2 = true;
+    },
+    leave1() {
+      this.wrap2 = false;
+    },
+    getConnect(){
+      getConnect().then(res => {
+        console.log(res)
+        this.information = res.data.data.information
+      })
     }
   },
   
   created() {
+    this.getConnect()
     getOrgs().then(response => {
       if (response.data.state === 1) {
         this.orgs = response.data.data.orgs;
@@ -571,6 +621,7 @@ export default {
 .v-modal {
   z-index: 9999 !important;
 }
+
 </style>
 
 <style lang="scss">
@@ -589,4 +640,91 @@ export default {
     color: #000;
   }
 }
+
+</style>
+<style>
+.fixedBox{
+   /* position: fixed;
+   right: 10px;
+   top: 60%;
+   -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
+   -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
+   box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
+   background-color: #fff;
+   color: #000;
+   z-index: 998; */
+   display: flex;
+}
+.fixed-item{
+  width: 100%;
+  padding: 20px 10px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  position: relative;
+  cursor: pointer;
+  text-align: center;
+  display: flex;
+  align-items: center;
+}
+.fixed-text{
+  display: block;
+  width: 90px;
+  left: 0;
+  top: 0;
+  margin: auto;
+  color: #000;
+  line-height: 16px;
+  font-size: 13px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+}
+.fixed-wrap{
+  position: absolute;
+  right: 0;
+  top: 160px;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  background-color: #409EFF;
+  color: #FFF;
+  z-index: 9999999;
+  border-radius: 4px;
+}
+.fixed-inner{
+  width: 308px;
+  padding: 9px 0;
+  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
+}
+.fixed-inner-item{
+  padding: 15px;
+  text-align: left;
+}
+.fixed-inner-triangle{
+  position: absolute;
+  right: 15%;
+  top: -10px;
+  -webkit-transform: rotate(-45deg) translateY(-50%);
+  -moz-transform: rotate(-45deg) translateY(-50%);
+  -ms-transform: rotate(-45deg) translateY(-50%);
+  transform: rotate(-135deg) translateY(-50%);
+  width: 12px;
+  height: 12px;
+  border-color: transparent #409EFF #409EFF transparent;
+  border-style: solid;
+  border-width: 6px;
+  background: transparent;
+  -webkit-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
+  -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,.1);
+  box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.fixed-inner img{
+  height: 160px;
+}
 </style>