Merge branch 'master' of http://192.168.1.222:3000/jiayi/base-callcenter-web

src/views/main/telephone/seatMonitor/seatMonitor.vue

                 <div class="ml-3 flex-1">
                   <div class="font-medium">{{ agent.name }}</div>
                   <div class="text-sm text-gray-500">工号: {{ agent.workId }}</div>
+                  <div class="text-sm text-gray-500">姓名: {{ agent.nickName }}</div>
                   <div class="text-sm text-gray-500">分机: {{ agent.extension }}</div>
                 </div>
                 <div :class="`status-dot ${agent.status}`" />
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="SeatMonitor">
 import { ref, computed, onMounted, watch, onBeforeUnmount } from 'vue';
 import { Monitor, Search, Mute, VideoPlay } from '@element-plus/icons-vue';
 import { getPageListData } from '@/api/main/system/system';
 })
 
 watch(lineState, (newValue, oldValue) => {
-  console.log(newValue);
+  // console.log(newValue);
   scoketState.value = newValue
 })
 
-const statistics = [
+const statistics = ref([
   { key: 'online', label: '空闲', count: 0, bgColor: 'bg-green-50' },
   { key: 'idle', label: '小休', count: 0, bgColor: 'bg-yellow-50' },
   { key: 'ringing', label: '振铃', count: 0, bgColor: 'bg-blue-50' },
   { key: 'calling', label: '通话中', count: 0, bgColor: 'bg-blue-100' },
   { key: 'afterCall', label: '话后处理', count: 0, bgColor: 'bg-purple-50' },
   { key: 'offline', label: '离线', count: 0, bgColor: 'bg-red-50' },
-];
+]);
 
 const statusOptions = [
   { label: '全部', value: '' },
 const getAgents = () => {
   getPageListData('/UserExtension/userextension').then((res) => {
     if (res.data.length > 0) {
-      const info = statistics.find((item) => item.key === 'offline');
+      const info = statistics.value.find((item) => item.key === 'offline');
       if (info) info.count = res.data.length;
       res.data.forEach((ele) => {
         agents.value.push({
           name: ele.username,
           workId: ele.usercode,
           extension: ele.extension, // 分机号
+          nickName:ele.nickName,
           status: 'unknown', // 线路状态
           duration: '',
           time: '',
 
 
 const monitorBack = (data) => {
-  console.log(data, 'monitorBack')
+  // console.log(data, 'monitorBack')
   
   const status = stateMap[data.State]
   if (data.AgentId && status) {
     if (status === 'calling') info.time = new Date().getTime()
     else if (info.time) info.time = ''
     const oldStatus = info.status
-    console.log(info.time, status, 'info.time')
+    // console.log(info.time, status, 'info.time')
     info.status = status
 
     calculatCount(oldStatus, status)
 const isStartMonitor = ref(false) // 是否开始监控
 
 const startMonitor = () => {
-  console.log(scoketState.value, 'scoketState.value')
+  // console.log(scoketState.value, 'scoketState.value')
   if (scoketState.value !== '签出') {
     isStartMonitor.value = true
     if (!timer.value) {
   agents.value.forEach(ele => {
     ele.status = 'unknown'
   })
-  statistics.forEach(ele => {
+  statistics.value.forEach(ele => {
     calculatCount('', ele.key, true)
   })
 }
 
 const calculatCount = (oldStata, stateCode, isInit = false) => {
-  console.log(oldStata, stateCode, 'stateCode')
+  // console.log(oldStata, stateCode, 'stateCode')
   if (oldStata === stateCode) return;
-  const info = statistics.find(item => item.key === stateCode);
+  const info = statistics.value.find(item => item.key === stateCode);
+ 
   if (!info) return;
   if (isInit) {
     if (stateCode !== 'offline') info.count = 0
     return;
   }
   info.count++;
-  const oldInfo = statistics.find(item => item.key === oldStata);
+  const oldInfo = statistics.value.find(item => item.key === oldStata);
   if (oldInfo) oldInfo.count--;
   
 }