diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 8ff9a57..bb8eaa0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -76,20 +76,28 @@
       })
     },
     // 登录
-    AppLogin({ commit }, userInfo) {
+    AppLogin({ commit }, token) {
       return new Promise((resolve, reject) => {
-        applogin(userInfo).then(response => {
-          if (response.code === 200) {
-            const data = response.data
-            setToken(data.token)
-            commit('SET_TOKEN', data.token)
-            resolve()
-          } else {
-            reject(response.message)
-          }
-        }).catch(error => {
-          reject(error)
-        })
+        if (token) {
+          debugger
+          setToken(token)
+          commit('SET_TOKEN', token)
+          resolve()
+        } else {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+          // applogin().then(response => {
+          //   if (response.code === 200) {
+          //     const data = response.data
+          //     setToken(data.token)
+          //     commit('SET_TOKEN', data.token)
+          //     resolve()
+          //   } else {
+          //     reject(response.message)
+          //   }
+          // }).catch(error => {
+          //   reject(error)
+          // })
+        }
       })
     },
     // 获取用户信息

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 8ff9a57..bb8eaa0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -76,20 +76,28 @@
       })
     },
     // 登录
-    AppLogin({ commit }, userInfo) {
+    AppLogin({ commit }, token) {
       return new Promise((resolve, reject) => {
-        applogin(userInfo).then(response => {
-          if (response.code === 200) {
-            const data = response.data
-            setToken(data.token)
-            commit('SET_TOKEN', data.token)
-            resolve()
-          } else {
-            reject(response.message)
-          }
-        }).catch(error => {
-          reject(error)
-        })
+        if (token) {
+          debugger
+          setToken(token)
+          commit('SET_TOKEN', token)
+          resolve()
+        } else {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+          // applogin().then(response => {
+          //   if (response.code === 200) {
+          //     const data = response.data
+          //     setToken(data.token)
+          //     commit('SET_TOKEN', data.token)
+          //     resolve()
+          //   } else {
+          //     reject(response.message)
+          //   }
+          // }).catch(error => {
+          //   reject(error)
+          // })
+        }
       })
     },
     // 获取用户信息
diff --git a/src/utils/stringutils.js b/src/utils/stringutils.js
new file mode 100644
index 0000000..4ff753d
--- /dev/null
+++ b/src/utils/stringutils.js
@@ -0,0 +1,13 @@
+export function realFormatSecond(second) {
+  var secondType = typeof second
+  if (secondType === 'number' || secondType === 'string') {
+    second = parseInt(second)
+    var hours = Math.floor(second / 3600)
+    second = second - hours * 3600
+    var mimute = Math.floor(second / 60)
+    second = second - mimute * 60
+    return hours + ':' + ('0' + mimute).slice(-2) + ':' + ('0' + second).slice(-2)
+  } else {
+    return '0:00:00'
+  }
+}

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 8ff9a57..bb8eaa0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -76,20 +76,28 @@
       })
     },
     // 登录
-    AppLogin({ commit }, userInfo) {
+    AppLogin({ commit }, token) {
       return new Promise((resolve, reject) => {
-        applogin(userInfo).then(response => {
-          if (response.code === 200) {
-            const data = response.data
-            setToken(data.token)
-            commit('SET_TOKEN', data.token)
-            resolve()
-          } else {
-            reject(response.message)
-          }
-        }).catch(error => {
-          reject(error)
-        })
+        if (token) {
+          debugger
+          setToken(token)
+          commit('SET_TOKEN', token)
+          resolve()
+        } else {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+          // applogin().then(response => {
+          //   if (response.code === 200) {
+          //     const data = response.data
+          //     setToken(data.token)
+          //     commit('SET_TOKEN', data.token)
+          //     resolve()
+          //   } else {
+          //     reject(response.message)
+          //   }
+          // }).catch(error => {
+          //   reject(error)
+          // })
+        }
       })
     },
     // 获取用户信息
diff --git a/src/utils/stringutils.js b/src/utils/stringutils.js
new file mode 100644
index 0000000..4ff753d
--- /dev/null
+++ b/src/utils/stringutils.js
@@ -0,0 +1,13 @@
+export function realFormatSecond(second) {
+  var secondType = typeof second
+  if (secondType === 'number' || secondType === 'string') {
+    second = parseInt(second)
+    var hours = Math.floor(second / 3600)
+    second = second - hours * 3600
+    var mimute = Math.floor(second / 60)
+    second = second - mimute * 60
+    return hours + ':' + ('0' + mimute).slice(-2) + ':' + ('0' + second).slice(-2)
+  } else {
+    return '0:00:00'
+  }
+}
diff --git a/src/views/caseManage/components/knowledgeDetail.vue b/src/views/caseManage/components/knowledgeDetail.vue
new file mode 100644
index 0000000..f4ec86b
--- /dev/null
+++ b/src/views/caseManage/components/knowledgeDetail.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogShow"
+    title=""
+    width="1000px"
+    append-to-body>
+    <div class="k-div">
+      <div class="k-title">
+        {{ knowledge.kName }}
+      </div>
+      <div class="k-subtitle">
+        <div>所属类别:{{ knowledge.kTypeName }}</div>
+        <div>发布人:{{ knowledge.kUserName }}</div>
+        <div>发布时间:{{ knowledge.kTime }}</div>
+      </div>
+      <div class="k-content">
+        {{ knowledge.kInfo }}
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeDetail',
+  data() {
+    return {
+      knowledge: {
+        kName: '',
+        kTypeName: '',
+        kUserName: '',
+        kInfo: '',
+        kTime: ''
+      },
+      dialogShow: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.dialogShow = true
+      this.knowledge = {
+        kName: '特困人员救助供养标准是什么？',
+        kTypeName: '州民政局',
+        kUserName: '周海瑞',
+        kInfo: '2019年1月起，城市特困供养基本生活年标准9110元/人，各县8252元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。农村特困供养基本生活年标准5226元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。--咨询电话：6214502',
+        kTime: '2019-10-18 15:55:35'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.k-div{
+  text-align: center;
+  padding: auto 20px;
+  min-height: 250px;
+  .k-title{
+    color:#3a8ee6;
+    font-size:25px;
+    line-height: 25px;
+  }
+  .k-subtitle{
+    margin-top: 15px;
+    line-height: 17px;
+  }
+  .k-content{
+    text-align: justify;
+    margin-top: 20px;
+    font-size:16px;
+    line-height: 20px;
+    text-indent:25px
+  }
+}
+</style>

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 8ff9a57..bb8eaa0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -76,20 +76,28 @@
       })
     },
     // 登录
-    AppLogin({ commit }, userInfo) {
+    AppLogin({ commit }, token) {
       return new Promise((resolve, reject) => {
-        applogin(userInfo).then(response => {
-          if (response.code === 200) {
-            const data = response.data
-            setToken(data.token)
-            commit('SET_TOKEN', data.token)
-            resolve()
-          } else {
-            reject(response.message)
-          }
-        }).catch(error => {
-          reject(error)
-        })
+        if (token) {
+          debugger
+          setToken(token)
+          commit('SET_TOKEN', token)
+          resolve()
+        } else {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+          // applogin().then(response => {
+          //   if (response.code === 200) {
+          //     const data = response.data
+          //     setToken(data.token)
+          //     commit('SET_TOKEN', data.token)
+          //     resolve()
+          //   } else {
+          //     reject(response.message)
+          //   }
+          // }).catch(error => {
+          //   reject(error)
+          // })
+        }
       })
     },
     // 获取用户信息
diff --git a/src/utils/stringutils.js b/src/utils/stringutils.js
new file mode 100644
index 0000000..4ff753d
--- /dev/null
+++ b/src/utils/stringutils.js
@@ -0,0 +1,13 @@
+export function realFormatSecond(second) {
+  var secondType = typeof second
+  if (secondType === 'number' || secondType === 'string') {
+    second = parseInt(second)
+    var hours = Math.floor(second / 3600)
+    second = second - hours * 3600
+    var mimute = Math.floor(second / 60)
+    second = second - mimute * 60
+    return hours + ':' + ('0' + mimute).slice(-2) + ':' + ('0' + second).slice(-2)
+  } else {
+    return '0:00:00'
+  }
+}
diff --git a/src/views/caseManage/components/knowledgeDetail.vue b/src/views/caseManage/components/knowledgeDetail.vue
new file mode 100644
index 0000000..f4ec86b
--- /dev/null
+++ b/src/views/caseManage/components/knowledgeDetail.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogShow"
+    title=""
+    width="1000px"
+    append-to-body>
+    <div class="k-div">
+      <div class="k-title">
+        {{ knowledge.kName }}
+      </div>
+      <div class="k-subtitle">
+        <div>所属类别:{{ knowledge.kTypeName }}</div>
+        <div>发布人:{{ knowledge.kUserName }}</div>
+        <div>发布时间:{{ knowledge.kTime }}</div>
+      </div>
+      <div class="k-content">
+        {{ knowledge.kInfo }}
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeDetail',
+  data() {
+    return {
+      knowledge: {
+        kName: '',
+        kTypeName: '',
+        kUserName: '',
+        kInfo: '',
+        kTime: ''
+      },
+      dialogShow: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.dialogShow = true
+      this.knowledge = {
+        kName: '特困人员救助供养标准是什么？',
+        kTypeName: '州民政局',
+        kUserName: '周海瑞',
+        kInfo: '2019年1月起，城市特困供养基本生活年标准9110元/人，各县8252元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。农村特困供养基本生活年标准5226元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。--咨询电话：6214502',
+        kTime: '2019-10-18 15:55:35'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.k-div{
+  text-align: center;
+  padding: auto 20px;
+  min-height: 250px;
+  .k-title{
+    color:#3a8ee6;
+    font-size:25px;
+    line-height: 25px;
+  }
+  .k-subtitle{
+    margin-top: 15px;
+    line-height: 17px;
+  }
+  .k-content{
+    text-align: justify;
+    margin-top: 20px;
+    font-size:16px;
+    line-height: 20px;
+    text-indent:25px
+  }
+}
+</style>
diff --git a/src/views/caseManage/components/knowledgeSearch.vue b/src/views/caseManage/components/knowledgeSearch.vue
index 97a9021..d632d26 100644
--- a/src/views/caseManage/components/knowledgeSearch.vue
+++ b/src/views/caseManage/components/knowledgeSearch.vue
@@ -6,19 +6,24 @@
       <el-button :size="size" type="primary" class="search-btn" @click="search">知识查找</el-button>
     </div>
     <div class="answer-div">
-      <div v-for="item in list" class="answer-item">
-        <el-card body-style="{padding:5px;}" shadow="hover">
-          <div class="answer-title">{{ item.kName }}</div>
-          <div class="answer-info">{{ item.kInfo }}</div>
-        </el-card>
-      </div>
+      <el-scrollbar class="knowledge-scrollbar">
+        <div v-for="item in list" class="answer-item">
+          <el-card body-style="{padding:5px;}" shadow="hover" @click.native="showKnoledgeDetail(item)">
+            <div class="answer-title">{{ item.kName }} _知识库_ {{ item.kTypeName }}</div>
+            <div class="answer-info">{{ item.kInfo }}</div>
+          </el-card>
+        </div>
+      </el-scrollbar>
     </div>
+    <knowledge-detail ref="kdetail"/>
   </div>
 </template>
 
 <script>
+import KnowledgeDetail from './knowledgeDetail'
 export default {
   name: 'KnowledgeSearch',
+  components: { KnowledgeDetail },
   data() {
     return {
       keywords: '', // 关键字
@@ -27,19 +32,23 @@
       size: 'small' // 输入框大小
     }
   },
-  created(){
+  created() {
     this.search()
   },
   methods: {
     search() {
       const params = { keywords: this.keywords }
       this.list = [
-        { kName: '标题1', kInfo: '答案1' },
-        { kName: '标题2', kInfo: '答案FSDSFDSFDSAF 1' },
-        { kName: '标题3', kInfo: '答案1SDFSDFDSFDSF' },
-        { kName: '标题4', kInfo: '答案1DSSD' },
-        { kName: '标题5', kInfo: '答案1FSDFSDSFDSFSDF' }
+        { kName: '搬迁协议签订后家庭成员发生变化应如何处理？', kTypeName: '纳税服务中心', kInfo: '建档立卡户搬迁对象以签订搬迁协议时当地扶贫部门核定的家庭人口为准，安置住房建设（分配）面积和建房补助资金也应按签订协议时的家庭人口关系和人数核定。协议签订后，户籍人口因新生、死亡、婚姻、就学、兵役等原因发生增减变化时，要及时调整建档立卡户人员信息，但无论户籍登记是否变更，仍按协议确定人口数为准。（发改振兴[2019]1068号《关于印发新时期异地扶贫搬迁工作百问百答的通知》）--咨询电话：6210746' },
+        { kName: '纳税人为非雇员（如客户、邀请讲课专家等存在业务合作关系的人员）支付的旅客运输费用，能否抵扣进项税额', kTypeName: '纳税服务中心', kInfo: '财政部税务总局海关总署关于深化增值税改革有关政策的公告》（财政部税务总局海关总署公告2019年第39号）规定，增值税一般纳税人购进国内旅客运输服务，其进项税额允许从销项税额中抵扣。这里指的是与本单位' },
+        { kName: '企业预缴时享受了小型微利企业所得税优惠，汇算清缴时发现不符合小型微利企业条件的怎么办？', kTypeName: '纳税服务中心', kInfo: '国家税务总局关于实施小型微利企业普惠性所得税减免政策有关问题的公告》（国家税务总局公告2019年第2号）已经做出了明确规定，只要企业在预缴时符合小型微利企业条件，预缴时均可以预先享受优惠政策。但是，... ...' },
+        { kName: '特困人员救助供养对象是?', kTypeName: '临夏州民政局', kInfo: '无劳动能力、无生活来源且无法定赡养、抚养、扶养义务人，或者其法定赡养、抚养、扶养义务人无赡养、抚养、扶养能力的老年人、残疾人以及未满十六周岁的未成年人。特困人员救助供养主要包括：提供基本生活条件；对生活不能自理的给予照料；提供疾病治疗；办理丧葬事宜。特困人员救助供养形式分为在家分散供养和在当地供养服务机构集中供养。--咨询电话：6214502' },
+        { kName: '特困人员救助供养标准是什么？', kTypeName: '临夏州民政局', kInfo: '无劳动能力、无生活来源且无法定赡养、抚养、扶养义务人，或者其法定赡养、抚养、扶养义务人无赡养、抚养、扶养能力的老年人、残疾人以及未满十六周岁的未成年人。特困人员救助供养主要包括：提供基本生活条件；对生活不能自理的给予照料；提供疾病治疗；办理丧葬事宜。特困人员救助供养形式分为在家分散供养和在当地供养服务机构集中供养。--咨询电话：6214502' }
       ]
+    },
+    // 显示知识详情
+    showKnoledgeDetail(obj) {
+      this.$refs.kdetail.initDialog(obj)
     }
   }
 }
@@ -61,6 +70,13 @@
     }
     .answer-div{
       margin: 3px;
+      .knowledge-scrollbar{
+        height: 456px;
+        width: 100%;
+        .el-scrollbar__wrap {
+          overflow-x: hidden;
+        }
+      }
       .answer-item{
         /*background-color: #ffffff;*/
         /*padding:5px 10px;*/
@@ -75,6 +91,10 @@
         .answer-info{
           font-size:12px;
           color: #898989;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
         }
       }
     }

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 8ff9a57..bb8eaa0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -76,20 +76,28 @@
       })
     },
     // 登录
-    AppLogin({ commit }, userInfo) {
+    AppLogin({ commit }, token) {
       return new Promise((resolve, reject) => {
-        applogin(userInfo).then(response => {
-          if (response.code === 200) {
-            const data = response.data
-            setToken(data.token)
-            commit('SET_TOKEN', data.token)
-            resolve()
-          } else {
-            reject(response.message)
-          }
-        }).catch(error => {
-          reject(error)
-        })
+        if (token) {
+          debugger
+          setToken(token)
+          commit('SET_TOKEN', token)
+          resolve()
+        } else {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+          // applogin().then(response => {
+          //   if (response.code === 200) {
+          //     const data = response.data
+          //     setToken(data.token)
+          //     commit('SET_TOKEN', data.token)
+          //     resolve()
+          //   } else {
+          //     reject(response.message)
+          //   }
+          // }).catch(error => {
+          //   reject(error)
+          // })
+        }
       })
     },
     // 获取用户信息
diff --git a/src/utils/stringutils.js b/src/utils/stringutils.js
new file mode 100644
index 0000000..4ff753d
--- /dev/null
+++ b/src/utils/stringutils.js
@@ -0,0 +1,13 @@
+export function realFormatSecond(second) {
+  var secondType = typeof second
+  if (secondType === 'number' || secondType === 'string') {
+    second = parseInt(second)
+    var hours = Math.floor(second / 3600)
+    second = second - hours * 3600
+    var mimute = Math.floor(second / 60)
+    second = second - mimute * 60
+    return hours + ':' + ('0' + mimute).slice(-2) + ':' + ('0' + second).slice(-2)
+  } else {
+    return '0:00:00'
+  }
+}
diff --git a/src/views/caseManage/components/knowledgeDetail.vue b/src/views/caseManage/components/knowledgeDetail.vue
new file mode 100644
index 0000000..f4ec86b
--- /dev/null
+++ b/src/views/caseManage/components/knowledgeDetail.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogShow"
+    title=""
+    width="1000px"
+    append-to-body>
+    <div class="k-div">
+      <div class="k-title">
+        {{ knowledge.kName }}
+      </div>
+      <div class="k-subtitle">
+        <div>所属类别:{{ knowledge.kTypeName }}</div>
+        <div>发布人:{{ knowledge.kUserName }}</div>
+        <div>发布时间:{{ knowledge.kTime }}</div>
+      </div>
+      <div class="k-content">
+        {{ knowledge.kInfo }}
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeDetail',
+  data() {
+    return {
+      knowledge: {
+        kName: '',
+        kTypeName: '',
+        kUserName: '',
+        kInfo: '',
+        kTime: ''
+      },
+      dialogShow: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.dialogShow = true
+      this.knowledge = {
+        kName: '特困人员救助供养标准是什么？',
+        kTypeName: '州民政局',
+        kUserName: '周海瑞',
+        kInfo: '2019年1月起，城市特困供养基本生活年标准9110元/人，各县8252元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。农村特困供养基本生活年标准5226元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。--咨询电话：6214502',
+        kTime: '2019-10-18 15:55:35'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.k-div{
+  text-align: center;
+  padding: auto 20px;
+  min-height: 250px;
+  .k-title{
+    color:#3a8ee6;
+    font-size:25px;
+    line-height: 25px;
+  }
+  .k-subtitle{
+    margin-top: 15px;
+    line-height: 17px;
+  }
+  .k-content{
+    text-align: justify;
+    margin-top: 20px;
+    font-size:16px;
+    line-height: 20px;
+    text-indent:25px
+  }
+}
+</style>
diff --git a/src/views/caseManage/components/knowledgeSearch.vue b/src/views/caseManage/components/knowledgeSearch.vue
index 97a9021..d632d26 100644
--- a/src/views/caseManage/components/knowledgeSearch.vue
+++ b/src/views/caseManage/components/knowledgeSearch.vue
@@ -6,19 +6,24 @@
       <el-button :size="size" type="primary" class="search-btn" @click="search">知识查找</el-button>
     </div>
     <div class="answer-div">
-      <div v-for="item in list" class="answer-item">
-        <el-card body-style="{padding:5px;}" shadow="hover">
-          <div class="answer-title">{{ item.kName }}</div>
-          <div class="answer-info">{{ item.kInfo }}</div>
-        </el-card>
-      </div>
+      <el-scrollbar class="knowledge-scrollbar">
+        <div v-for="item in list" class="answer-item">
+          <el-card body-style="{padding:5px;}" shadow="hover" @click.native="showKnoledgeDetail(item)">
+            <div class="answer-title">{{ item.kName }} _知识库_ {{ item.kTypeName }}</div>
+            <div class="answer-info">{{ item.kInfo }}</div>
+          </el-card>
+        </div>
+      </el-scrollbar>
     </div>
+    <knowledge-detail ref="kdetail"/>
   </div>
 </template>
 
 <script>
+import KnowledgeDetail from './knowledgeDetail'
 export default {
   name: 'KnowledgeSearch',
+  components: { KnowledgeDetail },
   data() {
     return {
       keywords: '', // 关键字
@@ -27,19 +32,23 @@
       size: 'small' // 输入框大小
     }
   },
-  created(){
+  created() {
     this.search()
   },
   methods: {
     search() {
       const params = { keywords: this.keywords }
       this.list = [
-        { kName: '标题1', kInfo: '答案1' },
-        { kName: '标题2', kInfo: '答案FSDSFDSFDSAF 1' },
-        { kName: '标题3', kInfo: '答案1SDFSDFDSFDSF' },
-        { kName: '标题4', kInfo: '答案1DSSD' },
-        { kName: '标题5', kInfo: '答案1FSDFSDSFDSFSDF' }
+        { kName: '搬迁协议签订后家庭成员发生变化应如何处理？', kTypeName: '纳税服务中心', kInfo: '建档立卡户搬迁对象以签订搬迁协议时当地扶贫部门核定的家庭人口为准，安置住房建设（分配）面积和建房补助资金也应按签订协议时的家庭人口关系和人数核定。协议签订后，户籍人口因新生、死亡、婚姻、就学、兵役等原因发生增减变化时，要及时调整建档立卡户人员信息，但无论户籍登记是否变更，仍按协议确定人口数为准。（发改振兴[2019]1068号《关于印发新时期异地扶贫搬迁工作百问百答的通知》）--咨询电话：6210746' },
+        { kName: '纳税人为非雇员（如客户、邀请讲课专家等存在业务合作关系的人员）支付的旅客运输费用，能否抵扣进项税额', kTypeName: '纳税服务中心', kInfo: '财政部税务总局海关总署关于深化增值税改革有关政策的公告》（财政部税务总局海关总署公告2019年第39号）规定，增值税一般纳税人购进国内旅客运输服务，其进项税额允许从销项税额中抵扣。这里指的是与本单位' },
+        { kName: '企业预缴时享受了小型微利企业所得税优惠，汇算清缴时发现不符合小型微利企业条件的怎么办？', kTypeName: '纳税服务中心', kInfo: '国家税务总局关于实施小型微利企业普惠性所得税减免政策有关问题的公告》（国家税务总局公告2019年第2号）已经做出了明确规定，只要企业在预缴时符合小型微利企业条件，预缴时均可以预先享受优惠政策。但是，... ...' },
+        { kName: '特困人员救助供养对象是?', kTypeName: '临夏州民政局', kInfo: '无劳动能力、无生活来源且无法定赡养、抚养、扶养义务人，或者其法定赡养、抚养、扶养义务人无赡养、抚养、扶养能力的老年人、残疾人以及未满十六周岁的未成年人。特困人员救助供养主要包括：提供基本生活条件；对生活不能自理的给予照料；提供疾病治疗；办理丧葬事宜。特困人员救助供养形式分为在家分散供养和在当地供养服务机构集中供养。--咨询电话：6214502' },
+        { kName: '特困人员救助供养标准是什么？', kTypeName: '临夏州民政局', kInfo: '无劳动能力、无生活来源且无法定赡养、抚养、扶养义务人，或者其法定赡养、抚养、扶养义务人无赡养、抚养、扶养能力的老年人、残疾人以及未满十六周岁的未成年人。特困人员救助供养主要包括：提供基本生活条件；对生活不能自理的给予照料；提供疾病治疗；办理丧葬事宜。特困人员救助供养形式分为在家分散供养和在当地供养服务机构集中供养。--咨询电话：6214502' }
       ]
+    },
+    // 显示知识详情
+    showKnoledgeDetail(obj) {
+      this.$refs.kdetail.initDialog(obj)
     }
   }
 }
@@ -61,6 +70,13 @@
     }
     .answer-div{
       margin: 3px;
+      .knowledge-scrollbar{
+        height: 456px;
+        width: 100%;
+        .el-scrollbar__wrap {
+          overflow-x: hidden;
+        }
+      }
       .answer-item{
         /*background-color: #ffffff;*/
         /*padding:5px 10px;*/
@@ -75,6 +91,10 @@
         .answer-info{
           font-size:12px;
           color: #898989;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
         }
       }
     }
diff --git a/src/views/caseManage/createCase.vue b/src/views/caseManage/createCase.vue
index 4369036..7d52b7a 100644
--- a/src/views/caseManage/createCase.vue
+++ b/src/views/caseManage/createCase.vue
@@ -72,6 +72,7 @@
                 <el-date-picker
                   v-model="form.limitedTime"
                   type="datetime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
                   placeholder="请选择时间"
                   style="width: 100%"/>
               </el-form-item>
@@ -185,7 +186,6 @@
     }
     const validateType = function(rule, value, callback) {
       console.log(value)
-      debugger
       if (value.eorc === '' || value.caseTypeCode === '' || value.caseDetailTypeCode === '') {
         callback(new Error('请选择事件类型'))
       } else {
@@ -308,15 +308,15 @@
             communityCode: this.form.address.communityCode, // 社区ID
             gridId: this.form.address.gridId, // 网格ID
             fieldintro: this.form.address.fieldintro, // 事件地址
-            caseLevel: this.caseLevel, // 案卷紧急程度
-            isTypical: this.isTypical, // 是否典型案例
-            isImportant: this.isImportant, // 是否要情
-            title: this.title, // 事件标题
-            description: this.description, // 事件内容
-            limitedTime: this.limitedTime, // 事件办理期限
-            processWay: this.processWay, // 处理方式
-            processDept: this.processDept, // 处理单位
-            processUser: this.processUser // 处理人
+            caseLevel: this.form.caseLevel, // 案卷紧急程度
+            isTypical: this.form.isTypical, // 是否典型案例
+            isImportant: this.form.isImportant, // 是否要情
+            title: this.form.title, // 事件标题
+            description: this.form.description, // 事件内容
+            limitedTime: this.form.limitedTime, // 事件办理期限
+            processWay: '' + this.form.processWay, // 处理方式
+            processDept: this.form.processDept, // 处理单位
+            processUser: this.form.processUser // 处理人
           }
           addCase(form).then(response => {
             if (response.code === 200) {

diff --git a/src/components/AudioPlayer/AudioPlayer.vue b/src/components/AudioPlayer/AudioPlayer.vue
new file mode 100644
index 0000000..c7687fd
--- /dev/null
+++ b/src/components/AudioPlayer/AudioPlayer.vue
@@ -0,0 +1,219 @@
+<template>
+  <div v-loading="audio.waiting" class="di main-wrap">
+    <!-- 这里设置了ref属性后，在vue组件中，就可以用this.$refs.audio来访问该dom元素 -->
+    <audio
+      ref="audio"
+      :src="url"
+      :preload="audio.preload"
+      class="dn"
+      @play="onPlay"
+      @error="onError"
+      @waiting="onWaiting"
+      @pause="onPause"
+      @timeupdate="onTimeupdate"
+      @loadedmetadata="onLoadedmetadata"
+    />
+    <div>
+      <el-button type="primary" size="small" @click="startPlayOrPause">{{ audio.playing | transPlayPause }}</el-button>
+      <el-button v-show="!controlList.noSpeed" type="text" @click="changeSpeed">{{ audio.speed | transSpeed }}</el-button>
+
+      <el-tag type="info">{{ audio.currentTime | formatSecond }}</el-tag>
+
+      <el-slider v-show="!controlList.noProcess" v-model="sliderTime" :format-tooltip="formatProcessToolTip" class="slider" @change="changeCurrentTime"/>
+
+      <el-tag type="info">{{ audio.maxTime | formatSecond }}</el-tag>
+
+      <el-button v-show="!controlList.noMuted" type="text" @click="startMutedOrNot">{{ audio.muted | transMutedOrNot }}</el-button>
+
+      <el-slider v-show="!controlList.noVolume" v-model="volume" :format-tooltip="formatVolumeToolTip" class="slider" @change="changeVolume"/>
+
+      <a v-show="!controlList.noDownload" :href="url" target="_blank" class="download" download>下载</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import { realFormatSecond } from '@/utils/stringutils'
+export default {
+  name: 'AudioPlayer',
+  filters: {
+    formatSecond(second = 0) {
+      return realFormatSecond(second)
+    },
+    transPlayPause(value) {
+      return value ? '暂停' : '播放'
+    },
+    transMutedOrNot(value) {
+      return value ? '放音' : '静音'
+    },
+    transSpeed(value) {
+      return '快进: x' + value
+    }
+  },
+  props: {
+    theUrl: {
+      type: String,
+      required: true
+    },
+    theSpeeds: {
+      type: Array,
+      default() {
+        return [1, 1.5, 2]
+      }
+    },
+    theControlList: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      url: this.theUrl || 'http://devtest.qiniudn.com/secret base~.mp3',
+      audio: {
+        currentTime: 0,
+        maxTime: 0,
+        playing: false,
+        muted: false,
+        speed: 1,
+        waiting: true,
+        preload: 'auto'
+      },
+      sliderTime: 0,
+      volume: 100,
+      speeds: this.theSpeeds,
+      controlList: {
+        // 不显示下载
+        noDownload: false,
+        // 不显示静音
+        noMuted: true,
+        // 不显示音量条
+        noVolume: true,
+        // 不显示进度条
+        noProcess: false,
+        // 只能播放一个
+        onlyOnePlaying: false,
+        // 不要快进按钮
+        noSpeed: true
+      }
+    }
+  },
+  created() {
+    this.setControlList()
+  },
+  methods: {
+    setControlList() {
+      const controlList = this.theControlList.split(' ')
+      controlList.forEach((item) => {
+        if (this.controlList[item] !== undefined) {
+          this.controlList[item] = true
+        }
+      })
+    },
+    changeSpeed() {
+      const index = this.speeds.indexOf(this.audio.speed) + 1
+      this.audio.speed = this.speeds[index % this.speeds.length]
+      this.$refs.audio.playbackRate = this.audio.speed
+    },
+    startMutedOrNot() {
+      this.$refs.audio.muted = !this.$refs.audio.muted
+      this.audio.muted = this.$refs.audio.muted
+    },
+    // 音量条toolTip
+    formatVolumeToolTip(index) {
+      return '音量条: ' + index
+    },
+    // 进度条toolTip
+    formatProcessToolTip(index = 0) {
+      index = parseInt(this.audio.maxTime / 100 * index)
+      return '进度条: ' + realFormatSecond(index)
+    },
+    // 音量改变
+    changeVolume(index = 0) {
+      this.$refs.audio.volume = index / 100
+      this.volume = index
+    },
+    // 播放跳转
+    changeCurrentTime(index) {
+      this.$refs.audio.currentTime = parseInt(index / 100 * this.audio.maxTime)
+    },
+    startPlayOrPause() {
+      return this.audio.playing ? this.pausePlay() : this.startPlay()
+    },
+    // 开始播放
+    startPlay() {
+      this.$refs.audio.play()
+    },
+    // 暂停
+    pausePlay() {
+      this.$refs.audio.pause()
+    },
+    // 当音频暂停
+    onPause() {
+      this.audio.playing = false
+    },
+    // 当发生错误, 就出现loading状态
+    onError() {
+      this.audio.waiting = true
+    },
+    // 当音频开始等待
+    onWaiting(res) {
+      console.log(res)
+    },
+    // 当音频开始播放
+    onPlay(res) {
+      console.log(res)
+      this.audio.playing = true
+      this.audio.loading = false
+      if (!this.controlList.onlyOnePlaying) {
+        return
+      }
+      const target = res.target
+      const audios = document.getElementsByTagName('audio');
+      [...audios].forEach((item) => {
+        if (item !== target) {
+          item.pause()
+        }
+      })
+    },
+    // 当timeupdate事件大概每秒一次，用来更新音频流的当前播放时间
+    onTimeupdate(res) {
+      // console.log('timeupdate')
+      // console.log(res)
+      this.audio.currentTime = res.target.currentTime
+      this.sliderTime = parseInt(this.audio.currentTime / this.audio.maxTime * 100)
+    },
+    // 当加载语音流元数据完成后，会触发该事件的回调函数
+    // 语音元数据主要是语音的长度之类的数据
+    onLoadedmetadata(res) {
+      console.log('loadedmetadata')
+      console.log(res)
+      this.audio.waiting = false
+      this.audio.maxTime = parseInt(res.target.duration)
+    }
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+  .main-wrap{
+    padding: 10px 15px;
+  }
+  .slider {
+    display: inline-block;
+    width: 240px;
+    position: relative;
+    top: 14px;
+    margin-left: 15px;
+  }
+  .di {
+    display: inline-block;
+  }
+  .download {
+    color: #409EFF;
+    margin-left: 15px;
+  }
+  .dn{
+    display: none;
+  }
+</style>
diff --git a/src/layout/components/ivr/ivrBar.vue b/src/layout/components/ivr/ivrBar.vue
index 9bcc449..ba64d8e 100644
--- a/src/layout/components/ivr/ivrBar.vue
+++ b/src/layout/components/ivr/ivrBar.vue
@@ -2,15 +2,14 @@
   <div class="ivr-div">
     <ivr-btn :show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" icon="qianru" @click="login">签入</ivr-btn>
     <ivr-btn :show="!btnStatus.btnLogOut" :disabled="btnStatus.btnLogOut" icon="qianchu" @click="logout">签出</ivr-btn>
-    <ivr-btn :show="btnStatus.btnUHold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
+    <ivr-btn :show="btnStatus.btnUnhold" :disabled="btnStatus.btnHold" icon="baochi" @click="hold">保持</ivr-btn>
     <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="btnStatus.btnHold" :disabled="btnStatus.btnHold" icon="baochi" @click="logout">保持</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="guaji" @click="hangup">挂机</ivr-btn>
     <ivr-btn :disabled="btnStatus.btnHangUp" icon="hy" @click="hangup">会议</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="xiaoxiu" @click="onidle">小休</ivr-btn>
-    <ivr-btn :disabled="btnStatus.btnIdle" icon="shimang" @click="onbusy">示忙</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>
 
     <!--<el-button v-show="!btnStatus.btnLogin" :disabled="btnStatus.btnLogin" @click="login">-->
     <!--<svg-icon icon-class="qianru" class="ivr-icon"/>-->
@@ -37,16 +36,16 @@
     <!--<div>外呼</div>-->
     <!--</el-button>-->
     <!--<el-button :disabled="btnStatus.btnHangUp" @click="logout">-->
-      <!--<svg-icon icon-class="hy" class="ivr-icon"/>-->
-      <!--<div>会议</div>-->
+    <!--<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>-->
+    <!--<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>-->
+    <!--<svg-icon icon-class="shimang" class="ivr-icon"/>-->
+    <!--<div>示忙</div>-->
     <!--</el-button>-->
     <div class="state-show">
       <div>来电号码：<span class="highlight">{{ number }}</span></div>
@@ -126,7 +125,7 @@
         btnDialIn: true, // 内呼
         btnAgentList: true,
         btnBusy: true, // 示忙
-        btnIdle: true, // 示闲
+        btnIdle: false, // 示闲
         btnMeeting: true, // 会议
         btnPickUp: true,
         btnExtenPickUp: true,
@@ -145,7 +144,7 @@
         btnGetNumber: true,
         btnInject: true
       },
-      status: '',
+      status: '', // 签入状态：已连接，已签入，未签入
       busy: '', // 坐席忙碌状态 ：忙碌，'', 另一坐席已登录
       call: '', // 通话状态
       isInCall: false, // 是否在通话中
@@ -246,11 +245,12 @@
         this.btnStatus.btnHold = false
         this.btnStatus.btnUnhold = true
         this.btnStatus.btnBusy = false
-        this.btnStatus.btnIdle = false
-        this.btnStatus.btnIdle = false
+        this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = false
         this.btnStatus.btnHangUp = false
+        this.status = '已签入'
         this.call = '空闲'
+        // TODO: 通知后台已签入
         // 心跳监测定时器
         if (this.webVariable.web_hearbeartInterval > 0) {
           this.webVariable.web_hearbeartID = setInterval(this.sendHearbeatMessage(), this.webVariable.web_hearbeartID * 1000)
@@ -275,7 +275,8 @@
     },
     // 处理签出成功之后的操作
     handleLogoutResult(object) {
-      if (object.success) {
+      if (object.success === 'true') {
+        this.status = '未签入'
         this.$message.success('签出成功')
         // 处理按钮状态
         this.btnStatus.btnLogin = false
@@ -284,23 +285,27 @@
         this.btnStatus.btnDialIn = true
         this.btnStatus.btnHold = true
         this.btnStatus.btnUnhold = true
-        this.btnStatus.btnBusy = true
-        this.btnStatus.btnIdle = true
+        this.btnStatus.btnBusy = false
         this.btnStatus.btnIdle = true
         this.btnStatus.btnMeeting = true
         this.btnStatus.btnHangUp = true
         this.resetWs()
+        // TODO: 通知后台已签出
         // 清除定时器
         clearInterval(this.webVariable.web_hearbeartID)
       }
     },
     // 外呼
     dialOut() {
-      this.$refs.keyboard.initDialog('out')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('out')
+      }
     },
     // 内呼
     dialIn() {
-      this.$refs.keyboard.initDialog('in')
+      if (this.judgeStatus()) {
+        this.$refs.keyboard.initDialog('in')
+      }
     },
     // 拨号
     dial(type, tel) {
@@ -322,36 +327,54 @@
     },
     // 示忙
     onbusy() {
-      const strSend = this.createCommand('busy')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('busy')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = true
+        this.btnStatus.btnIdle = false
+      }
     },
     // 示闲
     onidle() {
-      const strSend = this.createCommand('idle')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('idle')
+        this.webSocket.send(strSend)
+        this.btnStatus.btnBusy = false
+        this.btnStatus.btnIdle = true
+      }
     },
     // 挂机
     hangup() {
-      const strSend = this.createCommand('hangup')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('hangup')
+        this.webSocket.send(strSend)
+      }
     },
     // 保持
     hold() {
-      const strSend = this.createCommand('hold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) { // 判断坐席状态，判断通话状态
+        if (this.judgeCallStatus()) {
+          const strSend = this.createCommand('hold')
+          this.webSocket.send(strSend)
+        }
+      }
     },
     // 解除保持
     unhold() {
-      const strSend = this.createCommand('unhold')
-      this.webSocket.send(strSend)
+      if (this.judgeStatus()) {
+        const strSend = this.createCommand('unhold')
+        this.webSocket.send(strSend)
+      }
     },
     // 三方通话
     threeWay() {
-      const sendObj = {
-        dialString: this.threeWayPhone
+      if (this.judgeStatus()) {
+        const sendObj = {
+          dialString: this.threeWayPhone
+        }
+        const strSend = this.createCommand('threeWay', sendObj)
+        this.webSocket.send(strSend)
       }
-      const strSend = this.createCommand('threeWay', sendObj)
-      this.webSocket.send(strSend)
     },
     // 处理接通来电事宜
     incommingAnswerd(object) {
@@ -361,7 +384,7 @@
       this.btnStatus.btnDialIn = true
       this.btnStatus.btnHold = false
       this.btnStatus.btnUnhold = true
-      this.btnStatus.btnBusy = true
+      this.btnStatus.btnBusy = false
       this.btnStatus.btnIdle = true
       this.btnStatus.btnMeeting = true
       this.btnStatus.btnHangUp = false
@@ -374,7 +397,7 @@
       }
       console.log(data)
       const that = this
-      setTimeout(function(){
+      setTimeout(function() {
         that.$refs['addcase'].initData(data)
       }, 500)
     },
@@ -382,6 +405,15 @@
     closeCreateDialog() {
       this.showAddCase = false // 关闭弹窗
     },
+    // 进入工作态
+    goWorkState() {
+      // TODO:通知后台进入工作态
+
+    },
+    // 退出工作态
+    quitWorkState() {
+      // TODO:通知后台退出工作态
+    },
     // 初始化
     initSapoOcx() {
       const { ip, port } = this
@@ -531,8 +563,6 @@
             if (this.statusShow === true) { // 如果有呼叫弹窗，关闭
               this.statusShow = false
             }
-          } else { // 话机状态
-            this.status = '话机已连接'
           }
         }
         if (name === 'queue status') {
@@ -552,18 +582,22 @@
         const command = object.command
         if (command === 'login') {
           this.handleLoginResult(object)
-        }
-        if (command === 'logout') {
+        } else if (command === 'logout') {
           this.handleLogoutResult(object)
-        }
-        if (command === 'getExtensionList') {
+        } else if (command === 'getExtensionList') {
           this.handleExtensionList(object)
-        }
-        if (command === 'dial') {
+        } else if (command === 'dial') {
           if (object.success === 'true') { this.statusDetailText = object.resultText }
-        }
-        if (object.resultText === '准备挂断' && object.success) {
+        } 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
+          }
         }
       }
     },
@@ -634,6 +668,24 @@
         sendStr += '\n'
       }
       return sendStr
+    },
+    // 判断坐席状态
+    judgeStatus() {
+      if (this.status == '已签入') {
+        return true
+      } else {
+        this.$message.warning('请先签入呼叫平台')
+        return false
+      }
+    },
+    // 判断通话状态
+    judgeCallStatus() {
+      if (this.isInCall) {
+        return true
+      } else {
+        this.$message.warning('未在通话中')
+        return false
+      }
     }
   }
 }
diff --git a/src/main.js b/src/main.js
index 5630ee7..c9df78f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,8 +23,13 @@
  * it will intercept your request, so you won't see the request in the network.
  * If you remove `../mock` it will automatically request easy-mock data.
  */
+// if (process.env.NODE_ENV === 'development') {
 // import './../mock' // simulation data
 // require('./../mock')
+// } else {
+//   console.log('生产环境')
+// }
+
 // 兼容IE11
 import 'babel-polyfill'
 
@@ -61,6 +66,15 @@
 import VCharts from 'v-charts'
 Vue.use(VCharts)
 
+// js禁止浏览器的回退快捷键
+history.pushState(null, null, document.URL)
+window.addEventListener('popstate', function() {
+  history.pushState(null, null, document.URL)
+})
+// 引入区域级联选项
+import vRegion from 'v-region'
+Vue.use(vRegion, {})
+
 new Vue({
   el: '#app',
   router,
diff --git a/src/permission.js b/src/permission.js
index 7816c64..74371d4 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -40,10 +40,17 @@
     if (whiteList.indexOf(to.path) !== -1) { // 免登录白名单，直接进入
       next()
     } else {
+      debugger
+      const token = to.query.sid
+      console.log('==============')
+      console.log(to.query.sid)
       // 直接调用登录接口
-      store.dispatch('AppLogin').then(() => {
+      store.dispatch('AppLogin', token).then(() => {
         Message.success('自动登录成功')
-        next()
+        console.log(getToken())
+        alert(getToken())
+        next({ path: '/' })
+        // next()
       }).catch(() => {
         Message.error('自动登录失败')
         next(`/login`) // 否则全部重定向到登录页
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 8ff9a57..bb8eaa0 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -76,20 +76,28 @@
       })
     },
     // 登录
-    AppLogin({ commit }, userInfo) {
+    AppLogin({ commit }, token) {
       return new Promise((resolve, reject) => {
-        applogin(userInfo).then(response => {
-          if (response.code === 200) {
-            const data = response.data
-            setToken(data.token)
-            commit('SET_TOKEN', data.token)
-            resolve()
-          } else {
-            reject(response.message)
-          }
-        }).catch(error => {
-          reject(error)
-        })
+        if (token) {
+          debugger
+          setToken(token)
+          commit('SET_TOKEN', token)
+          resolve()
+        } else {
+          window.location.href = 'http://10.18.0.50:8086/platform-sso-server/login?service=' + process.env.BASE_API + '/app/caslogin'
+          // applogin().then(response => {
+          //   if (response.code === 200) {
+          //     const data = response.data
+          //     setToken(data.token)
+          //     commit('SET_TOKEN', data.token)
+          //     resolve()
+          //   } else {
+          //     reject(response.message)
+          //   }
+          // }).catch(error => {
+          //   reject(error)
+          // })
+        }
       })
     },
     // 获取用户信息
diff --git a/src/utils/stringutils.js b/src/utils/stringutils.js
new file mode 100644
index 0000000..4ff753d
--- /dev/null
+++ b/src/utils/stringutils.js
@@ -0,0 +1,13 @@
+export function realFormatSecond(second) {
+  var secondType = typeof second
+  if (secondType === 'number' || secondType === 'string') {
+    second = parseInt(second)
+    var hours = Math.floor(second / 3600)
+    second = second - hours * 3600
+    var mimute = Math.floor(second / 60)
+    second = second - mimute * 60
+    return hours + ':' + ('0' + mimute).slice(-2) + ':' + ('0' + second).slice(-2)
+  } else {
+    return '0:00:00'
+  }
+}
diff --git a/src/views/caseManage/components/knowledgeDetail.vue b/src/views/caseManage/components/knowledgeDetail.vue
new file mode 100644
index 0000000..f4ec86b
--- /dev/null
+++ b/src/views/caseManage/components/knowledgeDetail.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogShow"
+    title=""
+    width="1000px"
+    append-to-body>
+    <div class="k-div">
+      <div class="k-title">
+        {{ knowledge.kName }}
+      </div>
+      <div class="k-subtitle">
+        <div>所属类别:{{ knowledge.kTypeName }}</div>
+        <div>发布人:{{ knowledge.kUserName }}</div>
+        <div>发布时间:{{ knowledge.kTime }}</div>
+      </div>
+      <div class="k-content">
+        {{ knowledge.kInfo }}
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'KnowledgeDetail',
+  data() {
+    return {
+      knowledge: {
+        kName: '',
+        kTypeName: '',
+        kUserName: '',
+        kInfo: '',
+        kTime: ''
+      },
+      dialogShow: false
+    }
+  },
+  methods: {
+    initDialog(row) {
+      this.dialogShow = true
+      this.knowledge = {
+        kName: '特困人员救助供养标准是什么？',
+        kTypeName: '州民政局',
+        kUserName: '周海瑞',
+        kInfo: '2019年1月起，城市特困供养基本生活年标准9110元/人，各县8252元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。农村特困供养基本生活年标准5226元/人。照料护理补贴年标准分为自理1200元/人，半失能2400元/人，失能3600元/人。--咨询电话：6214502',
+        kTime: '2019-10-18 15:55:35'
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.k-div{
+  text-align: center;
+  padding: auto 20px;
+  min-height: 250px;
+  .k-title{
+    color:#3a8ee6;
+    font-size:25px;
+    line-height: 25px;
+  }
+  .k-subtitle{
+    margin-top: 15px;
+    line-height: 17px;
+  }
+  .k-content{
+    text-align: justify;
+    margin-top: 20px;
+    font-size:16px;
+    line-height: 20px;
+    text-indent:25px
+  }
+}
+</style>
diff --git a/src/views/caseManage/components/knowledgeSearch.vue b/src/views/caseManage/components/knowledgeSearch.vue
index 97a9021..d632d26 100644
--- a/src/views/caseManage/components/knowledgeSearch.vue
+++ b/src/views/caseManage/components/knowledgeSearch.vue
@@ -6,19 +6,24 @@
       <el-button :size="size" type="primary" class="search-btn" @click="search">知识查找</el-button>
     </div>
     <div class="answer-div">
-      <div v-for="item in list" class="answer-item">
-        <el-card body-style="{padding:5px;}" shadow="hover">
-          <div class="answer-title">{{ item.kName }}</div>
-          <div class="answer-info">{{ item.kInfo }}</div>
-        </el-card>
-      </div>
+      <el-scrollbar class="knowledge-scrollbar">
+        <div v-for="item in list" class="answer-item">
+          <el-card body-style="{padding:5px;}" shadow="hover" @click.native="showKnoledgeDetail(item)">
+            <div class="answer-title">{{ item.kName }} _知识库_ {{ item.kTypeName }}</div>
+            <div class="answer-info">{{ item.kInfo }}</div>
+          </el-card>
+        </div>
+      </el-scrollbar>
     </div>
+    <knowledge-detail ref="kdetail"/>
   </div>
 </template>
 
 <script>
+import KnowledgeDetail from './knowledgeDetail'
 export default {
   name: 'KnowledgeSearch',
+  components: { KnowledgeDetail },
   data() {
     return {
       keywords: '', // 关键字
@@ -27,19 +32,23 @@
       size: 'small' // 输入框大小
     }
   },
-  created(){
+  created() {
     this.search()
   },
   methods: {
     search() {
       const params = { keywords: this.keywords }
       this.list = [
-        { kName: '标题1', kInfo: '答案1' },
-        { kName: '标题2', kInfo: '答案FSDSFDSFDSAF 1' },
-        { kName: '标题3', kInfo: '答案1SDFSDFDSFDSF' },
-        { kName: '标题4', kInfo: '答案1DSSD' },
-        { kName: '标题5', kInfo: '答案1FSDFSDSFDSFSDF' }
+        { kName: '搬迁协议签订后家庭成员发生变化应如何处理？', kTypeName: '纳税服务中心', kInfo: '建档立卡户搬迁对象以签订搬迁协议时当地扶贫部门核定的家庭人口为准，安置住房建设（分配）面积和建房补助资金也应按签订协议时的家庭人口关系和人数核定。协议签订后，户籍人口因新生、死亡、婚姻、就学、兵役等原因发生增减变化时，要及时调整建档立卡户人员信息，但无论户籍登记是否变更，仍按协议确定人口数为准。（发改振兴[2019]1068号《关于印发新时期异地扶贫搬迁工作百问百答的通知》）--咨询电话：6210746' },
+        { kName: '纳税人为非雇员（如客户、邀请讲课专家等存在业务合作关系的人员）支付的旅客运输费用，能否抵扣进项税额', kTypeName: '纳税服务中心', kInfo: '财政部税务总局海关总署关于深化增值税改革有关政策的公告》（财政部税务总局海关总署公告2019年第39号）规定，增值税一般纳税人购进国内旅客运输服务，其进项税额允许从销项税额中抵扣。这里指的是与本单位' },
+        { kName: '企业预缴时享受了小型微利企业所得税优惠，汇算清缴时发现不符合小型微利企业条件的怎么办？', kTypeName: '纳税服务中心', kInfo: '国家税务总局关于实施小型微利企业普惠性所得税减免政策有关问题的公告》（国家税务总局公告2019年第2号）已经做出了明确规定，只要企业在预缴时符合小型微利企业条件，预缴时均可以预先享受优惠政策。但是，... ...' },
+        { kName: '特困人员救助供养对象是?', kTypeName: '临夏州民政局', kInfo: '无劳动能力、无生活来源且无法定赡养、抚养、扶养义务人，或者其法定赡养、抚养、扶养义务人无赡养、抚养、扶养能力的老年人、残疾人以及未满十六周岁的未成年人。特困人员救助供养主要包括：提供基本生活条件；对生活不能自理的给予照料；提供疾病治疗；办理丧葬事宜。特困人员救助供养形式分为在家分散供养和在当地供养服务机构集中供养。--咨询电话：6214502' },
+        { kName: '特困人员救助供养标准是什么？', kTypeName: '临夏州民政局', kInfo: '无劳动能力、无生活来源且无法定赡养、抚养、扶养义务人，或者其法定赡养、抚养、扶养义务人无赡养、抚养、扶养能力的老年人、残疾人以及未满十六周岁的未成年人。特困人员救助供养主要包括：提供基本生活条件；对生活不能自理的给予照料；提供疾病治疗；办理丧葬事宜。特困人员救助供养形式分为在家分散供养和在当地供养服务机构集中供养。--咨询电话：6214502' }
       ]
+    },
+    // 显示知识详情
+    showKnoledgeDetail(obj) {
+      this.$refs.kdetail.initDialog(obj)
     }
   }
 }
@@ -61,6 +70,13 @@
     }
     .answer-div{
       margin: 3px;
+      .knowledge-scrollbar{
+        height: 456px;
+        width: 100%;
+        .el-scrollbar__wrap {
+          overflow-x: hidden;
+        }
+      }
       .answer-item{
         /*background-color: #ffffff;*/
         /*padding:5px 10px;*/
@@ -75,6 +91,10 @@
         .answer-info{
           font-size:12px;
           color: #898989;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
         }
       }
     }
diff --git a/src/views/caseManage/createCase.vue b/src/views/caseManage/createCase.vue
index 4369036..7d52b7a 100644
--- a/src/views/caseManage/createCase.vue
+++ b/src/views/caseManage/createCase.vue
@@ -72,6 +72,7 @@
                 <el-date-picker
                   v-model="form.limitedTime"
                   type="datetime"
+                  value-format="yyyy-MM-dd hh:mm:ss"
                   placeholder="请选择时间"
                   style="width: 100%"/>
               </el-form-item>
@@ -185,7 +186,6 @@
     }
     const validateType = function(rule, value, callback) {
       console.log(value)
-      debugger
       if (value.eorc === '' || value.caseTypeCode === '' || value.caseDetailTypeCode === '') {
         callback(new Error('请选择事件类型'))
       } else {
@@ -308,15 +308,15 @@
             communityCode: this.form.address.communityCode, // 社区ID
             gridId: this.form.address.gridId, // 网格ID
             fieldintro: this.form.address.fieldintro, // 事件地址
-            caseLevel: this.caseLevel, // 案卷紧急程度
-            isTypical: this.isTypical, // 是否典型案例
-            isImportant: this.isImportant, // 是否要情
-            title: this.title, // 事件标题
-            description: this.description, // 事件内容
-            limitedTime: this.limitedTime, // 事件办理期限
-            processWay: this.processWay, // 处理方式
-            processDept: this.processDept, // 处理单位
-            processUser: this.processUser // 处理人
+            caseLevel: this.form.caseLevel, // 案卷紧急程度
+            isTypical: this.form.isTypical, // 是否典型案例
+            isImportant: this.form.isImportant, // 是否要情
+            title: this.form.title, // 事件标题
+            description: this.form.description, // 事件内容
+            limitedTime: this.form.limitedTime, // 事件办理期限
+            processWay: '' + this.form.processWay, // 处理方式
+            processDept: this.form.processDept, // 处理单位
+            processUser: this.form.processUser // 处理人
           }
           addCase(form).then(response => {
             if (response.code === 200) {
diff --git a/src/views/caseManage/waitForCreate.vue b/src/views/caseManage/waitForCreate.vue
index 9553c24..c2a9862 100644
--- a/src/views/caseManage/waitForCreate.vue
+++ b/src/views/caseManage/waitForCreate.vue
@@ -4,7 +4,7 @@
     <search-area :need-clear="true" :need-search-more="true" type="seperate" search-more-type="default" @search="fetchData" @clear="clearInput">
       <!--一般查询条件-->
       <search-item>
-        <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
+        <el-input v-model.trim="listQuery.callerNumber" placeholder="主叫号码" clearable/>
       </search-item>
       <search-item/>
       <search-item>
@@ -21,44 +21,38 @@
           start-placeholder="创建开始时间"
           end-placeholder="创建结束时间"/>
       </search-item>
-      <!--高级检索-->
-      <div slot="searchMore">
-        <search-item>
-          <el-input v-model.trim="listQuery.name" placeholder="姓名" clearable/>
-        </search-item>
-        <search-item/>
-        <search-item>
-          <el-select v-model="listQuery.sex" placeholder="性别" clearable>
-            <el-option label="男" value="男"/>
-          </el-select>
-        </search-item>
-        <search-item>
-          <el-date-picker
-            v-model="timeRange"
-            type="datetimerange"
-            range-separator="至"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            start-placeholder="创建开始时间"
-            end-placeholder="创建结束时间"/>
-        </search-item>
-      </div>
     </search-area>
     <normal-table :data="list" :head="tableOption.head" :query="listQuery" :total="total" :columns="columns" :list-loading="listLoading" :options="tableOption.options" :tools-option="tableOption.toolsOption" @change="changePage">
-      <template slot="btns">
-        <el-button size="small" class="edit_btn">添加</el-button>
-        <el-button size="small" class="edit_btn">修改</el-button>
-        <el-button size="small" class="edit_btn">删除</el-button>
-      </template>
       <template slot="columns">
         <el-table-column label="操作" align="center" width="160">
           <template slot-scope="scope">
-            <el-button type="text" size="small" @click.stop="goDetail(scope.row)">详情</el-button>
-            <el-button type="text" size="small" @click.stop="edit(scope.row)">编辑</el-button>
-            <el-button type="text" size="small" @click.stop="registerIris(scope.row)">采集</el-button>
+            <el-button type="text" size="small" @click="openSound(scope.row)">录音</el-button>
+            <el-button type="text" size="small" @click="createCase(scope.row)">受理</el-button>
           </template>
         </el-table-column>
       </template>
     </normal-table>
+    <!--新建事件页面-->
+    <el-dialog
+      :visible.sync="showAddCase"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      title="新建事件"
+      width="1200px"
+      custom-class="addcase-dialog"
+      top="5vh"
+      append-to-body>
+      <create-case ref="addcase" @cancel="closeCreateDialog"/>
+    </el-dialog>
+    <!--播放音频弹窗-->
+    <el-dialog
+      :visible.sync="soundShow"
+      title="录音播放"
+      width="600px"
+      append-to-body
+      @close="closeSound">
+      <audio-player ref="adplayer" :the-url="sound.url" :the-control-ist="sound.controlList"/>
+    </el-dialog>
   </app-container>
 </template>
 
@@ -67,69 +61,61 @@
 import AppContainer from '@/components/layout/AppContainer'
 import SearchArea from '@/components/SearchArea/SearchArea'
 import SearchItem from '@/components/SearchArea/SearchItem'
+import CreateCase from '@/views/caseManage/createCase'
+import AudioPlayer from '../../components/AudioPlayer/AudioPlayer'
+import { realFormatSecond } from '@/utils/stringutils'
 export default {
   name: 'WaitForCreate',
-  components: { SearchItem, SearchArea, AppContainer, NormalTable },
+  components: { AudioPlayer, SearchItem, SearchArea, AppContainer, NormalTable, CreateCase },
   data() {
     return {
       listQuery: {
-        name: '', // 姓名
-        sex: '', // 性别
-        nation: '', // 民族
-        collReason: '', // 采集原因
-        cardType: '', // 证件类型
-        idCardNo: '', // 证件号码
-        personTag: '', // 人员标签
+        callerNumber: '', // 主叫号码
+        calleeUser: '', // 受理人
+        status: '', // 受理状态
         startTime: '', // 创建开始时间
         endTime: '', // 创建结束时间
         offset: 1,
         limit: 20,
-        sort: 'createTime',
+        sort: 'callTime',
         order: 'desc'
       }, // 筛选条件
       columns: [
         {
-          text: '姓名',
-          value: 'name',
+          text: '录音编号',
+          value: 'callid',
           align: 'center'
         },
         {
-          text: '性别',
-          value: 'sexName',
+          text: '主叫号码',
+          value: 'callerNumber',
+          align: 'center'
+        },
+        {
+          text: '受理人',
+          value: 'calleeUserName',
+          align: 'center'
+        },
+        {
+          text: '归属地',
+          value: 'isp',
           align: 'center',
-          width: 60
+          width: 100
         },
         {
-          text: '民族',
-          value: 'nationName',
-          width: 50,
-          align: 'center'
-        },
-        {
-          text: '采集原因',
-          value: 'collReasonName',
-          align: 'center'
-        },
-        {
-          text: '证件类型',
-          value: 'cardTypeName',
+          text: '来电时间',
+          value: 'callTime',
           align: 'center',
-          width: 80
+          width: 160
         },
+        // {
+        //   text: '通话时间',
+        //   value: 'bridgeStamp',
+        //   align: 'center'
+        // },
         {
-          text: '证件号码',
-          value: 'idCardNo',
-          align: 'center'
-        },
-        {
-          text: '户籍地址',
-          value: 'residenceAddr',
-          align: 'center'
-        },
-        {
-          text: '创建时间',
-          value: 'createTime',
-          width: 120,
+          text: '状态',
+          value: 'statusName',
           align: 'center'
         }
       ], // 显示列
@@ -143,40 +129,71 @@
           text: '数据列表' // 标题名称
         },
         options: {
-          needIndex: false // 是否需要序号列
+          needIndex: true // 是否需要序号列
         },
         toolsOption: {
           selectColumns: false, // 是否需要筛选列
           refresh: false // 是否需要刷新按钮
         }
-      } // 表格属性
+      }, // 表格属性
+      showAddCase: false,
+      sound: {
+        url: '',
+        controlList: 'noDownload noSpeed onlyOnePlaying'
+      },
+      soundShow: false // 显示音频弹窗
     }
   },
   created() {
-    this.fetchData()
+    this.fetchData(false)
   },
   methods: {
-    fetchData() {
+    fetchData(isNowPage = true) {
       this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
       const that = this
       setTimeout(function() {
         that.list = [
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' },
-          { name: '张三', sexName: '男', nationName: '汉族', collReasonName: '工作人员', cardTypeName: '身份证', idCardNo: '1101264987431551155', residenceAddr: '北京市' }
+          { callid: '122fse223f2122', callerNumber: '15652360420', calleeUserName: '张三', isp: '北京联通', callTime: '2020-04-09 09:00:00', bridgeStamp: 61, statusName: '未接听' },
+          { callid: '122fse223f2122', callerNumber: '15652360420', calleeUserName: '张三', isp: '北京联通', callTime: '2020-04-09 09:00:00', bridgeStamp: 61, statusName: '未接听' },
+          { callid: '122fse223f2122', callerNumber: '15652360420', calleeUserName: '张三', isp: '北京联通', callTime: '2020-04-09 09:00:00', bridgeStamp: 61, statusName: '未接听' },
+          { callid: '122fse223f2122', callerNumber: '15652360420', calleeUserName: '张三', isp: '北京联通', callTime: '2020-04-09 09:00:00', bridgeStamp: 61, statusName: '未接听' },
+          { callid: '122fse223f2122', callerNumber: '15652360420', calleeUserName: '张三', isp: '北京联通', callTime: '2020-04-09 09:00:00', bridgeStamp: 61, statusName: '未接听' }
         ]
         that.total = 200
         that.listLoading = false
       }, 2000)
     },
+    // 播放录音
+    openSound(row) {
+      this.soundShow = true
+      this.sound.url = 'https://wdd.js.org/element-audio/static/falling-star.mp3'
+    },
+    // 关闭播放弹窗
+    closeSound() {
+      this.$refs.adplayer.pausePlay()
+    },
+    // 创建工单
+    createCase(row) {
+      this.showAddCase = true
+      const data = {
+        callid: row.callid,
+        number: row.callerNumber,
+        callTime: row.callTime
+      }
+      console.log(data)
+      const that = this
+      setTimeout(function() {
+        that.$refs['addcase'].initData(data)
+      }, 500)
+    },
+    // 关闭新建案件弹窗
+    closeCreateDialog() {
+      this.showAddCase = false // 关闭弹窗
+      this.search()
+    },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
       if (val && val.size) {