wei

package-lock.json

@@ -171,6 +171,11 @@
                 }
             }
         },
+        "@neysf/qiyu-web-sdk": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmmirror.com/@neysf/qiyu-web-sdk/-/qiyu-web-sdk-1.1.5.tgz",
+            "integrity": "sha512-WfziS5QHRQ6hirrsrgkSYSTeiF7IGMVWIIvHJKkeUWZ0dxYhzxRQReAmV5ZrNSMs9INBYiVlWTHk+zNcePKlQQ=="
+        },
         "@prerenderer/prerenderer": {
             "version": "0.7.2",
             "resolved": "https://registry.npmmirror.com/@prerenderer/prerenderer/-/prerenderer-0.7.2.tgz",

package.json

@@ -16,6 +16,7 @@
         "preview": "serve -s dist -p 8000"
     },
     "dependencies": {
+        "@neysf/qiyu-web-sdk": "^1.1.5",
         "animate.css": "^4.1.1",
         "argv": "0.0.3",
         "axios": "^0.18.0",

src/App.vue

@@ -309,7 +309,7 @@ v-cloak {
 .fixed-message{
   position: fixed;
   bottom: 30%;
-  right: 20px;
+  right: 0px;
   z-index: 9999;
   cursor: pointer;
 }

src/components/sidebox.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="sidebox-box">
     <div @click="drawer = true" class="fixedMessages">
-        <img src="@/assets/img/side/sideicon.png" alt="" class="fixed-messageImg">
+        <img src="@/assets/img/side/sideimg.png" alt="" class="fixed-messageImg">
+        <p v-if="lang == 'cn'" class="fixed-text">三优<br/>导航</p>
+        <p v-if="lang == 'en'" class="fixed-text">Sanyou<br/>navigation</p>
     </div>
     <el-drawer
     title=""
@@ -20,7 +22,7 @@
                     <p class="singleBoxText">Sanyou</p>
                     <img class="singleBoxImg" src="@/assets/img/side/C-07.png" alt="">
                 </div>
-                <div class="singleBox" @click="gotoCRO">
+                <!-- <div class="singleBox" @click="gotoCRO">
                     <p class="singleBoxText">CRO</p>
                     <img class="singleBoxImg" src="@/assets/img/side/C-01.png" alt="">
                 </div>
@@ -31,7 +33,7 @@
                 <div class="singleBox" @click="gotoCPO">
                     <p class="singleBoxText">CPO</p>
                     <img class="singleBoxImg" src="@/assets/img/side/C-03.png" alt="">
-                </div>
+                </div> -->
                 <div class="singleBox" @click="gotoCRS">
                     <p class="singleBoxText">CRS</p>
                     <img class="singleBoxImg" src="@/assets/img/side/C-10.png" alt="">
@@ -156,7 +158,20 @@ export default {
     .sidebox-box{
         z-index: 9999;
         .fixedMessages{
+          display: flex;
+          align-items: center;
+          background: linear-gradient(180deg, #22AB3A, #1880C1);
+          padding: 10px;
+          border-top-left-radius: 50px;
+          border-bottom-left-radius: 50px;
             .fixed-messageImg{
+              width: 60px;
+              margin-right: 10px;
+            }
+            .fixed-text{
+              font-size: 16px;
+              color: #fff;
+              text-align: center;
             }
         }
         .el-drawer__wrapper /deep/{

src/css/base.scss

@@ -186,4 +186,18 @@ video{
   .el-message-box{
     width: 80% !important;
   }
+}
+// 七猫客服入口按键
+.YSF-CUSTOM-ENTRY{
+  border-radius: 50% !important;
+  box-shadow: none !important;
+  img{
+    display: block;
+    padding: 3px;
+    box-sizing: border-box;
+    width: 90px !important;
+    height: 90px !important;
+    border-radius: 50%;
+    background: linear-gradient(180deg, #22ab3a, #1880c1);
+  }
 }

src/main.js

@@ -21,10 +21,40 @@ import ba from "vue-ba"
 import Distpicker from "v-distpicker" // 省市县
 import tool from "./js/util/tool.js"
 import "default-passive-events"
+import YSF from '@neysf/qiyu-web-sdk';
 promise.polyfill()
 require("./js/filter.js")
 require("./js/directive.js")
 
+YSF.init('467cad5bb74586dff3727cc6e20b014f').then(ysf => {
+  ysf("config", {
+    title: "SRC",
+    // uid:"crs",
+    // name:'test',
+    // email:'test@163.com',
+    // mobile:'13888888888',
+    // data:JSON.stringify([
+    //   {"key":"real_name", "value":"土豪"},
+    //   {"key":"mobile_phone", "value":"15989303213", "hidden":true},
+    //   {"key":"email", "value":"13800000000@163.com"},
+    //   {"index":0, "key":"account", "label":"账号", "value":"zhangsan" , "href":"http://example.domain/user/zhangsan"},
+    //   {"index":1, "key":"sex", "label":"性别", "value":"先生"},
+    //   {"index":5, "key":"reg_date", "label":"注册日期", "value":"2015-11-16"},
+    //   {"index":6, "key":"last_login", "label":"上次登录时间", "value":"2015-12-22 15:38:54"}
+    // ]),
+    level: 1,
+    success: function () {
+      ysf('open')
+    },
+    error: function (err) {
+      console.log(err, "配置失败，拒绝 Promise 并返回错误信息"); // 配置失败，拒绝 Promise 并返回错误信息
+    }
+  })
+  // ysf('open');
+}).catch(error => {
+  console.log('sdk加载失败---', error);
+});
+
 Vue.component("v-distpicker", Distpicker) // 省市县
 Vue.config.productionTip = false
 Vue.prototype.openDialog = function (modalName) {