diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue index 17bab61..9bcc449 100644 --- a/src/layout/components/ivr/ivrBar.vue +++ b/src/layout/components/ivr/ivrBar.vue @@ -8,6 +8,9 @@ 外呼 保持 挂机 + 会议 + 小休 + 示忙 @@ -33,37 +36,23 @@ - - -
会议
-
- - -
小休
-
- - -
示忙
-
- {{ status }} + + + + + + + + + + + +
来电号码:{{ number }}
通话时间:{{ timeFormat }}{{ call }}
-
-
-

状态:未连接

-
-
-

状态改变:

-
-
-

通话状态:

-
-
-

队列状态:

-
-
+ {{ statusDetailText }}... - - - - + append-to-body> + @@ -175,7 +160,8 @@ threeWayPhone: '', // 三方通话电话号码 ip: '124.205.241.254', // websocket Ip port: '28081', // webSocket Port - showAddCase: true // 是否显示新建案卷的弹窗 + showAddCase: false, // 是否显示新建案卷的弹窗 + notify: null // 来电通知 } }, computed: { @@ -367,6 +353,35 @@ const strSend = this.createCommand('threeWay', sendObj) this.webSocket.send(strSend) }, + // 处理接通来电事宜 + incommingAnswerd(object) { + this.notify.close() // 关闭来电提醒 + // 处理按钮显示问题 + this.btnStatus.btnDialOut = true + this.btnStatus.btnDialIn = true + this.btnStatus.btnHold = false + this.btnStatus.btnUnhold = true + this.btnStatus.btnBusy = true + this.btnStatus.btnIdle = true + this.btnStatus.btnMeeting = true + this.btnStatus.btnHangUp = false + // 弹出新建工单窗口 + this.showAddCase = true + const data = { + callid: object.callid, + number: object.number, + callTime: getToday('yyyy-MM-dd hh:mm:ss') + } + console.log(data) + const that = this + setTimeout(function(){ + that.$refs['addcase'].initData(data) + }, 500) + }, + // 新建事件完毕调用 + closeCreateDialog() { + this.showAddCase = false // 关闭弹窗 + }, // 初始化 initSapoOcx() { const { ip, port } = this @@ -482,30 +497,14 @@ this.btnStatus.btnHangUp = false } if (name === 'incomming ringing') { - this.$notify({ + this.notify = this.$notify({ title: '未接来电', message: object.number, duration: 0 }) } if (name === 'incomming answered') { // 来电接通 - this.btnStatus.btnDialOut = true - this.btnStatus.btnDialIn = true - this.btnStatus.btnHold = false - this.btnStatus.btnUnhold = true - this.btnStatus.btnBusy = true - this.btnStatus.btnIdle = true - this.btnStatus.btnMeeting = true - this.btnStatus.btnHangUp = false - // 弹出新建工单窗口 - this.showAddCase = true - const data = { - callid: object.callid, - number: object.number, - callTime: getToday('yyyy-MM-dd hh:mm:ss') - } - console.log(data) - this.$refs['addcase'].initData(data) + this.incommingAnswerd(object) } if (name === 'hangup') { // 挂断, 冻结和解除冻结不好用,其他均可 this.btnStatus.btnDialOut = false diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue index 17bab61..9bcc449 100644 --- a/src/layout/components/ivr/ivrBar.vue +++ b/src/layout/components/ivr/ivrBar.vue @@ -8,6 +8,9 @@ 外呼 保持 挂机 + 会议 + 小休 + 示忙 @@ -33,37 +36,23 @@ - - -
会议
-
- - -
小休
-
- - -
示忙
-
- {{ status }} + + + + + + + + + + + +
来电号码:{{ number }}
通话时间:{{ timeFormat }}{{ call }}
-
-
-

状态:未连接

-
-
-

状态改变:

-
-
-

通话状态:

-
-
-

队列状态:

-
-
+ {{ statusDetailText }}... - - - - + append-to-body> + @@ -175,7 +160,8 @@ threeWayPhone: '', // 三方通话电话号码 ip: '124.205.241.254', // websocket Ip port: '28081', // webSocket Port - showAddCase: true // 是否显示新建案卷的弹窗 + showAddCase: false, // 是否显示新建案卷的弹窗 + notify: null // 来电通知 } }, computed: { @@ -367,6 +353,35 @@ const strSend = this.createCommand('threeWay', sendObj) this.webSocket.send(strSend) }, + // 处理接通来电事宜 + incommingAnswerd(object) { + this.notify.close() // 关闭来电提醒 + // 处理按钮显示问题 + this.btnStatus.btnDialOut = true + this.btnStatus.btnDialIn = true + this.btnStatus.btnHold = false + this.btnStatus.btnUnhold = true + this.btnStatus.btnBusy = true + this.btnStatus.btnIdle = true + this.btnStatus.btnMeeting = true + this.btnStatus.btnHangUp = false + // 弹出新建工单窗口 + this.showAddCase = true + const data = { + callid: object.callid, + number: object.number, + callTime: getToday('yyyy-MM-dd hh:mm:ss') + } + console.log(data) + const that = this + setTimeout(function(){ + that.$refs['addcase'].initData(data) + }, 500) + }, + // 新建事件完毕调用 + closeCreateDialog() { + this.showAddCase = false // 关闭弹窗 + }, // 初始化 initSapoOcx() { const { ip, port } = this @@ -482,30 +497,14 @@ this.btnStatus.btnHangUp = false } if (name === 'incomming ringing') { - this.$notify({ + this.notify = this.$notify({ title: '未接来电', message: object.number, duration: 0 }) } if (name === 'incomming answered') { // 来电接通 - this.btnStatus.btnDialOut = true - this.btnStatus.btnDialIn = true - this.btnStatus.btnHold = false - this.btnStatus.btnUnhold = true - this.btnStatus.btnBusy = true - this.btnStatus.btnIdle = true - this.btnStatus.btnMeeting = true - this.btnStatus.btnHangUp = false - // 弹出新建工单窗口 - this.showAddCase = true - const data = { - callid: object.callid, - number: object.number, - callTime: getToday('yyyy-MM-dd hh:mm:ss') - } - console.log(data) - this.$refs['addcase'].initData(data) + this.incommingAnswerd(object) } if (name === 'hangup') { // 挂断, 冻结和解除冻结不好用,其他均可 this.btnStatus.btnDialOut = false diff --git a/src/layout/components/ivr/ivrBtn.vue b/src/layout/components/ivr/ivrBtn.vue index 6e63868..3673395 100644 --- a/src/layout/components/ivr/ivrBtn.vue +++ b/src/layout/components/ivr/ivrBtn.vue @@ -66,7 +66,8 @@ text-align: center; display: block; font-size: 25px; - margin-bottom: 2px; + margin: auto; + margin-bottom: 3px; }