7陌客服

src/App.js

@@ -37,6 +37,7 @@ class App extends Component {
 
   componentDidMount() {
     this.umengStatistic()
+    this.QimoClient()
 
 
     //平台信息
@@ -276,6 +277,41 @@ class App extends Component {
     }
   }
 
+
+  // 七陌客服代码 start
+  QimoClient=()=>{
+    let utm_source = getParam('utm_source')
+    let utm_medium = getParam('utm_medium')
+    let utm_campaign = getParam('utm_campaign')
+    let utm_content = getParam('utm_content')
+    let utm_term = getParam('utm_term')
+
+    var src = ''
+    // 知乎投放
+    if (utm_term && utm_source && utm_medium && utm_campaign && utm_content) {
+      src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=e2ca4f90-2d04-11ea-84c3-43908ae47640&autoShow=true&language=ZHCN'
+    } else {
+      // m端
+      src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=fbcf9aa0-2d03-11ea-84c3-43908ae47640&autoShow=true&language=ZHCN'
+    }
+
+    var script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = src
+    script.async = 'async'
+    var qimoClientId = ''// 自定义用户的唯一id,由英文字母,数字,下划线组成
+
+    http.get(`${API['home']}/qiMoUserId`)
+        .then(res => {
+            qimoClientId = res.data.userId
+            document.body.appendChild(script)
+          })
+
+  }
+  // 七陌客服代码 end
+
+
+
   render() {
     return <Routes/>
   }

src/components/Index/index.scss

-
+#chatBtn {
+  bottom: 60px!important;
+}
 .index-box {
   overflow: hidden;
   background-color: $bg_fff;

src/components/detail/btnstatus/index.js

@@ -314,6 +314,9 @@ class BtnStatus extends Component {
         });
     }
 
+    qimoChatClick=()=>{
+        qimoChatClick()
+    }
     render() {
         // data 课程信息；barInfo 砍价信息
         const { user = {}, toCart, country } = this.props;
@@ -352,7 +355,7 @@ class BtnStatus extends Component {
                 {
                     info.is_baoming === 0 && info.group_status !== 3 &&
                     <div className='btns-box'>
-                        <a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>
@@ -373,7 +376,7 @@ class BtnStatus extends Component {
                 {
                     info.is_baoming === 0 && info.is_deposit != 0  &&
                     <div className='btns-box'>
-                        <a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji' />
                             <span>课程咨询</span>
                         </a>
@@ -387,7 +390,7 @@ class BtnStatus extends Component {
                 {
                     info.is_baoming === 1 &&
                     <div className='btns-box'>
-                        <a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji' />
                             <span>课程咨询</span>
                         </a>
@@ -400,7 +403,7 @@ class BtnStatus extends Component {
                 {
                     info.is_baoming === 0 && info.group_status === 3 &&
                     <div className='btns-box'>
-                        <a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>
@@ -421,7 +424,7 @@ class BtnStatus extends Component {
                 {
                     info.is_baoming === 0 && info.group_status === 4 &&
                     <div className='btns-box'>
-                        <a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>
@@ -435,7 +438,7 @@ class BtnStatus extends Component {
                 {
                     info.is_baoming === 0 && this.props.data && this.props.data.is_bargain &&
                     <div className='btns-box'>
-                        <a className='consult consult-s' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-s' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>
@@ -463,7 +466,7 @@ class BtnStatus extends Component {
                 {
                     this.state.isbuy === 20 &&
                     <div className='btns-box'>
-                        <a className='consult-l' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult-l' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>
@@ -474,7 +477,7 @@ class BtnStatus extends Component {
                 {
                     (info.is_aist && (this.props.user.hasError || info.is_baoming === 0)) &&
                     <div className='btns-box'>
-                        <a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>
@@ -488,7 +491,7 @@ class BtnStatus extends Component {
                 {
                     info.is_aist && !this.props.user.hasError && info.is_baoming === 1 &&
                     <div className='btns-box'>
-                        <a className='consult consult-m' href="https://q.url.cn/AB8aue?_type=wpa&qidian=true">
+                        <a className='consult consult-m' onClick={()=>this.qimoChatClick()}>
                             <i className='iconfont iconerji'></i>
                             <span>课程咨询</span>
                         </a>