diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->
diff --git a/src/layout/components/ivr/chooseSeats.vue b/src/layout/components/ivr/chooseSeats.vue
index 30e6012..330c74f 100644
--- a/src/layout/components/ivr/chooseSeats.vue
+++ b/src/layout/components/ivr/chooseSeats.vue
@@ -5,12 +5,12 @@
       :visible.sync="dialogVisible"
       :before-close="handleClose"
       :close-on-click-modal = "false"
-      title="内呼"
+      :title="dialogTitles[type]"
       width="350px"
       append-to-body>
       <div class="pinPage">
         <el-radio-group v-model="tel" size="small">
-          <el-radio v-for="seat of seatList" :key="seat.exten" :label="seat.exten" border>{{ seat.exten }}</el-radio>
+          <el-radio v-for="seat of seatList" v-if="seat.exten!=self" :key="seat.exten" :label="seat.exten" class="seat-radio" border>{{ seat.exten }}[{{ seat.name }}]</el-radio>
         </el-radio-group>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -30,11 +30,20 @@
       default: function() {
         return []
       }
-    }
+    },
+    self: {
+      type: String,
+      default: ''
+    } // 排除自己
   },
   data() {
     return {
-      type: 'in', // 内呼in, 会议meeting
+      type: 'in', // 内呼in, 会议meeting, 转接transfer
+      dialogTitles: {
+        in: '内呼',
+        meeting: '三方通话',
+        transfer: '转接'
+      },
       dialogVisible: false, // 对话框显示状态
       tel: '', // 电话
       currentNumber: '' // 当前数字
@@ -124,18 +133,23 @@
   input{
     /*background-color: transparent;*/
   }
+  .seat-radio{
+    margin-bottom:10px;
+    margin-left:10px;
+    display: block;
+  }
 </style>
 <!--<style rel="stylesheet/scss" lang="scss">-->
-  <!--.keyboard-input {-->
-    <!--height:50px;-->
-    <!--width: 100%;-->
-    <!--font-size:18px;-->
-    <!--.el-input__inner{-->
-      <!--height:50px !important;-->
-    <!--}-->
-    <!--input{-->
-      <!--font-size:18px;-->
-      <!--text-align: center;-->
-    <!--}-->
-  <!--}-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
 <!--</style>-->

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->
diff --git a/src/layout/components/ivr/chooseSeats.vue b/src/layout/components/ivr/chooseSeats.vue
index 30e6012..330c74f 100644
--- a/src/layout/components/ivr/chooseSeats.vue
+++ b/src/layout/components/ivr/chooseSeats.vue
@@ -5,12 +5,12 @@
       :visible.sync="dialogVisible"
       :before-close="handleClose"
       :close-on-click-modal = "false"
-      title="内呼"
+      :title="dialogTitles[type]"
       width="350px"
       append-to-body>
       <div class="pinPage">
         <el-radio-group v-model="tel" size="small">
-          <el-radio v-for="seat of seatList" :key="seat.exten" :label="seat.exten" border>{{ seat.exten }}</el-radio>
+          <el-radio v-for="seat of seatList" v-if="seat.exten!=self" :key="seat.exten" :label="seat.exten" class="seat-radio" border>{{ seat.exten }}[{{ seat.name }}]</el-radio>
         </el-radio-group>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -30,11 +30,20 @@
       default: function() {
         return []
       }
-    }
+    },
+    self: {
+      type: String,
+      default: ''
+    } // 排除自己
   },
   data() {
     return {
-      type: 'in', // 内呼in, 会议meeting
+      type: 'in', // 内呼in, 会议meeting, 转接transfer
+      dialogTitles: {
+        in: '内呼',
+        meeting: '三方通话',
+        transfer: '转接'
+      },
       dialogVisible: false, // 对话框显示状态
       tel: '', // 电话
       currentNumber: '' // 当前数字
@@ -124,18 +133,23 @@
   input{
     /*background-color: transparent;*/
   }
+  .seat-radio{
+    margin-bottom:10px;
+    margin-left:10px;
+    display: block;
+  }
 </style>
 <!--<style rel="stylesheet/scss" lang="scss">-->
-  <!--.keyboard-input {-->
-    <!--height:50px;-->
-    <!--width: 100%;-->
-    <!--font-size:18px;-->
-    <!--.el-input__inner{-->
-      <!--height:50px !important;-->
-    <!--}-->
-    <!--input{-->
-      <!--font-size:18px;-->
-      <!--text-align: center;-->
-    <!--}-->
-  <!--}-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
 <!--</style>-->
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 3f8c80f..2295c93 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -6,62 +6,30 @@
     <ivr-btn :show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" icon="baochi" @click="unhold">解除保持</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialIn" icon="hujiao" @click="dialIn">内呼</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialOut" icon="duiwaihujiao" @click="dialOut">外呼</ivr-btn>
+    <!--<ivr-btn :show="true" :disabled="btnStatus.btnTransfer" icon="hujiao" @click="transferDial">转接</ivr-btn>-->
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnMeeting" icon="hy" @click="meeting">会议</ivr-btn>
     <ivr-btn :show="!btnStatus.btnIdle" :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">退出示忙</ivr-btn>
     <ivr-btn :show="btnStatus.btnIdle" :disabled="btnStatus.btnBusy" icon="shimang" @click="onbusy">示忙</ivr-btn>
     <ivr-btn :show="!btnStatus.btnQuitWorkState" :disabled="btnStatus.btnWorkState" icon="icon-work" @click="quitWorkState">退出工作态</ivr-btn>
     <ivr-btn :show="!btnStatus.btnWorkState" :disabled="btnStatus.btnQuitWorkState" icon="icon-work" @click="goWorkState">进入工作态</ivr-btn>
-    <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
-    <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
-    <!--<div>签入</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" @click="logout">-->
-    <!--<svg-icon icon-class="qianchu" class="ivr-icon"/>-->
-    <!--<div>签出</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" @click="hold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" @click="unhold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>解除保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialIn" @click="dialIn">-->
-    <!--<svg-icon icon-class="hujiao" class="ivr-icon"/>-->
-    <!--<div>内呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialOut" @click="dialOut">-->
-    <!--<svg-icon icon-class="duiwaihujiao" class="ivr-icon"/>-->
-    <!--<div>外呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-    <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-    <!--<div>会议</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnIdle" @click="onidle">-->
-    <!--<svg-icon icon-class="xiaoxiu" class="ivr-icon"/>-->
-    <!--<div>小休</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnBusy" @click="onbusy">-->
-    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
-    <!--<div>示忙</div>-->
-    <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
-      <div>通话时间：<span class="highlight">{{ timeFormat }}</span><span class="highlight">{{ call }}</span></div>
+      <div>通话时间：<span class="highlight">{{ time | timeFilter }}</span><span class="highlight">{{ callStatus | windowTextFilter }}</span></div>
     </div>
     <!--软键盘-->
     <keyboard ref="keyboard" @call="dial"/>
-    <choose-seats ref="chooseseats" :seat-list="seatsList" @call="dial"/>
+    <!--选择分机-->
+    <choose-exten ref="chooseexten" :exten-list="extenList" @finish="finishChooseExten"/>
+    <!--选择坐席-->
+    <choose-seats ref="chooseseats" :seat-list="extensionList" :self="nowExten" @call="dial"/>
     <!--外呼状态栏-->
     <el-dialog
       :title="statusText"
       :visible.sync="statusShow"
       width="30%"
       append-to-body>
-      <span>{{ statusDetailText }}</span><span class="dot">...</span>
+      <span>{{ callStatus }}</span><span class="dot">...</span>
     </el-dialog>
     <!--新建事件页面-->
     <el-dialog
@@ -71,7 +39,7 @@
       title="新建事件"
       width="1200px"
       custom-class="addcase-dialog"
-      top="5vh"
+      top="60px"
       append-to-body>
       <create-case ref="addcase" @cancel="closeCreateDialog"/>
     </el-dialog>
@@ -79,7 +47,6 @@
 </template>
 
 <script>
-import sapoOcx from 'sapoOcx'
 import Keyboard from './keyboard'
 import IvrBtn from './ivrBtn'
 import CreateCase from '@/views/caseManage/createCase'
@@ -87,42 +54,26 @@
 import ChooseSeats from './chooseSeats'
 import { getProject } from '@/utils/baseConfig'
 import { seatReport } from '@/api/call'
+import ChooseExten from './chooseExten'
+import { mapState } from 'vuex'
 
 export default {
   name: 'IvrBar',
-  components: { ChooseSeats, CreateCase, IvrBtn, Keyboard },
+  components: { ChooseExten, ChooseSeats, CreateCase, IvrBtn, Keyboard },
   data() {
     return {
       debug: true, // 是否开启debug模式
-      txtPhoneAccount: this.$store.getters.exten, // 分机号
-      agentName: 'test', // 坐席名
-      queue: 'kefu', // 技能组
-      staffId: '10101', // 工号
-      skill: '1', // 技能值
-      busyString: '忙碌', // 致忙原因
-      deptid: '1', // 部门编号
-      deptName: '客服部', // 部门名称
-      autoAcw: '0', // 自动化后
-      domain: '',
-      security: '',
+      nowExten: '', // 当前使用的分机号
+      extenList: [], // 待选分机列表
+      agentName: this.$store.getters.seat, // 坐席号
+      userId: this.$store.getters.id, // 用户id
+      deptid: this.$store.getters.deptId, // 部门编号
+      deptName: this.$store.getters.deptName, // 部门名称
       seatsList: [], // 坐席列表
       heartbeatInterval: 0, // 心跳interval
       heartbeatCount: 0, // 心跳heartbeat count
       heartbeatID: 0, // 心跳heartbeat id
-      webSocket: {},
-      webVariable: {
-        web_version: '2.17.0505',
-        web_agentStaffid: null,
-        web_agentName: null,
-        web_skill: null,
-        web_reg: null,
-        web_callStatue: null,
-        web_busyStatue: null,
-        web_number: null,
-        web_heartbeatCount: 0,
-        web_heartbeatInterval: 0,
-        web_heartbeatID: 0
-      },
+      // webSocket: this.$store.state.ivr.websocket, // ws
       btnStatus: {
         btnLogin: false, // 签入
         btnLogOut: true, // 签出
@@ -131,35 +82,18 @@
         btnHangUp: true, // 挂机
         btnDialOut: true, // 外呼
         btnDialIn: true, // 内呼
-        btnAgentList: true,
+        btnTransfer: true, // 转接
         btnBusy: true, // 示忙
         btnIdle: true, // 示闲
-        btnMeeting: true, // 会议
-        btnPickUp: true,
-        btnExtenPickUp: true,
-        btnGroupPickUp: true,
-        btnSpy: true,
-        btnGroupSpy: true,
-        btnVersion: true,
-        btnGetExtension: true,
-        btnGetAgentStaffid: true,
-        btnGetAgentName: true,
-        btnGetSkill: true,
-        btnGetBusyState: true,
-        btnGetAgentState: true,
-        btnGetCallState: true,
-        btnGetRegState: true,
-        btnGetNumber: true,
-        btnInject: true,
+        btnMeeting: true, // 会议/三方通话
         btnWorkState: false, // 进入工作态
         btnQuitWorkState: true // 退出工作态
       },
       status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
-      isInCall: false, // 是否在通话中
       isInComing: false, // 是否来电
-      reg: '', // 话机状态
+      // reg: '', // 话机状态
       number: '', // 通话号码
       diaStatus: '', // 拨号状态
       statusText: '', // 拨号状态标题
@@ -175,6 +109,18 @@
     }
   },
   computed: {
+    ...mapState({
+      exten: state => state.user.exten, // 用户绑定的分机号
+      wsStatus: state => state.ivr.wsStatus,
+      signStatus: state => state.ivr.signStatus, // 签入签出状态
+      callStatus: state => state.ivr.callStatus,
+      isInCall: state => state.ivr.isInCall,
+      isInComming: state => state.ivr.isInComming,
+      extensionList: state => state.ivr.extensionList,
+      reg: state => state.ivr.reg,
+      webSocket: state => state.ivr.webSocket,
+      websocketObj: state => state.ivr.websocketObj
+    }),
     timeFormat() { // 将时间格式化为时分秒样式
       const h = Math.floor(this.time / 3600)
       const m = Math.floor((this.time - h * 3600) / 60)
@@ -183,6 +129,32 @@
       return str
     }
   },
+  filters: {
+    // 呼叫时间过滤器
+    timeFilter(val) {
+      const h = Math.floor(val / 3600)
+      const m = Math.floor((val - h * 3600) / 60)
+      const s = val - h * 3600 - m * 60
+      const str = ('0' + h).slice(-2) + ':' + ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    // 弹窗内文字
+    windowTextFilter(val) {
+      if (val) {
+        if (val === '呼入振铃') {
+          return '呼入振铃'
+        } else if (val === '外呼振铃' || val === '外呼准备' || val === '开始拨号') {
+          return '呼叫中'
+        } else if (val === '通话结束' || val === '空闲') {
+          return '空闲中'
+        } else {
+          return '通话中'
+        }
+      } else {
+        return '空闲中'
+      }
+    }
+  },
   watch: {
     busy(val) {
       // 忙碌状态为不忙时，示忙按钮允许点,示闲不允许
@@ -193,156 +165,206 @@
         this.btnStatus.btnBusy = true
         this.btnStatus.btnIdle = false
       }
+    },
+    wsStatus(val) { // 监控ws连接状态
+      if (val) { // 如果wsStatus==true
+        if (!this.signStatus) { // 如果还没有签入
+          this.btnStatus.btnLogin = false
+        } else {
+          this.btnStatus.btnLogin = true
+        }
+      } else {
+        this.btnStatus.btnLogin = true
+      }
+    },
+    signStatus(val) { // 监控签入状态
+      console.log('sign status Change:' + val)
+      if (val) { // 已签入
+        this.onLoginSuccess()
+      } else {
+        this.logoutSuccess()
+      }
+    },
+    callStatus(val) { // 通话状态
+      console.log(val)
+      if (val === '通话结束') { // 通话结束
+        this.callOver()
+      } else if (val === '外呼通话' || val === '呼入通话' || val === '自动外呼接入') {
+        this.startCall()
+      }
+    },
+    reg(val) {
+      if (val === 'incomming answered') { // 接听呼入
+        this.incommingAnswerd()
+      } else if (val === 'holding') { // 状态为保持
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = false
+      } else if (val === 'unholding') { // 状态为解除保持
+        this.btnStatus.btnHold = false
+        this.btnStatus.btnUnhold = true
+      } else if (val === 'incomming ringing') { // 来电振铃
+        this.notify = this.$notify({
+          title: '未接来电',
+          message: this.websocketObj.number,
+          duration: 0
+        })
+      } else if (val === 'outbound ringing') { // 外呼振铃后的操作
+        this.onOutBoundRinging()
+      } else if (val === 'outbound answered') { // 外呼接通，允许保持,挂断
+        this.onOutBoundAnswered()
+      } else if (val === 'hangup') { // 挂断， 保持和解除保持不好用，其他均可
+        this.btnStatus.btnDialOut = false
+        this.btnStatus.btnDialIn = false
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = true
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = false
+        this.btnStatus.btnMeeting = false
+        this.btnStatus.btnHangUp = false
+      }
     }
   },
   created() {
-    this.initSapoOcx()
+    this.initSocket()
   },
   methods: {
-    // 坐席签入
+    // 初始化Socket，ok
+    initSocket() {
+      if ('WebSocket' in window) {
+        console.log('您的浏览器支持Websocket!')
+        this.$store.dispatch('initWebSocket')
+      } else {
+        this.$message.error('您的浏览器不支持Websocket!请更换浏览器！')
+      }
+    },
+    // 坐席签入，ok
     login() {
       // 先判断websocket状态
-      if (this.$store.getters.websocket === '1') {
-        // 如果没有分机号，先输入分机号，有分机号直接签入
-        if (!this.txtPhoneAccount) {
+      if (this.wsStatus) {
+        // 如果没有绑定的分机号，需要先输入分机号，有分机号直接签入
+        if (!this.exten) {
           this.$prompt('请输入分机号', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消'
           }).then(({ value }) => {
-            this.txtPhoneAccount = value
+            this.nowExten = value
             this.doLogin()
           })
         } else {
-          this.doLogin()
+          // 获取分机号，
+          this.extenList = this.exten.split(',')
+          if (this.extenList.length > 1) {
+            // 打开选择分机号弹窗
+            this.$refs.chooseexten.initDialog()
+          } else {
+            this.nowExten = this.exten
+            this.doLogin()
+          }
         }
       } else {
         this.$message.error('websocket连接状态异常，请刷新页面')
       }
     },
+    // 结束选择分机号
+    finishChooseExten(exten) {
+      this.nowExten = exten
+      this.doLogin()
+    },
     // websocket执行签入操作
     doLogin() {
-      // 替代sapoOcx.login
-      if (this.heartbeatInterval == null || this.heartbeatInterval <= 0) {
-        this.heartbeatInterval = 0
-      }
-      this.webVariable.web_heartbeatInterval = this.heartbeatInterval
-      this.webVariable.web_extension = this.txtPhoneAccount
-      this.webVariable.web_agentStaffid = this.staffId
-      this.webVariable.web_agentName = this.agentName
-      this.webVariable.web_skill = this.skill
-      // 替代socket.api.login
-      const sendObj = {
-        agent: this.agentName,
-        extension: this.txtPhoneAccount,
-        queue: this.queue,
-        staffid: this.staffId,
-        busyString: this.busyString,
-        skill: this.skill,
-        secid: this.deptid,
-        secname: this.deptName,
-        autoacw: this.autoAcw,
-        domain: this.domain,
-        security: this.security
-      }
-      const strSend = this.createCommand('login', sendObj)
-      if (this.debug) {
-        console.log(strSend)
-      }
-      this.webSocket.send(strSend)
+      // 传入分机号和坐席名称
+      const { userId, deptid, deptName, nowExten, agentName } = this
+      this.$store.dispatch('signin', { userId, deptid, deptName, nowExten, agentName })
     },
-    // 处理登录之后的操作
-    handleLoginResult(object) {
-      if (object.success === 'true') { // 登录成功
-        // 处理其他按钮的可点击情况
-        this.btnStatus.btnLogin = true
-        this.btnStatus.btnLogOut = false
-        this.btnStatus.btnDialOut = false
-        this.btnStatus.btnDialIn = false
-        this.btnStatus.btnHold = false
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = false
-        this.btnStatus.btnHangUp = false
-        this.status = '已签入'
-        this.call = '空闲'
-        this.$store.commit('SET_ONLINE', '1')
-        // 通知后台已签入
-        this.sendRecord('1', '签入')
-        // 心跳监测定时器
-        // if (this.webVariable.web_heartbeatInterval > 0) {
-        //   this.webVariable.web_heartbeatID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_heartbeatID * 1000)
-        // }
-        const that = this
-        if (this.heartbeatInterval > 0) {
-          this.heartbeatID = setInterval(function() {
-            console.log('startheartbeat')
-            that.sendHearbeatMessage()
-          }, that.heartbeatID * 1000)
-        }
-        if (this.busy === '') {
-          // OnFree_cb()
-        } else {
-          // OnBusy_cb(busy)
-          // }
-        }
-      } else if (object.resultText) { // 登录失败，显示错误信息
-        this.showError(object.resultText)
-        if (object.resultText === '座席登录失败, 分机号码错误') {
-          this.txtPhoneAccount = ''
-        }
-      }
+    // 签入成功后按钮的操作
+    onLoginSuccess() {
+      this.btnStatus.btnLogin = true // 签出按钮不显示
+      this.btnStatus.btnLogOut = false
+      this.btnStatus.btnDialOut = false
+      this.btnStatus.btnDialIn = false
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true // 置闲不显示
+      this.btnStatus.btnMeeting = false
+      this.btnStatus.btnHangUp = false
+      this.status = '已签入'
+      this.call = '空闲'
+      // 通知后台已签入
+      this.sendRecord('1', '签入')
     },
     // 坐席签出
     logout() {
-      const strSend = 'command:logout\n\n'
-      this.webSocket.send(strSend)
+      this.$confirm(
+        '确认签出吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        this.$store.dispatch('signout')
+      })
     },
-    // 处理签出成功之后的操作
-    handleLogoutResult(object) {
-      if (object.success === 'true') {
-        this.status = '未签入'
-        this.$message.success('签出成功')
-        // 处理按钮状态
-        this.btnStatus.btnLogin = false
-        this.btnStatus.btnLogOut = true
-        this.btnStatus.btnDialOut = true
-        this.btnStatus.btnDialIn = true
-        this.btnStatus.btnHold = true
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = true
-        this.btnStatus.btnHangUp = true
-        this.$store.commit('SET_ONLINE', '0')
-        this.resetWs()
-        // 通知后台已签入
-        this.sendRecord('1', '签出')
-        // 清除定时器
-        // clearInterval(this.webVariable.web_heartbeatID)
-        clearInterval(this.heartbeatID)
-      }
+    logoutSuccess() {
+      this.status = '未签入'
+      this.$message.success('签出成功')
+      // 处理按钮状态
+      this.btnStatus.btnLogin = false
+      this.btnStatus.btnLogOut = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = true
+      // 通知后台已签入
+      this.sendRecord('1', '签出')
     },
-    // 外呼
+    // 外呼，ok
     dialOut() {
       if (this.judgeStatus()) {
-        this.$refs.keyboard.initDialog('out')
+        if (!this.isInCall) {
+          this.$refs.keyboard.initDialog('out')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 内呼
+    // 内呼,ok
     dialIn() {
       if (this.judgeStatus()) {
-        this.getExtentionList()
-        this.$refs.chooseseats.initDialog('in')
+        // 如果在通话中，不允许内呼
+        if (!this.isInCall) {
+          this.getExtentionList()
+          this.$refs.chooseseats.initDialog('in')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 获取坐席列表
+    // 转接，ok
+    transferDial() {
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) { // 判断是否外接电话
+            this.$refs.chooseseats.initDialog('transfer')
+          } else {
+            this.$message.warning('只有外接电话才允许转接')
+          }
+        }
+      }
+    },
+    // 获取已登录坐席列表,ok
     getExtentionList() {
       const params = {
         type: 'agent'
       }
-      const strSend = this.createCommand('getExtensionList', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('getExtensionList', params)
     },
     // 拨号
     dial(type, tel) {
@@ -352,43 +374,45 @@
       if (type === 'out') {
         tel = '9' + tel
       }
-      const sendObj = {
-        dialString: tel,
-        cusid: '',
-        cusname: '',
-        proid: '',
-        proname: ''
+      if (type === 'transfer') {
+        this.goTransfer(tel)
       }
       this.statusShow = true
       this.statusText = '呼叫中...'
       this.statusDetailText = '呼叫中'
-      const strSend = this.createCommand('dial', sendObj)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('dial', tel)
+    },
+    // 直接去转接
+    goTransfer(tel) {
+      this.$store.dispatch('transfer', tel)
     },
     // 示忙
     onbusy() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('busy')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = false
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onbusy')
+          this.btnStatus.btnBusy = true
+          this.btnStatus.btnIdle = false
+          this.sendRecord('4', '置忙')
+        }
       }
     },
     // 示闲
     onidle() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('idle')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onidle')
+          this.btnStatus.btnBusy = false
+          this.btnStatus.btnIdle = true
+          this.sendRecord('4', '置闲')
+        }
       }
     },
     // 挂机
     hangup() {
-      if (this.judgeStatus()) { // 判断坐席状态
+      if (this.judgeStatus()) { // 判断坐席状态，
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hangup')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hangup')
         }
       }
     },
@@ -396,8 +420,7 @@
     hold() {
       if (this.judgeStatus()) { // 判断坐席状态
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hold')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hold')
           this.sendRecord('3', '进入保持')
         }
       }
@@ -405,15 +428,49 @@
     // 解除保持
     unhold() {
       if (this.judgeStatus()) {
-        const strSend = this.createCommand('unhold')
-        this.webSocket.send(strSend)
+        this.$store.dispatch('unhold')
         this.sendRecord('3', '解除保持')
       }
     },
-    // 处理接通来电事宜
-    incommingAnswerd(object) {
+    // 通话开始
+    startCall() {
+      const that = this
+      this.number = this.websocketObj.number
+      // 开始通话后3s弹窗消失
+      if (this.statusShow) {
+        setTimeout(function() {
+          that.statusShow = false
+        }, 3000)
+      }
+      // 开启计时器
+      this.time = 0
+      this.timeInterval = setInterval(function() {
+        that.time += 1
+      }, 1000)
+    },
+    // 通话结束
+    callOver() {
+      // 结束计时器
+      if (this.timeInterval) {
+        this.$message.info('通话结束')
+        clearInterval(this.timeInterval)
+        this.timeInterval = null
+        this.time = 0
+        this.number = ''
+      }
+      // 如果是来电,进入工作态
+      if (this.isInComing) {
+        this.goWorkState()
+      }
+    },
+    // 处理接通来电之后
+    incommingAnswerd() {
+      debugger
+      const object = this.websocketObj
       this.isInComing = true
-      this.notify.close() // 关闭来电提醒
+      if (this.notify) {
+        this.notify.close() // 关闭来电提醒
+      }
       // 处理按钮显示问题
       this.btnStatus.btnDialOut = true
       this.btnStatus.btnDialIn = true
@@ -423,18 +480,21 @@
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
-      // 弹出新建工单窗口
-      this.showAddCase = true
-      const data = {
-        callid: object.callid,
-        number: object.number,
-        dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
-      }
-      console.log(data)
-      const that = this
-      setTimeout(function() {
-        that.$refs['addcase'].initData(data)
-      }, 500)
+      // 判断是不是内呼，内呼则不弹出新建工单页面
+      // if (!this.judgeInsideNumber()) {
+        // 弹出新建工单窗口
+        this.showAddCase = true
+        const data = {
+          callid: object.callid,
+          number: object.number,
+          dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
+        }
+        console.log(data)
+        const that = this
+        setTimeout(function() {
+          that.$refs['addcase'].initData(data)
+        }, 500)
+      // }
     },
     // 新建事件完毕调用
     closeCreateDialog() {
@@ -458,218 +518,42 @@
     },
     // 点击会议，打开会议弹窗
     meeting() {
-      this.$refs.chooseseats.initDialog('meeting')
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) {
+            this.$refs.chooseseats.initDialog('meeting')
+          } else {
+            this.$message.warning('只有外接电话才允许三方通话')
+          }
+        }
+      }
     },
     // 开启三方通话
     goMeeting(tel) {
-      const params = {
-        dialString: tel
-      }
-      const strSend = this.createCommand('threeWay', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('meeting', tel)
     },
-    // 初始化
-    initSapoOcx() {
-      const { ip, port } = this
-      sapoOcx.api.setDebugMode()
-      // 连接服务器,参数：ip,端口,初始化websocket
-      if (ip && port) {
-        this.connect(ip, port)
-      } else {
-        this.$message.error('请检查websock连接配置')
-      }
+    // 外呼振铃的操作
+    onOutBoundRinging() { // 除了挂断其他不允许点
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = false
     },
-    // 创建连接
-    connect: function(server, port) {
-      sapoOcx.api.config.serverIp = server
-      if (port != null && port !== '') { sapoOcx.api.config.commuPort = port }
-      this.connectToServer()
-    },
-    // 连接服务器
-    connectToServer: function() {
-      const that = this
-      if (!sapoOcx.api.config.initFinish) {
-        sapoOcx.api.config.initFinish = true
-        setTimeout(that.connectToServer(), 200)
-      } else {
-        this.initConnection(sapoOcx.api.config.serverIp, sapoOcx.api.config.commuPort)
-      }
-    },
-    // 初始化websocket连接
-    initConnection(ip, port) {
-      const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
-      this.webSocket = new WebSocket(wsUrl)
-      this.webSocket.onopen = this.wsOpen
-      this.webSocket.onclose = this.wsClose
-      this.webSocket.onmessage = this.wsMessage
-      this.webSocket.onerror = this.wsError
-    },
-    // webSocket onOpen
-    wsOpen(event) {
-      this.status = '已连接'
-      this.$store.commit('SET_WEBSOCKET', '1')
-      this.btnStatus.btnLogin = false
-    },
-    // webSocket onClose
-    wsClose(event) {
-      this.resetWs()
-      clearInterval(this.webVariable.web_heartbeatID)
-      this.$store.commit('SET_WEBSOCKET', '1')
-    },
-    // 处理websocket 返回消息
-    wsMessage(event) {
-      const that = this
-      // 将websocket 返回值转成对象 object
-      const obj = event.data
-      const data = obj.split('\n')
-      const object = {}
-      data.forEach(function(value) {
-        if (value !== '') {
-          const objData = value.split(':')
-          object[objData[0]] = objData[1]
-        }
-      })
-      console.log(object)
-      // 根据返回值处理
-      const messageType = object.messageType // 消息类型
-      if (messageType === 'event') {
-        const name = object.name
-        if (name === 'agent status') { // 坐席状态
-
-        }
-        if (name === 'call status') { // 话机状态
-          if (object.call === '空闲') {
-            this.call = '空闲'
-            // 如果正在通话
-            if (this.isInCall === true) {
-              this.statusDetailText = '通话结束'
-              this.statusShow = false
-              // 结束计时器
-              if (this.timeInterval) {
-                this.$message.info('通话结束')
-                clearInterval(this.timeInterval)
-                this.timeInterval = null
-                this.time = 0
-              }
-              // 如果是来电,进入工作态
-              if (this.isInComing) {
-                this.goWorkState()
-              }
-              this.isInCall = false
-            }
-          } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
-            this.call = '通话中'
-            this.isInCall = true
-            this.statusDetailText = object.call
-            // 开始通话后3s弹窗消失
-            if (this.statusShow) {
-              setTimeout(function() {
-                that.statusShow = false
-              }, 3000)
-            }
-            this.time = 0
-            this.timeInterval = setInterval(function() {
-              that.time += 1
-            }, 1000)
-          } else {
-            this.isInCall = true
-            this.statusDetailText = object.call
-          }
-        }
-        if (name === 'outbound ringing') { // 外呼振铃,除了挂断其他不允许点
-          this.btnStatus.btnDialOut = true
-          this.btnStatus.btnDialIn = true
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = true
-          this.btnStatus.btnIdle = true
-          this.btnStatus.btnMeeting = true
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'outbound answered') { // 外呼接通，允许保持
-          this.isInComing = false
-          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
-        }
-        if (name === 'incomming ringing') {
-          this.notify = this.$notify({
-            title: '未接来电',
-            message: object.number,
-            duration: 0
-          })
-        }
-        if (name === 'incomming answered') { // 来电接通
-          this.incommingAnswerd(object)
-        }
-        if (name === 'hangup') { // 挂断， 冻结和解除冻结不好用，其他均可
-          this.btnStatus.btnDialOut = false
-          this.btnStatus.btnDialIn = false
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = false
-          this.btnStatus.btnIdle = false
-          this.btnStatus.btnMeeting = false
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'status changed') { // 状态改变
-          this.busy = object.busy // 坐席忙碌状态
-          // this.call = object.call // 通话忙碌状态
-          this.reg = object.reg // 话机状态
-          this.number = object.number ? object.number : '' // 来电号码
-          this.webVariable.web_reg = object.reg
-          this.webVariable.web_callStatue = object.call
-          this.webVariable.web_agentStatue = object.agent
-          this.webVariable.web_busyStatue = object.busy
-          this.webVariable.web_number = object.number
-          if (this.reg === '离线') {
-            this.$message.warning('话机已离线，请检查！')
-            if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
-              this.statusShow = false
-            }
-          }
-        }
-        if (name === 'queue status') {
-          // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
-        }
-        if (name === 'busy status') {
-          // busy = object.busy
-          // if (busy == '') {
-          //   OnFree_cb()
-          // } else {
-          //   OnBusy_cb(busy)
-          // }
-        }
-      } else if (messageType === 'heartbeat response') { // 心跳回复
-        this.webVariable.web_hearbeatCount = 0
-        this.heartbeatCount = 0
-      } else if (messageType === 'command response') { // 命令回复
-        const command = object.command
-        if (command === 'login') {
-          this.handleLoginResult(object)
-        } else if (command === 'logout') {
-          this.handleLogoutResult(object)
-        } else if (command === 'getExtensionList') {
-          this.handleExtensionList(object)
-        } else if (command === 'dial') {
-          if (object.success === 'true') { this.statusDetailText = object.resultText }
-        } else if (object.resultText === '准备挂断' && object.success === 'true') {
-          this.statusShow = false
-        } else if (object.resultText === '准备保持' && object.success === 'true') {
-          if (object.type === '') { // 保持成功后
-            this.btnStatus.btnUnhold = false
-            this.btnStatus.btnHold = true
-          } else if (object.type === 'off') { // 解除保持成功后
-            this.btnStatus.btnUnhold = true
-            this.btnStatus.btnHold = false
-          }
-        }
-      }
+    // 外呼接听后的操作 , 允许保持，允许挂断，其余均不允许
+    onOutBoundAnswered() {
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnHangUp = false
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
     },
     // 获取坐席列表，存到seatsList
     handleExtensionList(object) {
@@ -695,61 +579,13 @@
         }
       }
     },
-    // webSocket onError
-    wsError(event) {
-      console.log(event)
-    },
-    resetWs() {
-      this.webVariable.web_extension = null
-      this.webVariable.web_agentStaffid = null
-      this.webVariable.web_agentName = null
-      this.webVariable.web_skill = null
-
-      this.webVariable.web_reg = null
-      this.webVariable.web_callStatue = null
-      this.webVariable.web_agentStatue = null
-      this.webVariable.web_busyStatue = null
-      this.webVariable.web_number = null
-    },
-    // 发送心跳，三次没有响应则断开连接
-    sendHearbeatMessage() {
-      // if (this.webVariable.web_hearbeatCount >= 3) {
-      //   this.webSocket.close()
-      // } else {
-      //   this.webVariable.web_hearbeatCount += 1
-      //   const strSend = this.createCommand('heartbeat')
-      //   this.webSocket.send(strSend)
-      // }
-      if (this.heartbeatCount >= 3) {
-        this.webSocket.close()
-      } else {
-        this.heartbeatCount += 1
-        const strSend = this.createCommand('heartbeat')
-        console.log(strSend)
-        this.webSocket.send(strSend)
-      }
-    },
     // 显示错误信息
     showError(message) {
       this.$message.error(message)
     },
-    // 创建命令
-    createCommand(command, object = null) {
-      let sendStr = 'command:'
-      if (command) {
-        sendStr += command + '\n'
-        if (object) {
-          for (const key in object) {
-            sendStr += key + ':' + object[key] + '\n'
-          }
-        }
-        sendStr += '\n'
-      }
-      return sendStr
-    },
     // 判断坐席状态
     judgeStatus() {
-      if (this.status === '已签入') {
+      if (this.signStatus) {
         return true
       } else {
         this.$message.warning('请先签入呼叫平台')
@@ -765,6 +601,13 @@
         return false
       }
     },
+    judgeInsideNumber(number) {
+      if (number.length > 4) {
+        return false
+      } else {
+        return true
+      }
+    },
     // 向后台写记录
     sendRecord(type, recordName) {
       seatReport(type, recordName)
@@ -774,68 +617,68 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.ivr-div{
-  position: fixed;
-  top:0px;
-  left:240px;
-  padding-top: 10px;
-  .el-button--default{
-    width:50px;
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
-    background-color:transparent;
-    border-style:none;
-    color: #ffffff;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: none;
-    margin: 0;
-    -webkit-transition: .1s;
-    transition: .1s;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    padding: 3px 3px;
-    font-size: 12px;
-    .ivr-icon{
-      width: 100%;
+  .ivr-div{
+    position: fixed;
+    top:0px;
+    left:240px;
+    padding-top: 10px;
+    .el-button--default{
+      width:50px;
+      display: inline-block;
+      line-height: 1;
+      white-space: nowrap;
+      cursor: pointer;
+      background-color:transparent;
+      border-style:none;
+      color: #ffffff;
+      -webkit-appearance: none;
       text-align: center;
-      display: block;
-      font-size: 25px;
-      margin-bottom: 2px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      outline: none;
+      margin: 0;
+      -webkit-transition: .1s;
+      transition: .1s;
+      font-weight: 500;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+      padding: 3px 3px;
+      font-size: 12px;
+      .ivr-icon{
+        width: 100%;
+        text-align: center;
+        display: block;
+        font-size: 25px;
+        margin-bottom: 2px;
+      }
+    }
+    .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
+      color: #e1e1e1;
+      .ivr-icon{
+        color: #e1e1e1 !important;
+      }
+    }
+    .state-show{
+      display: inline-block;
+      width:200px;
+      margin-left: 20px;
+      border:1px solid #409EFF;
+      color:#ffffff;
+      font-size:12px;
+      line-height: 17px;
+      padding:5px 5px;
+      height: 45px;
+      box-sizing: border-box;
+      transform: translate(0, -8px);
+    }
+    .highlight{
+      font-size:13px;
+      font-weight: 600;
+      color:#00ffff;
+      padding-left: 5px;
     }
   }
-  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
-    color: #e1e1e1;
-    .ivr-icon{
-      color: #e1e1e1 !important;
-    }
-  }
-  .state-show{
-    display: inline-block;
-    width:180px;
-    margin-left: 20px;
-    border:1px solid #409EFF;
-    color:#ffffff;
-    font-size:12px;
-    line-height: 17px;
-    padding:5px 5px;
-    height: 45px;
-    box-sizing: border-box;
-    transform: translate(0, -8px);
-  }
-  .highlight{
-    font-size:13px;
-    font-weight: 600;
-    color:#00ffff;
-    padding-left: 5px;
-  }
-}
 </style>
 <style>
   .addcase-dialog{

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->
diff --git a/src/layout/components/ivr/chooseSeats.vue b/src/layout/components/ivr/chooseSeats.vue
index 30e6012..330c74f 100644
--- a/src/layout/components/ivr/chooseSeats.vue
+++ b/src/layout/components/ivr/chooseSeats.vue
@@ -5,12 +5,12 @@
       :visible.sync="dialogVisible"
       :before-close="handleClose"
       :close-on-click-modal = "false"
-      title="内呼"
+      :title="dialogTitles[type]"
       width="350px"
       append-to-body>
       <div class="pinPage">
         <el-radio-group v-model="tel" size="small">
-          <el-radio v-for="seat of seatList" :key="seat.exten" :label="seat.exten" border>{{ seat.exten }}</el-radio>
+          <el-radio v-for="seat of seatList" v-if="seat.exten!=self" :key="seat.exten" :label="seat.exten" class="seat-radio" border>{{ seat.exten }}[{{ seat.name }}]</el-radio>
         </el-radio-group>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -30,11 +30,20 @@
       default: function() {
         return []
       }
-    }
+    },
+    self: {
+      type: String,
+      default: ''
+    } // 排除自己
   },
   data() {
     return {
-      type: 'in', // 内呼in, 会议meeting
+      type: 'in', // 内呼in, 会议meeting, 转接transfer
+      dialogTitles: {
+        in: '内呼',
+        meeting: '三方通话',
+        transfer: '转接'
+      },
       dialogVisible: false, // 对话框显示状态
       tel: '', // 电话
       currentNumber: '' // 当前数字
@@ -124,18 +133,23 @@
   input{
     /*background-color: transparent;*/
   }
+  .seat-radio{
+    margin-bottom:10px;
+    margin-left:10px;
+    display: block;
+  }
 </style>
 <!--<style rel="stylesheet/scss" lang="scss">-->
-  <!--.keyboard-input {-->
-    <!--height:50px;-->
-    <!--width: 100%;-->
-    <!--font-size:18px;-->
-    <!--.el-input__inner{-->
-      <!--height:50px !important;-->
-    <!--}-->
-    <!--input{-->
-      <!--font-size:18px;-->
-      <!--text-align: center;-->
-    <!--}-->
-  <!--}-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
 <!--</style>-->
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 3f8c80f..2295c93 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -6,62 +6,30 @@
     <ivr-btn :show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" icon="baochi" @click="unhold">解除保持</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialIn" icon="hujiao" @click="dialIn">内呼</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialOut" icon="duiwaihujiao" @click="dialOut">外呼</ivr-btn>
+    <!--<ivr-btn :show="true" :disabled="btnStatus.btnTransfer" icon="hujiao" @click="transferDial">转接</ivr-btn>-->
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnMeeting" icon="hy" @click="meeting">会议</ivr-btn>
     <ivr-btn :show="!btnStatus.btnIdle" :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">退出示忙</ivr-btn>
     <ivr-btn :show="btnStatus.btnIdle" :disabled="btnStatus.btnBusy" icon="shimang" @click="onbusy">示忙</ivr-btn>
     <ivr-btn :show="!btnStatus.btnQuitWorkState" :disabled="btnStatus.btnWorkState" icon="icon-work" @click="quitWorkState">退出工作态</ivr-btn>
     <ivr-btn :show="!btnStatus.btnWorkState" :disabled="btnStatus.btnQuitWorkState" icon="icon-work" @click="goWorkState">进入工作态</ivr-btn>
-    <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
-    <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
-    <!--<div>签入</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" @click="logout">-->
-    <!--<svg-icon icon-class="qianchu" class="ivr-icon"/>-->
-    <!--<div>签出</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" @click="hold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" @click="unhold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>解除保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialIn" @click="dialIn">-->
-    <!--<svg-icon icon-class="hujiao" class="ivr-icon"/>-->
-    <!--<div>内呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialOut" @click="dialOut">-->
-    <!--<svg-icon icon-class="duiwaihujiao" class="ivr-icon"/>-->
-    <!--<div>外呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-    <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-    <!--<div>会议</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnIdle" @click="onidle">-->
-    <!--<svg-icon icon-class="xiaoxiu" class="ivr-icon"/>-->
-    <!--<div>小休</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnBusy" @click="onbusy">-->
-    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
-    <!--<div>示忙</div>-->
-    <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
-      <div>通话时间：<span class="highlight">{{ timeFormat }}</span><span class="highlight">{{ call }}</span></div>
+      <div>通话时间：<span class="highlight">{{ time | timeFilter }}</span><span class="highlight">{{ callStatus | windowTextFilter }}</span></div>
     </div>
     <!--软键盘-->
     <keyboard ref="keyboard" @call="dial"/>
-    <choose-seats ref="chooseseats" :seat-list="seatsList" @call="dial"/>
+    <!--选择分机-->
+    <choose-exten ref="chooseexten" :exten-list="extenList" @finish="finishChooseExten"/>
+    <!--选择坐席-->
+    <choose-seats ref="chooseseats" :seat-list="extensionList" :self="nowExten" @call="dial"/>
     <!--外呼状态栏-->
     <el-dialog
       :title="statusText"
       :visible.sync="statusShow"
       width="30%"
       append-to-body>
-      <span>{{ statusDetailText }}</span><span class="dot">...</span>
+      <span>{{ callStatus }}</span><span class="dot">...</span>
     </el-dialog>
     <!--新建事件页面-->
     <el-dialog
@@ -71,7 +39,7 @@
       title="新建事件"
       width="1200px"
       custom-class="addcase-dialog"
-      top="5vh"
+      top="60px"
       append-to-body>
       <create-case ref="addcase" @cancel="closeCreateDialog"/>
     </el-dialog>
@@ -79,7 +47,6 @@
 </template>
 
 <script>
-import sapoOcx from 'sapoOcx'
 import Keyboard from './keyboard'
 import IvrBtn from './ivrBtn'
 import CreateCase from '@/views/caseManage/createCase'
@@ -87,42 +54,26 @@
 import ChooseSeats from './chooseSeats'
 import { getProject } from '@/utils/baseConfig'
 import { seatReport } from '@/api/call'
+import ChooseExten from './chooseExten'
+import { mapState } from 'vuex'
 
 export default {
   name: 'IvrBar',
-  components: { ChooseSeats, CreateCase, IvrBtn, Keyboard },
+  components: { ChooseExten, ChooseSeats, CreateCase, IvrBtn, Keyboard },
   data() {
     return {
       debug: true, // 是否开启debug模式
-      txtPhoneAccount: this.$store.getters.exten, // 分机号
-      agentName: 'test', // 坐席名
-      queue: 'kefu', // 技能组
-      staffId: '10101', // 工号
-      skill: '1', // 技能值
-      busyString: '忙碌', // 致忙原因
-      deptid: '1', // 部门编号
-      deptName: '客服部', // 部门名称
-      autoAcw: '0', // 自动化后
-      domain: '',
-      security: '',
+      nowExten: '', // 当前使用的分机号
+      extenList: [], // 待选分机列表
+      agentName: this.$store.getters.seat, // 坐席号
+      userId: this.$store.getters.id, // 用户id
+      deptid: this.$store.getters.deptId, // 部门编号
+      deptName: this.$store.getters.deptName, // 部门名称
       seatsList: [], // 坐席列表
       heartbeatInterval: 0, // 心跳interval
       heartbeatCount: 0, // 心跳heartbeat count
       heartbeatID: 0, // 心跳heartbeat id
-      webSocket: {},
-      webVariable: {
-        web_version: '2.17.0505',
-        web_agentStaffid: null,
-        web_agentName: null,
-        web_skill: null,
-        web_reg: null,
-        web_callStatue: null,
-        web_busyStatue: null,
-        web_number: null,
-        web_heartbeatCount: 0,
-        web_heartbeatInterval: 0,
-        web_heartbeatID: 0
-      },
+      // webSocket: this.$store.state.ivr.websocket, // ws
       btnStatus: {
         btnLogin: false, // 签入
         btnLogOut: true, // 签出
@@ -131,35 +82,18 @@
         btnHangUp: true, // 挂机
         btnDialOut: true, // 外呼
         btnDialIn: true, // 内呼
-        btnAgentList: true,
+        btnTransfer: true, // 转接
         btnBusy: true, // 示忙
         btnIdle: true, // 示闲
-        btnMeeting: true, // 会议
-        btnPickUp: true,
-        btnExtenPickUp: true,
-        btnGroupPickUp: true,
-        btnSpy: true,
-        btnGroupSpy: true,
-        btnVersion: true,
-        btnGetExtension: true,
-        btnGetAgentStaffid: true,
-        btnGetAgentName: true,
-        btnGetSkill: true,
-        btnGetBusyState: true,
-        btnGetAgentState: true,
-        btnGetCallState: true,
-        btnGetRegState: true,
-        btnGetNumber: true,
-        btnInject: true,
+        btnMeeting: true, // 会议/三方通话
         btnWorkState: false, // 进入工作态
         btnQuitWorkState: true // 退出工作态
       },
       status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
-      isInCall: false, // 是否在通话中
       isInComing: false, // 是否来电
-      reg: '', // 话机状态
+      // reg: '', // 话机状态
       number: '', // 通话号码
       diaStatus: '', // 拨号状态
       statusText: '', // 拨号状态标题
@@ -175,6 +109,18 @@
     }
   },
   computed: {
+    ...mapState({
+      exten: state => state.user.exten, // 用户绑定的分机号
+      wsStatus: state => state.ivr.wsStatus,
+      signStatus: state => state.ivr.signStatus, // 签入签出状态
+      callStatus: state => state.ivr.callStatus,
+      isInCall: state => state.ivr.isInCall,
+      isInComming: state => state.ivr.isInComming,
+      extensionList: state => state.ivr.extensionList,
+      reg: state => state.ivr.reg,
+      webSocket: state => state.ivr.webSocket,
+      websocketObj: state => state.ivr.websocketObj
+    }),
     timeFormat() { // 将时间格式化为时分秒样式
       const h = Math.floor(this.time / 3600)
       const m = Math.floor((this.time - h * 3600) / 60)
@@ -183,6 +129,32 @@
       return str
     }
   },
+  filters: {
+    // 呼叫时间过滤器
+    timeFilter(val) {
+      const h = Math.floor(val / 3600)
+      const m = Math.floor((val - h * 3600) / 60)
+      const s = val - h * 3600 - m * 60
+      const str = ('0' + h).slice(-2) + ':' + ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    // 弹窗内文字
+    windowTextFilter(val) {
+      if (val) {
+        if (val === '呼入振铃') {
+          return '呼入振铃'
+        } else if (val === '外呼振铃' || val === '外呼准备' || val === '开始拨号') {
+          return '呼叫中'
+        } else if (val === '通话结束' || val === '空闲') {
+          return '空闲中'
+        } else {
+          return '通话中'
+        }
+      } else {
+        return '空闲中'
+      }
+    }
+  },
   watch: {
     busy(val) {
       // 忙碌状态为不忙时，示忙按钮允许点,示闲不允许
@@ -193,156 +165,206 @@
         this.btnStatus.btnBusy = true
         this.btnStatus.btnIdle = false
       }
+    },
+    wsStatus(val) { // 监控ws连接状态
+      if (val) { // 如果wsStatus==true
+        if (!this.signStatus) { // 如果还没有签入
+          this.btnStatus.btnLogin = false
+        } else {
+          this.btnStatus.btnLogin = true
+        }
+      } else {
+        this.btnStatus.btnLogin = true
+      }
+    },
+    signStatus(val) { // 监控签入状态
+      console.log('sign status Change:' + val)
+      if (val) { // 已签入
+        this.onLoginSuccess()
+      } else {
+        this.logoutSuccess()
+      }
+    },
+    callStatus(val) { // 通话状态
+      console.log(val)
+      if (val === '通话结束') { // 通话结束
+        this.callOver()
+      } else if (val === '外呼通话' || val === '呼入通话' || val === '自动外呼接入') {
+        this.startCall()
+      }
+    },
+    reg(val) {
+      if (val === 'incomming answered') { // 接听呼入
+        this.incommingAnswerd()
+      } else if (val === 'holding') { // 状态为保持
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = false
+      } else if (val === 'unholding') { // 状态为解除保持
+        this.btnStatus.btnHold = false
+        this.btnStatus.btnUnhold = true
+      } else if (val === 'incomming ringing') { // 来电振铃
+        this.notify = this.$notify({
+          title: '未接来电',
+          message: this.websocketObj.number,
+          duration: 0
+        })
+      } else if (val === 'outbound ringing') { // 外呼振铃后的操作
+        this.onOutBoundRinging()
+      } else if (val === 'outbound answered') { // 外呼接通，允许保持,挂断
+        this.onOutBoundAnswered()
+      } else if (val === 'hangup') { // 挂断， 保持和解除保持不好用，其他均可
+        this.btnStatus.btnDialOut = false
+        this.btnStatus.btnDialIn = false
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = true
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = false
+        this.btnStatus.btnMeeting = false
+        this.btnStatus.btnHangUp = false
+      }
     }
   },
   created() {
-    this.initSapoOcx()
+    this.initSocket()
   },
   methods: {
-    // 坐席签入
+    // 初始化Socket，ok
+    initSocket() {
+      if ('WebSocket' in window) {
+        console.log('您的浏览器支持Websocket!')
+        this.$store.dispatch('initWebSocket')
+      } else {
+        this.$message.error('您的浏览器不支持Websocket!请更换浏览器！')
+      }
+    },
+    // 坐席签入，ok
     login() {
       // 先判断websocket状态
-      if (this.$store.getters.websocket === '1') {
-        // 如果没有分机号，先输入分机号，有分机号直接签入
-        if (!this.txtPhoneAccount) {
+      if (this.wsStatus) {
+        // 如果没有绑定的分机号，需要先输入分机号，有分机号直接签入
+        if (!this.exten) {
           this.$prompt('请输入分机号', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消'
           }).then(({ value }) => {
-            this.txtPhoneAccount = value
+            this.nowExten = value
             this.doLogin()
           })
         } else {
-          this.doLogin()
+          // 获取分机号，
+          this.extenList = this.exten.split(',')
+          if (this.extenList.length > 1) {
+            // 打开选择分机号弹窗
+            this.$refs.chooseexten.initDialog()
+          } else {
+            this.nowExten = this.exten
+            this.doLogin()
+          }
         }
       } else {
         this.$message.error('websocket连接状态异常，请刷新页面')
       }
     },
+    // 结束选择分机号
+    finishChooseExten(exten) {
+      this.nowExten = exten
+      this.doLogin()
+    },
     // websocket执行签入操作
     doLogin() {
-      // 替代sapoOcx.login
-      if (this.heartbeatInterval == null || this.heartbeatInterval <= 0) {
-        this.heartbeatInterval = 0
-      }
-      this.webVariable.web_heartbeatInterval = this.heartbeatInterval
-      this.webVariable.web_extension = this.txtPhoneAccount
-      this.webVariable.web_agentStaffid = this.staffId
-      this.webVariable.web_agentName = this.agentName
-      this.webVariable.web_skill = this.skill
-      // 替代socket.api.login
-      const sendObj = {
-        agent: this.agentName,
-        extension: this.txtPhoneAccount,
-        queue: this.queue,
-        staffid: this.staffId,
-        busyString: this.busyString,
-        skill: this.skill,
-        secid: this.deptid,
-        secname: this.deptName,
-        autoacw: this.autoAcw,
-        domain: this.domain,
-        security: this.security
-      }
-      const strSend = this.createCommand('login', sendObj)
-      if (this.debug) {
-        console.log(strSend)
-      }
-      this.webSocket.send(strSend)
+      // 传入分机号和坐席名称
+      const { userId, deptid, deptName, nowExten, agentName } = this
+      this.$store.dispatch('signin', { userId, deptid, deptName, nowExten, agentName })
     },
-    // 处理登录之后的操作
-    handleLoginResult(object) {
-      if (object.success === 'true') { // 登录成功
-        // 处理其他按钮的可点击情况
-        this.btnStatus.btnLogin = true
-        this.btnStatus.btnLogOut = false
-        this.btnStatus.btnDialOut = false
-        this.btnStatus.btnDialIn = false
-        this.btnStatus.btnHold = false
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = false
-        this.btnStatus.btnHangUp = false
-        this.status = '已签入'
-        this.call = '空闲'
-        this.$store.commit('SET_ONLINE', '1')
-        // 通知后台已签入
-        this.sendRecord('1', '签入')
-        // 心跳监测定时器
-        // if (this.webVariable.web_heartbeatInterval > 0) {
-        //   this.webVariable.web_heartbeatID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_heartbeatID * 1000)
-        // }
-        const that = this
-        if (this.heartbeatInterval > 0) {
-          this.heartbeatID = setInterval(function() {
-            console.log('startheartbeat')
-            that.sendHearbeatMessage()
-          }, that.heartbeatID * 1000)
-        }
-        if (this.busy === '') {
-          // OnFree_cb()
-        } else {
-          // OnBusy_cb(busy)
-          // }
-        }
-      } else if (object.resultText) { // 登录失败，显示错误信息
-        this.showError(object.resultText)
-        if (object.resultText === '座席登录失败, 分机号码错误') {
-          this.txtPhoneAccount = ''
-        }
-      }
+    // 签入成功后按钮的操作
+    onLoginSuccess() {
+      this.btnStatus.btnLogin = true // 签出按钮不显示
+      this.btnStatus.btnLogOut = false
+      this.btnStatus.btnDialOut = false
+      this.btnStatus.btnDialIn = false
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true // 置闲不显示
+      this.btnStatus.btnMeeting = false
+      this.btnStatus.btnHangUp = false
+      this.status = '已签入'
+      this.call = '空闲'
+      // 通知后台已签入
+      this.sendRecord('1', '签入')
     },
     // 坐席签出
     logout() {
-      const strSend = 'command:logout\n\n'
-      this.webSocket.send(strSend)
+      this.$confirm(
+        '确认签出吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        this.$store.dispatch('signout')
+      })
     },
-    // 处理签出成功之后的操作
-    handleLogoutResult(object) {
-      if (object.success === 'true') {
-        this.status = '未签入'
-        this.$message.success('签出成功')
-        // 处理按钮状态
-        this.btnStatus.btnLogin = false
-        this.btnStatus.btnLogOut = true
-        this.btnStatus.btnDialOut = true
-        this.btnStatus.btnDialIn = true
-        this.btnStatus.btnHold = true
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = true
-        this.btnStatus.btnHangUp = true
-        this.$store.commit('SET_ONLINE', '0')
-        this.resetWs()
-        // 通知后台已签入
-        this.sendRecord('1', '签出')
-        // 清除定时器
-        // clearInterval(this.webVariable.web_heartbeatID)
-        clearInterval(this.heartbeatID)
-      }
+    logoutSuccess() {
+      this.status = '未签入'
+      this.$message.success('签出成功')
+      // 处理按钮状态
+      this.btnStatus.btnLogin = false
+      this.btnStatus.btnLogOut = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = true
+      // 通知后台已签入
+      this.sendRecord('1', '签出')
     },
-    // 外呼
+    // 外呼，ok
     dialOut() {
       if (this.judgeStatus()) {
-        this.$refs.keyboard.initDialog('out')
+        if (!this.isInCall) {
+          this.$refs.keyboard.initDialog('out')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 内呼
+    // 内呼,ok
     dialIn() {
       if (this.judgeStatus()) {
-        this.getExtentionList()
-        this.$refs.chooseseats.initDialog('in')
+        // 如果在通话中，不允许内呼
+        if (!this.isInCall) {
+          this.getExtentionList()
+          this.$refs.chooseseats.initDialog('in')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 获取坐席列表
+    // 转接，ok
+    transferDial() {
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) { // 判断是否外接电话
+            this.$refs.chooseseats.initDialog('transfer')
+          } else {
+            this.$message.warning('只有外接电话才允许转接')
+          }
+        }
+      }
+    },
+    // 获取已登录坐席列表,ok
     getExtentionList() {
       const params = {
         type: 'agent'
       }
-      const strSend = this.createCommand('getExtensionList', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('getExtensionList', params)
     },
     // 拨号
     dial(type, tel) {
@@ -352,43 +374,45 @@
       if (type === 'out') {
         tel = '9' + tel
       }
-      const sendObj = {
-        dialString: tel,
-        cusid: '',
-        cusname: '',
-        proid: '',
-        proname: ''
+      if (type === 'transfer') {
+        this.goTransfer(tel)
       }
       this.statusShow = true
       this.statusText = '呼叫中...'
       this.statusDetailText = '呼叫中'
-      const strSend = this.createCommand('dial', sendObj)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('dial', tel)
+    },
+    // 直接去转接
+    goTransfer(tel) {
+      this.$store.dispatch('transfer', tel)
     },
     // 示忙
     onbusy() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('busy')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = false
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onbusy')
+          this.btnStatus.btnBusy = true
+          this.btnStatus.btnIdle = false
+          this.sendRecord('4', '置忙')
+        }
       }
     },
     // 示闲
     onidle() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('idle')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onidle')
+          this.btnStatus.btnBusy = false
+          this.btnStatus.btnIdle = true
+          this.sendRecord('4', '置闲')
+        }
       }
     },
     // 挂机
     hangup() {
-      if (this.judgeStatus()) { // 判断坐席状态
+      if (this.judgeStatus()) { // 判断坐席状态，
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hangup')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hangup')
         }
       }
     },
@@ -396,8 +420,7 @@
     hold() {
       if (this.judgeStatus()) { // 判断坐席状态
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hold')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hold')
           this.sendRecord('3', '进入保持')
         }
       }
@@ -405,15 +428,49 @@
     // 解除保持
     unhold() {
       if (this.judgeStatus()) {
-        const strSend = this.createCommand('unhold')
-        this.webSocket.send(strSend)
+        this.$store.dispatch('unhold')
         this.sendRecord('3', '解除保持')
       }
     },
-    // 处理接通来电事宜
-    incommingAnswerd(object) {
+    // 通话开始
+    startCall() {
+      const that = this
+      this.number = this.websocketObj.number
+      // 开始通话后3s弹窗消失
+      if (this.statusShow) {
+        setTimeout(function() {
+          that.statusShow = false
+        }, 3000)
+      }
+      // 开启计时器
+      this.time = 0
+      this.timeInterval = setInterval(function() {
+        that.time += 1
+      }, 1000)
+    },
+    // 通话结束
+    callOver() {
+      // 结束计时器
+      if (this.timeInterval) {
+        this.$message.info('通话结束')
+        clearInterval(this.timeInterval)
+        this.timeInterval = null
+        this.time = 0
+        this.number = ''
+      }
+      // 如果是来电,进入工作态
+      if (this.isInComing) {
+        this.goWorkState()
+      }
+    },
+    // 处理接通来电之后
+    incommingAnswerd() {
+      debugger
+      const object = this.websocketObj
       this.isInComing = true
-      this.notify.close() // 关闭来电提醒
+      if (this.notify) {
+        this.notify.close() // 关闭来电提醒
+      }
       // 处理按钮显示问题
       this.btnStatus.btnDialOut = true
       this.btnStatus.btnDialIn = true
@@ -423,18 +480,21 @@
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
-      // 弹出新建工单窗口
-      this.showAddCase = true
-      const data = {
-        callid: object.callid,
-        number: object.number,
-        dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
-      }
-      console.log(data)
-      const that = this
-      setTimeout(function() {
-        that.$refs['addcase'].initData(data)
-      }, 500)
+      // 判断是不是内呼，内呼则不弹出新建工单页面
+      // if (!this.judgeInsideNumber()) {
+        // 弹出新建工单窗口
+        this.showAddCase = true
+        const data = {
+          callid: object.callid,
+          number: object.number,
+          dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
+        }
+        console.log(data)
+        const that = this
+        setTimeout(function() {
+          that.$refs['addcase'].initData(data)
+        }, 500)
+      // }
     },
     // 新建事件完毕调用
     closeCreateDialog() {
@@ -458,218 +518,42 @@
     },
     // 点击会议，打开会议弹窗
     meeting() {
-      this.$refs.chooseseats.initDialog('meeting')
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) {
+            this.$refs.chooseseats.initDialog('meeting')
+          } else {
+            this.$message.warning('只有外接电话才允许三方通话')
+          }
+        }
+      }
     },
     // 开启三方通话
     goMeeting(tel) {
-      const params = {
-        dialString: tel
-      }
-      const strSend = this.createCommand('threeWay', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('meeting', tel)
     },
-    // 初始化
-    initSapoOcx() {
-      const { ip, port } = this
-      sapoOcx.api.setDebugMode()
-      // 连接服务器,参数：ip,端口,初始化websocket
-      if (ip && port) {
-        this.connect(ip, port)
-      } else {
-        this.$message.error('请检查websock连接配置')
-      }
+    // 外呼振铃的操作
+    onOutBoundRinging() { // 除了挂断其他不允许点
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = false
     },
-    // 创建连接
-    connect: function(server, port) {
-      sapoOcx.api.config.serverIp = server
-      if (port != null && port !== '') { sapoOcx.api.config.commuPort = port }
-      this.connectToServer()
-    },
-    // 连接服务器
-    connectToServer: function() {
-      const that = this
-      if (!sapoOcx.api.config.initFinish) {
-        sapoOcx.api.config.initFinish = true
-        setTimeout(that.connectToServer(), 200)
-      } else {
-        this.initConnection(sapoOcx.api.config.serverIp, sapoOcx.api.config.commuPort)
-      }
-    },
-    // 初始化websocket连接
-    initConnection(ip, port) {
-      const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
-      this.webSocket = new WebSocket(wsUrl)
-      this.webSocket.onopen = this.wsOpen
-      this.webSocket.onclose = this.wsClose
-      this.webSocket.onmessage = this.wsMessage
-      this.webSocket.onerror = this.wsError
-    },
-    // webSocket onOpen
-    wsOpen(event) {
-      this.status = '已连接'
-      this.$store.commit('SET_WEBSOCKET', '1')
-      this.btnStatus.btnLogin = false
-    },
-    // webSocket onClose
-    wsClose(event) {
-      this.resetWs()
-      clearInterval(this.webVariable.web_heartbeatID)
-      this.$store.commit('SET_WEBSOCKET', '1')
-    },
-    // 处理websocket 返回消息
-    wsMessage(event) {
-      const that = this
-      // 将websocket 返回值转成对象 object
-      const obj = event.data
-      const data = obj.split('\n')
-      const object = {}
-      data.forEach(function(value) {
-        if (value !== '') {
-          const objData = value.split(':')
-          object[objData[0]] = objData[1]
-        }
-      })
-      console.log(object)
-      // 根据返回值处理
-      const messageType = object.messageType // 消息类型
-      if (messageType === 'event') {
-        const name = object.name
-        if (name === 'agent status') { // 坐席状态
-
-        }
-        if (name === 'call status') { // 话机状态
-          if (object.call === '空闲') {
-            this.call = '空闲'
-            // 如果正在通话
-            if (this.isInCall === true) {
-              this.statusDetailText = '通话结束'
-              this.statusShow = false
-              // 结束计时器
-              if (this.timeInterval) {
-                this.$message.info('通话结束')
-                clearInterval(this.timeInterval)
-                this.timeInterval = null
-                this.time = 0
-              }
-              // 如果是来电,进入工作态
-              if (this.isInComing) {
-                this.goWorkState()
-              }
-              this.isInCall = false
-            }
-          } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
-            this.call = '通话中'
-            this.isInCall = true
-            this.statusDetailText = object.call
-            // 开始通话后3s弹窗消失
-            if (this.statusShow) {
-              setTimeout(function() {
-                that.statusShow = false
-              }, 3000)
-            }
-            this.time = 0
-            this.timeInterval = setInterval(function() {
-              that.time += 1
-            }, 1000)
-          } else {
-            this.isInCall = true
-            this.statusDetailText = object.call
-          }
-        }
-        if (name === 'outbound ringing') { // 外呼振铃,除了挂断其他不允许点
-          this.btnStatus.btnDialOut = true
-          this.btnStatus.btnDialIn = true
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = true
-          this.btnStatus.btnIdle = true
-          this.btnStatus.btnMeeting = true
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'outbound answered') { // 外呼接通，允许保持
-          this.isInComing = false
-          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
-        }
-        if (name === 'incomming ringing') {
-          this.notify = this.$notify({
-            title: '未接来电',
-            message: object.number,
-            duration: 0
-          })
-        }
-        if (name === 'incomming answered') { // 来电接通
-          this.incommingAnswerd(object)
-        }
-        if (name === 'hangup') { // 挂断， 冻结和解除冻结不好用，其他均可
-          this.btnStatus.btnDialOut = false
-          this.btnStatus.btnDialIn = false
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = false
-          this.btnStatus.btnIdle = false
-          this.btnStatus.btnMeeting = false
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'status changed') { // 状态改变
-          this.busy = object.busy // 坐席忙碌状态
-          // this.call = object.call // 通话忙碌状态
-          this.reg = object.reg // 话机状态
-          this.number = object.number ? object.number : '' // 来电号码
-          this.webVariable.web_reg = object.reg
-          this.webVariable.web_callStatue = object.call
-          this.webVariable.web_agentStatue = object.agent
-          this.webVariable.web_busyStatue = object.busy
-          this.webVariable.web_number = object.number
-          if (this.reg === '离线') {
-            this.$message.warning('话机已离线，请检查！')
-            if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
-              this.statusShow = false
-            }
-          }
-        }
-        if (name === 'queue status') {
-          // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
-        }
-        if (name === 'busy status') {
-          // busy = object.busy
-          // if (busy == '') {
-          //   OnFree_cb()
-          // } else {
-          //   OnBusy_cb(busy)
-          // }
-        }
-      } else if (messageType === 'heartbeat response') { // 心跳回复
-        this.webVariable.web_hearbeatCount = 0
-        this.heartbeatCount = 0
-      } else if (messageType === 'command response') { // 命令回复
-        const command = object.command
-        if (command === 'login') {
-          this.handleLoginResult(object)
-        } else if (command === 'logout') {
-          this.handleLogoutResult(object)
-        } else if (command === 'getExtensionList') {
-          this.handleExtensionList(object)
-        } else if (command === 'dial') {
-          if (object.success === 'true') { this.statusDetailText = object.resultText }
-        } else if (object.resultText === '准备挂断' && object.success === 'true') {
-          this.statusShow = false
-        } else if (object.resultText === '准备保持' && object.success === 'true') {
-          if (object.type === '') { // 保持成功后
-            this.btnStatus.btnUnhold = false
-            this.btnStatus.btnHold = true
-          } else if (object.type === 'off') { // 解除保持成功后
-            this.btnStatus.btnUnhold = true
-            this.btnStatus.btnHold = false
-          }
-        }
-      }
+    // 外呼接听后的操作 , 允许保持，允许挂断，其余均不允许
+    onOutBoundAnswered() {
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnHangUp = false
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
     },
     // 获取坐席列表，存到seatsList
     handleExtensionList(object) {
@@ -695,61 +579,13 @@
         }
       }
     },
-    // webSocket onError
-    wsError(event) {
-      console.log(event)
-    },
-    resetWs() {
-      this.webVariable.web_extension = null
-      this.webVariable.web_agentStaffid = null
-      this.webVariable.web_agentName = null
-      this.webVariable.web_skill = null
-
-      this.webVariable.web_reg = null
-      this.webVariable.web_callStatue = null
-      this.webVariable.web_agentStatue = null
-      this.webVariable.web_busyStatue = null
-      this.webVariable.web_number = null
-    },
-    // 发送心跳，三次没有响应则断开连接
-    sendHearbeatMessage() {
-      // if (this.webVariable.web_hearbeatCount >= 3) {
-      //   this.webSocket.close()
-      // } else {
-      //   this.webVariable.web_hearbeatCount += 1
-      //   const strSend = this.createCommand('heartbeat')
-      //   this.webSocket.send(strSend)
-      // }
-      if (this.heartbeatCount >= 3) {
-        this.webSocket.close()
-      } else {
-        this.heartbeatCount += 1
-        const strSend = this.createCommand('heartbeat')
-        console.log(strSend)
-        this.webSocket.send(strSend)
-      }
-    },
     // 显示错误信息
     showError(message) {
       this.$message.error(message)
     },
-    // 创建命令
-    createCommand(command, object = null) {
-      let sendStr = 'command:'
-      if (command) {
-        sendStr += command + '\n'
-        if (object) {
-          for (const key in object) {
-            sendStr += key + ':' + object[key] + '\n'
-          }
-        }
-        sendStr += '\n'
-      }
-      return sendStr
-    },
     // 判断坐席状态
     judgeStatus() {
-      if (this.status === '已签入') {
+      if (this.signStatus) {
         return true
       } else {
         this.$message.warning('请先签入呼叫平台')
@@ -765,6 +601,13 @@
         return false
       }
     },
+    judgeInsideNumber(number) {
+      if (number.length > 4) {
+        return false
+      } else {
+        return true
+      }
+    },
     // 向后台写记录
     sendRecord(type, recordName) {
       seatReport(type, recordName)
@@ -774,68 +617,68 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.ivr-div{
-  position: fixed;
-  top:0px;
-  left:240px;
-  padding-top: 10px;
-  .el-button--default{
-    width:50px;
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
-    background-color:transparent;
-    border-style:none;
-    color: #ffffff;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: none;
-    margin: 0;
-    -webkit-transition: .1s;
-    transition: .1s;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    padding: 3px 3px;
-    font-size: 12px;
-    .ivr-icon{
-      width: 100%;
+  .ivr-div{
+    position: fixed;
+    top:0px;
+    left:240px;
+    padding-top: 10px;
+    .el-button--default{
+      width:50px;
+      display: inline-block;
+      line-height: 1;
+      white-space: nowrap;
+      cursor: pointer;
+      background-color:transparent;
+      border-style:none;
+      color: #ffffff;
+      -webkit-appearance: none;
       text-align: center;
-      display: block;
-      font-size: 25px;
-      margin-bottom: 2px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      outline: none;
+      margin: 0;
+      -webkit-transition: .1s;
+      transition: .1s;
+      font-weight: 500;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+      padding: 3px 3px;
+      font-size: 12px;
+      .ivr-icon{
+        width: 100%;
+        text-align: center;
+        display: block;
+        font-size: 25px;
+        margin-bottom: 2px;
+      }
+    }
+    .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
+      color: #e1e1e1;
+      .ivr-icon{
+        color: #e1e1e1 !important;
+      }
+    }
+    .state-show{
+      display: inline-block;
+      width:200px;
+      margin-left: 20px;
+      border:1px solid #409EFF;
+      color:#ffffff;
+      font-size:12px;
+      line-height: 17px;
+      padding:5px 5px;
+      height: 45px;
+      box-sizing: border-box;
+      transform: translate(0, -8px);
+    }
+    .highlight{
+      font-size:13px;
+      font-weight: 600;
+      color:#00ffff;
+      padding-left: 5px;
     }
   }
-  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
-    color: #e1e1e1;
-    .ivr-icon{
-      color: #e1e1e1 !important;
-    }
-  }
-  .state-show{
-    display: inline-block;
-    width:180px;
-    margin-left: 20px;
-    border:1px solid #409EFF;
-    color:#ffffff;
-    font-size:12px;
-    line-height: 17px;
-    padding:5px 5px;
-    height: 45px;
-    box-sizing: border-box;
-    transform: translate(0, -8px);
-  }
-  .highlight{
-    font-size:13px;
-    font-weight: 600;
-    color:#00ffff;
-    padding-left: 5px;
-  }
-}
 </style>
 <style>
   .addcase-dialog{
diff --git a/src/store/getters.js b/src/store/getters.js
index 611f237..0dfd755 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
   id: state => state.user.id, // id
   account: state => state.user.account, // 账户
   name: state => state.user.name, // 姓名
+  seat: state => state.user.seat, // 坐席号
   roleList: state => state.user.roleList, // 角色列表
   roleNames: state => state.user.roleNames, // 角色名称列表
   roleTips: state => state.user.roleTips, // 角色名称列表
@@ -19,11 +20,11 @@
   permission_routers: state => state.permission.routers, // 用户有权限的路由
   addRouters: state => state.permission.addRouters, // 添加的路由
   btns: state => state.permission.btns, // 用户所有的按钮权限
-  seat: state => state.user.seat, // 坐席号
   exten: state => state.user.exten, // 分机号
   websocket: state => state.user.websocket, // websocket连接状态
   online: state => state.user.online, // 签入情况
   area: state => state.user.area, // 用户所在区域
-  systemName: state => state.user.systemName // 系统名称
+  systemName: state => state.user.systemName, // 系统名称
+  signStatus: state => state.ivr.signStatus // 签入状态
 }
 export default getters

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->
diff --git a/src/layout/components/ivr/chooseSeats.vue b/src/layout/components/ivr/chooseSeats.vue
index 30e6012..330c74f 100644
--- a/src/layout/components/ivr/chooseSeats.vue
+++ b/src/layout/components/ivr/chooseSeats.vue
@@ -5,12 +5,12 @@
       :visible.sync="dialogVisible"
       :before-close="handleClose"
       :close-on-click-modal = "false"
-      title="内呼"
+      :title="dialogTitles[type]"
       width="350px"
       append-to-body>
       <div class="pinPage">
         <el-radio-group v-model="tel" size="small">
-          <el-radio v-for="seat of seatList" :key="seat.exten" :label="seat.exten" border>{{ seat.exten }}</el-radio>
+          <el-radio v-for="seat of seatList" v-if="seat.exten!=self" :key="seat.exten" :label="seat.exten" class="seat-radio" border>{{ seat.exten }}[{{ seat.name }}]</el-radio>
         </el-radio-group>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -30,11 +30,20 @@
       default: function() {
         return []
       }
-    }
+    },
+    self: {
+      type: String,
+      default: ''
+    } // 排除自己
   },
   data() {
     return {
-      type: 'in', // 内呼in, 会议meeting
+      type: 'in', // 内呼in, 会议meeting, 转接transfer
+      dialogTitles: {
+        in: '内呼',
+        meeting: '三方通话',
+        transfer: '转接'
+      },
       dialogVisible: false, // 对话框显示状态
       tel: '', // 电话
       currentNumber: '' // 当前数字
@@ -124,18 +133,23 @@
   input{
     /*background-color: transparent;*/
   }
+  .seat-radio{
+    margin-bottom:10px;
+    margin-left:10px;
+    display: block;
+  }
 </style>
 <!--<style rel="stylesheet/scss" lang="scss">-->
-  <!--.keyboard-input {-->
-    <!--height:50px;-->
-    <!--width: 100%;-->
-    <!--font-size:18px;-->
-    <!--.el-input__inner{-->
-      <!--height:50px !important;-->
-    <!--}-->
-    <!--input{-->
-      <!--font-size:18px;-->
-      <!--text-align: center;-->
-    <!--}-->
-  <!--}-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
 <!--</style>-->
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 3f8c80f..2295c93 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -6,62 +6,30 @@
     <ivr-btn :show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" icon="baochi" @click="unhold">解除保持</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialIn" icon="hujiao" @click="dialIn">内呼</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialOut" icon="duiwaihujiao" @click="dialOut">外呼</ivr-btn>
+    <!--<ivr-btn :show="true" :disabled="btnStatus.btnTransfer" icon="hujiao" @click="transferDial">转接</ivr-btn>-->
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnMeeting" icon="hy" @click="meeting">会议</ivr-btn>
     <ivr-btn :show="!btnStatus.btnIdle" :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">退出示忙</ivr-btn>
     <ivr-btn :show="btnStatus.btnIdle" :disabled="btnStatus.btnBusy" icon="shimang" @click="onbusy">示忙</ivr-btn>
     <ivr-btn :show="!btnStatus.btnQuitWorkState" :disabled="btnStatus.btnWorkState" icon="icon-work" @click="quitWorkState">退出工作态</ivr-btn>
     <ivr-btn :show="!btnStatus.btnWorkState" :disabled="btnStatus.btnQuitWorkState" icon="icon-work" @click="goWorkState">进入工作态</ivr-btn>
-    <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
-    <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
-    <!--<div>签入</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" @click="logout">-->
-    <!--<svg-icon icon-class="qianchu" class="ivr-icon"/>-->
-    <!--<div>签出</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" @click="hold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" @click="unhold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>解除保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialIn" @click="dialIn">-->
-    <!--<svg-icon icon-class="hujiao" class="ivr-icon"/>-->
-    <!--<div>内呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialOut" @click="dialOut">-->
-    <!--<svg-icon icon-class="duiwaihujiao" class="ivr-icon"/>-->
-    <!--<div>外呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-    <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-    <!--<div>会议</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnIdle" @click="onidle">-->
-    <!--<svg-icon icon-class="xiaoxiu" class="ivr-icon"/>-->
-    <!--<div>小休</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnBusy" @click="onbusy">-->
-    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
-    <!--<div>示忙</div>-->
-    <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
-      <div>通话时间：<span class="highlight">{{ timeFormat }}</span><span class="highlight">{{ call }}</span></div>
+      <div>通话时间：<span class="highlight">{{ time | timeFilter }}</span><span class="highlight">{{ callStatus | windowTextFilter }}</span></div>
     </div>
     <!--软键盘-->
     <keyboard ref="keyboard" @call="dial"/>
-    <choose-seats ref="chooseseats" :seat-list="seatsList" @call="dial"/>
+    <!--选择分机-->
+    <choose-exten ref="chooseexten" :exten-list="extenList" @finish="finishChooseExten"/>
+    <!--选择坐席-->
+    <choose-seats ref="chooseseats" :seat-list="extensionList" :self="nowExten" @call="dial"/>
     <!--外呼状态栏-->
     <el-dialog
       :title="statusText"
       :visible.sync="statusShow"
       width="30%"
       append-to-body>
-      <span>{{ statusDetailText }}</span><span class="dot">...</span>
+      <span>{{ callStatus }}</span><span class="dot">...</span>
     </el-dialog>
     <!--新建事件页面-->
     <el-dialog
@@ -71,7 +39,7 @@
       title="新建事件"
       width="1200px"
       custom-class="addcase-dialog"
-      top="5vh"
+      top="60px"
       append-to-body>
       <create-case ref="addcase" @cancel="closeCreateDialog"/>
     </el-dialog>
@@ -79,7 +47,6 @@
 </template>
 
 <script>
-import sapoOcx from 'sapoOcx'
 import Keyboard from './keyboard'
 import IvrBtn from './ivrBtn'
 import CreateCase from '@/views/caseManage/createCase'
@@ -87,42 +54,26 @@
 import ChooseSeats from './chooseSeats'
 import { getProject } from '@/utils/baseConfig'
 import { seatReport } from '@/api/call'
+import ChooseExten from './chooseExten'
+import { mapState } from 'vuex'
 
 export default {
   name: 'IvrBar',
-  components: { ChooseSeats, CreateCase, IvrBtn, Keyboard },
+  components: { ChooseExten, ChooseSeats, CreateCase, IvrBtn, Keyboard },
   data() {
     return {
       debug: true, // 是否开启debug模式
-      txtPhoneAccount: this.$store.getters.exten, // 分机号
-      agentName: 'test', // 坐席名
-      queue: 'kefu', // 技能组
-      staffId: '10101', // 工号
-      skill: '1', // 技能值
-      busyString: '忙碌', // 致忙原因
-      deptid: '1', // 部门编号
-      deptName: '客服部', // 部门名称
-      autoAcw: '0', // 自动化后
-      domain: '',
-      security: '',
+      nowExten: '', // 当前使用的分机号
+      extenList: [], // 待选分机列表
+      agentName: this.$store.getters.seat, // 坐席号
+      userId: this.$store.getters.id, // 用户id
+      deptid: this.$store.getters.deptId, // 部门编号
+      deptName: this.$store.getters.deptName, // 部门名称
       seatsList: [], // 坐席列表
       heartbeatInterval: 0, // 心跳interval
       heartbeatCount: 0, // 心跳heartbeat count
       heartbeatID: 0, // 心跳heartbeat id
-      webSocket: {},
-      webVariable: {
-        web_version: '2.17.0505',
-        web_agentStaffid: null,
-        web_agentName: null,
-        web_skill: null,
-        web_reg: null,
-        web_callStatue: null,
-        web_busyStatue: null,
-        web_number: null,
-        web_heartbeatCount: 0,
-        web_heartbeatInterval: 0,
-        web_heartbeatID: 0
-      },
+      // webSocket: this.$store.state.ivr.websocket, // ws
       btnStatus: {
         btnLogin: false, // 签入
         btnLogOut: true, // 签出
@@ -131,35 +82,18 @@
         btnHangUp: true, // 挂机
         btnDialOut: true, // 外呼
         btnDialIn: true, // 内呼
-        btnAgentList: true,
+        btnTransfer: true, // 转接
         btnBusy: true, // 示忙
         btnIdle: true, // 示闲
-        btnMeeting: true, // 会议
-        btnPickUp: true,
-        btnExtenPickUp: true,
-        btnGroupPickUp: true,
-        btnSpy: true,
-        btnGroupSpy: true,
-        btnVersion: true,
-        btnGetExtension: true,
-        btnGetAgentStaffid: true,
-        btnGetAgentName: true,
-        btnGetSkill: true,
-        btnGetBusyState: true,
-        btnGetAgentState: true,
-        btnGetCallState: true,
-        btnGetRegState: true,
-        btnGetNumber: true,
-        btnInject: true,
+        btnMeeting: true, // 会议/三方通话
         btnWorkState: false, // 进入工作态
         btnQuitWorkState: true // 退出工作态
       },
       status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
-      isInCall: false, // 是否在通话中
       isInComing: false, // 是否来电
-      reg: '', // 话机状态
+      // reg: '', // 话机状态
       number: '', // 通话号码
       diaStatus: '', // 拨号状态
       statusText: '', // 拨号状态标题
@@ -175,6 +109,18 @@
     }
   },
   computed: {
+    ...mapState({
+      exten: state => state.user.exten, // 用户绑定的分机号
+      wsStatus: state => state.ivr.wsStatus,
+      signStatus: state => state.ivr.signStatus, // 签入签出状态
+      callStatus: state => state.ivr.callStatus,
+      isInCall: state => state.ivr.isInCall,
+      isInComming: state => state.ivr.isInComming,
+      extensionList: state => state.ivr.extensionList,
+      reg: state => state.ivr.reg,
+      webSocket: state => state.ivr.webSocket,
+      websocketObj: state => state.ivr.websocketObj
+    }),
     timeFormat() { // 将时间格式化为时分秒样式
       const h = Math.floor(this.time / 3600)
       const m = Math.floor((this.time - h * 3600) / 60)
@@ -183,6 +129,32 @@
       return str
     }
   },
+  filters: {
+    // 呼叫时间过滤器
+    timeFilter(val) {
+      const h = Math.floor(val / 3600)
+      const m = Math.floor((val - h * 3600) / 60)
+      const s = val - h * 3600 - m * 60
+      const str = ('0' + h).slice(-2) + ':' + ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    // 弹窗内文字
+    windowTextFilter(val) {
+      if (val) {
+        if (val === '呼入振铃') {
+          return '呼入振铃'
+        } else if (val === '外呼振铃' || val === '外呼准备' || val === '开始拨号') {
+          return '呼叫中'
+        } else if (val === '通话结束' || val === '空闲') {
+          return '空闲中'
+        } else {
+          return '通话中'
+        }
+      } else {
+        return '空闲中'
+      }
+    }
+  },
   watch: {
     busy(val) {
       // 忙碌状态为不忙时，示忙按钮允许点,示闲不允许
@@ -193,156 +165,206 @@
         this.btnStatus.btnBusy = true
         this.btnStatus.btnIdle = false
       }
+    },
+    wsStatus(val) { // 监控ws连接状态
+      if (val) { // 如果wsStatus==true
+        if (!this.signStatus) { // 如果还没有签入
+          this.btnStatus.btnLogin = false
+        } else {
+          this.btnStatus.btnLogin = true
+        }
+      } else {
+        this.btnStatus.btnLogin = true
+      }
+    },
+    signStatus(val) { // 监控签入状态
+      console.log('sign status Change:' + val)
+      if (val) { // 已签入
+        this.onLoginSuccess()
+      } else {
+        this.logoutSuccess()
+      }
+    },
+    callStatus(val) { // 通话状态
+      console.log(val)
+      if (val === '通话结束') { // 通话结束
+        this.callOver()
+      } else if (val === '外呼通话' || val === '呼入通话' || val === '自动外呼接入') {
+        this.startCall()
+      }
+    },
+    reg(val) {
+      if (val === 'incomming answered') { // 接听呼入
+        this.incommingAnswerd()
+      } else if (val === 'holding') { // 状态为保持
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = false
+      } else if (val === 'unholding') { // 状态为解除保持
+        this.btnStatus.btnHold = false
+        this.btnStatus.btnUnhold = true
+      } else if (val === 'incomming ringing') { // 来电振铃
+        this.notify = this.$notify({
+          title: '未接来电',
+          message: this.websocketObj.number,
+          duration: 0
+        })
+      } else if (val === 'outbound ringing') { // 外呼振铃后的操作
+        this.onOutBoundRinging()
+      } else if (val === 'outbound answered') { // 外呼接通，允许保持,挂断
+        this.onOutBoundAnswered()
+      } else if (val === 'hangup') { // 挂断， 保持和解除保持不好用，其他均可
+        this.btnStatus.btnDialOut = false
+        this.btnStatus.btnDialIn = false
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = true
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = false
+        this.btnStatus.btnMeeting = false
+        this.btnStatus.btnHangUp = false
+      }
     }
   },
   created() {
-    this.initSapoOcx()
+    this.initSocket()
   },
   methods: {
-    // 坐席签入
+    // 初始化Socket，ok
+    initSocket() {
+      if ('WebSocket' in window) {
+        console.log('您的浏览器支持Websocket!')
+        this.$store.dispatch('initWebSocket')
+      } else {
+        this.$message.error('您的浏览器不支持Websocket!请更换浏览器！')
+      }
+    },
+    // 坐席签入，ok
     login() {
       // 先判断websocket状态
-      if (this.$store.getters.websocket === '1') {
-        // 如果没有分机号，先输入分机号，有分机号直接签入
-        if (!this.txtPhoneAccount) {
+      if (this.wsStatus) {
+        // 如果没有绑定的分机号，需要先输入分机号，有分机号直接签入
+        if (!this.exten) {
           this.$prompt('请输入分机号', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消'
           }).then(({ value }) => {
-            this.txtPhoneAccount = value
+            this.nowExten = value
             this.doLogin()
           })
         } else {
-          this.doLogin()
+          // 获取分机号，
+          this.extenList = this.exten.split(',')
+          if (this.extenList.length > 1) {
+            // 打开选择分机号弹窗
+            this.$refs.chooseexten.initDialog()
+          } else {
+            this.nowExten = this.exten
+            this.doLogin()
+          }
         }
       } else {
         this.$message.error('websocket连接状态异常，请刷新页面')
       }
     },
+    // 结束选择分机号
+    finishChooseExten(exten) {
+      this.nowExten = exten
+      this.doLogin()
+    },
     // websocket执行签入操作
     doLogin() {
-      // 替代sapoOcx.login
-      if (this.heartbeatInterval == null || this.heartbeatInterval <= 0) {
-        this.heartbeatInterval = 0
-      }
-      this.webVariable.web_heartbeatInterval = this.heartbeatInterval
-      this.webVariable.web_extension = this.txtPhoneAccount
-      this.webVariable.web_agentStaffid = this.staffId
-      this.webVariable.web_agentName = this.agentName
-      this.webVariable.web_skill = this.skill
-      // 替代socket.api.login
-      const sendObj = {
-        agent: this.agentName,
-        extension: this.txtPhoneAccount,
-        queue: this.queue,
-        staffid: this.staffId,
-        busyString: this.busyString,
-        skill: this.skill,
-        secid: this.deptid,
-        secname: this.deptName,
-        autoacw: this.autoAcw,
-        domain: this.domain,
-        security: this.security
-      }
-      const strSend = this.createCommand('login', sendObj)
-      if (this.debug) {
-        console.log(strSend)
-      }
-      this.webSocket.send(strSend)
+      // 传入分机号和坐席名称
+      const { userId, deptid, deptName, nowExten, agentName } = this
+      this.$store.dispatch('signin', { userId, deptid, deptName, nowExten, agentName })
     },
-    // 处理登录之后的操作
-    handleLoginResult(object) {
-      if (object.success === 'true') { // 登录成功
-        // 处理其他按钮的可点击情况
-        this.btnStatus.btnLogin = true
-        this.btnStatus.btnLogOut = false
-        this.btnStatus.btnDialOut = false
-        this.btnStatus.btnDialIn = false
-        this.btnStatus.btnHold = false
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = false
-        this.btnStatus.btnHangUp = false
-        this.status = '已签入'
-        this.call = '空闲'
-        this.$store.commit('SET_ONLINE', '1')
-        // 通知后台已签入
-        this.sendRecord('1', '签入')
-        // 心跳监测定时器
-        // if (this.webVariable.web_heartbeatInterval > 0) {
-        //   this.webVariable.web_heartbeatID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_heartbeatID * 1000)
-        // }
-        const that = this
-        if (this.heartbeatInterval > 0) {
-          this.heartbeatID = setInterval(function() {
-            console.log('startheartbeat')
-            that.sendHearbeatMessage()
-          }, that.heartbeatID * 1000)
-        }
-        if (this.busy === '') {
-          // OnFree_cb()
-        } else {
-          // OnBusy_cb(busy)
-          // }
-        }
-      } else if (object.resultText) { // 登录失败，显示错误信息
-        this.showError(object.resultText)
-        if (object.resultText === '座席登录失败, 分机号码错误') {
-          this.txtPhoneAccount = ''
-        }
-      }
+    // 签入成功后按钮的操作
+    onLoginSuccess() {
+      this.btnStatus.btnLogin = true // 签出按钮不显示
+      this.btnStatus.btnLogOut = false
+      this.btnStatus.btnDialOut = false
+      this.btnStatus.btnDialIn = false
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true // 置闲不显示
+      this.btnStatus.btnMeeting = false
+      this.btnStatus.btnHangUp = false
+      this.status = '已签入'
+      this.call = '空闲'
+      // 通知后台已签入
+      this.sendRecord('1', '签入')
     },
     // 坐席签出
     logout() {
-      const strSend = 'command:logout\n\n'
-      this.webSocket.send(strSend)
+      this.$confirm(
+        '确认签出吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        this.$store.dispatch('signout')
+      })
     },
-    // 处理签出成功之后的操作
-    handleLogoutResult(object) {
-      if (object.success === 'true') {
-        this.status = '未签入'
-        this.$message.success('签出成功')
-        // 处理按钮状态
-        this.btnStatus.btnLogin = false
-        this.btnStatus.btnLogOut = true
-        this.btnStatus.btnDialOut = true
-        this.btnStatus.btnDialIn = true
-        this.btnStatus.btnHold = true
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = true
-        this.btnStatus.btnHangUp = true
-        this.$store.commit('SET_ONLINE', '0')
-        this.resetWs()
-        // 通知后台已签入
-        this.sendRecord('1', '签出')
-        // 清除定时器
-        // clearInterval(this.webVariable.web_heartbeatID)
-        clearInterval(this.heartbeatID)
-      }
+    logoutSuccess() {
+      this.status = '未签入'
+      this.$message.success('签出成功')
+      // 处理按钮状态
+      this.btnStatus.btnLogin = false
+      this.btnStatus.btnLogOut = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = true
+      // 通知后台已签入
+      this.sendRecord('1', '签出')
     },
-    // 外呼
+    // 外呼，ok
     dialOut() {
       if (this.judgeStatus()) {
-        this.$refs.keyboard.initDialog('out')
+        if (!this.isInCall) {
+          this.$refs.keyboard.initDialog('out')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 内呼
+    // 内呼,ok
     dialIn() {
       if (this.judgeStatus()) {
-        this.getExtentionList()
-        this.$refs.chooseseats.initDialog('in')
+        // 如果在通话中，不允许内呼
+        if (!this.isInCall) {
+          this.getExtentionList()
+          this.$refs.chooseseats.initDialog('in')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 获取坐席列表
+    // 转接，ok
+    transferDial() {
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) { // 判断是否外接电话
+            this.$refs.chooseseats.initDialog('transfer')
+          } else {
+            this.$message.warning('只有外接电话才允许转接')
+          }
+        }
+      }
+    },
+    // 获取已登录坐席列表,ok
     getExtentionList() {
       const params = {
         type: 'agent'
       }
-      const strSend = this.createCommand('getExtensionList', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('getExtensionList', params)
     },
     // 拨号
     dial(type, tel) {
@@ -352,43 +374,45 @@
       if (type === 'out') {
         tel = '9' + tel
       }
-      const sendObj = {
-        dialString: tel,
-        cusid: '',
-        cusname: '',
-        proid: '',
-        proname: ''
+      if (type === 'transfer') {
+        this.goTransfer(tel)
       }
       this.statusShow = true
       this.statusText = '呼叫中...'
       this.statusDetailText = '呼叫中'
-      const strSend = this.createCommand('dial', sendObj)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('dial', tel)
+    },
+    // 直接去转接
+    goTransfer(tel) {
+      this.$store.dispatch('transfer', tel)
     },
     // 示忙
     onbusy() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('busy')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = false
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onbusy')
+          this.btnStatus.btnBusy = true
+          this.btnStatus.btnIdle = false
+          this.sendRecord('4', '置忙')
+        }
       }
     },
     // 示闲
     onidle() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('idle')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onidle')
+          this.btnStatus.btnBusy = false
+          this.btnStatus.btnIdle = true
+          this.sendRecord('4', '置闲')
+        }
       }
     },
     // 挂机
     hangup() {
-      if (this.judgeStatus()) { // 判断坐席状态
+      if (this.judgeStatus()) { // 判断坐席状态，
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hangup')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hangup')
         }
       }
     },
@@ -396,8 +420,7 @@
     hold() {
       if (this.judgeStatus()) { // 判断坐席状态
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hold')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hold')
           this.sendRecord('3', '进入保持')
         }
       }
@@ -405,15 +428,49 @@
     // 解除保持
     unhold() {
       if (this.judgeStatus()) {
-        const strSend = this.createCommand('unhold')
-        this.webSocket.send(strSend)
+        this.$store.dispatch('unhold')
         this.sendRecord('3', '解除保持')
       }
     },
-    // 处理接通来电事宜
-    incommingAnswerd(object) {
+    // 通话开始
+    startCall() {
+      const that = this
+      this.number = this.websocketObj.number
+      // 开始通话后3s弹窗消失
+      if (this.statusShow) {
+        setTimeout(function() {
+          that.statusShow = false
+        }, 3000)
+      }
+      // 开启计时器
+      this.time = 0
+      this.timeInterval = setInterval(function() {
+        that.time += 1
+      }, 1000)
+    },
+    // 通话结束
+    callOver() {
+      // 结束计时器
+      if (this.timeInterval) {
+        this.$message.info('通话结束')
+        clearInterval(this.timeInterval)
+        this.timeInterval = null
+        this.time = 0
+        this.number = ''
+      }
+      // 如果是来电,进入工作态
+      if (this.isInComing) {
+        this.goWorkState()
+      }
+    },
+    // 处理接通来电之后
+    incommingAnswerd() {
+      debugger
+      const object = this.websocketObj
       this.isInComing = true
-      this.notify.close() // 关闭来电提醒
+      if (this.notify) {
+        this.notify.close() // 关闭来电提醒
+      }
       // 处理按钮显示问题
       this.btnStatus.btnDialOut = true
       this.btnStatus.btnDialIn = true
@@ -423,18 +480,21 @@
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
-      // 弹出新建工单窗口
-      this.showAddCase = true
-      const data = {
-        callid: object.callid,
-        number: object.number,
-        dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
-      }
-      console.log(data)
-      const that = this
-      setTimeout(function() {
-        that.$refs['addcase'].initData(data)
-      }, 500)
+      // 判断是不是内呼，内呼则不弹出新建工单页面
+      // if (!this.judgeInsideNumber()) {
+        // 弹出新建工单窗口
+        this.showAddCase = true
+        const data = {
+          callid: object.callid,
+          number: object.number,
+          dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
+        }
+        console.log(data)
+        const that = this
+        setTimeout(function() {
+          that.$refs['addcase'].initData(data)
+        }, 500)
+      // }
     },
     // 新建事件完毕调用
     closeCreateDialog() {
@@ -458,218 +518,42 @@
     },
     // 点击会议，打开会议弹窗
     meeting() {
-      this.$refs.chooseseats.initDialog('meeting')
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) {
+            this.$refs.chooseseats.initDialog('meeting')
+          } else {
+            this.$message.warning('只有外接电话才允许三方通话')
+          }
+        }
+      }
     },
     // 开启三方通话
     goMeeting(tel) {
-      const params = {
-        dialString: tel
-      }
-      const strSend = this.createCommand('threeWay', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('meeting', tel)
     },
-    // 初始化
-    initSapoOcx() {
-      const { ip, port } = this
-      sapoOcx.api.setDebugMode()
-      // 连接服务器,参数：ip,端口,初始化websocket
-      if (ip && port) {
-        this.connect(ip, port)
-      } else {
-        this.$message.error('请检查websock连接配置')
-      }
+    // 外呼振铃的操作
+    onOutBoundRinging() { // 除了挂断其他不允许点
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = false
     },
-    // 创建连接
-    connect: function(server, port) {
-      sapoOcx.api.config.serverIp = server
-      if (port != null && port !== '') { sapoOcx.api.config.commuPort = port }
-      this.connectToServer()
-    },
-    // 连接服务器
-    connectToServer: function() {
-      const that = this
-      if (!sapoOcx.api.config.initFinish) {
-        sapoOcx.api.config.initFinish = true
-        setTimeout(that.connectToServer(), 200)
-      } else {
-        this.initConnection(sapoOcx.api.config.serverIp, sapoOcx.api.config.commuPort)
-      }
-    },
-    // 初始化websocket连接
-    initConnection(ip, port) {
-      const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
-      this.webSocket = new WebSocket(wsUrl)
-      this.webSocket.onopen = this.wsOpen
-      this.webSocket.onclose = this.wsClose
-      this.webSocket.onmessage = this.wsMessage
-      this.webSocket.onerror = this.wsError
-    },
-    // webSocket onOpen
-    wsOpen(event) {
-      this.status = '已连接'
-      this.$store.commit('SET_WEBSOCKET', '1')
-      this.btnStatus.btnLogin = false
-    },
-    // webSocket onClose
-    wsClose(event) {
-      this.resetWs()
-      clearInterval(this.webVariable.web_heartbeatID)
-      this.$store.commit('SET_WEBSOCKET', '1')
-    },
-    // 处理websocket 返回消息
-    wsMessage(event) {
-      const that = this
-      // 将websocket 返回值转成对象 object
-      const obj = event.data
-      const data = obj.split('\n')
-      const object = {}
-      data.forEach(function(value) {
-        if (value !== '') {
-          const objData = value.split(':')
-          object[objData[0]] = objData[1]
-        }
-      })
-      console.log(object)
-      // 根据返回值处理
-      const messageType = object.messageType // 消息类型
-      if (messageType === 'event') {
-        const name = object.name
-        if (name === 'agent status') { // 坐席状态
-
-        }
-        if (name === 'call status') { // 话机状态
-          if (object.call === '空闲') {
-            this.call = '空闲'
-            // 如果正在通话
-            if (this.isInCall === true) {
-              this.statusDetailText = '通话结束'
-              this.statusShow = false
-              // 结束计时器
-              if (this.timeInterval) {
-                this.$message.info('通话结束')
-                clearInterval(this.timeInterval)
-                this.timeInterval = null
-                this.time = 0
-              }
-              // 如果是来电,进入工作态
-              if (this.isInComing) {
-                this.goWorkState()
-              }
-              this.isInCall = false
-            }
-          } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
-            this.call = '通话中'
-            this.isInCall = true
-            this.statusDetailText = object.call
-            // 开始通话后3s弹窗消失
-            if (this.statusShow) {
-              setTimeout(function() {
-                that.statusShow = false
-              }, 3000)
-            }
-            this.time = 0
-            this.timeInterval = setInterval(function() {
-              that.time += 1
-            }, 1000)
-          } else {
-            this.isInCall = true
-            this.statusDetailText = object.call
-          }
-        }
-        if (name === 'outbound ringing') { // 外呼振铃,除了挂断其他不允许点
-          this.btnStatus.btnDialOut = true
-          this.btnStatus.btnDialIn = true
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = true
-          this.btnStatus.btnIdle = true
-          this.btnStatus.btnMeeting = true
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'outbound answered') { // 外呼接通，允许保持
-          this.isInComing = false
-          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
-        }
-        if (name === 'incomming ringing') {
-          this.notify = this.$notify({
-            title: '未接来电',
-            message: object.number,
-            duration: 0
-          })
-        }
-        if (name === 'incomming answered') { // 来电接通
-          this.incommingAnswerd(object)
-        }
-        if (name === 'hangup') { // 挂断， 冻结和解除冻结不好用，其他均可
-          this.btnStatus.btnDialOut = false
-          this.btnStatus.btnDialIn = false
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = false
-          this.btnStatus.btnIdle = false
-          this.btnStatus.btnMeeting = false
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'status changed') { // 状态改变
-          this.busy = object.busy // 坐席忙碌状态
-          // this.call = object.call // 通话忙碌状态
-          this.reg = object.reg // 话机状态
-          this.number = object.number ? object.number : '' // 来电号码
-          this.webVariable.web_reg = object.reg
-          this.webVariable.web_callStatue = object.call
-          this.webVariable.web_agentStatue = object.agent
-          this.webVariable.web_busyStatue = object.busy
-          this.webVariable.web_number = object.number
-          if (this.reg === '离线') {
-            this.$message.warning('话机已离线，请检查！')
-            if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
-              this.statusShow = false
-            }
-          }
-        }
-        if (name === 'queue status') {
-          // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
-        }
-        if (name === 'busy status') {
-          // busy = object.busy
-          // if (busy == '') {
-          //   OnFree_cb()
-          // } else {
-          //   OnBusy_cb(busy)
-          // }
-        }
-      } else if (messageType === 'heartbeat response') { // 心跳回复
-        this.webVariable.web_hearbeatCount = 0
-        this.heartbeatCount = 0
-      } else if (messageType === 'command response') { // 命令回复
-        const command = object.command
-        if (command === 'login') {
-          this.handleLoginResult(object)
-        } else if (command === 'logout') {
-          this.handleLogoutResult(object)
-        } else if (command === 'getExtensionList') {
-          this.handleExtensionList(object)
-        } else if (command === 'dial') {
-          if (object.success === 'true') { this.statusDetailText = object.resultText }
-        } else if (object.resultText === '准备挂断' && object.success === 'true') {
-          this.statusShow = false
-        } else if (object.resultText === '准备保持' && object.success === 'true') {
-          if (object.type === '') { // 保持成功后
-            this.btnStatus.btnUnhold = false
-            this.btnStatus.btnHold = true
-          } else if (object.type === 'off') { // 解除保持成功后
-            this.btnStatus.btnUnhold = true
-            this.btnStatus.btnHold = false
-          }
-        }
-      }
+    // 外呼接听后的操作 , 允许保持，允许挂断，其余均不允许
+    onOutBoundAnswered() {
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnHangUp = false
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
     },
     // 获取坐席列表，存到seatsList
     handleExtensionList(object) {
@@ -695,61 +579,13 @@
         }
       }
     },
-    // webSocket onError
-    wsError(event) {
-      console.log(event)
-    },
-    resetWs() {
-      this.webVariable.web_extension = null
-      this.webVariable.web_agentStaffid = null
-      this.webVariable.web_agentName = null
-      this.webVariable.web_skill = null
-
-      this.webVariable.web_reg = null
-      this.webVariable.web_callStatue = null
-      this.webVariable.web_agentStatue = null
-      this.webVariable.web_busyStatue = null
-      this.webVariable.web_number = null
-    },
-    // 发送心跳，三次没有响应则断开连接
-    sendHearbeatMessage() {
-      // if (this.webVariable.web_hearbeatCount >= 3) {
-      //   this.webSocket.close()
-      // } else {
-      //   this.webVariable.web_hearbeatCount += 1
-      //   const strSend = this.createCommand('heartbeat')
-      //   this.webSocket.send(strSend)
-      // }
-      if (this.heartbeatCount >= 3) {
-        this.webSocket.close()
-      } else {
-        this.heartbeatCount += 1
-        const strSend = this.createCommand('heartbeat')
-        console.log(strSend)
-        this.webSocket.send(strSend)
-      }
-    },
     // 显示错误信息
     showError(message) {
       this.$message.error(message)
     },
-    // 创建命令
-    createCommand(command, object = null) {
-      let sendStr = 'command:'
-      if (command) {
-        sendStr += command + '\n'
-        if (object) {
-          for (const key in object) {
-            sendStr += key + ':' + object[key] + '\n'
-          }
-        }
-        sendStr += '\n'
-      }
-      return sendStr
-    },
     // 判断坐席状态
     judgeStatus() {
-      if (this.status === '已签入') {
+      if (this.signStatus) {
         return true
       } else {
         this.$message.warning('请先签入呼叫平台')
@@ -765,6 +601,13 @@
         return false
       }
     },
+    judgeInsideNumber(number) {
+      if (number.length > 4) {
+        return false
+      } else {
+        return true
+      }
+    },
     // 向后台写记录
     sendRecord(type, recordName) {
       seatReport(type, recordName)
@@ -774,68 +617,68 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.ivr-div{
-  position: fixed;
-  top:0px;
-  left:240px;
-  padding-top: 10px;
-  .el-button--default{
-    width:50px;
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
-    background-color:transparent;
-    border-style:none;
-    color: #ffffff;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: none;
-    margin: 0;
-    -webkit-transition: .1s;
-    transition: .1s;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    padding: 3px 3px;
-    font-size: 12px;
-    .ivr-icon{
-      width: 100%;
+  .ivr-div{
+    position: fixed;
+    top:0px;
+    left:240px;
+    padding-top: 10px;
+    .el-button--default{
+      width:50px;
+      display: inline-block;
+      line-height: 1;
+      white-space: nowrap;
+      cursor: pointer;
+      background-color:transparent;
+      border-style:none;
+      color: #ffffff;
+      -webkit-appearance: none;
       text-align: center;
-      display: block;
-      font-size: 25px;
-      margin-bottom: 2px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      outline: none;
+      margin: 0;
+      -webkit-transition: .1s;
+      transition: .1s;
+      font-weight: 500;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+      padding: 3px 3px;
+      font-size: 12px;
+      .ivr-icon{
+        width: 100%;
+        text-align: center;
+        display: block;
+        font-size: 25px;
+        margin-bottom: 2px;
+      }
+    }
+    .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
+      color: #e1e1e1;
+      .ivr-icon{
+        color: #e1e1e1 !important;
+      }
+    }
+    .state-show{
+      display: inline-block;
+      width:200px;
+      margin-left: 20px;
+      border:1px solid #409EFF;
+      color:#ffffff;
+      font-size:12px;
+      line-height: 17px;
+      padding:5px 5px;
+      height: 45px;
+      box-sizing: border-box;
+      transform: translate(0, -8px);
+    }
+    .highlight{
+      font-size:13px;
+      font-weight: 600;
+      color:#00ffff;
+      padding-left: 5px;
     }
   }
-  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
-    color: #e1e1e1;
-    .ivr-icon{
-      color: #e1e1e1 !important;
-    }
-  }
-  .state-show{
-    display: inline-block;
-    width:180px;
-    margin-left: 20px;
-    border:1px solid #409EFF;
-    color:#ffffff;
-    font-size:12px;
-    line-height: 17px;
-    padding:5px 5px;
-    height: 45px;
-    box-sizing: border-box;
-    transform: translate(0, -8px);
-  }
-  .highlight{
-    font-size:13px;
-    font-weight: 600;
-    color:#00ffff;
-    padding-left: 5px;
-  }
-}
 </style>
 <style>
   .addcase-dialog{
diff --git a/src/store/getters.js b/src/store/getters.js
index 611f237..0dfd755 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
   id: state => state.user.id, // id
   account: state => state.user.account, // 账户
   name: state => state.user.name, // 姓名
+  seat: state => state.user.seat, // 坐席号
   roleList: state => state.user.roleList, // 角色列表
   roleNames: state => state.user.roleNames, // 角色名称列表
   roleTips: state => state.user.roleTips, // 角色名称列表
@@ -19,11 +20,11 @@
   permission_routers: state => state.permission.routers, // 用户有权限的路由
   addRouters: state => state.permission.addRouters, // 添加的路由
   btns: state => state.permission.btns, // 用户所有的按钮权限
-  seat: state => state.user.seat, // 坐席号
   exten: state => state.user.exten, // 分机号
   websocket: state => state.user.websocket, // websocket连接状态
   online: state => state.user.online, // 签入情况
   area: state => state.user.area, // 用户所在区域
-  systemName: state => state.user.systemName // 系统名称
+  systemName: state => state.user.systemName, // 系统名称
+  signStatus: state => state.ivr.signStatus // 签入状态
 }
 export default getters
diff --git a/src/store/modules/ivr.js b/src/store/modules/ivr.js
new file mode 100644
index 0000000..e1d0509
--- /dev/null
+++ b/src/store/modules/ivr.js
@@ -0,0 +1,380 @@
+// IVR websocket
+import { getProject } from '@/utils/baseConfig'
+import { createCommand } from '@/utils/ivrtools'
+import sapoOcx from 'sapoOcx'
+import { Message } from 'element-ui'
+
+const ivr = {
+  namespace: true,
+  state: {
+    websocket: null, // websocket
+    websocketObj: null, // websocket返回值对象
+    queue: 'kefu', // 技能组
+    skill: '1', // 技能组
+    busyString: '忙碌', // 致忙原因
+    autoAcw: '0', // 自动化后
+    extensionList: [], // 分机列表
+    wsStatus: false, // websocket连接状态：已连接为true，否则为false
+    extension: null, // 分机号
+    agentStaffid: null, // 坐席工号,用户id
+    agentName: null, // 坐席名称，用户名称
+    signStatus: false, // 签入状态：true为已签入，false为未签入
+    busyStatus: null, // 忙碌状态 ：忙碌，空闲,
+    callStatus: null, // 通话状态: 开始拨号，通话结束，外呼通话,呼入通话,自动外呼接入
+    agentStatus: null, // 坐席状态: 已登录为true，其他为false
+    isInCall: false, // 是否在通话中,通话中未true,其他为false
+    isInComming: false, // 是否来电，外部来电为true，其他为false
+    reg: '', // 话机状态： outbound ringing， outbound answered, incomming ringing, incomming answered, holding, unholding
+    number: '', // 通话号码
+    dialStatus: '' // 拨号状态
+  },
+  mutations: {
+    SET_WEBSOCKET: (state, websocket) => {
+      state.websocket = websocket
+    },
+    SET_WEBSOCKET_OBJ: (state, websocketObj) => {
+      state.websocketObj = websocketObj
+    },
+    SET_SYSTEM: (state, system) => {
+      state.system = system
+    },
+    SET_EXTENSION_LIST: (state, extensionList) => {
+      state.extensionList = extensionList
+    },
+    SET_WS_STATUS: (state, wsStatus) => {
+      state.wsStatus = wsStatus
+    },
+    SET_EXTENSION: (state, extension) => {
+      state.extension = extension
+    },
+    SET_AGENT_NAME: (state, agentName) => {
+      state.agentName = agentName
+    },
+    SET_AGENT_STATUS: (state, agentStatus) => {
+      state.agentStatus = agentStatus
+    },
+    SET_SIGN_STATUS: (state, signStatus) => {
+      state.signStatus = signStatus
+    },
+    SET_BUSY_STATUS: (state, busyStatus) => {
+      state.busyStatus = busyStatus
+    },
+    SET_CALL_STATUS: (state, callStatus) => {
+      state.callStatus = callStatus
+    },
+    SET_IS_IN_CALL: (state, isInCall) => {
+      state.isInCall = isInCall
+    },
+    SET_IS_IN_COMMING: (state, isInComming) => {
+      state.isInComming = isInComming
+    },
+    SET_REG: (state, reg) => {
+      state.reg = reg
+    },
+    SET_NUMBER: (state, number) => {
+      state.number = number
+    },
+    SET_DIAL_STATUS: (state, dialStatus) => {
+      state.dialStatus = dialStatus
+    },
+    RESET_WS: (state) => {
+      state.extension = null
+      state.agentStaffid = null
+      state.agentName = null
+      state.skill = null
+      state.signStatus = false
+      state.callStatus = null
+      state.agentStatus = null
+      state.busyStatus = null
+      state.holdStatus = null
+    }
+  },
+
+  actions: {
+    // 初始化websocket
+    initWebSocket({ dispatch, commit }) {
+      // 获取ws的ip和端口号
+      const ip = getProject().ws_ip
+      const port = getProject().ws_port
+      if (!sapoOcx.api.config.initFinish) {
+        sapoOcx.api.config.initFinish = true
+        setTimeout(dispatch('initWebSocket'), 200)
+      } else {
+        // 初始化websocket
+        const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
+        commit('SET_WEBSOCKET', new WebSocket(wsUrl))
+        // websocket 连接状态
+        ivr.state.websocket.onopen = function() {
+          commit('SET_WS_STATUS', true)// 已连接状态
+          console.log('init websocket success!')
+        }
+        ivr.state.websocket.onclose = function() {
+          commit('SET_WS_STATUS', false)// ws断开状态
+        }
+        ivr.state.websocket.onerror = function(event) {
+          console.log(event)
+        }
+        ivr.state.websocket.onmessage = function(event) {
+          // 将websocket 返回值转成对象 object
+          const obj = event.data
+          const data = obj.split('\n')
+          const object = {}
+          data.forEach(function(value) {
+            if (value !== '') {
+              const objData = value.split(':')
+              object[objData[0]] = objData[1]
+            }
+          })
+          console.log(object)
+          commit('SET_WEBSOCKET_OBJ', object)
+          // 根据返回值处理
+          const messageType = object.messageType // 消息类型
+          if (messageType === 'event') {
+            const name = object.name
+            if (name === 'agent status') { // 坐席状态
+            }
+            if (name === 'call status') { // 话机状态
+              if (object.call === '空闲') {
+                // 如果正在通话，表示通话结束
+                if (ivr.state.isInCall) {
+                  commit('SET_CALL_STATUS', '通话结束')
+                }
+                commit('SET_IS_IN_CALL', false)
+                // commit('SET_CALL_STATUS', '空闲中')
+              } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
+                commit('SET_IS_IN_CALL', true)
+                commit('SET_CALL_STATUS', object.call)
+                // commit('SET_CALL_STATUS', '通话中')
+              } else {
+                commit('SET_IS_IN_CALL', true)
+                commit('SET_CALL_STATUS', object.call)
+              }
+            }
+            if (name === 'outbound ringing') { // 外呼振铃
+              commit('SET_REG', 'outbound ringing')
+            }
+            if (name === 'outbound answered') { // 外呼接通,
+              commit('SET_IS_IN_COMMING', false)
+              commit('SET_REG', 'outbound answered')
+            }
+            if (name === 'incomming ringing') { // 内呼振铃
+              commit('SET_REG', 'incomming ringing')
+            }
+            if (name === 'incomming answered') { // 来电接通
+              commit('SET_IS_IN_COMMING', true)
+              commit('SET_REG', 'incomming answered')
+            }
+            if (name === 'hangup') { // 挂断
+              commit('SET_REG', 'hangup')
+            }
+            if (name === 'status changed') { // 状态改变
+              commit('SET_BUSY_STATUS', object.busy)
+              // commit('SET_AGENT_STATUS', object.agent)
+              commit('SET_NUMBER', object.number)
+              if (object.reg === '离线' || object.reg === '未知') {
+                Message.warning('话机已离线，请检查！')
+              }
+            }
+            if (name === 'queue status') {
+              // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
+            }
+            if (name === 'busy status') {
+            }
+          } else if (messageType === 'heartbeat response') { // 心跳回复
+            // TODO:心跳回复
+          } else if (messageType === 'command response') { // 命令回复
+            const command = object.command
+            if (command === 'login') { // 签入结果
+              if (object.success === 'true') { // 签入成功
+                Message.success('签入成功')
+                commit('SET_SIGN_STATUS', true)
+              } else {
+                Message.error(object.resultText)
+              }
+            } else if (command === 'logout') { // 签出结果
+              if (object.success === 'true') {
+                commit('SET_SIGN_STATUS', false)
+                commit('RESET_WS')
+              }
+            } else if (command === 'getExtensionList') { // 分机列表结果
+              if (object.success) {
+                const test = object.resultText
+                const index = test.indexOf(',')
+                const seatsList = []
+                if (index > 0) {
+                  const messageList = test.split(',')
+                  for (let i = 0; i < messageList.length; i++) {
+                    const tList = messageList[i].split('|')
+                    const seat = {
+                      exten: tList[0],
+                      name: tList[1],
+                      loginId: tList[2],
+                      sector: tList[3],
+                      group: tList[4],
+                      state: tList[5],
+                      busy: tList[6]
+                    }
+                    seatsList.push(seat)
+                  }
+                }
+                commit('SET_EXTENSION_LIST', seatsList)
+              }
+            } else if (command === 'dial') { // 呼叫结果
+              if (object.success === 'true') {
+                console.log('DIAL_STATUS:' + object.resultText)
+                commit('SET_DIAL_STATUS', object.resultText)
+              }
+            } else if (object.resultText === '准备挂断' && object.success === 'true') {
+              // this.statusShow = false
+            } else if (object.resultText === '准备保持' && object.success === 'true') {
+              if (object.type === '') { // 保持成功后
+                commit('SET_REG', 'holding')
+              } else if (object.type === 'off') { // 解除保持成功后
+                commit('SET_REG', 'unholding')
+              }
+            }
+          }
+        }
+      }
+    },
+    // 签入 参数：userid用户id, deptid部门id, deptName部门名字，extension分机号，agentName坐席号
+    signin({ dispatch, commit }, { userId, deptid, deptName, nowExten, agentName }) {
+      commit('SET_EXTENSION', nowExten)
+      commit('SET_AGENT_NAME', agentName)
+      const sendObj = {
+        agent: agentName,
+        extension: nowExten,
+        queue: ivr.state.queue,
+        staffid: userId,
+        busyString: ivr.state.busyString,
+        skill: ivr.state.skill,
+        secid: deptid,
+        secname: deptName,
+        autoacw: '',
+        domain: '',
+        security: ''
+      }
+      const strSend = createCommand('login', sendObj)
+      ivr.state.websocket.send(strSend)
+    },
+    // 签出
+    signout({ dispatch, commit }) {
+      const strSend = 'command:logout\n\n'
+      ivr.state.websocket.send(strSend)
+    },
+    // 示忙
+    onbusy({ dispatch, commit }) {
+      const strSend = createCommand('busy')
+      ivr.state.websocket.send(strSend)
+      commit('SET_BUSY_STATUS', '1')
+    },
+    // 示闲
+    onidle({ dispatch, commit }) {
+      const strSend = createCommand('idle')
+      ivr.state.websocket.send(strSend)
+      commit('SET_BUSY_STATUS', '0')
+    },
+    // 挂机
+    hangup({ dispatch, commit }) {
+      const strSend = createCommand('hangup')
+      ivr.state.websocket.send(strSend)
+    },
+    // 保持
+    hold({ dispatch, commit }) {
+      const strSend = createCommand('hold')
+      ivr.state.websocket.send(strSend)
+    },
+    // 解除保持
+    unhold({ dispatch, commit }) {
+      const strSend = createCommand('unhold')
+      ivr.state.websocket.send(strSend)
+    },
+    // 获取坐席列表
+    getExtensionList({ dispatch, commit }, params) {
+      const strSend = createCommand('getExtensionList', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 拨号
+    dial({ dispatch, commit }, tel) {
+      commit('SET_CALL_STATUS', '开始拨号')
+      const sendObj = {
+        dialString: tel,
+        cusid: '',
+        cusname: '',
+        proid: '',
+        proname: ''
+      }
+      const strSend = createCommand('dial', sendObj)
+      ivr.state.websocket.send(strSend)
+    },
+    // 三方
+    meeting({ dispatch, commit }, tel) {
+      const params = {
+        dialString: tel
+      }
+      const strSend = createCommand('threeWay', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 转接
+    transfer({ dispatch, commit }, tel) {
+      const params = {
+        dialString: tel
+      }
+      const strSend = createCommand('transfer', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 分机监听
+    spy({ dispatch, commit }, exten) {
+      const params = {
+        extension: exten
+      }
+      const strSend = createCommand('spy', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 组监听
+    groupSpy({ dispatch, commit }, group) {
+      const params = {
+        group: group
+      }
+      const strSend = createCommand('groupSpy', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 取消ivr监听
+    inject({ dispatch, commit }) {
+      const strSend = createCommand('Inject')
+      ivr.state.websocket.send(strSend)
+    },
+    // 转接ivr节点
+    transferIvr({ dispatch, commit }, ivrCode) {
+      const params = {
+        ivr: ivrCode
+      }
+      const strSend = createCommand('transferIvr', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 组抢接
+    groupPickUp({ dispatch, commit }, group) {
+      const params = {
+        group: group
+      }
+      const strSend = createCommand('groupPickup', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 分机监听
+    extenPickUp({ dispatch, commit }, exten) {
+      const params = {
+        extension: exten
+      }
+      const strSend = createCommand('pickupExtension', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 盲抢
+    pickUp({ dispatch, commit }) {
+      const strSend = createCommand('pickup')
+      ivr.state.websocket.send(strSend)
+    }
+
+  }
+}
+
+export default ivr

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->
diff --git a/src/layout/components/ivr/chooseSeats.vue b/src/layout/components/ivr/chooseSeats.vue
index 30e6012..330c74f 100644
--- a/src/layout/components/ivr/chooseSeats.vue
+++ b/src/layout/components/ivr/chooseSeats.vue
@@ -5,12 +5,12 @@
       :visible.sync="dialogVisible"
       :before-close="handleClose"
       :close-on-click-modal = "false"
-      title="内呼"
+      :title="dialogTitles[type]"
       width="350px"
       append-to-body>
       <div class="pinPage">
         <el-radio-group v-model="tel" size="small">
-          <el-radio v-for="seat of seatList" :key="seat.exten" :label="seat.exten" border>{{ seat.exten }}</el-radio>
+          <el-radio v-for="seat of seatList" v-if="seat.exten!=self" :key="seat.exten" :label="seat.exten" class="seat-radio" border>{{ seat.exten }}[{{ seat.name }}]</el-radio>
         </el-radio-group>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -30,11 +30,20 @@
       default: function() {
         return []
       }
-    }
+    },
+    self: {
+      type: String,
+      default: ''
+    } // 排除自己
   },
   data() {
     return {
-      type: 'in', // 内呼in, 会议meeting
+      type: 'in', // 内呼in, 会议meeting, 转接transfer
+      dialogTitles: {
+        in: '内呼',
+        meeting: '三方通话',
+        transfer: '转接'
+      },
       dialogVisible: false, // 对话框显示状态
       tel: '', // 电话
       currentNumber: '' // 当前数字
@@ -124,18 +133,23 @@
   input{
     /*background-color: transparent;*/
   }
+  .seat-radio{
+    margin-bottom:10px;
+    margin-left:10px;
+    display: block;
+  }
 </style>
 <!--<style rel="stylesheet/scss" lang="scss">-->
-  <!--.keyboard-input {-->
-    <!--height:50px;-->
-    <!--width: 100%;-->
-    <!--font-size:18px;-->
-    <!--.el-input__inner{-->
-      <!--height:50px !important;-->
-    <!--}-->
-    <!--input{-->
-      <!--font-size:18px;-->
-      <!--text-align: center;-->
-    <!--}-->
-  <!--}-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
 <!--</style>-->
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 3f8c80f..2295c93 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -6,62 +6,30 @@
     <ivr-btn :show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" icon="baochi" @click="unhold">解除保持</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialIn" icon="hujiao" @click="dialIn">内呼</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialOut" icon="duiwaihujiao" @click="dialOut">外呼</ivr-btn>
+    <!--<ivr-btn :show="true" :disabled="btnStatus.btnTransfer" icon="hujiao" @click="transferDial">转接</ivr-btn>-->
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnMeeting" icon="hy" @click="meeting">会议</ivr-btn>
     <ivr-btn :show="!btnStatus.btnIdle" :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">退出示忙</ivr-btn>
     <ivr-btn :show="btnStatus.btnIdle" :disabled="btnStatus.btnBusy" icon="shimang" @click="onbusy">示忙</ivr-btn>
     <ivr-btn :show="!btnStatus.btnQuitWorkState" :disabled="btnStatus.btnWorkState" icon="icon-work" @click="quitWorkState">退出工作态</ivr-btn>
     <ivr-btn :show="!btnStatus.btnWorkState" :disabled="btnStatus.btnQuitWorkState" icon="icon-work" @click="goWorkState">进入工作态</ivr-btn>
-    <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
-    <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
-    <!--<div>签入</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" @click="logout">-->
-    <!--<svg-icon icon-class="qianchu" class="ivr-icon"/>-->
-    <!--<div>签出</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" @click="hold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" @click="unhold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>解除保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialIn" @click="dialIn">-->
-    <!--<svg-icon icon-class="hujiao" class="ivr-icon"/>-->
-    <!--<div>内呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialOut" @click="dialOut">-->
-    <!--<svg-icon icon-class="duiwaihujiao" class="ivr-icon"/>-->
-    <!--<div>外呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-    <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-    <!--<div>会议</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnIdle" @click="onidle">-->
-    <!--<svg-icon icon-class="xiaoxiu" class="ivr-icon"/>-->
-    <!--<div>小休</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnBusy" @click="onbusy">-->
-    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
-    <!--<div>示忙</div>-->
-    <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
-      <div>通话时间：<span class="highlight">{{ timeFormat }}</span><span class="highlight">{{ call }}</span></div>
+      <div>通话时间：<span class="highlight">{{ time | timeFilter }}</span><span class="highlight">{{ callStatus | windowTextFilter }}</span></div>
     </div>
     <!--软键盘-->
     <keyboard ref="keyboard" @call="dial"/>
-    <choose-seats ref="chooseseats" :seat-list="seatsList" @call="dial"/>
+    <!--选择分机-->
+    <choose-exten ref="chooseexten" :exten-list="extenList" @finish="finishChooseExten"/>
+    <!--选择坐席-->
+    <choose-seats ref="chooseseats" :seat-list="extensionList" :self="nowExten" @call="dial"/>
     <!--外呼状态栏-->
     <el-dialog
       :title="statusText"
       :visible.sync="statusShow"
       width="30%"
       append-to-body>
-      <span>{{ statusDetailText }}</span><span class="dot">...</span>
+      <span>{{ callStatus }}</span><span class="dot">...</span>
     </el-dialog>
     <!--新建事件页面-->
     <el-dialog
@@ -71,7 +39,7 @@
       title="新建事件"
       width="1200px"
       custom-class="addcase-dialog"
-      top="5vh"
+      top="60px"
       append-to-body>
       <create-case ref="addcase" @cancel="closeCreateDialog"/>
     </el-dialog>
@@ -79,7 +47,6 @@
 </template>
 
 <script>
-import sapoOcx from 'sapoOcx'
 import Keyboard from './keyboard'
 import IvrBtn from './ivrBtn'
 import CreateCase from '@/views/caseManage/createCase'
@@ -87,42 +54,26 @@
 import ChooseSeats from './chooseSeats'
 import { getProject } from '@/utils/baseConfig'
 import { seatReport } from '@/api/call'
+import ChooseExten from './chooseExten'
+import { mapState } from 'vuex'
 
 export default {
   name: 'IvrBar',
-  components: { ChooseSeats, CreateCase, IvrBtn, Keyboard },
+  components: { ChooseExten, ChooseSeats, CreateCase, IvrBtn, Keyboard },
   data() {
     return {
       debug: true, // 是否开启debug模式
-      txtPhoneAccount: this.$store.getters.exten, // 分机号
-      agentName: 'test', // 坐席名
-      queue: 'kefu', // 技能组
-      staffId: '10101', // 工号
-      skill: '1', // 技能值
-      busyString: '忙碌', // 致忙原因
-      deptid: '1', // 部门编号
-      deptName: '客服部', // 部门名称
-      autoAcw: '0', // 自动化后
-      domain: '',
-      security: '',
+      nowExten: '', // 当前使用的分机号
+      extenList: [], // 待选分机列表
+      agentName: this.$store.getters.seat, // 坐席号
+      userId: this.$store.getters.id, // 用户id
+      deptid: this.$store.getters.deptId, // 部门编号
+      deptName: this.$store.getters.deptName, // 部门名称
       seatsList: [], // 坐席列表
       heartbeatInterval: 0, // 心跳interval
       heartbeatCount: 0, // 心跳heartbeat count
       heartbeatID: 0, // 心跳heartbeat id
-      webSocket: {},
-      webVariable: {
-        web_version: '2.17.0505',
-        web_agentStaffid: null,
-        web_agentName: null,
-        web_skill: null,
-        web_reg: null,
-        web_callStatue: null,
-        web_busyStatue: null,
-        web_number: null,
-        web_heartbeatCount: 0,
-        web_heartbeatInterval: 0,
-        web_heartbeatID: 0
-      },
+      // webSocket: this.$store.state.ivr.websocket, // ws
       btnStatus: {
         btnLogin: false, // 签入
         btnLogOut: true, // 签出
@@ -131,35 +82,18 @@
         btnHangUp: true, // 挂机
         btnDialOut: true, // 外呼
         btnDialIn: true, // 内呼
-        btnAgentList: true,
+        btnTransfer: true, // 转接
         btnBusy: true, // 示忙
         btnIdle: true, // 示闲
-        btnMeeting: true, // 会议
-        btnPickUp: true,
-        btnExtenPickUp: true,
-        btnGroupPickUp: true,
-        btnSpy: true,
-        btnGroupSpy: true,
-        btnVersion: true,
-        btnGetExtension: true,
-        btnGetAgentStaffid: true,
-        btnGetAgentName: true,
-        btnGetSkill: true,
-        btnGetBusyState: true,
-        btnGetAgentState: true,
-        btnGetCallState: true,
-        btnGetRegState: true,
-        btnGetNumber: true,
-        btnInject: true,
+        btnMeeting: true, // 会议/三方通话
         btnWorkState: false, // 进入工作态
         btnQuitWorkState: true // 退出工作态
       },
       status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
-      isInCall: false, // 是否在通话中
       isInComing: false, // 是否来电
-      reg: '', // 话机状态
+      // reg: '', // 话机状态
       number: '', // 通话号码
       diaStatus: '', // 拨号状态
       statusText: '', // 拨号状态标题
@@ -175,6 +109,18 @@
     }
   },
   computed: {
+    ...mapState({
+      exten: state => state.user.exten, // 用户绑定的分机号
+      wsStatus: state => state.ivr.wsStatus,
+      signStatus: state => state.ivr.signStatus, // 签入签出状态
+      callStatus: state => state.ivr.callStatus,
+      isInCall: state => state.ivr.isInCall,
+      isInComming: state => state.ivr.isInComming,
+      extensionList: state => state.ivr.extensionList,
+      reg: state => state.ivr.reg,
+      webSocket: state => state.ivr.webSocket,
+      websocketObj: state => state.ivr.websocketObj
+    }),
     timeFormat() { // 将时间格式化为时分秒样式
       const h = Math.floor(this.time / 3600)
       const m = Math.floor((this.time - h * 3600) / 60)
@@ -183,6 +129,32 @@
       return str
     }
   },
+  filters: {
+    // 呼叫时间过滤器
+    timeFilter(val) {
+      const h = Math.floor(val / 3600)
+      const m = Math.floor((val - h * 3600) / 60)
+      const s = val - h * 3600 - m * 60
+      const str = ('0' + h).slice(-2) + ':' + ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    // 弹窗内文字
+    windowTextFilter(val) {
+      if (val) {
+        if (val === '呼入振铃') {
+          return '呼入振铃'
+        } else if (val === '外呼振铃' || val === '外呼准备' || val === '开始拨号') {
+          return '呼叫中'
+        } else if (val === '通话结束' || val === '空闲') {
+          return '空闲中'
+        } else {
+          return '通话中'
+        }
+      } else {
+        return '空闲中'
+      }
+    }
+  },
   watch: {
     busy(val) {
       // 忙碌状态为不忙时，示忙按钮允许点,示闲不允许
@@ -193,156 +165,206 @@
         this.btnStatus.btnBusy = true
         this.btnStatus.btnIdle = false
       }
+    },
+    wsStatus(val) { // 监控ws连接状态
+      if (val) { // 如果wsStatus==true
+        if (!this.signStatus) { // 如果还没有签入
+          this.btnStatus.btnLogin = false
+        } else {
+          this.btnStatus.btnLogin = true
+        }
+      } else {
+        this.btnStatus.btnLogin = true
+      }
+    },
+    signStatus(val) { // 监控签入状态
+      console.log('sign status Change:' + val)
+      if (val) { // 已签入
+        this.onLoginSuccess()
+      } else {
+        this.logoutSuccess()
+      }
+    },
+    callStatus(val) { // 通话状态
+      console.log(val)
+      if (val === '通话结束') { // 通话结束
+        this.callOver()
+      } else if (val === '外呼通话' || val === '呼入通话' || val === '自动外呼接入') {
+        this.startCall()
+      }
+    },
+    reg(val) {
+      if (val === 'incomming answered') { // 接听呼入
+        this.incommingAnswerd()
+      } else if (val === 'holding') { // 状态为保持
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = false
+      } else if (val === 'unholding') { // 状态为解除保持
+        this.btnStatus.btnHold = false
+        this.btnStatus.btnUnhold = true
+      } else if (val === 'incomming ringing') { // 来电振铃
+        this.notify = this.$notify({
+          title: '未接来电',
+          message: this.websocketObj.number,
+          duration: 0
+        })
+      } else if (val === 'outbound ringing') { // 外呼振铃后的操作
+        this.onOutBoundRinging()
+      } else if (val === 'outbound answered') { // 外呼接通，允许保持,挂断
+        this.onOutBoundAnswered()
+      } else if (val === 'hangup') { // 挂断， 保持和解除保持不好用，其他均可
+        this.btnStatus.btnDialOut = false
+        this.btnStatus.btnDialIn = false
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = true
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = false
+        this.btnStatus.btnMeeting = false
+        this.btnStatus.btnHangUp = false
+      }
     }
   },
   created() {
-    this.initSapoOcx()
+    this.initSocket()
   },
   methods: {
-    // 坐席签入
+    // 初始化Socket，ok
+    initSocket() {
+      if ('WebSocket' in window) {
+        console.log('您的浏览器支持Websocket!')
+        this.$store.dispatch('initWebSocket')
+      } else {
+        this.$message.error('您的浏览器不支持Websocket!请更换浏览器！')
+      }
+    },
+    // 坐席签入，ok
     login() {
       // 先判断websocket状态
-      if (this.$store.getters.websocket === '1') {
-        // 如果没有分机号，先输入分机号，有分机号直接签入
-        if (!this.txtPhoneAccount) {
+      if (this.wsStatus) {
+        // 如果没有绑定的分机号，需要先输入分机号，有分机号直接签入
+        if (!this.exten) {
           this.$prompt('请输入分机号', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消'
           }).then(({ value }) => {
-            this.txtPhoneAccount = value
+            this.nowExten = value
             this.doLogin()
           })
         } else {
-          this.doLogin()
+          // 获取分机号，
+          this.extenList = this.exten.split(',')
+          if (this.extenList.length > 1) {
+            // 打开选择分机号弹窗
+            this.$refs.chooseexten.initDialog()
+          } else {
+            this.nowExten = this.exten
+            this.doLogin()
+          }
         }
       } else {
         this.$message.error('websocket连接状态异常，请刷新页面')
       }
     },
+    // 结束选择分机号
+    finishChooseExten(exten) {
+      this.nowExten = exten
+      this.doLogin()
+    },
     // websocket执行签入操作
     doLogin() {
-      // 替代sapoOcx.login
-      if (this.heartbeatInterval == null || this.heartbeatInterval <= 0) {
-        this.heartbeatInterval = 0
-      }
-      this.webVariable.web_heartbeatInterval = this.heartbeatInterval
-      this.webVariable.web_extension = this.txtPhoneAccount
-      this.webVariable.web_agentStaffid = this.staffId
-      this.webVariable.web_agentName = this.agentName
-      this.webVariable.web_skill = this.skill
-      // 替代socket.api.login
-      const sendObj = {
-        agent: this.agentName,
-        extension: this.txtPhoneAccount,
-        queue: this.queue,
-        staffid: this.staffId,
-        busyString: this.busyString,
-        skill: this.skill,
-        secid: this.deptid,
-        secname: this.deptName,
-        autoacw: this.autoAcw,
-        domain: this.domain,
-        security: this.security
-      }
-      const strSend = this.createCommand('login', sendObj)
-      if (this.debug) {
-        console.log(strSend)
-      }
-      this.webSocket.send(strSend)
+      // 传入分机号和坐席名称
+      const { userId, deptid, deptName, nowExten, agentName } = this
+      this.$store.dispatch('signin', { userId, deptid, deptName, nowExten, agentName })
     },
-    // 处理登录之后的操作
-    handleLoginResult(object) {
-      if (object.success === 'true') { // 登录成功
-        // 处理其他按钮的可点击情况
-        this.btnStatus.btnLogin = true
-        this.btnStatus.btnLogOut = false
-        this.btnStatus.btnDialOut = false
-        this.btnStatus.btnDialIn = false
-        this.btnStatus.btnHold = false
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = false
-        this.btnStatus.btnHangUp = false
-        this.status = '已签入'
-        this.call = '空闲'
-        this.$store.commit('SET_ONLINE', '1')
-        // 通知后台已签入
-        this.sendRecord('1', '签入')
-        // 心跳监测定时器
-        // if (this.webVariable.web_heartbeatInterval > 0) {
-        //   this.webVariable.web_heartbeatID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_heartbeatID * 1000)
-        // }
-        const that = this
-        if (this.heartbeatInterval > 0) {
-          this.heartbeatID = setInterval(function() {
-            console.log('startheartbeat')
-            that.sendHearbeatMessage()
-          }, that.heartbeatID * 1000)
-        }
-        if (this.busy === '') {
-          // OnFree_cb()
-        } else {
-          // OnBusy_cb(busy)
-          // }
-        }
-      } else if (object.resultText) { // 登录失败，显示错误信息
-        this.showError(object.resultText)
-        if (object.resultText === '座席登录失败, 分机号码错误') {
-          this.txtPhoneAccount = ''
-        }
-      }
+    // 签入成功后按钮的操作
+    onLoginSuccess() {
+      this.btnStatus.btnLogin = true // 签出按钮不显示
+      this.btnStatus.btnLogOut = false
+      this.btnStatus.btnDialOut = false
+      this.btnStatus.btnDialIn = false
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true // 置闲不显示
+      this.btnStatus.btnMeeting = false
+      this.btnStatus.btnHangUp = false
+      this.status = '已签入'
+      this.call = '空闲'
+      // 通知后台已签入
+      this.sendRecord('1', '签入')
     },
     // 坐席签出
     logout() {
-      const strSend = 'command:logout\n\n'
-      this.webSocket.send(strSend)
+      this.$confirm(
+        '确认签出吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        this.$store.dispatch('signout')
+      })
     },
-    // 处理签出成功之后的操作
-    handleLogoutResult(object) {
-      if (object.success === 'true') {
-        this.status = '未签入'
-        this.$message.success('签出成功')
-        // 处理按钮状态
-        this.btnStatus.btnLogin = false
-        this.btnStatus.btnLogOut = true
-        this.btnStatus.btnDialOut = true
-        this.btnStatus.btnDialIn = true
-        this.btnStatus.btnHold = true
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = true
-        this.btnStatus.btnHangUp = true
-        this.$store.commit('SET_ONLINE', '0')
-        this.resetWs()
-        // 通知后台已签入
-        this.sendRecord('1', '签出')
-        // 清除定时器
-        // clearInterval(this.webVariable.web_heartbeatID)
-        clearInterval(this.heartbeatID)
-      }
+    logoutSuccess() {
+      this.status = '未签入'
+      this.$message.success('签出成功')
+      // 处理按钮状态
+      this.btnStatus.btnLogin = false
+      this.btnStatus.btnLogOut = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = true
+      // 通知后台已签入
+      this.sendRecord('1', '签出')
     },
-    // 外呼
+    // 外呼，ok
     dialOut() {
       if (this.judgeStatus()) {
-        this.$refs.keyboard.initDialog('out')
+        if (!this.isInCall) {
+          this.$refs.keyboard.initDialog('out')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 内呼
+    // 内呼,ok
     dialIn() {
       if (this.judgeStatus()) {
-        this.getExtentionList()
-        this.$refs.chooseseats.initDialog('in')
+        // 如果在通话中，不允许内呼
+        if (!this.isInCall) {
+          this.getExtentionList()
+          this.$refs.chooseseats.initDialog('in')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 获取坐席列表
+    // 转接，ok
+    transferDial() {
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) { // 判断是否外接电话
+            this.$refs.chooseseats.initDialog('transfer')
+          } else {
+            this.$message.warning('只有外接电话才允许转接')
+          }
+        }
+      }
+    },
+    // 获取已登录坐席列表,ok
     getExtentionList() {
       const params = {
         type: 'agent'
       }
-      const strSend = this.createCommand('getExtensionList', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('getExtensionList', params)
     },
     // 拨号
     dial(type, tel) {
@@ -352,43 +374,45 @@
       if (type === 'out') {
         tel = '9' + tel
       }
-      const sendObj = {
-        dialString: tel,
-        cusid: '',
-        cusname: '',
-        proid: '',
-        proname: ''
+      if (type === 'transfer') {
+        this.goTransfer(tel)
       }
       this.statusShow = true
       this.statusText = '呼叫中...'
       this.statusDetailText = '呼叫中'
-      const strSend = this.createCommand('dial', sendObj)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('dial', tel)
+    },
+    // 直接去转接
+    goTransfer(tel) {
+      this.$store.dispatch('transfer', tel)
     },
     // 示忙
     onbusy() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('busy')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = false
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onbusy')
+          this.btnStatus.btnBusy = true
+          this.btnStatus.btnIdle = false
+          this.sendRecord('4', '置忙')
+        }
       }
     },
     // 示闲
     onidle() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('idle')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onidle')
+          this.btnStatus.btnBusy = false
+          this.btnStatus.btnIdle = true
+          this.sendRecord('4', '置闲')
+        }
       }
     },
     // 挂机
     hangup() {
-      if (this.judgeStatus()) { // 判断坐席状态
+      if (this.judgeStatus()) { // 判断坐席状态，
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hangup')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hangup')
         }
       }
     },
@@ -396,8 +420,7 @@
     hold() {
       if (this.judgeStatus()) { // 判断坐席状态
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hold')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hold')
           this.sendRecord('3', '进入保持')
         }
       }
@@ -405,15 +428,49 @@
     // 解除保持
     unhold() {
       if (this.judgeStatus()) {
-        const strSend = this.createCommand('unhold')
-        this.webSocket.send(strSend)
+        this.$store.dispatch('unhold')
         this.sendRecord('3', '解除保持')
       }
     },
-    // 处理接通来电事宜
-    incommingAnswerd(object) {
+    // 通话开始
+    startCall() {
+      const that = this
+      this.number = this.websocketObj.number
+      // 开始通话后3s弹窗消失
+      if (this.statusShow) {
+        setTimeout(function() {
+          that.statusShow = false
+        }, 3000)
+      }
+      // 开启计时器
+      this.time = 0
+      this.timeInterval = setInterval(function() {
+        that.time += 1
+      }, 1000)
+    },
+    // 通话结束
+    callOver() {
+      // 结束计时器
+      if (this.timeInterval) {
+        this.$message.info('通话结束')
+        clearInterval(this.timeInterval)
+        this.timeInterval = null
+        this.time = 0
+        this.number = ''
+      }
+      // 如果是来电,进入工作态
+      if (this.isInComing) {
+        this.goWorkState()
+      }
+    },
+    // 处理接通来电之后
+    incommingAnswerd() {
+      debugger
+      const object = this.websocketObj
       this.isInComing = true
-      this.notify.close() // 关闭来电提醒
+      if (this.notify) {
+        this.notify.close() // 关闭来电提醒
+      }
       // 处理按钮显示问题
       this.btnStatus.btnDialOut = true
       this.btnStatus.btnDialIn = true
@@ -423,18 +480,21 @@
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
-      // 弹出新建工单窗口
-      this.showAddCase = true
-      const data = {
-        callid: object.callid,
-        number: object.number,
-        dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
-      }
-      console.log(data)
-      const that = this
-      setTimeout(function() {
-        that.$refs['addcase'].initData(data)
-      }, 500)
+      // 判断是不是内呼，内呼则不弹出新建工单页面
+      // if (!this.judgeInsideNumber()) {
+        // 弹出新建工单窗口
+        this.showAddCase = true
+        const data = {
+          callid: object.callid,
+          number: object.number,
+          dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
+        }
+        console.log(data)
+        const that = this
+        setTimeout(function() {
+          that.$refs['addcase'].initData(data)
+        }, 500)
+      // }
     },
     // 新建事件完毕调用
     closeCreateDialog() {
@@ -458,218 +518,42 @@
     },
     // 点击会议，打开会议弹窗
     meeting() {
-      this.$refs.chooseseats.initDialog('meeting')
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) {
+            this.$refs.chooseseats.initDialog('meeting')
+          } else {
+            this.$message.warning('只有外接电话才允许三方通话')
+          }
+        }
+      }
     },
     // 开启三方通话
     goMeeting(tel) {
-      const params = {
-        dialString: tel
-      }
-      const strSend = this.createCommand('threeWay', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('meeting', tel)
     },
-    // 初始化
-    initSapoOcx() {
-      const { ip, port } = this
-      sapoOcx.api.setDebugMode()
-      // 连接服务器,参数：ip,端口,初始化websocket
-      if (ip && port) {
-        this.connect(ip, port)
-      } else {
-        this.$message.error('请检查websock连接配置')
-      }
+    // 外呼振铃的操作
+    onOutBoundRinging() { // 除了挂断其他不允许点
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = false
     },
-    // 创建连接
-    connect: function(server, port) {
-      sapoOcx.api.config.serverIp = server
-      if (port != null && port !== '') { sapoOcx.api.config.commuPort = port }
-      this.connectToServer()
-    },
-    // 连接服务器
-    connectToServer: function() {
-      const that = this
-      if (!sapoOcx.api.config.initFinish) {
-        sapoOcx.api.config.initFinish = true
-        setTimeout(that.connectToServer(), 200)
-      } else {
-        this.initConnection(sapoOcx.api.config.serverIp, sapoOcx.api.config.commuPort)
-      }
-    },
-    // 初始化websocket连接
-    initConnection(ip, port) {
-      const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
-      this.webSocket = new WebSocket(wsUrl)
-      this.webSocket.onopen = this.wsOpen
-      this.webSocket.onclose = this.wsClose
-      this.webSocket.onmessage = this.wsMessage
-      this.webSocket.onerror = this.wsError
-    },
-    // webSocket onOpen
-    wsOpen(event) {
-      this.status = '已连接'
-      this.$store.commit('SET_WEBSOCKET', '1')
-      this.btnStatus.btnLogin = false
-    },
-    // webSocket onClose
-    wsClose(event) {
-      this.resetWs()
-      clearInterval(this.webVariable.web_heartbeatID)
-      this.$store.commit('SET_WEBSOCKET', '1')
-    },
-    // 处理websocket 返回消息
-    wsMessage(event) {
-      const that = this
-      // 将websocket 返回值转成对象 object
-      const obj = event.data
-      const data = obj.split('\n')
-      const object = {}
-      data.forEach(function(value) {
-        if (value !== '') {
-          const objData = value.split(':')
-          object[objData[0]] = objData[1]
-        }
-      })
-      console.log(object)
-      // 根据返回值处理
-      const messageType = object.messageType // 消息类型
-      if (messageType === 'event') {
-        const name = object.name
-        if (name === 'agent status') { // 坐席状态
-
-        }
-        if (name === 'call status') { // 话机状态
-          if (object.call === '空闲') {
-            this.call = '空闲'
-            // 如果正在通话
-            if (this.isInCall === true) {
-              this.statusDetailText = '通话结束'
-              this.statusShow = false
-              // 结束计时器
-              if (this.timeInterval) {
-                this.$message.info('通话结束')
-                clearInterval(this.timeInterval)
-                this.timeInterval = null
-                this.time = 0
-              }
-              // 如果是来电,进入工作态
-              if (this.isInComing) {
-                this.goWorkState()
-              }
-              this.isInCall = false
-            }
-          } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
-            this.call = '通话中'
-            this.isInCall = true
-            this.statusDetailText = object.call
-            // 开始通话后3s弹窗消失
-            if (this.statusShow) {
-              setTimeout(function() {
-                that.statusShow = false
-              }, 3000)
-            }
-            this.time = 0
-            this.timeInterval = setInterval(function() {
-              that.time += 1
-            }, 1000)
-          } else {
-            this.isInCall = true
-            this.statusDetailText = object.call
-          }
-        }
-        if (name === 'outbound ringing') { // 外呼振铃,除了挂断其他不允许点
-          this.btnStatus.btnDialOut = true
-          this.btnStatus.btnDialIn = true
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = true
-          this.btnStatus.btnIdle = true
-          this.btnStatus.btnMeeting = true
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'outbound answered') { // 外呼接通，允许保持
-          this.isInComing = false
-          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
-        }
-        if (name === 'incomming ringing') {
-          this.notify = this.$notify({
-            title: '未接来电',
-            message: object.number,
-            duration: 0
-          })
-        }
-        if (name === 'incomming answered') { // 来电接通
-          this.incommingAnswerd(object)
-        }
-        if (name === 'hangup') { // 挂断， 冻结和解除冻结不好用，其他均可
-          this.btnStatus.btnDialOut = false
-          this.btnStatus.btnDialIn = false
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = false
-          this.btnStatus.btnIdle = false
-          this.btnStatus.btnMeeting = false
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'status changed') { // 状态改变
-          this.busy = object.busy // 坐席忙碌状态
-          // this.call = object.call // 通话忙碌状态
-          this.reg = object.reg // 话机状态
-          this.number = object.number ? object.number : '' // 来电号码
-          this.webVariable.web_reg = object.reg
-          this.webVariable.web_callStatue = object.call
-          this.webVariable.web_agentStatue = object.agent
-          this.webVariable.web_busyStatue = object.busy
-          this.webVariable.web_number = object.number
-          if (this.reg === '离线') {
-            this.$message.warning('话机已离线，请检查！')
-            if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
-              this.statusShow = false
-            }
-          }
-        }
-        if (name === 'queue status') {
-          // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
-        }
-        if (name === 'busy status') {
-          // busy = object.busy
-          // if (busy == '') {
-          //   OnFree_cb()
-          // } else {
-          //   OnBusy_cb(busy)
-          // }
-        }
-      } else if (messageType === 'heartbeat response') { // 心跳回复
-        this.webVariable.web_hearbeatCount = 0
-        this.heartbeatCount = 0
-      } else if (messageType === 'command response') { // 命令回复
-        const command = object.command
-        if (command === 'login') {
-          this.handleLoginResult(object)
-        } else if (command === 'logout') {
-          this.handleLogoutResult(object)
-        } else if (command === 'getExtensionList') {
-          this.handleExtensionList(object)
-        } else if (command === 'dial') {
-          if (object.success === 'true') { this.statusDetailText = object.resultText }
-        } else if (object.resultText === '准备挂断' && object.success === 'true') {
-          this.statusShow = false
-        } else if (object.resultText === '准备保持' && object.success === 'true') {
-          if (object.type === '') { // 保持成功后
-            this.btnStatus.btnUnhold = false
-            this.btnStatus.btnHold = true
-          } else if (object.type === 'off') { // 解除保持成功后
-            this.btnStatus.btnUnhold = true
-            this.btnStatus.btnHold = false
-          }
-        }
-      }
+    // 外呼接听后的操作 , 允许保持，允许挂断，其余均不允许
+    onOutBoundAnswered() {
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnHangUp = false
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
     },
     // 获取坐席列表，存到seatsList
     handleExtensionList(object) {
@@ -695,61 +579,13 @@
         }
       }
     },
-    // webSocket onError
-    wsError(event) {
-      console.log(event)
-    },
-    resetWs() {
-      this.webVariable.web_extension = null
-      this.webVariable.web_agentStaffid = null
-      this.webVariable.web_agentName = null
-      this.webVariable.web_skill = null
-
-      this.webVariable.web_reg = null
-      this.webVariable.web_callStatue = null
-      this.webVariable.web_agentStatue = null
-      this.webVariable.web_busyStatue = null
-      this.webVariable.web_number = null
-    },
-    // 发送心跳，三次没有响应则断开连接
-    sendHearbeatMessage() {
-      // if (this.webVariable.web_hearbeatCount >= 3) {
-      //   this.webSocket.close()
-      // } else {
-      //   this.webVariable.web_hearbeatCount += 1
-      //   const strSend = this.createCommand('heartbeat')
-      //   this.webSocket.send(strSend)
-      // }
-      if (this.heartbeatCount >= 3) {
-        this.webSocket.close()
-      } else {
-        this.heartbeatCount += 1
-        const strSend = this.createCommand('heartbeat')
-        console.log(strSend)
-        this.webSocket.send(strSend)
-      }
-    },
     // 显示错误信息
     showError(message) {
       this.$message.error(message)
     },
-    // 创建命令
-    createCommand(command, object = null) {
-      let sendStr = 'command:'
-      if (command) {
-        sendStr += command + '\n'
-        if (object) {
-          for (const key in object) {
-            sendStr += key + ':' + object[key] + '\n'
-          }
-        }
-        sendStr += '\n'
-      }
-      return sendStr
-    },
     // 判断坐席状态
     judgeStatus() {
-      if (this.status === '已签入') {
+      if (this.signStatus) {
         return true
       } else {
         this.$message.warning('请先签入呼叫平台')
@@ -765,6 +601,13 @@
         return false
       }
     },
+    judgeInsideNumber(number) {
+      if (number.length > 4) {
+        return false
+      } else {
+        return true
+      }
+    },
     // 向后台写记录
     sendRecord(type, recordName) {
       seatReport(type, recordName)
@@ -774,68 +617,68 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.ivr-div{
-  position: fixed;
-  top:0px;
-  left:240px;
-  padding-top: 10px;
-  .el-button--default{
-    width:50px;
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
-    background-color:transparent;
-    border-style:none;
-    color: #ffffff;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: none;
-    margin: 0;
-    -webkit-transition: .1s;
-    transition: .1s;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    padding: 3px 3px;
-    font-size: 12px;
-    .ivr-icon{
-      width: 100%;
+  .ivr-div{
+    position: fixed;
+    top:0px;
+    left:240px;
+    padding-top: 10px;
+    .el-button--default{
+      width:50px;
+      display: inline-block;
+      line-height: 1;
+      white-space: nowrap;
+      cursor: pointer;
+      background-color:transparent;
+      border-style:none;
+      color: #ffffff;
+      -webkit-appearance: none;
       text-align: center;
-      display: block;
-      font-size: 25px;
-      margin-bottom: 2px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      outline: none;
+      margin: 0;
+      -webkit-transition: .1s;
+      transition: .1s;
+      font-weight: 500;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+      padding: 3px 3px;
+      font-size: 12px;
+      .ivr-icon{
+        width: 100%;
+        text-align: center;
+        display: block;
+        font-size: 25px;
+        margin-bottom: 2px;
+      }
+    }
+    .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
+      color: #e1e1e1;
+      .ivr-icon{
+        color: #e1e1e1 !important;
+      }
+    }
+    .state-show{
+      display: inline-block;
+      width:200px;
+      margin-left: 20px;
+      border:1px solid #409EFF;
+      color:#ffffff;
+      font-size:12px;
+      line-height: 17px;
+      padding:5px 5px;
+      height: 45px;
+      box-sizing: border-box;
+      transform: translate(0, -8px);
+    }
+    .highlight{
+      font-size:13px;
+      font-weight: 600;
+      color:#00ffff;
+      padding-left: 5px;
     }
   }
-  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
-    color: #e1e1e1;
-    .ivr-icon{
-      color: #e1e1e1 !important;
-    }
-  }
-  .state-show{
-    display: inline-block;
-    width:180px;
-    margin-left: 20px;
-    border:1px solid #409EFF;
-    color:#ffffff;
-    font-size:12px;
-    line-height: 17px;
-    padding:5px 5px;
-    height: 45px;
-    box-sizing: border-box;
-    transform: translate(0, -8px);
-  }
-  .highlight{
-    font-size:13px;
-    font-weight: 600;
-    color:#00ffff;
-    padding-left: 5px;
-  }
-}
 </style>
 <style>
   .addcase-dialog{
diff --git a/src/store/getters.js b/src/store/getters.js
index 611f237..0dfd755 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
   id: state => state.user.id, // id
   account: state => state.user.account, // 账户
   name: state => state.user.name, // 姓名
+  seat: state => state.user.seat, // 坐席号
   roleList: state => state.user.roleList, // 角色列表
   roleNames: state => state.user.roleNames, // 角色名称列表
   roleTips: state => state.user.roleTips, // 角色名称列表
@@ -19,11 +20,11 @@
   permission_routers: state => state.permission.routers, // 用户有权限的路由
   addRouters: state => state.permission.addRouters, // 添加的路由
   btns: state => state.permission.btns, // 用户所有的按钮权限
-  seat: state => state.user.seat, // 坐席号
   exten: state => state.user.exten, // 分机号
   websocket: state => state.user.websocket, // websocket连接状态
   online: state => state.user.online, // 签入情况
   area: state => state.user.area, // 用户所在区域
-  systemName: state => state.user.systemName // 系统名称
+  systemName: state => state.user.systemName, // 系统名称
+  signStatus: state => state.ivr.signStatus // 签入状态
 }
 export default getters
diff --git a/src/store/modules/ivr.js b/src/store/modules/ivr.js
new file mode 100644
index 0000000..e1d0509
--- /dev/null
+++ b/src/store/modules/ivr.js
@@ -0,0 +1,380 @@
+// IVR websocket
+import { getProject } from '@/utils/baseConfig'
+import { createCommand } from '@/utils/ivrtools'
+import sapoOcx from 'sapoOcx'
+import { Message } from 'element-ui'
+
+const ivr = {
+  namespace: true,
+  state: {
+    websocket: null, // websocket
+    websocketObj: null, // websocket返回值对象
+    queue: 'kefu', // 技能组
+    skill: '1', // 技能组
+    busyString: '忙碌', // 致忙原因
+    autoAcw: '0', // 自动化后
+    extensionList: [], // 分机列表
+    wsStatus: false, // websocket连接状态：已连接为true，否则为false
+    extension: null, // 分机号
+    agentStaffid: null, // 坐席工号,用户id
+    agentName: null, // 坐席名称，用户名称
+    signStatus: false, // 签入状态：true为已签入，false为未签入
+    busyStatus: null, // 忙碌状态 ：忙碌，空闲,
+    callStatus: null, // 通话状态: 开始拨号，通话结束，外呼通话,呼入通话,自动外呼接入
+    agentStatus: null, // 坐席状态: 已登录为true，其他为false
+    isInCall: false, // 是否在通话中,通话中未true,其他为false
+    isInComming: false, // 是否来电，外部来电为true，其他为false
+    reg: '', // 话机状态： outbound ringing， outbound answered, incomming ringing, incomming answered, holding, unholding
+    number: '', // 通话号码
+    dialStatus: '' // 拨号状态
+  },
+  mutations: {
+    SET_WEBSOCKET: (state, websocket) => {
+      state.websocket = websocket
+    },
+    SET_WEBSOCKET_OBJ: (state, websocketObj) => {
+      state.websocketObj = websocketObj
+    },
+    SET_SYSTEM: (state, system) => {
+      state.system = system
+    },
+    SET_EXTENSION_LIST: (state, extensionList) => {
+      state.extensionList = extensionList
+    },
+    SET_WS_STATUS: (state, wsStatus) => {
+      state.wsStatus = wsStatus
+    },
+    SET_EXTENSION: (state, extension) => {
+      state.extension = extension
+    },
+    SET_AGENT_NAME: (state, agentName) => {
+      state.agentName = agentName
+    },
+    SET_AGENT_STATUS: (state, agentStatus) => {
+      state.agentStatus = agentStatus
+    },
+    SET_SIGN_STATUS: (state, signStatus) => {
+      state.signStatus = signStatus
+    },
+    SET_BUSY_STATUS: (state, busyStatus) => {
+      state.busyStatus = busyStatus
+    },
+    SET_CALL_STATUS: (state, callStatus) => {
+      state.callStatus = callStatus
+    },
+    SET_IS_IN_CALL: (state, isInCall) => {
+      state.isInCall = isInCall
+    },
+    SET_IS_IN_COMMING: (state, isInComming) => {
+      state.isInComming = isInComming
+    },
+    SET_REG: (state, reg) => {
+      state.reg = reg
+    },
+    SET_NUMBER: (state, number) => {
+      state.number = number
+    },
+    SET_DIAL_STATUS: (state, dialStatus) => {
+      state.dialStatus = dialStatus
+    },
+    RESET_WS: (state) => {
+      state.extension = null
+      state.agentStaffid = null
+      state.agentName = null
+      state.skill = null
+      state.signStatus = false
+      state.callStatus = null
+      state.agentStatus = null
+      state.busyStatus = null
+      state.holdStatus = null
+    }
+  },
+
+  actions: {
+    // 初始化websocket
+    initWebSocket({ dispatch, commit }) {
+      // 获取ws的ip和端口号
+      const ip = getProject().ws_ip
+      const port = getProject().ws_port
+      if (!sapoOcx.api.config.initFinish) {
+        sapoOcx.api.config.initFinish = true
+        setTimeout(dispatch('initWebSocket'), 200)
+      } else {
+        // 初始化websocket
+        const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
+        commit('SET_WEBSOCKET', new WebSocket(wsUrl))
+        // websocket 连接状态
+        ivr.state.websocket.onopen = function() {
+          commit('SET_WS_STATUS', true)// 已连接状态
+          console.log('init websocket success!')
+        }
+        ivr.state.websocket.onclose = function() {
+          commit('SET_WS_STATUS', false)// ws断开状态
+        }
+        ivr.state.websocket.onerror = function(event) {
+          console.log(event)
+        }
+        ivr.state.websocket.onmessage = function(event) {
+          // 将websocket 返回值转成对象 object
+          const obj = event.data
+          const data = obj.split('\n')
+          const object = {}
+          data.forEach(function(value) {
+            if (value !== '') {
+              const objData = value.split(':')
+              object[objData[0]] = objData[1]
+            }
+          })
+          console.log(object)
+          commit('SET_WEBSOCKET_OBJ', object)
+          // 根据返回值处理
+          const messageType = object.messageType // 消息类型
+          if (messageType === 'event') {
+            const name = object.name
+            if (name === 'agent status') { // 坐席状态
+            }
+            if (name === 'call status') { // 话机状态
+              if (object.call === '空闲') {
+                // 如果正在通话，表示通话结束
+                if (ivr.state.isInCall) {
+                  commit('SET_CALL_STATUS', '通话结束')
+                }
+                commit('SET_IS_IN_CALL', false)
+                // commit('SET_CALL_STATUS', '空闲中')
+              } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
+                commit('SET_IS_IN_CALL', true)
+                commit('SET_CALL_STATUS', object.call)
+                // commit('SET_CALL_STATUS', '通话中')
+              } else {
+                commit('SET_IS_IN_CALL', true)
+                commit('SET_CALL_STATUS', object.call)
+              }
+            }
+            if (name === 'outbound ringing') { // 外呼振铃
+              commit('SET_REG', 'outbound ringing')
+            }
+            if (name === 'outbound answered') { // 外呼接通,
+              commit('SET_IS_IN_COMMING', false)
+              commit('SET_REG', 'outbound answered')
+            }
+            if (name === 'incomming ringing') { // 内呼振铃
+              commit('SET_REG', 'incomming ringing')
+            }
+            if (name === 'incomming answered') { // 来电接通
+              commit('SET_IS_IN_COMMING', true)
+              commit('SET_REG', 'incomming answered')
+            }
+            if (name === 'hangup') { // 挂断
+              commit('SET_REG', 'hangup')
+            }
+            if (name === 'status changed') { // 状态改变
+              commit('SET_BUSY_STATUS', object.busy)
+              // commit('SET_AGENT_STATUS', object.agent)
+              commit('SET_NUMBER', object.number)
+              if (object.reg === '离线' || object.reg === '未知') {
+                Message.warning('话机已离线，请检查！')
+              }
+            }
+            if (name === 'queue status') {
+              // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
+            }
+            if (name === 'busy status') {
+            }
+          } else if (messageType === 'heartbeat response') { // 心跳回复
+            // TODO:心跳回复
+          } else if (messageType === 'command response') { // 命令回复
+            const command = object.command
+            if (command === 'login') { // 签入结果
+              if (object.success === 'true') { // 签入成功
+                Message.success('签入成功')
+                commit('SET_SIGN_STATUS', true)
+              } else {
+                Message.error(object.resultText)
+              }
+            } else if (command === 'logout') { // 签出结果
+              if (object.success === 'true') {
+                commit('SET_SIGN_STATUS', false)
+                commit('RESET_WS')
+              }
+            } else if (command === 'getExtensionList') { // 分机列表结果
+              if (object.success) {
+                const test = object.resultText
+                const index = test.indexOf(',')
+                const seatsList = []
+                if (index > 0) {
+                  const messageList = test.split(',')
+                  for (let i = 0; i < messageList.length; i++) {
+                    const tList = messageList[i].split('|')
+                    const seat = {
+                      exten: tList[0],
+                      name: tList[1],
+                      loginId: tList[2],
+                      sector: tList[3],
+                      group: tList[4],
+                      state: tList[5],
+                      busy: tList[6]
+                    }
+                    seatsList.push(seat)
+                  }
+                }
+                commit('SET_EXTENSION_LIST', seatsList)
+              }
+            } else if (command === 'dial') { // 呼叫结果
+              if (object.success === 'true') {
+                console.log('DIAL_STATUS:' + object.resultText)
+                commit('SET_DIAL_STATUS', object.resultText)
+              }
+            } else if (object.resultText === '准备挂断' && object.success === 'true') {
+              // this.statusShow = false
+            } else if (object.resultText === '准备保持' && object.success === 'true') {
+              if (object.type === '') { // 保持成功后
+                commit('SET_REG', 'holding')
+              } else if (object.type === 'off') { // 解除保持成功后
+                commit('SET_REG', 'unholding')
+              }
+            }
+          }
+        }
+      }
+    },
+    // 签入 参数：userid用户id, deptid部门id, deptName部门名字，extension分机号，agentName坐席号
+    signin({ dispatch, commit }, { userId, deptid, deptName, nowExten, agentName }) {
+      commit('SET_EXTENSION', nowExten)
+      commit('SET_AGENT_NAME', agentName)
+      const sendObj = {
+        agent: agentName,
+        extension: nowExten,
+        queue: ivr.state.queue,
+        staffid: userId,
+        busyString: ivr.state.busyString,
+        skill: ivr.state.skill,
+        secid: deptid,
+        secname: deptName,
+        autoacw: '',
+        domain: '',
+        security: ''
+      }
+      const strSend = createCommand('login', sendObj)
+      ivr.state.websocket.send(strSend)
+    },
+    // 签出
+    signout({ dispatch, commit }) {
+      const strSend = 'command:logout\n\n'
+      ivr.state.websocket.send(strSend)
+    },
+    // 示忙
+    onbusy({ dispatch, commit }) {
+      const strSend = createCommand('busy')
+      ivr.state.websocket.send(strSend)
+      commit('SET_BUSY_STATUS', '1')
+    },
+    // 示闲
+    onidle({ dispatch, commit }) {
+      const strSend = createCommand('idle')
+      ivr.state.websocket.send(strSend)
+      commit('SET_BUSY_STATUS', '0')
+    },
+    // 挂机
+    hangup({ dispatch, commit }) {
+      const strSend = createCommand('hangup')
+      ivr.state.websocket.send(strSend)
+    },
+    // 保持
+    hold({ dispatch, commit }) {
+      const strSend = createCommand('hold')
+      ivr.state.websocket.send(strSend)
+    },
+    // 解除保持
+    unhold({ dispatch, commit }) {
+      const strSend = createCommand('unhold')
+      ivr.state.websocket.send(strSend)
+    },
+    // 获取坐席列表
+    getExtensionList({ dispatch, commit }, params) {
+      const strSend = createCommand('getExtensionList', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 拨号
+    dial({ dispatch, commit }, tel) {
+      commit('SET_CALL_STATUS', '开始拨号')
+      const sendObj = {
+        dialString: tel,
+        cusid: '',
+        cusname: '',
+        proid: '',
+        proname: ''
+      }
+      const strSend = createCommand('dial', sendObj)
+      ivr.state.websocket.send(strSend)
+    },
+    // 三方
+    meeting({ dispatch, commit }, tel) {
+      const params = {
+        dialString: tel
+      }
+      const strSend = createCommand('threeWay', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 转接
+    transfer({ dispatch, commit }, tel) {
+      const params = {
+        dialString: tel
+      }
+      const strSend = createCommand('transfer', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 分机监听
+    spy({ dispatch, commit }, exten) {
+      const params = {
+        extension: exten
+      }
+      const strSend = createCommand('spy', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 组监听
+    groupSpy({ dispatch, commit }, group) {
+      const params = {
+        group: group
+      }
+      const strSend = createCommand('groupSpy', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 取消ivr监听
+    inject({ dispatch, commit }) {
+      const strSend = createCommand('Inject')
+      ivr.state.websocket.send(strSend)
+    },
+    // 转接ivr节点
+    transferIvr({ dispatch, commit }, ivrCode) {
+      const params = {
+        ivr: ivrCode
+      }
+      const strSend = createCommand('transferIvr', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 组抢接
+    groupPickUp({ dispatch, commit }, group) {
+      const params = {
+        group: group
+      }
+      const strSend = createCommand('groupPickup', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 分机监听
+    extenPickUp({ dispatch, commit }, exten) {
+      const params = {
+        extension: exten
+      }
+      const strSend = createCommand('pickupExtension', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 盲抢
+    pickUp({ dispatch, commit }) {
+      const strSend = createCommand('pickup')
+      ivr.state.websocket.send(strSend)
+    }
+
+  }
+}
+
+export default ivr
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index c1add2d..e2b3c4c 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   type: 'callcenter',
   // title: '城市协同工作平台',
   // type: 'city',
+  // ws_ip: '192.170.1.10',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }

diff --git a/src/components/LeftCallBar.vue b/src/components/LeftCallBar.vue
new file mode 100644
index 0000000..96d5857
--- /dev/null
+++ b/src/components/LeftCallBar.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description:侧边语音呼叫栏
+ * @Author: 王晓颖
+ * @Date:
+ -->
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'LeftCallBar'
+  }
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+
+</style>
diff --git a/src/layout/components/AppHeader.vue b/src/layout/components/AppHeader.vue
index 9463f22..42b0e98 100644
--- a/src/layout/components/AppHeader.vue
+++ b/src/layout/components/AppHeader.vue
@@ -58,7 +58,7 @@
     },
     logout() {
       // 判断签入签出状态，如果已签入提醒先签出
-      if (isReceiver() && this.$store.getters.online === '1') {
+      if (isReceiver() && this.$store.getters.signStatus === true) {
         this.$message.warning('请先签出！')
       } else {
         this.$store.dispatch('LogOut').then(() => {
diff --git a/src/layout/components/ivr/chooseExten.vue b/src/layout/components/ivr/chooseExten.vue
new file mode 100644
index 0000000..ae8f567
--- /dev/null
+++ b/src/layout/components/ivr/chooseExten.vue
@@ -0,0 +1,108 @@
+<!--选择分机号-->
+<template>
+  <div id="root">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :before-close="handleClose"
+      :close-on-click-modal = "false"
+      title="选择使用的分机号"
+      width="350px"
+      append-to-body>
+      <div class="pinPage">
+        <el-radio-group v-model="currentExten" size="small">
+          <el-radio v-for="exten of extenList" :key="exten" :label="exten" border>{{ exten }}</el-radio>
+        </el-radio-group>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="submit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ChooseExten',
+  props: {
+    extenList: { // 在线坐席列表
+      type: Array,
+      default: function() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false, // 对话框显示状态
+      currentExten: '' // 选中分机号
+    }
+  },
+  methods: {
+    // 初始化对话框,type=in表示内呼，out表示外呼
+    initDialog() {
+      this.onKeyEvent()
+      this.currentExten = ''
+      this.dialogVisible = true
+    },
+    submit() {
+      this.$emit('finish', this.currentExten)
+      this.handleClose()
+    },
+    handleClose() {
+      this.dialogVisible = false
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .pinPage{
+    overflow: hidden;
+    width: 100%;
+    /*height: 200px*/
+  }
+  .inputBtnList{
+    margin: 0 auto;
+    /*width: 100px;*/
+    /*height: 100px;*/
+    box-sizing: border-box;
+  }
+  .keyboard-btn{
+    width: 100%;
+    height: 60px;
+    font-size:18px;
+    font-weight: 600;
+  }
+  .active-btn{
+    background-color: #ecf5ff !important;
+    color: #409eff !important;
+  }
+  .keyboard-input {
+    height:50px;
+    width: 100%;
+    font-size:18px;
+  }
+  .keyboard-btn:focus{
+    background-color: #ffffff;
+    color: #606266;
+    border-color:#dcdfe6
+  }
+  input{
+    /*background-color: transparent;*/
+  }
+</style>
+<!--<style rel="stylesheet/scss" lang="scss">-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
+<!--</style>-->
diff --git a/src/layout/components/ivr/chooseSeats.vue b/src/layout/components/ivr/chooseSeats.vue
index 30e6012..330c74f 100644
--- a/src/layout/components/ivr/chooseSeats.vue
+++ b/src/layout/components/ivr/chooseSeats.vue
@@ -5,12 +5,12 @@
       :visible.sync="dialogVisible"
       :before-close="handleClose"
       :close-on-click-modal = "false"
-      title="内呼"
+      :title="dialogTitles[type]"
       width="350px"
       append-to-body>
       <div class="pinPage">
         <el-radio-group v-model="tel" size="small">
-          <el-radio v-for="seat of seatList" :key="seat.exten" :label="seat.exten" border>{{ seat.exten }}</el-radio>
+          <el-radio v-for="seat of seatList" v-if="seat.exten!=self" :key="seat.exten" :label="seat.exten" class="seat-radio" border>{{ seat.exten }}[{{ seat.name }}]</el-radio>
         </el-radio-group>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -30,11 +30,20 @@
       default: function() {
         return []
       }
-    }
+    },
+    self: {
+      type: String,
+      default: ''
+    } // 排除自己
   },
   data() {
     return {
-      type: 'in', // 内呼in, 会议meeting
+      type: 'in', // 内呼in, 会议meeting, 转接transfer
+      dialogTitles: {
+        in: '内呼',
+        meeting: '三方通话',
+        transfer: '转接'
+      },
       dialogVisible: false, // 对话框显示状态
       tel: '', // 电话
       currentNumber: '' // 当前数字
@@ -124,18 +133,23 @@
   input{
     /*background-color: transparent;*/
   }
+  .seat-radio{
+    margin-bottom:10px;
+    margin-left:10px;
+    display: block;
+  }
 </style>
 <!--<style rel="stylesheet/scss" lang="scss">-->
-  <!--.keyboard-input {-->
-    <!--height:50px;-->
-    <!--width: 100%;-->
-    <!--font-size:18px;-->
-    <!--.el-input__inner{-->
-      <!--height:50px !important;-->
-    <!--}-->
-    <!--input{-->
-      <!--font-size:18px;-->
-      <!--text-align: center;-->
-    <!--}-->
-  <!--}-->
+<!--.keyboard-input {-->
+<!--height:50px;-->
+<!--width: 100%;-->
+<!--font-size:18px;-->
+<!--.el-input__inner{-->
+<!--height:50px !important;-->
+<!--}-->
+<!--input{-->
+<!--font-size:18px;-->
+<!--text-align: center;-->
+<!--}-->
+<!--}-->
 <!--</style>-->
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 3f8c80f..2295c93 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -6,62 +6,30 @@
     <ivr-btn :show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" icon="baochi" @click="unhold">解除保持</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialIn" icon="hujiao" @click="dialIn">内呼</ivr-btn>
     <ivr-btn :show="true" :disabled="btnStatus.btnDialOut" icon="duiwaihujiao" @click="dialOut">外呼</ivr-btn>
+    <!--<ivr-btn :show="true" :disabled="btnStatus.btnTransfer" icon="hujiao" @click="transferDial">转接</ivr-btn>-->
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnMeeting" icon="hy" @click="meeting">会议</ivr-btn>
     <ivr-btn :show="!btnStatus.btnIdle" :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">退出示忙</ivr-btn>
     <ivr-btn :show="btnStatus.btnIdle" :disabled="btnStatus.btnBusy" icon="shimang" @click="onbusy">示忙</ivr-btn>
     <ivr-btn :show="!btnStatus.btnQuitWorkState" :disabled="btnStatus.btnWorkState" icon="icon-work" @click="quitWorkState">退出工作态</ivr-btn>
     <ivr-btn :show="!btnStatus.btnWorkState" :disabled="btnStatus.btnQuitWorkState" icon="icon-work" @click="goWorkState">进入工作态</ivr-btn>
-    <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
-    <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
-    <!--<div>签入</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" @click="logout">-->
-    <!--<svg-icon icon-class="qianchu" class="ivr-icon"/>-->
-    <!--<div>签出</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" @click="hold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button v-show="!btnStatus.btnUnhold" :disabled="btnStatus.btnUnhold" @click="unhold">-->
-    <!--<svg-icon icon-class="baochi" class="ivr-icon"/>-->
-    <!--<div>解除保持</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialIn" @click="dialIn">-->
-    <!--<svg-icon icon-class="hujiao" class="ivr-icon"/>-->
-    <!--<div>内呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnDialOut" @click="dialOut">-->
-    <!--<svg-icon icon-class="duiwaihujiao" class="ivr-icon"/>-->
-    <!--<div>外呼</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-    <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-    <!--<div>会议</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnIdle" @click="onidle">-->
-    <!--<svg-icon icon-class="xiaoxiu" class="ivr-icon"/>-->
-    <!--<div>小休</div>-->
-    <!--</el-button>-->
-    <!--<el-button :disabled="btnStatus.btnBusy" @click="onbusy">-->
-    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
-    <!--<div>示忙</div>-->
-    <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
-      <div>通话时间：<span class="highlight">{{ timeFormat }}</span><span class="highlight">{{ call }}</span></div>
+      <div>通话时间：<span class="highlight">{{ time | timeFilter }}</span><span class="highlight">{{ callStatus | windowTextFilter }}</span></div>
     </div>
     <!--软键盘-->
     <keyboard ref="keyboard" @call="dial"/>
-    <choose-seats ref="chooseseats" :seat-list="seatsList" @call="dial"/>
+    <!--选择分机-->
+    <choose-exten ref="chooseexten" :exten-list="extenList" @finish="finishChooseExten"/>
+    <!--选择坐席-->
+    <choose-seats ref="chooseseats" :seat-list="extensionList" :self="nowExten" @call="dial"/>
     <!--外呼状态栏-->
     <el-dialog
       :title="statusText"
       :visible.sync="statusShow"
       width="30%"
       append-to-body>
-      <span>{{ statusDetailText }}</span><span class="dot">...</span>
+      <span>{{ callStatus }}</span><span class="dot">...</span>
     </el-dialog>
     <!--新建事件页面-->
     <el-dialog
@@ -71,7 +39,7 @@
       title="新建事件"
       width="1200px"
       custom-class="addcase-dialog"
-      top="5vh"
+      top="60px"
       append-to-body>
       <create-case ref="addcase" @cancel="closeCreateDialog"/>
     </el-dialog>
@@ -79,7 +47,6 @@
 </template>
 
 <script>
-import sapoOcx from 'sapoOcx'
 import Keyboard from './keyboard'
 import IvrBtn from './ivrBtn'
 import CreateCase from '@/views/caseManage/createCase'
@@ -87,42 +54,26 @@
 import ChooseSeats from './chooseSeats'
 import { getProject } from '@/utils/baseConfig'
 import { seatReport } from '@/api/call'
+import ChooseExten from './chooseExten'
+import { mapState } from 'vuex'
 
 export default {
   name: 'IvrBar',
-  components: { ChooseSeats, CreateCase, IvrBtn, Keyboard },
+  components: { ChooseExten, ChooseSeats, CreateCase, IvrBtn, Keyboard },
   data() {
     return {
       debug: true, // 是否开启debug模式
-      txtPhoneAccount: this.$store.getters.exten, // 分机号
-      agentName: 'test', // 坐席名
-      queue: 'kefu', // 技能组
-      staffId: '10101', // 工号
-      skill: '1', // 技能值
-      busyString: '忙碌', // 致忙原因
-      deptid: '1', // 部门编号
-      deptName: '客服部', // 部门名称
-      autoAcw: '0', // 自动化后
-      domain: '',
-      security: '',
+      nowExten: '', // 当前使用的分机号
+      extenList: [], // 待选分机列表
+      agentName: this.$store.getters.seat, // 坐席号
+      userId: this.$store.getters.id, // 用户id
+      deptid: this.$store.getters.deptId, // 部门编号
+      deptName: this.$store.getters.deptName, // 部门名称
       seatsList: [], // 坐席列表
       heartbeatInterval: 0, // 心跳interval
       heartbeatCount: 0, // 心跳heartbeat count
       heartbeatID: 0, // 心跳heartbeat id
-      webSocket: {},
-      webVariable: {
-        web_version: '2.17.0505',
-        web_agentStaffid: null,
-        web_agentName: null,
-        web_skill: null,
-        web_reg: null,
-        web_callStatue: null,
-        web_busyStatue: null,
-        web_number: null,
-        web_heartbeatCount: 0,
-        web_heartbeatInterval: 0,
-        web_heartbeatID: 0
-      },
+      // webSocket: this.$store.state.ivr.websocket, // ws
       btnStatus: {
         btnLogin: false, // 签入
         btnLogOut: true, // 签出
@@ -131,35 +82,18 @@
         btnHangUp: true, // 挂机
         btnDialOut: true, // 外呼
         btnDialIn: true, // 内呼
-        btnAgentList: true,
+        btnTransfer: true, // 转接
         btnBusy: true, // 示忙
         btnIdle: true, // 示闲
-        btnMeeting: true, // 会议
-        btnPickUp: true,
-        btnExtenPickUp: true,
-        btnGroupPickUp: true,
-        btnSpy: true,
-        btnGroupSpy: true,
-        btnVersion: true,
-        btnGetExtension: true,
-        btnGetAgentStaffid: true,
-        btnGetAgentName: true,
-        btnGetSkill: true,
-        btnGetBusyState: true,
-        btnGetAgentState: true,
-        btnGetCallState: true,
-        btnGetRegState: true,
-        btnGetNumber: true,
-        btnInject: true,
+        btnMeeting: true, // 会议/三方通话
         btnWorkState: false, // 进入工作态
         btnQuitWorkState: true // 退出工作态
       },
       status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
-      isInCall: false, // 是否在通话中
       isInComing: false, // 是否来电
-      reg: '', // 话机状态
+      // reg: '', // 话机状态
       number: '', // 通话号码
       diaStatus: '', // 拨号状态
       statusText: '', // 拨号状态标题
@@ -175,6 +109,18 @@
     }
   },
   computed: {
+    ...mapState({
+      exten: state => state.user.exten, // 用户绑定的分机号
+      wsStatus: state => state.ivr.wsStatus,
+      signStatus: state => state.ivr.signStatus, // 签入签出状态
+      callStatus: state => state.ivr.callStatus,
+      isInCall: state => state.ivr.isInCall,
+      isInComming: state => state.ivr.isInComming,
+      extensionList: state => state.ivr.extensionList,
+      reg: state => state.ivr.reg,
+      webSocket: state => state.ivr.webSocket,
+      websocketObj: state => state.ivr.websocketObj
+    }),
     timeFormat() { // 将时间格式化为时分秒样式
       const h = Math.floor(this.time / 3600)
       const m = Math.floor((this.time - h * 3600) / 60)
@@ -183,6 +129,32 @@
       return str
     }
   },
+  filters: {
+    // 呼叫时间过滤器
+    timeFilter(val) {
+      const h = Math.floor(val / 3600)
+      const m = Math.floor((val - h * 3600) / 60)
+      const s = val - h * 3600 - m * 60
+      const str = ('0' + h).slice(-2) + ':' + ('0' + m).slice(-2) + ':' + ('0' + s).slice(-2)
+      return str
+    },
+    // 弹窗内文字
+    windowTextFilter(val) {
+      if (val) {
+        if (val === '呼入振铃') {
+          return '呼入振铃'
+        } else if (val === '外呼振铃' || val === '外呼准备' || val === '开始拨号') {
+          return '呼叫中'
+        } else if (val === '通话结束' || val === '空闲') {
+          return '空闲中'
+        } else {
+          return '通话中'
+        }
+      } else {
+        return '空闲中'
+      }
+    }
+  },
   watch: {
     busy(val) {
       // 忙碌状态为不忙时，示忙按钮允许点,示闲不允许
@@ -193,156 +165,206 @@
         this.btnStatus.btnBusy = true
         this.btnStatus.btnIdle = false
       }
+    },
+    wsStatus(val) { // 监控ws连接状态
+      if (val) { // 如果wsStatus==true
+        if (!this.signStatus) { // 如果还没有签入
+          this.btnStatus.btnLogin = false
+        } else {
+          this.btnStatus.btnLogin = true
+        }
+      } else {
+        this.btnStatus.btnLogin = true
+      }
+    },
+    signStatus(val) { // 监控签入状态
+      console.log('sign status Change:' + val)
+      if (val) { // 已签入
+        this.onLoginSuccess()
+      } else {
+        this.logoutSuccess()
+      }
+    },
+    callStatus(val) { // 通话状态
+      console.log(val)
+      if (val === '通话结束') { // 通话结束
+        this.callOver()
+      } else if (val === '外呼通话' || val === '呼入通话' || val === '自动外呼接入') {
+        this.startCall()
+      }
+    },
+    reg(val) {
+      if (val === 'incomming answered') { // 接听呼入
+        this.incommingAnswerd()
+      } else if (val === 'holding') { // 状态为保持
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = false
+      } else if (val === 'unholding') { // 状态为解除保持
+        this.btnStatus.btnHold = false
+        this.btnStatus.btnUnhold = true
+      } else if (val === 'incomming ringing') { // 来电振铃
+        this.notify = this.$notify({
+          title: '未接来电',
+          message: this.websocketObj.number,
+          duration: 0
+        })
+      } else if (val === 'outbound ringing') { // 外呼振铃后的操作
+        this.onOutBoundRinging()
+      } else if (val === 'outbound answered') { // 外呼接通，允许保持,挂断
+        this.onOutBoundAnswered()
+      } else if (val === 'hangup') { // 挂断， 保持和解除保持不好用，其他均可
+        this.btnStatus.btnDialOut = false
+        this.btnStatus.btnDialIn = false
+        this.btnStatus.btnHold = true
+        this.btnStatus.btnUnhold = true
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = false
+        this.btnStatus.btnMeeting = false
+        this.btnStatus.btnHangUp = false
+      }
     }
   },
   created() {
-    this.initSapoOcx()
+    this.initSocket()
   },
   methods: {
-    // 坐席签入
+    // 初始化Socket，ok
+    initSocket() {
+      if ('WebSocket' in window) {
+        console.log('您的浏览器支持Websocket!')
+        this.$store.dispatch('initWebSocket')
+      } else {
+        this.$message.error('您的浏览器不支持Websocket!请更换浏览器！')
+      }
+    },
+    // 坐席签入，ok
     login() {
       // 先判断websocket状态
-      if (this.$store.getters.websocket === '1') {
-        // 如果没有分机号，先输入分机号，有分机号直接签入
-        if (!this.txtPhoneAccount) {
+      if (this.wsStatus) {
+        // 如果没有绑定的分机号，需要先输入分机号，有分机号直接签入
+        if (!this.exten) {
           this.$prompt('请输入分机号', '提示', {
             confirmButtonText: '确定',
             cancelButtonText: '取消'
           }).then(({ value }) => {
-            this.txtPhoneAccount = value
+            this.nowExten = value
             this.doLogin()
           })
         } else {
-          this.doLogin()
+          // 获取分机号，
+          this.extenList = this.exten.split(',')
+          if (this.extenList.length > 1) {
+            // 打开选择分机号弹窗
+            this.$refs.chooseexten.initDialog()
+          } else {
+            this.nowExten = this.exten
+            this.doLogin()
+          }
         }
       } else {
         this.$message.error('websocket连接状态异常，请刷新页面')
       }
     },
+    // 结束选择分机号
+    finishChooseExten(exten) {
+      this.nowExten = exten
+      this.doLogin()
+    },
     // websocket执行签入操作
     doLogin() {
-      // 替代sapoOcx.login
-      if (this.heartbeatInterval == null || this.heartbeatInterval <= 0) {
-        this.heartbeatInterval = 0
-      }
-      this.webVariable.web_heartbeatInterval = this.heartbeatInterval
-      this.webVariable.web_extension = this.txtPhoneAccount
-      this.webVariable.web_agentStaffid = this.staffId
-      this.webVariable.web_agentName = this.agentName
-      this.webVariable.web_skill = this.skill
-      // 替代socket.api.login
-      const sendObj = {
-        agent: this.agentName,
-        extension: this.txtPhoneAccount,
-        queue: this.queue,
-        staffid: this.staffId,
-        busyString: this.busyString,
-        skill: this.skill,
-        secid: this.deptid,
-        secname: this.deptName,
-        autoacw: this.autoAcw,
-        domain: this.domain,
-        security: this.security
-      }
-      const strSend = this.createCommand('login', sendObj)
-      if (this.debug) {
-        console.log(strSend)
-      }
-      this.webSocket.send(strSend)
+      // 传入分机号和坐席名称
+      const { userId, deptid, deptName, nowExten, agentName } = this
+      this.$store.dispatch('signin', { userId, deptid, deptName, nowExten, agentName })
     },
-    // 处理登录之后的操作
-    handleLoginResult(object) {
-      if (object.success === 'true') { // 登录成功
-        // 处理其他按钮的可点击情况
-        this.btnStatus.btnLogin = true
-        this.btnStatus.btnLogOut = false
-        this.btnStatus.btnDialOut = false
-        this.btnStatus.btnDialIn = false
-        this.btnStatus.btnHold = false
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = false
-        this.btnStatus.btnHangUp = false
-        this.status = '已签入'
-        this.call = '空闲'
-        this.$store.commit('SET_ONLINE', '1')
-        // 通知后台已签入
-        this.sendRecord('1', '签入')
-        // 心跳监测定时器
-        // if (this.webVariable.web_heartbeatInterval > 0) {
-        //   this.webVariable.web_heartbeatID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_heartbeatID * 1000)
-        // }
-        const that = this
-        if (this.heartbeatInterval > 0) {
-          this.heartbeatID = setInterval(function() {
-            console.log('startheartbeat')
-            that.sendHearbeatMessage()
-          }, that.heartbeatID * 1000)
-        }
-        if (this.busy === '') {
-          // OnFree_cb()
-        } else {
-          // OnBusy_cb(busy)
-          // }
-        }
-      } else if (object.resultText) { // 登录失败，显示错误信息
-        this.showError(object.resultText)
-        if (object.resultText === '座席登录失败, 分机号码错误') {
-          this.txtPhoneAccount = ''
-        }
-      }
+    // 签入成功后按钮的操作
+    onLoginSuccess() {
+      this.btnStatus.btnLogin = true // 签出按钮不显示
+      this.btnStatus.btnLogOut = false
+      this.btnStatus.btnDialOut = false
+      this.btnStatus.btnDialIn = false
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true // 置闲不显示
+      this.btnStatus.btnMeeting = false
+      this.btnStatus.btnHangUp = false
+      this.status = '已签入'
+      this.call = '空闲'
+      // 通知后台已签入
+      this.sendRecord('1', '签入')
     },
     // 坐席签出
     logout() {
-      const strSend = 'command:logout\n\n'
-      this.webSocket.send(strSend)
+      this.$confirm(
+        '确认签出吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        this.$store.dispatch('signout')
+      })
     },
-    // 处理签出成功之后的操作
-    handleLogoutResult(object) {
-      if (object.success === 'true') {
-        this.status = '未签入'
-        this.$message.success('签出成功')
-        // 处理按钮状态
-        this.btnStatus.btnLogin = false
-        this.btnStatus.btnLogOut = true
-        this.btnStatus.btnDialOut = true
-        this.btnStatus.btnDialIn = true
-        this.btnStatus.btnHold = true
-        this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
-        this.btnStatus.btnMeeting = true
-        this.btnStatus.btnHangUp = true
-        this.$store.commit('SET_ONLINE', '0')
-        this.resetWs()
-        // 通知后台已签入
-        this.sendRecord('1', '签出')
-        // 清除定时器
-        // clearInterval(this.webVariable.web_heartbeatID)
-        clearInterval(this.heartbeatID)
-      }
+    logoutSuccess() {
+      this.status = '未签入'
+      this.$message.success('签出成功')
+      // 处理按钮状态
+      this.btnStatus.btnLogin = false
+      this.btnStatus.btnLogOut = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = false
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = true
+      // 通知后台已签入
+      this.sendRecord('1', '签出')
     },
-    // 外呼
+    // 外呼，ok
     dialOut() {
       if (this.judgeStatus()) {
-        this.$refs.keyboard.initDialog('out')
+        if (!this.isInCall) {
+          this.$refs.keyboard.initDialog('out')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 内呼
+    // 内呼,ok
     dialIn() {
       if (this.judgeStatus()) {
-        this.getExtentionList()
-        this.$refs.chooseseats.initDialog('in')
+        // 如果在通话中，不允许内呼
+        if (!this.isInCall) {
+          this.getExtentionList()
+          this.$refs.chooseseats.initDialog('in')
+        } else {
+          this.$message.warning('已在通话中')
+        }
       }
     },
-    // 获取坐席列表
+    // 转接，ok
+    transferDial() {
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) { // 判断是否外接电话
+            this.$refs.chooseseats.initDialog('transfer')
+          } else {
+            this.$message.warning('只有外接电话才允许转接')
+          }
+        }
+      }
+    },
+    // 获取已登录坐席列表,ok
     getExtentionList() {
       const params = {
         type: 'agent'
       }
-      const strSend = this.createCommand('getExtensionList', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('getExtensionList', params)
     },
     // 拨号
     dial(type, tel) {
@@ -352,43 +374,45 @@
       if (type === 'out') {
         tel = '9' + tel
       }
-      const sendObj = {
-        dialString: tel,
-        cusid: '',
-        cusname: '',
-        proid: '',
-        proname: ''
+      if (type === 'transfer') {
+        this.goTransfer(tel)
       }
       this.statusShow = true
       this.statusText = '呼叫中...'
       this.statusDetailText = '呼叫中'
-      const strSend = this.createCommand('dial', sendObj)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('dial', tel)
+    },
+    // 直接去转接
+    goTransfer(tel) {
+      this.$store.dispatch('transfer', tel)
     },
     // 示忙
     onbusy() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('busy')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = false
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onbusy')
+          this.btnStatus.btnBusy = true
+          this.btnStatus.btnIdle = false
+          this.sendRecord('4', '置忙')
+        }
       }
     },
     // 示闲
     onidle() {
-      if (this.judgeStatus()) {
-        const strSend = this.createCommand('idle')
-        this.webSocket.send(strSend)
-        this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = true
+      if (this.judgeStatus()) { // 已签入且不在通话中
+        if (!this.isInCall) {
+          this.$store.dispatch('onidle')
+          this.btnStatus.btnBusy = false
+          this.btnStatus.btnIdle = true
+          this.sendRecord('4', '置闲')
+        }
       }
     },
     // 挂机
     hangup() {
-      if (this.judgeStatus()) { // 判断坐席状态
+      if (this.judgeStatus()) { // 判断坐席状态，
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hangup')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hangup')
         }
       }
     },
@@ -396,8 +420,7 @@
     hold() {
       if (this.judgeStatus()) { // 判断坐席状态
         if (this.judgeCallStatus()) { // 判断通话状态
-          const strSend = this.createCommand('hold')
-          this.webSocket.send(strSend)
+          this.$store.dispatch('hold')
           this.sendRecord('3', '进入保持')
         }
       }
@@ -405,15 +428,49 @@
     // 解除保持
     unhold() {
       if (this.judgeStatus()) {
-        const strSend = this.createCommand('unhold')
-        this.webSocket.send(strSend)
+        this.$store.dispatch('unhold')
         this.sendRecord('3', '解除保持')
       }
     },
-    // 处理接通来电事宜
-    incommingAnswerd(object) {
+    // 通话开始
+    startCall() {
+      const that = this
+      this.number = this.websocketObj.number
+      // 开始通话后3s弹窗消失
+      if (this.statusShow) {
+        setTimeout(function() {
+          that.statusShow = false
+        }, 3000)
+      }
+      // 开启计时器
+      this.time = 0
+      this.timeInterval = setInterval(function() {
+        that.time += 1
+      }, 1000)
+    },
+    // 通话结束
+    callOver() {
+      // 结束计时器
+      if (this.timeInterval) {
+        this.$message.info('通话结束')
+        clearInterval(this.timeInterval)
+        this.timeInterval = null
+        this.time = 0
+        this.number = ''
+      }
+      // 如果是来电,进入工作态
+      if (this.isInComing) {
+        this.goWorkState()
+      }
+    },
+    // 处理接通来电之后
+    incommingAnswerd() {
+      debugger
+      const object = this.websocketObj
       this.isInComing = true
-      this.notify.close() // 关闭来电提醒
+      if (this.notify) {
+        this.notify.close() // 关闭来电提醒
+      }
       // 处理按钮显示问题
       this.btnStatus.btnDialOut = true
       this.btnStatus.btnDialIn = true
@@ -423,18 +480,21 @@
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
-      // 弹出新建工单窗口
-      this.showAddCase = true
-      const data = {
-        callid: object.callid,
-        number: object.number,
-        dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
-      }
-      console.log(data)
-      const that = this
-      setTimeout(function() {
-        that.$refs['addcase'].initData(data)
-      }, 500)
+      // 判断是不是内呼，内呼则不弹出新建工单页面
+      // if (!this.judgeInsideNumber()) {
+        // 弹出新建工单窗口
+        this.showAddCase = true
+        const data = {
+          callid: object.callid,
+          number: object.number,
+          dialStartStamp: getToday('yyyy-MM-dd hh:mm:ss')
+        }
+        console.log(data)
+        const that = this
+        setTimeout(function() {
+          that.$refs['addcase'].initData(data)
+        }, 500)
+      // }
     },
     // 新建事件完毕调用
     closeCreateDialog() {
@@ -458,218 +518,42 @@
     },
     // 点击会议，打开会议弹窗
     meeting() {
-      this.$refs.chooseseats.initDialog('meeting')
+      if (this.judgeStatus()) { // 判断坐席状态
+        if (this.judgeCallStatus()) { // 判断通话状态
+          if (this.isInComing) {
+            this.$refs.chooseseats.initDialog('meeting')
+          } else {
+            this.$message.warning('只有外接电话才允许三方通话')
+          }
+        }
+      }
     },
     // 开启三方通话
     goMeeting(tel) {
-      const params = {
-        dialString: tel
-      }
-      const strSend = this.createCommand('threeWay', params)
-      this.webSocket.send(strSend)
+      this.$store.dispatch('meeting', tel)
     },
-    // 初始化
-    initSapoOcx() {
-      const { ip, port } = this
-      sapoOcx.api.setDebugMode()
-      // 连接服务器,参数：ip,端口,初始化websocket
-      if (ip && port) {
-        this.connect(ip, port)
-      } else {
-        this.$message.error('请检查websock连接配置')
-      }
+    // 外呼振铃的操作
+    onOutBoundRinging() { // 除了挂断其他不允许点
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnHold = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
+      this.btnStatus.btnHangUp = false
     },
-    // 创建连接
-    connect: function(server, port) {
-      sapoOcx.api.config.serverIp = server
-      if (port != null && port !== '') { sapoOcx.api.config.commuPort = port }
-      this.connectToServer()
-    },
-    // 连接服务器
-    connectToServer: function() {
-      const that = this
-      if (!sapoOcx.api.config.initFinish) {
-        sapoOcx.api.config.initFinish = true
-        setTimeout(that.connectToServer(), 200)
-      } else {
-        this.initConnection(sapoOcx.api.config.serverIp, sapoOcx.api.config.commuPort)
-      }
-    },
-    // 初始化websocket连接
-    initConnection(ip, port) {
-      const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
-      this.webSocket = new WebSocket(wsUrl)
-      this.webSocket.onopen = this.wsOpen
-      this.webSocket.onclose = this.wsClose
-      this.webSocket.onmessage = this.wsMessage
-      this.webSocket.onerror = this.wsError
-    },
-    // webSocket onOpen
-    wsOpen(event) {
-      this.status = '已连接'
-      this.$store.commit('SET_WEBSOCKET', '1')
-      this.btnStatus.btnLogin = false
-    },
-    // webSocket onClose
-    wsClose(event) {
-      this.resetWs()
-      clearInterval(this.webVariable.web_heartbeatID)
-      this.$store.commit('SET_WEBSOCKET', '1')
-    },
-    // 处理websocket 返回消息
-    wsMessage(event) {
-      const that = this
-      // 将websocket 返回值转成对象 object
-      const obj = event.data
-      const data = obj.split('\n')
-      const object = {}
-      data.forEach(function(value) {
-        if (value !== '') {
-          const objData = value.split(':')
-          object[objData[0]] = objData[1]
-        }
-      })
-      console.log(object)
-      // 根据返回值处理
-      const messageType = object.messageType // 消息类型
-      if (messageType === 'event') {
-        const name = object.name
-        if (name === 'agent status') { // 坐席状态
-
-        }
-        if (name === 'call status') { // 话机状态
-          if (object.call === '空闲') {
-            this.call = '空闲'
-            // 如果正在通话
-            if (this.isInCall === true) {
-              this.statusDetailText = '通话结束'
-              this.statusShow = false
-              // 结束计时器
-              if (this.timeInterval) {
-                this.$message.info('通话结束')
-                clearInterval(this.timeInterval)
-                this.timeInterval = null
-                this.time = 0
-              }
-              // 如果是来电,进入工作态
-              if (this.isInComing) {
-                this.goWorkState()
-              }
-              this.isInCall = false
-            }
-          } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
-            this.call = '通话中'
-            this.isInCall = true
-            this.statusDetailText = object.call
-            // 开始通话后3s弹窗消失
-            if (this.statusShow) {
-              setTimeout(function() {
-                that.statusShow = false
-              }, 3000)
-            }
-            this.time = 0
-            this.timeInterval = setInterval(function() {
-              that.time += 1
-            }, 1000)
-          } else {
-            this.isInCall = true
-            this.statusDetailText = object.call
-          }
-        }
-        if (name === 'outbound ringing') { // 外呼振铃,除了挂断其他不允许点
-          this.btnStatus.btnDialOut = true
-          this.btnStatus.btnDialIn = true
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = true
-          this.btnStatus.btnIdle = true
-          this.btnStatus.btnMeeting = true
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'outbound answered') { // 外呼接通，允许保持
-          this.isInComing = false
-          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
-        }
-        if (name === 'incomming ringing') {
-          this.notify = this.$notify({
-            title: '未接来电',
-            message: object.number,
-            duration: 0
-          })
-        }
-        if (name === 'incomming answered') { // 来电接通
-          this.incommingAnswerd(object)
-        }
-        if (name === 'hangup') { // 挂断， 冻结和解除冻结不好用，其他均可
-          this.btnStatus.btnDialOut = false
-          this.btnStatus.btnDialIn = false
-          this.btnStatus.btnHold = true
-          this.btnStatus.btnUnhold = true
-          this.btnStatus.btnBusy = false
-          this.btnStatus.btnIdle = false
-          this.btnStatus.btnMeeting = false
-          this.btnStatus.btnHangUp = false
-        }
-        if (name === 'status changed') { // 状态改变
-          this.busy = object.busy // 坐席忙碌状态
-          // this.call = object.call // 通话忙碌状态
-          this.reg = object.reg // 话机状态
-          this.number = object.number ? object.number : '' // 来电号码
-          this.webVariable.web_reg = object.reg
-          this.webVariable.web_callStatue = object.call
-          this.webVariable.web_agentStatue = object.agent
-          this.webVariable.web_busyStatue = object.busy
-          this.webVariable.web_number = object.number
-          if (this.reg === '离线') {
-            this.$message.warning('话机已离线，请检查！')
-            if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
-              this.statusShow = false
-            }
-          }
-        }
-        if (name === 'queue status') {
-          // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
-        }
-        if (name === 'busy status') {
-          // busy = object.busy
-          // if (busy == '') {
-          //   OnFree_cb()
-          // } else {
-          //   OnBusy_cb(busy)
-          // }
-        }
-      } else if (messageType === 'heartbeat response') { // 心跳回复
-        this.webVariable.web_hearbeatCount = 0
-        this.heartbeatCount = 0
-      } else if (messageType === 'command response') { // 命令回复
-        const command = object.command
-        if (command === 'login') {
-          this.handleLoginResult(object)
-        } else if (command === 'logout') {
-          this.handleLogoutResult(object)
-        } else if (command === 'getExtensionList') {
-          this.handleExtensionList(object)
-        } else if (command === 'dial') {
-          if (object.success === 'true') { this.statusDetailText = object.resultText }
-        } else if (object.resultText === '准备挂断' && object.success === 'true') {
-          this.statusShow = false
-        } else if (object.resultText === '准备保持' && object.success === 'true') {
-          if (object.type === '') { // 保持成功后
-            this.btnStatus.btnUnhold = false
-            this.btnStatus.btnHold = true
-          } else if (object.type === 'off') { // 解除保持成功后
-            this.btnStatus.btnUnhold = true
-            this.btnStatus.btnHold = false
-          }
-        }
-      }
+    // 外呼接听后的操作 , 允许保持，允许挂断，其余均不允许
+    onOutBoundAnswered() {
+      this.btnStatus.btnHold = false
+      this.btnStatus.btnHangUp = false
+      this.btnStatus.btnTransfer = true
+      this.btnStatus.btnDialOut = true
+      this.btnStatus.btnDialIn = true
+      this.btnStatus.btnUnhold = true
+      this.btnStatus.btnBusy = true
+      this.btnStatus.btnIdle = true
+      this.btnStatus.btnMeeting = true
     },
     // 获取坐席列表，存到seatsList
     handleExtensionList(object) {
@@ -695,61 +579,13 @@
         }
       }
     },
-    // webSocket onError
-    wsError(event) {
-      console.log(event)
-    },
-    resetWs() {
-      this.webVariable.web_extension = null
-      this.webVariable.web_agentStaffid = null
-      this.webVariable.web_agentName = null
-      this.webVariable.web_skill = null
-
-      this.webVariable.web_reg = null
-      this.webVariable.web_callStatue = null
-      this.webVariable.web_agentStatue = null
-      this.webVariable.web_busyStatue = null
-      this.webVariable.web_number = null
-    },
-    // 发送心跳，三次没有响应则断开连接
-    sendHearbeatMessage() {
-      // if (this.webVariable.web_hearbeatCount >= 3) {
-      //   this.webSocket.close()
-      // } else {
-      //   this.webVariable.web_hearbeatCount += 1
-      //   const strSend = this.createCommand('heartbeat')
-      //   this.webSocket.send(strSend)
-      // }
-      if (this.heartbeatCount >= 3) {
-        this.webSocket.close()
-      } else {
-        this.heartbeatCount += 1
-        const strSend = this.createCommand('heartbeat')
-        console.log(strSend)
-        this.webSocket.send(strSend)
-      }
-    },
     // 显示错误信息
     showError(message) {
       this.$message.error(message)
     },
-    // 创建命令
-    createCommand(command, object = null) {
-      let sendStr = 'command:'
-      if (command) {
-        sendStr += command + '\n'
-        if (object) {
-          for (const key in object) {
-            sendStr += key + ':' + object[key] + '\n'
-          }
-        }
-        sendStr += '\n'
-      }
-      return sendStr
-    },
     // 判断坐席状态
     judgeStatus() {
-      if (this.status === '已签入') {
+      if (this.signStatus) {
         return true
       } else {
         this.$message.warning('请先签入呼叫平台')
@@ -765,6 +601,13 @@
         return false
       }
     },
+    judgeInsideNumber(number) {
+      if (number.length > 4) {
+        return false
+      } else {
+        return true
+      }
+    },
     // 向后台写记录
     sendRecord(type, recordName) {
       seatReport(type, recordName)
@@ -774,68 +617,68 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-.ivr-div{
-  position: fixed;
-  top:0px;
-  left:240px;
-  padding-top: 10px;
-  .el-button--default{
-    width:50px;
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
-    background-color:transparent;
-    border-style:none;
-    color: #ffffff;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: none;
-    margin: 0;
-    -webkit-transition: .1s;
-    transition: .1s;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    padding: 3px 3px;
-    font-size: 12px;
-    .ivr-icon{
-      width: 100%;
+  .ivr-div{
+    position: fixed;
+    top:0px;
+    left:240px;
+    padding-top: 10px;
+    .el-button--default{
+      width:50px;
+      display: inline-block;
+      line-height: 1;
+      white-space: nowrap;
+      cursor: pointer;
+      background-color:transparent;
+      border-style:none;
+      color: #ffffff;
+      -webkit-appearance: none;
       text-align: center;
-      display: block;
-      font-size: 25px;
-      margin-bottom: 2px;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      outline: none;
+      margin: 0;
+      -webkit-transition: .1s;
+      transition: .1s;
+      font-weight: 500;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
+      padding: 3px 3px;
+      font-size: 12px;
+      .ivr-icon{
+        width: 100%;
+        text-align: center;
+        display: block;
+        font-size: 25px;
+        margin-bottom: 2px;
+      }
+    }
+    .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
+      color: #e1e1e1;
+      .ivr-icon{
+        color: #e1e1e1 !important;
+      }
+    }
+    .state-show{
+      display: inline-block;
+      width:200px;
+      margin-left: 20px;
+      border:1px solid #409EFF;
+      color:#ffffff;
+      font-size:12px;
+      line-height: 17px;
+      padding:5px 5px;
+      height: 45px;
+      box-sizing: border-box;
+      transform: translate(0, -8px);
+    }
+    .highlight{
+      font-size:13px;
+      font-weight: 600;
+      color:#00ffff;
+      padding-left: 5px;
     }
   }
-  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus{
-    color: #e1e1e1;
-    .ivr-icon{
-      color: #e1e1e1 !important;
-    }
-  }
-  .state-show{
-    display: inline-block;
-    width:180px;
-    margin-left: 20px;
-    border:1px solid #409EFF;
-    color:#ffffff;
-    font-size:12px;
-    line-height: 17px;
-    padding:5px 5px;
-    height: 45px;
-    box-sizing: border-box;
-    transform: translate(0, -8px);
-  }
-  .highlight{
-    font-size:13px;
-    font-weight: 600;
-    color:#00ffff;
-    padding-left: 5px;
-  }
-}
 </style>
 <style>
   .addcase-dialog{
diff --git a/src/store/getters.js b/src/store/getters.js
index 611f237..0dfd755 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -10,6 +10,7 @@
   id: state => state.user.id, // id
   account: state => state.user.account, // 账户
   name: state => state.user.name, // 姓名
+  seat: state => state.user.seat, // 坐席号
   roleList: state => state.user.roleList, // 角色列表
   roleNames: state => state.user.roleNames, // 角色名称列表
   roleTips: state => state.user.roleTips, // 角色名称列表
@@ -19,11 +20,11 @@
   permission_routers: state => state.permission.routers, // 用户有权限的路由
   addRouters: state => state.permission.addRouters, // 添加的路由
   btns: state => state.permission.btns, // 用户所有的按钮权限
-  seat: state => state.user.seat, // 坐席号
   exten: state => state.user.exten, // 分机号
   websocket: state => state.user.websocket, // websocket连接状态
   online: state => state.user.online, // 签入情况
   area: state => state.user.area, // 用户所在区域
-  systemName: state => state.user.systemName // 系统名称
+  systemName: state => state.user.systemName, // 系统名称
+  signStatus: state => state.ivr.signStatus // 签入状态
 }
 export default getters
diff --git a/src/store/modules/ivr.js b/src/store/modules/ivr.js
new file mode 100644
index 0000000..e1d0509
--- /dev/null
+++ b/src/store/modules/ivr.js
@@ -0,0 +1,380 @@
+// IVR websocket
+import { getProject } from '@/utils/baseConfig'
+import { createCommand } from '@/utils/ivrtools'
+import sapoOcx from 'sapoOcx'
+import { Message } from 'element-ui'
+
+const ivr = {
+  namespace: true,
+  state: {
+    websocket: null, // websocket
+    websocketObj: null, // websocket返回值对象
+    queue: 'kefu', // 技能组
+    skill: '1', // 技能组
+    busyString: '忙碌', // 致忙原因
+    autoAcw: '0', // 自动化后
+    extensionList: [], // 分机列表
+    wsStatus: false, // websocket连接状态：已连接为true，否则为false
+    extension: null, // 分机号
+    agentStaffid: null, // 坐席工号,用户id
+    agentName: null, // 坐席名称，用户名称
+    signStatus: false, // 签入状态：true为已签入，false为未签入
+    busyStatus: null, // 忙碌状态 ：忙碌，空闲,
+    callStatus: null, // 通话状态: 开始拨号，通话结束，外呼通话,呼入通话,自动外呼接入
+    agentStatus: null, // 坐席状态: 已登录为true，其他为false
+    isInCall: false, // 是否在通话中,通话中未true,其他为false
+    isInComming: false, // 是否来电，外部来电为true，其他为false
+    reg: '', // 话机状态： outbound ringing， outbound answered, incomming ringing, incomming answered, holding, unholding
+    number: '', // 通话号码
+    dialStatus: '' // 拨号状态
+  },
+  mutations: {
+    SET_WEBSOCKET: (state, websocket) => {
+      state.websocket = websocket
+    },
+    SET_WEBSOCKET_OBJ: (state, websocketObj) => {
+      state.websocketObj = websocketObj
+    },
+    SET_SYSTEM: (state, system) => {
+      state.system = system
+    },
+    SET_EXTENSION_LIST: (state, extensionList) => {
+      state.extensionList = extensionList
+    },
+    SET_WS_STATUS: (state, wsStatus) => {
+      state.wsStatus = wsStatus
+    },
+    SET_EXTENSION: (state, extension) => {
+      state.extension = extension
+    },
+    SET_AGENT_NAME: (state, agentName) => {
+      state.agentName = agentName
+    },
+    SET_AGENT_STATUS: (state, agentStatus) => {
+      state.agentStatus = agentStatus
+    },
+    SET_SIGN_STATUS: (state, signStatus) => {
+      state.signStatus = signStatus
+    },
+    SET_BUSY_STATUS: (state, busyStatus) => {
+      state.busyStatus = busyStatus
+    },
+    SET_CALL_STATUS: (state, callStatus) => {
+      state.callStatus = callStatus
+    },
+    SET_IS_IN_CALL: (state, isInCall) => {
+      state.isInCall = isInCall
+    },
+    SET_IS_IN_COMMING: (state, isInComming) => {
+      state.isInComming = isInComming
+    },
+    SET_REG: (state, reg) => {
+      state.reg = reg
+    },
+    SET_NUMBER: (state, number) => {
+      state.number = number
+    },
+    SET_DIAL_STATUS: (state, dialStatus) => {
+      state.dialStatus = dialStatus
+    },
+    RESET_WS: (state) => {
+      state.extension = null
+      state.agentStaffid = null
+      state.agentName = null
+      state.skill = null
+      state.signStatus = false
+      state.callStatus = null
+      state.agentStatus = null
+      state.busyStatus = null
+      state.holdStatus = null
+    }
+  },
+
+  actions: {
+    // 初始化websocket
+    initWebSocket({ dispatch, commit }) {
+      // 获取ws的ip和端口号
+      const ip = getProject().ws_ip
+      const port = getProject().ws_port
+      if (!sapoOcx.api.config.initFinish) {
+        sapoOcx.api.config.initFinish = true
+        setTimeout(dispatch('initWebSocket'), 200)
+      } else {
+        // 初始化websocket
+        const wsUrl = 'ws://' + ip + ':' + port + '/spcc/cti'
+        commit('SET_WEBSOCKET', new WebSocket(wsUrl))
+        // websocket 连接状态
+        ivr.state.websocket.onopen = function() {
+          commit('SET_WS_STATUS', true)// 已连接状态
+          console.log('init websocket success!')
+        }
+        ivr.state.websocket.onclose = function() {
+          commit('SET_WS_STATUS', false)// ws断开状态
+        }
+        ivr.state.websocket.onerror = function(event) {
+          console.log(event)
+        }
+        ivr.state.websocket.onmessage = function(event) {
+          // 将websocket 返回值转成对象 object
+          const obj = event.data
+          const data = obj.split('\n')
+          const object = {}
+          data.forEach(function(value) {
+            if (value !== '') {
+              const objData = value.split(':')
+              object[objData[0]] = objData[1]
+            }
+          })
+          console.log(object)
+          commit('SET_WEBSOCKET_OBJ', object)
+          // 根据返回值处理
+          const messageType = object.messageType // 消息类型
+          if (messageType === 'event') {
+            const name = object.name
+            if (name === 'agent status') { // 坐席状态
+            }
+            if (name === 'call status') { // 话机状态
+              if (object.call === '空闲') {
+                // 如果正在通话，表示通话结束
+                if (ivr.state.isInCall) {
+                  commit('SET_CALL_STATUS', '通话结束')
+                }
+                commit('SET_IS_IN_CALL', false)
+                // commit('SET_CALL_STATUS', '空闲中')
+              } else if (object.call === '外呼通话' || object.call === '呼入通话' || object.call === '自动外呼接入') {
+                commit('SET_IS_IN_CALL', true)
+                commit('SET_CALL_STATUS', object.call)
+                // commit('SET_CALL_STATUS', '通话中')
+              } else {
+                commit('SET_IS_IN_CALL', true)
+                commit('SET_CALL_STATUS', object.call)
+              }
+            }
+            if (name === 'outbound ringing') { // 外呼振铃
+              commit('SET_REG', 'outbound ringing')
+            }
+            if (name === 'outbound answered') { // 外呼接通,
+              commit('SET_IS_IN_COMMING', false)
+              commit('SET_REG', 'outbound answered')
+            }
+            if (name === 'incomming ringing') { // 内呼振铃
+              commit('SET_REG', 'incomming ringing')
+            }
+            if (name === 'incomming answered') { // 来电接通
+              commit('SET_IS_IN_COMMING', true)
+              commit('SET_REG', 'incomming answered')
+            }
+            if (name === 'hangup') { // 挂断
+              commit('SET_REG', 'hangup')
+            }
+            if (name === 'status changed') { // 状态改变
+              commit('SET_BUSY_STATUS', object.busy)
+              // commit('SET_AGENT_STATUS', object.agent)
+              commit('SET_NUMBER', object.number)
+              if (object.reg === '离线' || object.reg === '未知') {
+                Message.warning('话机已离线，请检查！')
+              }
+            }
+            if (name === 'queue status') {
+              // OnQueueStatusChanged_cb(object.idle, object.agent, object.guest, object.queue)
+            }
+            if (name === 'busy status') {
+            }
+          } else if (messageType === 'heartbeat response') { // 心跳回复
+            // TODO:心跳回复
+          } else if (messageType === 'command response') { // 命令回复
+            const command = object.command
+            if (command === 'login') { // 签入结果
+              if (object.success === 'true') { // 签入成功
+                Message.success('签入成功')
+                commit('SET_SIGN_STATUS', true)
+              } else {
+                Message.error(object.resultText)
+              }
+            } else if (command === 'logout') { // 签出结果
+              if (object.success === 'true') {
+                commit('SET_SIGN_STATUS', false)
+                commit('RESET_WS')
+              }
+            } else if (command === 'getExtensionList') { // 分机列表结果
+              if (object.success) {
+                const test = object.resultText
+                const index = test.indexOf(',')
+                const seatsList = []
+                if (index > 0) {
+                  const messageList = test.split(',')
+                  for (let i = 0; i < messageList.length; i++) {
+                    const tList = messageList[i].split('|')
+                    const seat = {
+                      exten: tList[0],
+                      name: tList[1],
+                      loginId: tList[2],
+                      sector: tList[3],
+                      group: tList[4],
+                      state: tList[5],
+                      busy: tList[6]
+                    }
+                    seatsList.push(seat)
+                  }
+                }
+                commit('SET_EXTENSION_LIST', seatsList)
+              }
+            } else if (command === 'dial') { // 呼叫结果
+              if (object.success === 'true') {
+                console.log('DIAL_STATUS:' + object.resultText)
+                commit('SET_DIAL_STATUS', object.resultText)
+              }
+            } else if (object.resultText === '准备挂断' && object.success === 'true') {
+              // this.statusShow = false
+            } else if (object.resultText === '准备保持' && object.success === 'true') {
+              if (object.type === '') { // 保持成功后
+                commit('SET_REG', 'holding')
+              } else if (object.type === 'off') { // 解除保持成功后
+                commit('SET_REG', 'unholding')
+              }
+            }
+          }
+        }
+      }
+    },
+    // 签入 参数：userid用户id, deptid部门id, deptName部门名字，extension分机号，agentName坐席号
+    signin({ dispatch, commit }, { userId, deptid, deptName, nowExten, agentName }) {
+      commit('SET_EXTENSION', nowExten)
+      commit('SET_AGENT_NAME', agentName)
+      const sendObj = {
+        agent: agentName,
+        extension: nowExten,
+        queue: ivr.state.queue,
+        staffid: userId,
+        busyString: ivr.state.busyString,
+        skill: ivr.state.skill,
+        secid: deptid,
+        secname: deptName,
+        autoacw: '',
+        domain: '',
+        security: ''
+      }
+      const strSend = createCommand('login', sendObj)
+      ivr.state.websocket.send(strSend)
+    },
+    // 签出
+    signout({ dispatch, commit }) {
+      const strSend = 'command:logout\n\n'
+      ivr.state.websocket.send(strSend)
+    },
+    // 示忙
+    onbusy({ dispatch, commit }) {
+      const strSend = createCommand('busy')
+      ivr.state.websocket.send(strSend)
+      commit('SET_BUSY_STATUS', '1')
+    },
+    // 示闲
+    onidle({ dispatch, commit }) {
+      const strSend = createCommand('idle')
+      ivr.state.websocket.send(strSend)
+      commit('SET_BUSY_STATUS', '0')
+    },
+    // 挂机
+    hangup({ dispatch, commit }) {
+      const strSend = createCommand('hangup')
+      ivr.state.websocket.send(strSend)
+    },
+    // 保持
+    hold({ dispatch, commit }) {
+      const strSend = createCommand('hold')
+      ivr.state.websocket.send(strSend)
+    },
+    // 解除保持
+    unhold({ dispatch, commit }) {
+      const strSend = createCommand('unhold')
+      ivr.state.websocket.send(strSend)
+    },
+    // 获取坐席列表
+    getExtensionList({ dispatch, commit }, params) {
+      const strSend = createCommand('getExtensionList', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 拨号
+    dial({ dispatch, commit }, tel) {
+      commit('SET_CALL_STATUS', '开始拨号')
+      const sendObj = {
+        dialString: tel,
+        cusid: '',
+        cusname: '',
+        proid: '',
+        proname: ''
+      }
+      const strSend = createCommand('dial', sendObj)
+      ivr.state.websocket.send(strSend)
+    },
+    // 三方
+    meeting({ dispatch, commit }, tel) {
+      const params = {
+        dialString: tel
+      }
+      const strSend = createCommand('threeWay', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 转接
+    transfer({ dispatch, commit }, tel) {
+      const params = {
+        dialString: tel
+      }
+      const strSend = createCommand('transfer', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 分机监听
+    spy({ dispatch, commit }, exten) {
+      const params = {
+        extension: exten
+      }
+      const strSend = createCommand('spy', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 组监听
+    groupSpy({ dispatch, commit }, group) {
+      const params = {
+        group: group
+      }
+      const strSend = createCommand('groupSpy', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 取消ivr监听
+    inject({ dispatch, commit }) {
+      const strSend = createCommand('Inject')
+      ivr.state.websocket.send(strSend)
+    },
+    // 转接ivr节点
+    transferIvr({ dispatch, commit }, ivrCode) {
+      const params = {
+        ivr: ivrCode
+      }
+      const strSend = createCommand('transferIvr', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 组抢接
+    groupPickUp({ dispatch, commit }, group) {
+      const params = {
+        group: group
+      }
+      const strSend = createCommand('groupPickup', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 分机监听
+    extenPickUp({ dispatch, commit }, exten) {
+      const params = {
+        extension: exten
+      }
+      const strSend = createCommand('pickupExtension', params)
+      ivr.state.websocket.send(strSend)
+    },
+    // 盲抢
+    pickUp({ dispatch, commit }) {
+      const strSend = createCommand('pickup')
+      ivr.state.websocket.send(strSend)
+    }
+
+  }
+}
+
+export default ivr
diff --git a/src/utils/baseConfig.js b/src/utils/baseConfig.js
index c1add2d..e2b3c4c 100644
--- a/src/utils/baseConfig.js
+++ b/src/utils/baseConfig.js
@@ -3,6 +3,7 @@
   type: 'callcenter',
   // title: '城市协同工作平台',
   // type: 'city',
+  // ws_ip: '192.170.1.10',
   ws_ip: '124.205.241.254',
   ws_port: '28081'
 }
diff --git a/src/utils/ivrtools.js b/src/utils/ivrtools.js
new file mode 100644
index 0000000..f461cd1
--- /dev/null
+++ b/src/utils/ivrtools.js
@@ -0,0 +1,15 @@
+// 创建命令方法
+export function createCommand(command, object = null) {
+  let sendStr = 'command:'
+  if (command) {
+    sendStr += command + '\n'
+    if (object) {
+      for (const key in object) {
+        sendStr += key + ':' + object[key] + '\n'
+      }
+    }
+    sendStr += '\n'
+  }
+  console.log(sendStr)
+  return sendStr
+}