话务状态调整

CallCenterWeb.UI/RMYY/src/utils/telWebsocket.js

  * 签入后心跳开始；签出后心跳结束；
  * 增加心跳 false 处理（签出）
  */
-import { Message, MessageBox, Switch } from 'element-ui'
-import store from '@/store'
-import router from '@/router'
-import { Teljournal } from '@/api/commonAPI'
-let ws // websocket 实例
-let cls = 0
-let lockReconnect = false // 避免重复连接
-let websocktTimer // 定时器
-let wsUrl = null
+import { Message, MessageBox, Switch } from "element-ui";
+import store from "@/store";
+import router from "@/router";
+import { Teljournal } from "@/api/commonAPI";
+let ws; // websocket 实例
+let cls = 0;
+let lockReconnect = false; // 避免重复连接
+let websocktTimer; // 定时器
+let wsUrl = null;
 // const wsUrl = 'ws://' + process.env.SOCKET_IP + ':' + process.env.SOCKET_PORT
 // 创建scoket连接
 export function createWebSocket() {
   wsUrl =
-    'ws://' +
+    "ws://" +
     store.getters.serverConfig.SOCKET_IP +
-    ':' +
-    store.getters.serverConfig.SOCKET_PORT // 请求地址
+    ":" +
+    store.getters.serverConfig.SOCKET_PORT; // 请求地址
   try {
-    if ('WebSocket' in window) {
-      ws = new WebSocket(wsUrl) // 创建一个websocket实例
-      init()
+    if ("WebSocket" in window) {
+      ws = new WebSocket(wsUrl); // 创建一个websocket实例
+      init();
     } else {
-      Message.error('当前浏览器不支持Websocket!')
+      Message.error("当前浏览器不支持Websocket!");
     }
   } catch (e) {
-    reconnect()
+    reconnect();
   }
 }
 
 function init() {
   ws.onopen = function() {
     // console.groupCollapsed(`telWebsocket:`)
-    console.log(new Date() + '  telWebsocket  ' + '建立连接：' + wsUrl)
+    console.log(new Date() + "  telWebsocket  " + "建立连接：" + wsUrl);
     // signIn()
     // 修改store 中连接状态
-    store.dispatch('ConnectWs', true)
+    store.dispatch("ConnectWs", true);
     // 修改 store 中telwebsocket的数据
-    store.dispatch('ChangeTelWSMsg', {
+    store.dispatch("ChangeTelWSMsg", {
       wsUrl: wsUrl,
-      operationType: '建立连接'
-    })
-    if (Number(window.sessionStorage.getItem('storageSeatState'))) {
-      signIn()
+      operationType: "建立连接"
+    });
+    if (Number(window.sessionStorage.getItem("storageSeatState"))) {
+      signIn();
     }
-    if (Number(window.sessionStorage.getItem('telIsLogin'))) {
+    if (Number(window.sessionStorage.getItem("telIsLogin"))) {
       // heartCheck.reset().start()
       // heartCheck.sendHeart()
     }
-  }
+  };
 
   // 接收到消息的回调方法
   ws.onmessage = function(evt) {
     // 拿到任何消息都说明当前连接是正常的
     // heartCheck.reset().start()
     console.log(
-      '%c' +
+      "%c" +
         new Date() +
-        '%c receive%c telWebsocket %ctype:' +
+        "%c receive%c telWebsocket %ctype:" +
         JSON.parse(evt.data)[0].Type +
-        '%c ' +
+        "%c " +
         evt.data,
-      'color: #111',
-      'color: #67C23A',
-      'color: #111',
-      'color: #67C23A',
-      'color: #111'
-    )
-    dealMsg(JSON.parse(evt.data)[0])
+      "color: #111",
+      "color: #67C23A",
+      "color: #111",
+      "color: #67C23A",
+      "color: #111"
+    );
+    dealMsg(JSON.parse(evt.data)[0]);
     // 修改 store 中telwebsocket的数据
-    const telWSData = JSON.parse(evt.data)
-    telWSData.operationType = '接收'
-    store.dispatch('ChangeTelWSMsg', telWSData)
-  }
+    const telWSData = JSON.parse(evt.data);
+    telWSData.operationType = "接收";
+    store.dispatch("ChangeTelWSMsg", telWSData);
+  };
 
   // 连接关闭的回调方法
   ws.onclose = function(evt) {
     if (cls === 0) {
-      cls = 1
-      console.log('telWebsocket连接关闭')
+      cls = 1;
+      console.log("telWebsocket连接关闭");
       // console.groupEnd()
       // 修改store 中连接状态
-      store.dispatch('ConnectWs', false)
-      store.dispatch('ChangeLineState', 1)
+      store.dispatch("ConnectWs", false);
+      store.dispatch("ChangeLineState", 1);
       // 修改 store 中telwebsocket的数据
-      store.dispatch('ChangeTelWSMsg', {
+      store.dispatch("ChangeTelWSMsg", {
         wsUrl: wsUrl,
-        operationType: '连接关闭'
-      })
-      reconnect()
+        operationType: "连接关闭"
+      });
+      reconnect();
     }
-  }
+  };
 
   // 连接发生错误的回调方法
   ws.onerror = function(evt) {
     // })
     // console.warn('telWebsocket连接出现异常！')
     // 修改 store 中telwebsocket的数据
-    store.dispatch('ChangeTelWSMsg', {
+    store.dispatch("ChangeTelWSMsg", {
       wsUrl: wsUrl,
-      operationType: '连接异常'
-    })
+      operationType: "连接异常"
+    });
     if (ws == null || ws.readyState !== ws.OPEN) {
-      console.log(new Date() + 'telWebsocket开始重连')
+      console.log(new Date() + "telWebsocket开始重连");
       // 修改 store 中telwebsocket的数据
-      store.dispatch('ChangeTelWSMsg', {
+      store.dispatch("ChangeTelWSMsg", {
         wsUrl: wsUrl,
-        operationType: '开始重连'
-      })
-      reconnect()
+        operationType: "开始重连"
+      });
+      reconnect();
     }
-  }
+  };
 }
 
 /**
  * 重新连接
  */
 function reconnect() {
-  if (lockReconnect) return
-  lockReconnect = true
+  if (lockReconnect) return;
+  lockReconnect = true;
   // 没连接上会一直重连，设置延迟避免请求过多
-  websocktTimer && clearTimeout(websocktTimer)
+  websocktTimer && clearTimeout(websocktTimer);
   websocktTimer = setTimeout(function() {
-    console.log(new Date() + '    ' + 'telWebsocket重连中……')
+    console.log(new Date() + "    " + "telWebsocket重连中……");
     // 修改 store 中telwebsocket的数据
-    store.dispatch('ChangeTelWSMsg', {
+    store.dispatch("ChangeTelWSMsg", {
       wsUrl: wsUrl,
-      operationType: '重连中……'
-    })
-    createWebSocket()
-    lockReconnect = false
-  }, 2000)
+      operationType: "重连中……"
+    });
+    createWebSocket();
+    lockReconnect = false;
+  }, 2000);
 }
 
 /**
  */
 export function Send(scoketDatas) {
   if (ws.readyState !== ws.OPEN) {
-    reconnect()
+    reconnect();
   }
   if (ws.readyState === ws.OPEN) {
     console.log(
-      '%c' +
+      "%c" +
         new Date() +
-        '%c  send %c telWebsocket  ' +
+        "%c  send %c telWebsocket  " +
         JSON.stringify(scoketDatas),
-      'color: #111',
-      'color: #409EFF',
-      'color: #111'
-    )
-    ws.send(JSON.stringify(scoketDatas))
-    scoketDatas.operationType = '发送'
+      "color: #111",
+      "color: #409EFF",
+      "color: #111"
+    );
+    ws.send(JSON.stringify(scoketDatas));
+    scoketDatas.operationType = "发送";
     // 修改 store 中telwebsocket的数据
-    store.dispatch('ChangeTelWSMsg', scoketDatas)
+    store.dispatch("ChangeTelWSMsg", scoketDatas);
   }
 }
 
   timeoutObj: null,
   serverTimeoutObj: null,
   reset: function() {
-    clearTimeout(this.timeoutObj)
-    clearTimeout(this.serverTimeoutObj)
-    return this
+    clearTimeout(this.timeoutObj);
+    clearTimeout(this.serverTimeoutObj);
+    return this;
   },
 
   start: function() {
-    const _self = this
+    const _self = this;
     this.timeoutObj = setTimeout(function() {
       // 这里发送一个心跳，后端收到后，返回一个心跳消息，
       // onmessage拿到返回的心跳就说明连接正常
-      _self.sendHeart()
-      _self.aa()
-    }, this.timeout)
+      _self.sendHeart();
+      _self.aa();
+    }, this.timeout);
   },
   sendHeart: function() {
     const scoketDatas = {
-      Type: 'Heart',
+      Type: "Heart",
       Result: true,
       AgentID: store.getters.usercode, // 工号
       AgentExten: store.getters.extension, // 分机号
       // AgentGroup: 1 // 坐席组id
       AgentGroup: store.getters.groupcode // 坐席组id
-
-    }
-    Send(scoketDatas)
+    };
+    Send(scoketDatas);
   }
-}
+};
 // 迁入
 function signIn() {
   // if(!this.groupcode){
   //   return
   // }
   const scoketDatas = {
-    Type: 'Login',
+    Type: "Login",
     AgentID: store.getters.usercode,
     AgentExten: store.getters.extension,
     // AgentGroup: window.localStorage.getItem("groupCode"), // 坐席组id window.localStorage.getItem('groupCode')
-    AgentGroup: '364',
-    AgentType: '0',
-    DisposeTime: '0' // 话后处理时长设置，0代表一致话后处理，除非发送置闲 （按照历史习惯，字符串形式）
-  }
-  Send(scoketDatas)
+    AgentGroup: "1",
+    AgentType: "0",
+    DisposeTime: "0" // 话后处理时长设置，0代表一致话后处理，除非发送置闲 （按照历史习惯，字符串形式）
+  };
+  Send(scoketDatas);
 }
 /**
  * 处理接收的消息
  */
 function dealMsg(msgData) {
   if (msgData) {
-    const rlt = msgData.Result
+    const rlt = msgData.Result;
     if (rlt === true) {
       switch (msgData.Type.toLowerCase()) {
-        case 'login': // 签入
-          LoginBack()
-          break
-        case 'logout': // 签出
-          LogoutBack()
-          break
-        case 'dropcall': // 挂断
-          DropCallBack()
-          break
-        case 'makecall': // 外呼
-          MakeCallBack(msgData)
-          break
-        case 'setstate': // 置忙 置闲
-          SetState(msgData)
-          break // 置忙置闲
-        case 'meeting': // 会议
-          MeetingBack(msgData)
-          break
-        case 'meetingtakeback':
-          MeetingTakeBackFun(msgData)
-          break // 多方通话回签
-        case 'transfer': // 转移
-          TransferBack()
-          break
+        case "login": // 签入
+          LoginBack();
+          break;
+        case "logout": // 签出
+          LogoutBack();
+          break;
+        case "dropcall": // 挂断
+          DropCallBack();
+          break;
+        case "makecall": // 外呼
+          MakeCallBack(msgData);
+          break;
+        case "setstate": // 置忙 置闲
+          SetState(msgData);
+          break; // 置忙置闲
+        case "meeting": // 会议
+          MeetingBack(msgData);
+          break;
+        case "meetingtakeback":
+          MeetingTakeBackFun(msgData);
+          break; // 多方通话回签
+        case "transfer": // 转移
+          TransferBack();
+          break;
         // case 'consult': // 协商呼叫
         //   ConsultBack()
         //   break
-        case 'hold': // 保持
-          HoldBack(msgData)
-          break
-        case 'retrieve': // 接回
-          RetrieveBack()
-          break
-        case 'incoming': // 来电
-          IncomingBack(msgData)
-          break
-        case 'linestateagent': // 线路状态
-          LineStateAgentBack(msgData)
-          break
-        case 'agentstate': // 线路状态
-          updateSeatMonitorlists(msgData)
-          break
-        case 'getagentlist':
-          getAgentList(msgData)
-          break
-        case 'callid':
-          getCallid(msgData)
-          break
+        case "hold": // 保持
+          HoldBack(msgData);
+          break;
+        case "retrieve": // 接回
+          RetrieveBack();
+          break;
+        case "incoming": // 来电
+          IncomingBack(msgData);
+          break;
+        case "linestateagent": // 线路状态
+          LineStateAgentBack(msgData);
+          break;
+        case "agentstateagent": // 线路状态
+          agentstateagentBack(msgData);
+
+        case "agentstate": // 线路状态
+          updateSeatMonitorlists(msgData);
+          break;
+        case "getagentlist":
+          getAgentList(msgData);
+          break;
+        case "callid":
+          getCallid(msgData);
+          break;
       }
     } else if (rlt === false) {
-      var texs = ''
+      var texs = "";
       // const errCode = msgData.Error % 10000
-      if (msgData.Type.toLowerCase() === 'meeting') {
-        window.localStorage.setItem('meetingTransfer', 0)
-        if(window.localStorage.getItem('meetingType') == '转接'){
-          texs = '转接失败'
+      if (msgData.Type.toLowerCase() === "meeting") {
+        window.localStorage.setItem("meetingTransfer", 0);
+        if (window.localStorage.getItem("meetingType") == "转接") {
+          texs = "转接失败";
         }
-        if(window.localStorage.getItem('meetingType') == '多方通话'){
-          texs = '多方通话失败'
+        if (window.localStorage.getItem("meetingType") == "多方通话") {
+          texs = "多方通话失败";
         }
-      }else{
-        texs = msgData.Type
+      } else if (msgData.Type.toLowerCase() === "transfer") {
+        texs = "转接失败";
+      } else if (msgData.Type.toLowerCase() === "makecall") {
+        texs = "外呼失败";
+      } else {
+        texs = msgData.Type;
       }
       Message({
         dangerouslyUseHTMLString: true,
         message:
           '<div style="font-size:32px;font-weight: 700;text-align: center; width:100%;margin: 0 auto;">' +
           texs +
-          '</div>',
+          "</div>",
         offset: 400,
         center: true,
-        type: 'error',
+        type: "error",
         duration: 2 * 1000
-      })
+      });
     } else {
-      if (msgData.Type.toLowerCase() === 'linestateagent') {
-        LineStateAgentBack(msgData)
-      } else if (msgData.Type.toLowerCase() === 'monitor') {
-        updateSeatMonitorlists(msgData)
-      } else if (msgData.Type.toLowerCase() === 'waitcount') {
-        console.log(msgData.Type)
-        store.dispatch('ChangeWaitcountNumber', msgData.WaitCount)
+      if (msgData.Type.toLowerCase() === "linestateagent") {
+        LineStateAgentBack(msgData);
+      } else if (msgData.Type.toLowerCase() === "monitor") {
+        updateSeatMonitorlists(msgData);
+      } else if (msgData.Type.toLowerCase() === "waitcount") {
+        console.log(msgData.Type);
+        store.dispatch("ChangeWaitcountNumber", msgData.WaitCount);
       } else {
         // Message.error(`${rlt} !`)
         Message({
           message:
             '<div style="font-size:42px;font-weight: 700;text-align: center; width:80%;margin: 0 auto;">' +
             rlt +
-            '</div>',
+            "</div>",
           offset: 400,
           center: true,
-          type: 'error',
+          type: "error",
           duration: 2 * 1000
-        })
+        });
       }
     }
   }
 }
 
 function updateSeatMonitorlists(msgData) {
-  store.dispatch('ChangeMonitor', true) // 修改监听操作的返回值
-  store.dispatch('ChangeMonitorstate', msgData.State) // 监控状态
-  store.dispatch('ChangeMonitoragent', msgData.AgentID) // 监控坐席
-  store.dispatch('ChangeMonitorexten', msgData.ExtenID) // 监控坐席
+  store.dispatch("ChangeMonitor", true); // 修改监听操作的返回值
+  store.dispatch("ChangeMonitorstate", msgData.State); // 监控状态
+  store.dispatch("ChangeMonitoragent", msgData.AgentID); // 监控坐席
+  store.dispatch("ChangeMonitorexten", msgData.ExtenID); // 监控坐席
 }
 function getCallid(msgData) {
-  window.localStorage.setItem('callid', msgData.CurrID)
-  console.log(window.localStorage.getItem('callid'), '11')
+  window.localStorage.setItem("callid", msgData.CurrID);
+  console.log(window.localStorage.getItem("callid"), "11");
 }
 // 签入
 function LoginBack(reState) {
   // 心跳检测开始
   // heartCheck.reset().start()
-  cls = 0
-  store.dispatch('LoginWs')
-  store.dispatch('ChangeTopRightState', ['空闲', true])
+  cls = 0;
+  store.dispatch("LoginWs");
+  store.dispatch("ChangeTopRightState", ["空闲", true]);
   // 弹出任务信息
-  store.dispatch('ChangeTask', true)
-  let scoketDatas = {}
-  if (Number(window.sessionStorage.getItem('storageSeatState')) === 2) {
+  store.dispatch("ChangeTask", true);
+  let scoketDatas = {};
+  if (Number(window.sessionStorage.getItem("storageSeatState")) === 2) {
     scoketDatas = {
-      Type: 'SayFree',
-      AgentID: window.localStorage.getItem('storageUsercode'),
-      AgentExten: window.localStorage.getItem('ext')
-    }
-    Send(scoketDatas)
-  } else if (Number(window.sessionStorage.getItem('storageSeatState')) === 5) {
+      Type: "SayFree",
+      AgentID: window.localStorage.getItem("storageUsercode"),
+      AgentExten: window.localStorage.getItem("ext")
+    };
+    Send(scoketDatas);
+  } else if (Number(window.sessionStorage.getItem("storageSeatState")) === 5) {
     scoketDatas = {
-      Type: 'SayBusy',
-      AgentID: window.localStorage.getItem('storageUsercode'),
-      AgentExten: window.localStorage.getItem('ext')
-    }
-    Send(scoketDatas)
+      Type: "SayBusy",
+      AgentID: window.localStorage.getItem("storageUsercode"),
+      AgentExten: window.localStorage.getItem("ext")
+    };
+    Send(scoketDatas);
   } else {
-    window.sessionStorage.setItem('storageSeatState', 2)
+    window.sessionStorage.setItem("storageSeatState", 2);
   }
 }
 
 function LogoutBack(reState) {
   // 心跳检测关闭
   // heartCheck.reset()
-  store.dispatch('LogoutWs')
-  store.dispatch('ChangeTopRightState', ['已签出', false])
+  store.dispatch("LogoutWs");
+  store.dispatch("ChangeTopRightState", ["已签出", false]);
   // 重置初始化状态
-  resetInitState()
-  window.sessionStorage.setItem('storageSeatState', 0)
-  getOperatonTime('2')
-  console.log('签出2')
+  resetInitState();
+  window.sessionStorage.setItem("storageSeatState", 0);
+  getOperatonTime("2");
+  console.log("签出2");
 }
 
 // 重置初始化状态
 function resetInitState() {
-  store.dispatch('ChangeSeatState', 2) // 坐席状态（空闲）
-  store.dispatch('ChangeLineState', 1) // 线路状态（空闲）
-  store.dispatch('ChangeCallNum', '') // 顶部电话号码（''）
-  store.dispatch('ChangeCallType', 'MakeCall') // 发送的通话类型（默认是外呼）
-  store.dispatch('ChangeTask', false) // 外呼任务信息是否显示
-  store.dispatch('ChangeTaskFirst', true) // 外呼任务信息是否是第一次弹出
+  store.dispatch("ChangeSeatState", 2); // 坐席状态（空闲）
+  store.dispatch("ChangeLineState", 1); // 线路状态（空闲）
+  store.dispatch("ChangeCallNum", ""); // 顶部电话号码（''）
+  store.dispatch("ChangeCallType", "MakeCall"); // 发送的通话类型（默认是外呼）
+  store.dispatch("ChangeTask", false); // 外呼任务信息是否显示
+  store.dispatch("ChangeTaskFirst", true); // 外呼任务信息是否是第一次弹出
 }
 
 /**
  * */
 function SetState(sayOption) {
   if (sayOption.State === 5) {
-    store.dispatch('ChangeSeatState', 5)
-    window.sessionStorage.setItem('storageSeatState', 5)
-    store.dispatch('ChangeTopRightState', ['忙碌', false])
-    getOperatonTime('3')
-    console.log('置忙3')
+    store.dispatch("ChangeSeatState", 5);
+    window.sessionStorage.setItem("storageSeatState", 5);
+    store.dispatch("ChangeTopRightState", ["忙碌", false]);
+    getOperatonTime("3");
+    console.log("置忙3");
   } else if (sayOption.State === 2) {
-    store.dispatch('ChangeSeatState', 2)
-    window.sessionStorage.setItem('storageSeatState', 2)
-    store.dispatch('ChangeTopRightState', ['空闲', true])
-    getOperatonTime('4')
-    console.log('置闲4')
+    store.dispatch("ChangeSeatState", 2);
+    window.sessionStorage.setItem("storageSeatState", 2);
+    store.dispatch("ChangeTopRightState", ["空闲", true]);
+    getOperatonTime("4");
+    console.log("置闲4");
   }
 }
 
  * sayOption (点击置忙置闲后的返回值)
  * */
 function SayBusyBack(sayOption) {
-  store.dispatch('ChangeSeatState', 5)
-  if (sayOption.Type === 'SayBusy') {
-    store.dispatch('ChangeTopRightState', ['忙碌', false])
+  store.dispatch("ChangeSeatState", 5);
+  if (sayOption.Type === "SayBusy") {
+    store.dispatch("ChangeTopRightState", ["忙碌", false]);
   }
 }
 /**
  * sayOption (点击置忙置闲后的返回值)
  * */
 function SayFreeBack(sayOption) {
-  store.dispatch('ChangeSeatState', 2)
-  if (sayOption.Type === 'SayFree') {
-    store.dispatch('ChangeTopRightState', ['空闲', true])
+  store.dispatch("ChangeSeatState", 2);
+  if (sayOption.Type === "SayFree") {
+    store.dispatch("ChangeTopRightState", ["空闲", true]);
+  }
+}
+// 坐席状态变化
+function agentstateagentBack(msgData) {
+  switch (msgData.AgentState + "") {
+    case "0":
+      store.dispatch("ChangeTopRightState", ["离线", true]);
+      break; //离线
+    case "1":
+      store.dispatch("ChangeTopRightState", ["登录中", true]);
+      break; //登录中
+    case "2":
+      store.dispatch("ChangeTopRightState", ["空闲", true]);
+      break; //空闲
+    case "3":
+      store.dispatch("ChangeTopRightState", ["通话中", true]);
+      break; //通话中
+    case "4":
+      store.dispatch("ChangeTopRightState", ["话后处理中", true]);
+      break; //话后处理中
+    case "5":
+      store.dispatch("ChangeTopRightState", ["忙碌", true]);
+      break; //小休
+    case "6":
+      store.dispatch("ChangeTopRightState", ["振铃", true]);
+      break; //被请求
+    case "7":
+      store.dispatch("ChangeTopRightState", ["注销", true]);
+      break; //注销
   }
 }
-
 // 线路状态通知
 function LineStateAgentBack(linedata) {
   // 0分机不可用，1空闲，2摘机等待拨号，3正在拨号，4呼出振铃，5来电振铃，6通话中，7播放忙音中，8移除IP分机，10通话保持中
   switch (linedata.State) {
     // case '空闲':
     case 1:
-      store.dispatch('ChangeLineState', 1)
-      store.dispatch('ChangeCallNum', '') // 顶部电话号码（''）
-      store.dispatch('ChangeTopRightState', ['空闲', true])
-      break
+      store.dispatch("ChangeLineState", 1);
+      store.dispatch("ChangeCallNum", ""); // 顶部电话号码（''）
+      store.dispatch("ChangeTopRightState", ["1111", true]);
+      break;
     // case '摘机等待拨号':
     case 2:
-      store.dispatch('ChangeLineState', 2)
-      store.dispatch('ChangeTopRightState', ['摘机等待拨号', true])
-      break
+      store.dispatch("ChangeLineState", 2);
+      store.dispatch("ChangeTopRightState", ["摘机等待拨号", true]);
+      break;
     // case '正在拨号':
     case 3:
-      store.dispatch('ChangeLineState', 3)
-      store.dispatch('ChangeTopRightState', ['正在拨号', true])
-      break
+      store.dispatch("ChangeLineState", 3);
+      store.dispatch("ChangeTopRightState", ["正在拨号", true]);
+      break;
     // case '呼出振铃':
     case 4:
-      store.dispatch('ChangeLineState', 4)
-      store.dispatch('ChangeTopRightState', ['呼出振铃', true])
-      break
+      store.dispatch("ChangeLineState", 4);
+      store.dispatch("ChangeTopRightState", ["呼出振铃", true]);
+      break;
     // case '来电振铃':
     case 5:
-      store.dispatch('ChangeLineState', 5)
-      store.dispatch('ChangeTopRightState', ['来电振铃', true])
-      break
+      store.dispatch("ChangeLineState", 5);
+      store.dispatch("ChangeTopRightState", ["来电振铃", true]);
+      break;
     // case '通话中':
     case 6:
-      store.dispatch('ChangeLineState', 6)
-      store.dispatch('ChangeTopRightState', ['通话中', true])
-      break
+      store.dispatch("ChangeLineState", 6);
+      store.dispatch("ChangeTopRightState", ["通话中", true]);
+      break;
     // case '播放忙音中':
     case 7:
-      store.dispatch('ChangeLineState', 7)
-      store.dispatch('ChangeTopRightState', ['播放忙音中', true])
-      break
+      store.dispatch("ChangeLineState", 7);
+      store.dispatch("ChangeTopRightState", ["播放忙音中", true]);
+      break;
     // case '移除IP分机':
     case 8:
-      store.dispatch('ChangeLineState', 8)
-      store.dispatch('ChangeTopRightState', ['移除IP分机', true])
-      break
+      store.dispatch("ChangeLineState", 8);
+      store.dispatch("ChangeTopRightState", ["移除IP分机", true]);
+      break;
     // case '通话保持中':
     case 10:
-      store.dispatch('ChangeLineState', 10)
-      store.dispatch('ChangeTopRightState', ['通话保持中', true])
-      break
+      store.dispatch("ChangeLineState", 10);
+      store.dispatch("ChangeTopRightState", ["通话保持中", true]);
+      break;
   }
 }
 
 // 来电
 function IncomingBack(inComingData) {
-  const inComingCallId = inComingData.CallID
-  let inComingNumber = inComingData.Number
-  store.dispatch('screenPopUpBoole', 1)
+  const inComingCallId = inComingData.CallID;
+  let inComingNumber = inComingData.Number;
+  store.dispatch("screenPopUpBoole", 1);
   if (inComingNumber.length > 11) {
-    inComingNumber = inComingNumber.substr(1)
+    inComingNumber = inComingNumber.substr(1);
     // console.log(inComingNumber)
   }
-  window.localStorage.setItem('callidSave', inComingData.CallID) // 用户的坐席组code
+  window.localStorage.setItem("callidSave", inComingData.CallID); // 用户的坐席组code
   router.push({
-    name: 'CallScreen',
-    path: '/callScreen',
-    fullPath: '/callScreen',
+    name: "CallScreen",
+    path: "/callScreen",
+    fullPath: "/callScreen",
     params: {
       callid: inComingCallId,
       telInNumber: inComingNumber
     }
-  })
-  store.dispatch('ChangeCallNum', inComingNumber)
+  });
+  store.dispatch("ChangeCallNum", inComingNumber);
 }
 
 // 挂断
 function DropCallBack() {
-  store.dispatch('ChangeCallNum', '') // 顶部电话号码（''）
-  store.dispatch('ChangeCallType', 'MakeCall') // 发送的通话类型（默认是外呼）
-  store.dispatch('screenPopUpBoole', 0)
+  store.dispatch("ChangeCallNum", ""); // 顶部电话号码（''）
+  store.dispatch("ChangeCallType", "MakeCall"); // 发送的通话类型（默认是外呼）
+  store.dispatch("screenPopUpBoole", 0);
   // 当前在坐席监控中需要 更新坐席监控内坐席的状态
-  const curentViews = store.state.tagsView.visitedViews
+  const curentViews = store.state.tagsView.visitedViews;
   for (let i = 0, len = curentViews.length; i < len; i++) {
-    if (curentViews[i].name === 'seatMonitor') {
+    if (curentViews[i].name === "seatMonitor") {
       // updateSeatMonitorlists()
-      return
+      return;
     }
   }
 }
 
 // 转接
 function TransferBack() {
-  store.dispatch('ChangeCallNum', '') // 顶部电话号码（''）
-  store.dispatch('ChangeCallType', 'MakeCall') // 发送的通话类型（默认是外呼）
+  store.dispatch("ChangeCallNum", ""); // 顶部电话号码（''）
+  store.dispatch("ChangeCallType", "MakeCall"); // 发送的通话类型（默认是外呼）
 }
 
 // 外呼 结果 弹出来电弹屏
 function MakeCallBack(callBackData) {
-  const inComingNumber = store.getters.telCallNum
-  const inComingCallId = callBackData.CallID
+  const inComingNumber = store.getters.telCallNum;
+  const inComingCallId = callBackData.CallID;
 }
 
 // 多方通话
 function MeetingBack() {
-  store.dispatch('ChangeMeetingBackFlag', true)
-  window.localStorage.setItem('meetingTransfer', 1)
+  store.dispatch("ChangeMeetingBackFlag", true);
+  window.localStorage.setItem("meetingTransfer", 1);
 }
 
 // 多方通话回签
 function MeetingTakeBackFun() {
-  store.dispatch('ChangeMeetingBackFlag', false)
+  store.dispatch("ChangeMeetingBackFlag", false);
 }
 
 // 录音返回
 // 保持
 function HoldBack(holdData) {
   if (holdData.Result === true) {
-    store.dispatch('ChangeLineState', 10)
+    store.dispatch("ChangeLineState", 10);
   }
 }
 
 
 // 获取当前在线坐席
 function getAgentList(data) {
-  store.dispatch('GetOnlineSeatList', data.AgentList) // 监控坐席
+  store.dispatch("GetOnlineSeatList", data.AgentList); // 监控坐席
 }
 
 function getOperatonTime(state) {
   const params = {
     state: state,
-    token: localStorage.getItem('Admin-Token').split(' ')[1]
-  }
+    token: localStorage.getItem("Admin-Token").split(" ")[1]
+  };
   Teljournal(params)
     .then(response => {})
-    .catch(result => {})
+    .catch(result => {});
 }

CallCenterWeb.UI/RMYY/src/views/layout/components/Navbar/Teloperation.vue

         <p class="call_text">
           <span v-show="!telIsLogin" key="8">还未开始工作</span>
           <span
-            v-show="telIsLogin && telSeatState === 2 && telLineState === 1"
+            v-show="telIsLogin"
             key="9"
-            >空闲中</span
-          >
-          <span
-            v-show="telIsLogin && telSeatState === 5 && telLineState === 1"
-            key="10"
-            >忙碌中</span
-          >
-          <span v-show="telIsLogin && telLineState === 2" key="11">摘机中</span>
-          <span v-show="telIsLogin && telLineState === 3" key="12">拨号中</span>
-          <span
-            v-show="telIsLogin && (telLineState === 4 || telLineState === 5)"
-            key="13"
-            >振铃中</span
-          >
-          <span v-show="telIsLogin && telLineState === 6" key="14">通话中</span>
-          <span v-show="telIsLogin && telLineState === 10" key="15"
-            >保持中</span
+            >{{ telTopRightState }}</span
           >
+
           <svg-icon v-show="telIsLogin" icon-class="xinhao" />
         </p>
         <p
       "meetingBackFlag", //是否转移成功
       "telIsVisCallout", // 外呼操作面板是否显示
       "telCallTime", // 通话时间
+      "telTopRightState",
       "telMessageData", // telwebsocket 接收的数据
     ]),
   },
         Type: "Login",
         AgentID: this.usercode,
         AgentExten: this.extension,
-        AgentGroup: "364", // 坐席组id window.localStorage.getItem('groupCode')
+        AgentGroup: "1", // 坐席组id window.localStorage.getItem('groupCode')
         AgentType: "0",
         DisposeTime: "0", // 话后处理时长设置，0代表一致话后处理，除非发送置闲 （按照历史习惯，字符串形式）
       };

CallCenterWeb.UI/RMYY/src/views/layout/components/Navbar/index.vue

           this.signOut(); // 签出
         })
         .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消",
+          this.$store.dispatch("FedLogOut").then(() => {
+            location.reload(); // 为了重新实例化vue-router对象 避免bug
           });
         });
     },