CCL-2454 通话组件makeCall(number, options) 成功后设置5 秒网页电话自动摘机【智融】{前端}

udesk · Feb 14, 2020 · 988d7d2 · 988d7d2
1 parent 87c4578
commit 988d7d2
Show file tree

Hide file tree

Showing 11 changed files with 82,794 additions and 24 deletions.
diff --git a/dist/css/callcenter-component.css b/dist/css/callcenter-component.css
diff --git a/dist/css/callcenter-component.css.map b/dist/css/callcenter-component.css.map
diff --git a/dist/js/call-api.js b/dist/js/call-api.js
diff --git a/dist/js/call-api.js.map b/dist/js/call-api.js.map
diff --git a/dist/js/callcenter-component.js b/dist/js/callcenter-component.js
diff --git a/dist/js/callcenter-component.js.map b/dist/js/callcenter-component.js.map
diff --git a/src/js/CallInfo.js b/src/js/CallInfo.js
@@ -16,6 +16,7 @@ class CallInfo extends Eventable {
         this.queue_desc = '';
         this.customer_phone = '';
         this.phone_location = '';
+        this.startCallTime = 0;
         this.ringingTime = 0;
         this.talkingTime = 0;
         this.call_type = '呼入';

diff --git a/src/js/CallUtil.js b/src/js/CallUtil.js
@@ -25,7 +25,7 @@ export function makeCall(callNumber) {
         return;
     }
     calling = true;
-
+    CallInfo.set('startCallTime', 0);
     let options;
     let successCallback;
     let failureCallback;
@@ -42,6 +42,7 @@ export function makeCall(callNumber) {
         calling = false;
     }, 3000);
 
+
     if (CallConfig.agent_work_state === Const.OFFLINE) {
         Alert.error('离线不可以拨打电话');
         utils.isFunction(failureCallback) && failureCallback(new Error('离线不可以外呼'));
@@ -60,7 +61,16 @@ export function makeCall(callNumber) {
     //    softPhone.call(callNumber);
     //    return;
     //}
-
+    let startCallTimeId;
+    let clearStartTimeId;
+    clearInterval(startCallTimeId);
+    clearTimeout(clearStartTimeId);
+    startCallTimeId = setInterval(() => {
+        CallInfo.set('startCallTime', CallInfo.startCallTime + 1);
+    }, 1000);
+    clearStartTimeId = setTimeout(() => {
+        clearInterval(startCallTimeId);
+    }, 6000);
     let params = {number: callNumber};
     if (options && options.biz_id) {
         params.biz_id = options.biz_id;

diff --git a/src/js/component/RingingPanel.js b/src/js/component/RingingPanel.js
@@ -8,6 +8,7 @@ import CustomerInfo from './CustomerInfo';
 import HangupButton from './HangupButton';
 import images from './images';
 import PropTypes from 'prop-types';
+import { answer } from '../CallUtil';
 
 export default class RingingPanelComponent extends React.Component {
     constructor() {
@@ -19,6 +20,9 @@ export default class RingingPanelComponent extends React.Component {
         CallInfo.on('change', this.onCallInfoChange = function() {
             if (CallInfo.state === 'ringing') {
                 self.setState(CallInfo);
+                if (CallInfo.can_accept === 'in' && CallConfig.agent_work_way === VOIP_ONLINE && CallInfo.startCallTime < 6) {
+                    answer();
+                }
             }
         });
     }

diff --git a/src/js/component/accept-button.js b/src/js/component/accept-button.js
@@ -11,8 +11,11 @@ const style = {
 };
 
 class AcceptButton extends React.Component {
+    handleClick = () => {
+        answer();
+    }
     render() {
-        return <button onClick={answer} style={style}>
+        return <button onClick={this.handleClick} style={style}>
             <img src={images.call_out}/>
         </button>;
     }

diff --git a/src/js/soft-phone.js b/src/js/soft-phone.js
@@ -109,7 +109,8 @@ class SoftPhone {
         }
         this._ua.stop();
     }
-
+    //网页电话因为要透传一些参数，所以后端强制回拨 
+    //此api废弃
     call(target) {
         let self = this;
         let options = {