fix:通话记录回复操作

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

@@ -1,11 +1,11 @@
-import axios from "axios";
-import qs from "qs"; // 引入axios时同时引入qs即可。
-import { Message, MessageBox } from "element-ui";
-import store from "../store";
-import { getToken } from "@/utils/auth";
+import axios from 'axios'
+import qs from 'qs' // 引入axios时同时引入qs即可。
+import { Message, MessageBox } from 'element-ui'
+import store from '../store'
+import { getToken } from '@/utils/auth'
 
 // 正在进行中的请求列表
-const reqList = [];
+const reqList = []
 /**
  * 阻止重复请求
  * @param {array} reqList - 请求缓存列表
@@ -14,15 +14,15 @@ const reqList = [];
  * @param {string} errorMessage - 请求中断时需要显示的错误信息
  */
 const stopRepeatRequest = function(reqList, url, cancel, errorMessage) {
-  const errorMsg = errorMessage || "";
+  const errorMsg = errorMessage || ''
   for (let i = 0; i < reqList.length; i++) {
     if (reqList[i] === url) {
-      cancel(errorMsg);
-      return;
+      cancel(errorMsg)
+      return
     }
   }
-  reqList.push(url);
-};
+  reqList.push(url)
+}
 
 /**
  * 允许某个请求可以继续进行
@@ -32,12 +32,12 @@ const stopRepeatRequest = function(reqList, url, cancel, errorMessage) {
 const allowRequest = function(reqList, url) {
   for (let i = 0; i < reqList.length; i++) {
     if (reqList[i] === url) {
-      reqList.splice(i, 1);
-      break;
+      reqList.splice(i, 1)
+      break
     }
   }
-  console.log(reqList);
-};
+  console.log(reqList)
+}
 
 // const baseURL = process.env.BASE_API
 // 创建axios实例
@@ -45,7 +45,7 @@ const service = axios.create({
   // baseURL: baseURL, // api的base_url
   timeout: 30000, // 请求超时时间
   headers: {
-    "Content-Type": "application/x-www-form-urlencoded"
+    'Content-Type': 'application/x-www-form-urlencoded'
   },
   // `transformRequest` 允许在向服务器发送前，修改请求数据
   // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法
@@ -54,7 +54,7 @@ const service = axios.create({
   transformRequest: [
     function(data) {
       // 对 data 进行任意转换处理
-      return qs.stringify(data);
+      return qs.stringify(data)
     }
   ],
 
@@ -65,38 +65,38 @@ const service = axios.create({
   // return qs.stringify({ids: [1, 2, 3]}, {arrayFormat: 'brackets'})  // 形式：ids[]=1&ids[]=2&ids[]=3
   // return qs.stringify({ids: [1, 2, 3]}, {arrayFormat: 'repeat'})  // 形式： ids=1&ids=2&id=3
   paramsSerializer: function(params) {
-    return qs.stringify(params, { arrayFormat: "indices" }); // 形式：ids=1&ids=2&id=3
+    return qs.stringify(params, { arrayFormat: 'indices' }) // 形式：ids=1&ids=2&id=3
   }
-});
+})
 // request拦截器
 service.interceptors.request.use(
   config => {
     if (store.getters.token) {
-      config.headers["Authorization"] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
+      config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
     }
-    let cancel;
-    if (config.method === "post") {
+    let cancel
+    if (config.method === 'post') {
       // 设置cancelToken对象
       config.cancelToken = new axios.CancelToken(function(c) {
-        cancel = c;
-      });
+        cancel = c
+      })
       // 阻止重复请求。当上个请求未完成时，相同的请求不会进行
       stopRepeatRequest(
         reqList,
         config.url,
         cancel,
         `${config.url} 请求被中断`
-      );
+      )
       // stopRepeatRequest(reqList, config.url, cancel, `请求被中断`)
     }
 
-    return config;
+    return config
   },
   error => {
     // Do something with request error
-    Promise.reject(error);
+    Promise.reject(error)
   }
-);
+)
 
 // respone拦截器
 service.interceptors.response.use(
@@ -105,130 +105,130 @@ service.interceptors.response.use(
      * state为非"success"时抛错
      */
     // 增加延迟，相同请求不得在短时间内重复发送
-    if (response.config.method === "post") {
+    if (response.config.method === 'post') {
       setTimeout(() => {
-        const replaceList = response.config.url.split("/");
+        const replaceList = response.config.url.split('/')
         const newUrl =
           replaceList[replaceList.length - 2] +
-          "/" +
-          replaceList[replaceList.length - 1];
-        allowRequest(reqList, newUrl);
-      }, 1000);
+          '/' +
+          replaceList[replaceList.length - 1]
+        allowRequest(reqList, newUrl)
+      }, 1000)
     }
-    const res = response.data;
-    if (res.state && res.state.toLowerCase() !== "success") {
+    const res = response.data
+    if (res.state && res.state.toLowerCase() !== 'success') {
       Message({
         message: res.message,
-        type: "error",
+        type: 'error',
         duration: 5 * 1000
-      });
+      })
       // 50008:非法的token; 50012:其他客户端登录了;  "notoken":Token 过期了
       if (
         res.state.toLowerCase() === 50008 ||
         res.state.toLowerCase() === 50012 ||
-        res.state.toLowerCase() === "notoken"
+        res.state.toLowerCase() === 'notoken'
       ) {
         MessageBox.confirm(
-          "你已被登出，可以取消继续留在该页面，或者重新登录",
-          "确定登出",
+          '你已被登出，可以取消继续留在该页面，或者重新登录',
+          '确定登出',
           {
-            confirmButtonText: "重新登录",
-            cancelButtonText: "取消",
-            type: "warning"
+            confirmButtonText: '重新登录',
+            cancelButtonText: '取消',
+            type: 'warning'
           }
         ).then(() => {
-          store.dispatch("FedLogOut").then(() => {
-            location.reload(); // 为了重新实例化vue-router对象 避免bug
-          });
-        });
+          store.dispatch('FedLogOut').then(() => {
+            location.reload() // 为了重新实例化vue-router对象 避免bug
+          })
+        })
       }
-      return Promise.reject("error");
+      return Promise.reject('error')
     } else {
-      if (response.config.responseType === "blob") {
-        return response;
+      if (response.config.responseType === 'blob') {
+        return response
       }
-      return response.data;
+      return response.data
     }
   },
   error => {
-    if (error.response.config.method === "post") {
+    if (error && !error.message && error.response.config.method === 'post') {
       setTimeout(() => {
-        const replaceList = error.response.config.url.split("/");
+        const replaceList = error.response.config.url.split('/')
         const newUrl =
           replaceList[replaceList.length - 2] +
-          "/" +
-          replaceList[replaceList.length - 1];
-        allowRequest(reqList, newUrl);
-      }, 500);
+          '/' +
+          replaceList[replaceList.length - 1]
+        allowRequest(reqList, newUrl)
+      }, 500)
     }
-    console.log("err:" + error); // for debug
+    console.log('err:' + error) // for debug
     if (error && error.response) {
       switch (
         error.response.status // 跨域存在获取不到状态码的情况
       ) {
         case 400:
-          error.message = `请求错误(400):${error.response.config.url}`;
-          break;
+          error.message = `请求错误(400):${error.response.config.url}`
+          break
 
         case 401:
-          error.message = `未授权，请登录(401):${error.response.config.url}`;
-          store.dispatch("FedLogOut").then(() => {
-            location.reload(); // 为了重新实例化vue-router对象 避免bug
-          });
-          break;
+          error.message = `未授权，请登录(401):${error.response.config.url}`
+          store.dispatch('FedLogOut').then(() => {
+            location.reload() // 为了重新实例化vue-router对象 避免bug
+          })
+          break
 
         case 403:
-          error.message = `拒绝访问(403):${error.response.config.url}`;
-          break;
+          error.message = `拒绝访问(403):${error.response.config.url}`
+          break
 
         case 404:
-          error.message = `请求地址出错(404): ${error.response.config.url}`;
-          break;
+          error.message = `请求地址出错(404): ${error.response.config.url}`
+          break
 
         case 408:
-          error.message = `请求超时(408):${error.response.config.url}`;
-          break;
+          error.message = `请求超时(408):${error.response.config.url}`
+          break
 
         case 500:
-          error.message = `服务器内部错误(500):${error.response.config.url}`;
-          break;
+          error.message = `服务器内部错误(500):${error.response.config.url}`
+          break
 
         case 501:
-          error.message = `服务未实现(501):${error.response.config.url}`;
-          break;
+          error.message = `服务未实现(501):${error.response.config.url}`
+          break
 
         case 502:
-          error.message = `网关错误(502):${error.response.config.url}`;
-          break;
+          error.message = `网关错误(502):${error.response.config.url}`
+          break
 
         case 503:
-          error.message = `服务不可用(503):${error.response.config.url}`;
-          break;
+          error.message = `服务不可用(503):${error.response.config.url}`
+          break
 
         case 504:
-          error.message = `网关超时(504):${error.response.config.url}`;
-          break;
+          error.message = `网关超时(504):${error.response.config.url}`
+          break
 
         case 505:
-          error.message = `HTTP版本不受支持(505):${error.response.config.url}`;
-          break;
+          error.message = `HTTP版本不受支持(505):${error.response.config.url}`
+          break
 
         default:
-          error.message = `连接错误:${error.response.status}`;
-          break;
+          error.message = `连接错误:${error.response.status}`
+          break
       }
-    } else if (error.message.indexOf("请求被中断") !== -1) {
-      error.message = "请勿重复请求!";
+    } else if (error.message.indexOf('请求被中断') !== -1) {
+      error.message = '请勿重复请求!'
     } else {
-      error.message = "网络出现问题，请稍后重试!";
+      error.message = '网络出现问题，请稍后重试!'
     }
     Message({
       message: error.message,
-      type: "error",
+      type: 'error',
       duration: 5 * 1000
-    });
-    return Promise.reject(error);
+    })
+    return Promise.reject(error)
   }
-);
+)
 
-export default service;
+export default service

CallCenterWeb.UI/RMYY/src/views/dashboard/index.vue

@@ -19,7 +19,7 @@
                 <span>呼入总数：{{ callInTotal }}</span>
               </div>
               <div>
-                <label class="answer">{{ answersNum }}<br />接听数</label>
+                <label class="answer">{{ answersNum }}<br >接听数</label>
               </div>
             </div>
             <div class="telTime">
@@ -34,7 +34,7 @@
                 <span>外呼总数：{{ calOutTotal }}</span>
               </div>
               <div>
-                <label class="answer">{{ ConnectNum }}<br />接通数</label>
+                <label class="answer">{{ ConnectNum }}<br >接通数</label>
               </div>
             </div>
             <div class="telTime">
@@ -50,7 +50,7 @@
           <span>实时统计</span>
         </div>
         <div class="pending">
-          <img src="../../assets/imgs/cl.png" alt="" class="cl" />
+          <img src="../../assets/imgs/cl.png" alt="" class="cl" >
           <span>后台排队：{{ waitcountNumber }}</span>
         </div>
       </el-col>
@@ -64,22 +64,22 @@
         </div>
         <ul class="centerPart">
           <li>
-            <img src="../../assets/imgs/pd.png" alt="" />
+            <img src="../../assets/imgs/pd.png" alt="" >
             <div style="margin: 8px 0">待处理</div>
             <div>{{ dealOrder }}</div>
           </li>
           <li>
-            <img src="../../assets/imgs/pd.png" alt="" />
+            <img src="../../assets/imgs/pd.png" alt="" >
             <div style="margin: 8px 0">待派工</div>
             <div>{{ dispatch }}</div>
           </li>
           <li>
-            <img src="../../assets/imgs/pd.png" alt="" />
+            <img src="../../assets/imgs/pd.png" alt="" >
             <div style="margin: 8px 0">待完工</div>
             <div>{{ finish }}</div>
           </li>
           <li>
-            <img src="../../assets/imgs/pd.png" alt="" />
+            <img src="../../assets/imgs/pd.png" alt="" >
             <div style="margin: 8px 0">待评价</div>
             <div>{{ evaluate }}</div>
           </li>
@@ -92,18 +92,17 @@
           <span
             style="float: right; color: #4a5064; cursor: pointer"
             @click="goseeMore()"
-            >查看更多>></span
+          >查看更多>></span
           >
         </div>
         <div class="notices">
           <p v-for="(item, index) in noticeData" :key="index">
-            <span class="circle"></span
-            ><a @click="btn_see(item.F_NoticeId)">{{
+            <span class="circle"/><a @click="btn_see(item.F_NoticeId)">{{
               item.F_Title.length > 20
                 ? item.F_Title.substring(0, 20) + "..."
                 : item.F_Title
             }}</a>
-            <span style="color: #555; font-size: 15px">{{
+            <span style="color: #555; font-size: 15px;float:right;">{{
               item.F_CreateOn
             }}</span>
           </p>
@@ -144,68 +143,67 @@
 </template>
 
 <script>
-import { mapGetters } from "vuex";
-import { getOneIndex, getTelCount, GetListTop } from "@/api/dashboard";
-import FinishOrder from "./finishOrder";
-import NoticeDetail from "../AnnounceManagement/Notice/components/detail.vue";
+import { mapGetters } from 'vuex'
+import { getOneIndex, getTelCount, GetListTop } from '@/api/dashboard'
+import FinishOrder from './finishOrder'
+import NoticeDetail from '../AnnounceManagement/Notice/components/detail.vue'
 export default {
-  name: "Dashboard",
+  name: 'Dashboard',
   components: {
-    FinishOrder,
+    FinishOrder
   },
   data() {
     return {
       finishOrder: {
-        jkzxfinishcount: "",
-        wpzjzxcount: "",
-        jtyysmcount: "",
-        jmzgwhcount: "",
-        zhallcount: "",
-        wobxcount: "",
-        sbzldevcount: "",
-        clddcarcount: "",
+        jkzxfinishcount: '',
+        wpzjzxcount: '',
+        jtyysmcount: '',
+        jmzgwhcount: '',
+        zhallcount: '',
+        wobxcount: '',
+        sbzldevcount: '',
+        clddcarcount: ''
       },
-      activeName: "0",
-      timeDate: "",
-      callInTotal: "",
-      answersNum: "",
-      totalCallInTime: "",
-      averageCallInTime: "",
-      calOutTotal: "",
-      ConnectNum: "",
-      totalCallOutTime: "",
-      averageCallOutTime: "",
-      dealOrder: "",
-      dispatch: "",
-      finish: "",
-      evaluate: "",
+      activeName: '0',
+      timeDate: '',
+      callInTotal: '',
+      answersNum: '',
+      totalCallInTime: '',
+      averageCallInTime: '',
+      calOutTotal: '',
+      ConnectNum: '',
+      totalCallOutTime: '',
+      averageCallOutTime: '',
+      dealOrder: '',
+      dispatch: '',
+      finish: '',
+      evaluate: '',
       noticeData: [],
-      isNotice: "1",
-    };
+      isNotice: '1'
+    }
   },
-  computed: {},
   computed: {
     ...mapGetters([
-      "waitcountNumber", // 工号
-    ]),
+      'waitcountNumber' // 工号
+    ])
   },
   created() {
-    this.getTelInfor();
-    this.getInfor();
-    this.getNotice();
+    this.getTelInfor()
+    this.getInfor()
+    this.getNotice()
   },
   mounted() {},
   methods: {
     getNotice() {
       return new Promise((resolve) => {
         const params = {
-          top: 4,
-        };
+          top: 4
+        }
         GetListTop(params).then((response) => {
-          this.noticeData = response.rows;
-        });
-        resolve();
-      });
+          this.noticeData = response.rows
+        })
+        resolve()
+      })
     },
     btn_see(rowdata) {
       this.$layer.iframe({
@@ -213,75 +211,75 @@ export default {
           content: NoticeDetail, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
-            rowdata: rowdata.toString(),
-          }, // props
+            rowdata: rowdata.toString()
+          } // props
         },
-        area: ["70%", "70%"],
-        title: "公告详情",
-      });
+        area: ['70%', '70%'],
+        title: '公告详情'
+      })
     },
     goseeMore() {
       this.$router.push({
-        name: "Notice",
+        name: 'Notice',
         params: {
-          isNotice: this.isNotice,
-        },
-      });
+          isNotice: this.isNotice
+        }
+      })
     },
     initInfor() {
-      this.getTelInfor();
-      this.getInfor();
+      this.getTelInfor()
+      this.getInfor()
     },
     initTime() {
-      console.log(11);
-      this.getInfor();
+      console.log(11)
+      this.getInfor()
     },
     handleClick(tab) {
-      this.activeName = tab.name;
-      this.getInfor();
+      this.activeName = tab.name
+      this.getInfor()
     },
     getInfor() {
       return new Promise((resolve) => {
         const params = {
           isweek: this.activeName,
           stime: this.timeDate && this.timeDate[0],
-          etime: this.timeDate && this.timeDate[1],
-        };
+          etime: this.timeDate && this.timeDate[1]
+        }
         getOneIndex(params).then((response) => {
-          this.dealOrder = response.data.dclallcount;
-          this.dispatch = response.data.dpgallcount;
-          this.finish = response.data.dwgallcount;
-          this.evaluate = response.data.dpjallcount;
-          this.finishOrder.jkzxfinishcount = response.data.jkzxfinishcount;
-          this.finishOrder.wpzjzxcount = response.data.wpzjzxcount;
-          this.finishOrder.jtyysmcount = response.data.jtyysmcount;
-          this.finishOrder.jmzgwhcount = response.data.jmzgwhcount;
-          this.finishOrder.zhallcount = response.data.zhallcount;
-          this.finishOrder.wobxcount = response.data.wobxcount;
-          this.finishOrder.sbzldevcount = response.data.sbzldevcount;
-          this.finishOrder.clddcarcount = response.data.clddcarcount;
-        });
-        resolve();
-      });
+          this.dealOrder = response.data.dclallcount
+          this.dispatch = response.data.dpgallcount
+          this.finish = response.data.dwgallcount
+          this.evaluate = response.data.dpjallcount
+          this.finishOrder.jkzxfinishcount = response.data.jkzxfinishcount
+          this.finishOrder.wpzjzxcount = response.data.wpzjzxcount
+          this.finishOrder.jtyysmcount = response.data.jtyysmcount
+          this.finishOrder.jmzgwhcount = response.data.jmzgwhcount
+          this.finishOrder.zhallcount = response.data.zhallcount
+          this.finishOrder.wobxcount = response.data.wobxcount
+          this.finishOrder.sbzldevcount = response.data.sbzldevcount
+          this.finishOrder.clddcarcount = response.data.clddcarcount
+        })
+        resolve()
+      })
     },
     getTelInfor() {
       return new Promise((resolve) => {
-        const params = {};
+        const params = {}
         getTelCount(params).then((response) => {
-          this.callInTotal = response.dayin.count;
-          this.answersNum = response.jtconin;
-          this.totalCallInTime = response.thtimesin;
-          this.averageCallInTime = response.pjthtimesin;
-          this.calOutTotal = response.dayout.count;
-          this.ConnectNum = response.jtconout;
-          this.totalCallOutTime = response.thtimesout;
-          this.averageCallOutTime = response.pjthtimesout;
-        });
-        resolve();
-      });
-    },
-  },
-};
+          this.callInTotal = response.dayin.count
+          this.answersNum = response.jtconin
+          this.totalCallInTime = response.thtimesin
+          this.averageCallInTime = response.pjthtimesin
+          this.calOutTotal = response.dayout.count
+          this.ConnectNum = response.jtconout
+          this.totalCallOutTime = response.thtimesout
+          this.averageCallOutTime = response.pjthtimesout
+        })
+        resolve()
+      })
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

CallCenterWeb.UI/RMYY/src/views/orderManage/addWorkOrder/index.vue

@@ -6,7 +6,7 @@
         <div style="margin-bottom: 10px;">
           <div class="msgbox"/><span style="line-height: 30px;font-size: 14px;color: #333;">新建工单</span>
         </div>
-        <add-or-edit-order :iswomanage="'1'" :callid="callinCallid" :fid="fid" @order-type-data="getOrderTypeData" />
+        <add-or-edit-order :iswomanage="'1'" :callid="callinCallid" :source="source" :fid="fid" @order-type-data="getOrderTypeData" />
       </el-col>
     </el-row>
   </div>
@@ -16,14 +16,6 @@
 import {
   mapGetters
 } from 'vuex'
-
-  // 此处引用的是黑名单管理的添加视图
-import AddressNumber from '../../callScreen/components/AddressNumber'
-import AddOrEditCustomer from '../../callScreen/components/AddOrEditCustomer'
-import AddOrEditDept from '../../callScreen/components/AddOrEditDept'
-import CallList from '../../callScreen/components/CallList'
-import OrderList from '../../callScreen/components/OrderList'
-import KnowledgeList from '../../callScreen/components/KnowledgeList'
 import AddOrEditOrder from '../../callScreen/components/AddOrEditOrder'
 import {
   GetUserInfoByPhone
@@ -31,12 +23,6 @@ import {
 export default {
   name: 'CallScreenComponent',
   components: {
-    CallList,
-    OrderList,
-    AddressNumber,
-    AddOrEditCustomer,
-    AddOrEditDept,
-    KnowledgeList,
     AddOrEditOrder
   },
   props: {
@@ -56,13 +42,14 @@ export default {
   data() {
     return {
       orderTypeData: {
-        F_Type1: 1000, // 工单类别
-        F_TypeName1: '业务咨询', // 工单类别
+        F_Type1: 2000, // 工单类别
+        F_TypeName1: '综合调度', // 工单类别
         F_Type2: 0, // 工单子类
         F_TypeName2: '', // 工单子类
         F_Type3: 0, // 工单三类
         F_TypeName3: '' // 工单三类
       },
+      source: 'cjgd',
       phoneData: '', // 归属地
       // 咨询类型级联
       activeName: 'first', // tab切换默认显示来电历史工单
@@ -146,7 +133,6 @@ export default {
     },
     getOrderTypeData(data) {
       this.orderTypeData = data
-      // console.log(data,'88888888888888')
     },
     // 根据来电号码获取客户信息或者部门信息
     getUserInfor() {

CallCenterWeb.UI/RMYY/src/views/systemSetup/roleSetting/menuSetup/iconDatas.js

@@ -101,7 +101,7 @@ export const iconDatas = [{
   'value': 'gonggaoguanli',
   'label': '公告管理'
 }, {
-  'value': 'tongxunlu1',
+  'value': 'tongxunlu',
   'label': '通讯录'
 }, {
   'value': 'cheliangguanli',

CallCenterWeb.UI/RMYY/src/views/trafficData/callRecord/index.vue

@@ -96,7 +96,7 @@
               margin-left: 5px;
               cursor: pointer;
             "
-            @click="oncall(scope.row.CallNumber, scope.row.CallRecordsId)"
+            @click="oncall(scope.row, scope.$index)"
           />
         </template>
       </el-table-column>
@@ -223,144 +223,144 @@ import {
   getCallRecords,
   getCallOutprefix,
   getListExpt,
-  getUpdateCallRecord,
-} from "@/api/trafficData/trafficData";
-import { Send } from "@/utils/telWebsocket";
-import fieldDATA from "@/utils/fieldsData.js";
-import { GetFiledState, AddFiled } from "@/api/commonAPI";
-import addDefinedList from "@/components/context/addDefinedList";
-import audioPlayer from "@/components/context/audioPlayer";
-import { pickerOptions } from "@/utils";
-import { exportExcel } from "@/utils";
-import Pagination from "@/components/context/Pagination"; // 对el-pagination 二次封装
-import store from "@/store";
-import { mapGetters } from "vuex";
+  getUpdateCallRecord
+} from '@/api/trafficData/trafficData'
+import { Send } from '@/utils/telWebsocket'
+import fieldDATA from '@/utils/fieldsData.js'
+import { GetFiledState, AddFiled } from '@/api/commonAPI'
+import addDefinedList from '@/components/context/addDefinedList'
+import audioPlayer from '@/components/context/audioPlayer'
+import { pickerOptions } from '@/utils'
+import { exportExcel } from '@/utils'
+import Pagination from '@/components/context/Pagination' // 对el-pagination 二次封装
+import store from '@/store'
+import { mapGetters } from 'vuex'
 export default {
-  name: "CallRecord",
+  name: 'CallRecord',
   components: {
-    Pagination,
+    Pagination
   },
   filters: {
     // 呼叫类型
     calltypeFilter(status) {
       const statusMap = {
-        0: "呼入",
-        1: "呼出",
-      };
-      return statusMap[status];
+        0: '呼入',
+        1: '呼出'
+      }
+      return statusMap[status]
     },
     // 呼叫状态
     statusFilter(status) {
       const statusMap = {
-        0: "未接通",
-        1: "已接通",
-      };
-      return statusMap[status];
+        0: '未接通',
+        1: '已接通'
+      }
+      return statusMap[status]
     },
     // 外呼类型
     callopttypeFilter(status) {
       const statusMap = {
-        0: "拨号外呼",
-        1: "回访外呼",
-      };
-      return statusMap[status];
+        0: '拨号外呼',
+        1: '回访外呼'
+      }
+      return statusMap[status]
     },
     // 满意度
     evaluationFilter(status) {
       const statusMap = {
-        0: "-",
-        1: "非常满意",
-        2: "基本满意",
-        3: "不满意",
-      };
-      return statusMap[status];
+        0: '-',
+        1: '非常满意',
+        2: '基本满意',
+        3: '不满意'
+      }
+      return statusMap[status]
     },
     // 时间格式化
     timesFilter(tm) {
-      if (tm === "1970-01-01 08:00:00") {
-        return "-";
+      if (tm === '1970-01-01 08:00:00') {
+        return '-'
       } else {
-        return tm;
+        return tm
       }
     },
     // 是否回访
     isReturnvisitFilter(status) {
       const statusMap = {
-        0: "未回访",
-        1: "已回访",
-      };
-      return statusMap[status];
-    },
+        0: '未回访',
+        1: '已回访'
+      }
+      return statusMap[status]
+    }
   },
   data() {
     return {
       loading: false,
-      keyword: "",
-      roleId: "",
-      CallType: "", // 呼叫类型
-      CallState: "", // 呼叫状态
-      searchDate: "",
+      keyword: '',
+      roleId: '',
+      CallType: '', // 呼叫类型
+      CallState: '', // 呼叫状态
+      searchDate: '',
       pickerOptions,
-      timer: "",
-      recordpath: "", // 录音的路径
+      timer: '',
+      recordpath: '', // 录音的路径
       fieldListFlag: {},
       pageParams: {
         pageindex: 1, // 当前第几页
         pagesize: Number(this.$store.getters.serverConfig.PAGESIZE), // 每页几条数据
-        total: 0, // 总共多少数据
+        total: 0 // 总共多少数据
       },
       dataLists: [], // 列表数据
-      multipleSelection: [], // 选中数据
-    };
+      multipleSelection: [] // 选中数据
+    }
   },
   computed: {
     ...mapGetters([
-      "token",
-      "usercode", // 工号
-      "extension", // 分机号
-      "telIsVisCallout", // 外呼面板是否显示
-    ]),
+      'token',
+      'usercode', // 工号
+      'extension', // 分机号
+      'telIsVisCallout' // 外呼面板是否显示
+    ])
   },
   created() {
-    this.getFiledTabDetail(this.$route.path.split("/").join("_"));
-    this.getList();
+    this.getFiledTabDetail(this.$route.path.split('/').join('_'))
+    this.getList()
     document.onkeyup = (e) => {
       if (e.keyCode === 13) {
-        this.getList();
+        this.getList()
       }
-    };
+    }
   },
   mounted() {
     this.timer = setInterval(() => {
-      this.getList();
-    }, 12000);
+      this.getList()
+    }, 12000)
   },
   methods: {
     getList() {
-      this.loading = true;
+      this.loading = true
       return new Promise((resolve) => {
         const params = {
           page: this.pageParams.pageindex, // 第几页
           pagesize: this.pageParams.pagesize, // 每页几条信息
-          phone: this.keyword.replace(/\s*/g, ""), //	否	string	模糊查询（呼叫号码）
+          phone: this.keyword.replace(/\s*/g, ''), //	否	string	模糊查询（呼叫号码）
           usercode: this.roleId, //	否	string	模糊查询（呼叫号码） CallNumber
-          calltype: this.CallType == null ? "" : this.CallType, // 呼叫类型
+          calltype: this.CallType == null ? '' : this.CallType, // 呼叫类型
           callstate: this.CallState, // 呼叫状态
           starttime: this.searchDate && this.searchDate[0],
-          endtime: this.searchDate && this.searchDate[1],
-        };
+          endtime: this.searchDate && this.searchDate[1]
+        }
         getCallRecords(params).then((response) => {
-          this.loading = false;
-          if (response.state.toLowerCase() === "success") {
-            this.pageParams.total = response.total;
-            this.dataLists = response.rows;
+          this.loading = false
+          if (response.state.toLowerCase() === 'success') {
+            this.pageParams.total = response.total
+            this.dataLists = response.rows
           }
-        });
-        resolve();
-      });
+        })
+        resolve()
+      })
     },
     btn_search() {
-      this.getList();
+      this.getList()
     },
     btn_add_list() {
       this.$layer.iframe({
@@ -368,120 +368,123 @@ export default {
           content: addDefinedList, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
-            definedId: this.$route.path,
-          }, // props
+            definedId: this.$route.path
+          } // props
         },
-        area: ["70%", "30%"],
-        title: "自定义字段",
-      });
+        area: ['70%', '30%'],
+        title: '自定义字段'
+      })
     },
     getFiledTabDetail(TableId) {
       GetFiledState(TableId).then((res) => {
         if (res.F_Fileds) {
-          this.fieldListFlag = fieldDATA.getFieldListFlag(res.F_Fileds);
-          this.$refs["multipleTable"].doLayout();
+          this.fieldListFlag = fieldDATA.getFieldListFlag(res.F_Fileds)
+          this.$refs['multipleTable'].doLayout()
         } else {
-          const Fileds = fieldDATA.getOptionsValue(fieldDATA[TableId]);
+          const Fileds = fieldDATA.getOptionsValue(fieldDATA[TableId])
           AddFiled({ TableId, Fileds })
             .then((response) => {
-              if (response.state.toLowerCase() === "success") {
-                this.getFiledTabDetail(TableId);
+              if (response.state.toLowerCase() === 'success') {
+                this.getFiledTabDetail(TableId)
               }
             })
             .catch(() => {
-              this.loading = false;
-            });
+              this.loading = false
+            })
         }
-      });
+      })
     },
 
-    oncall(phone, callid) {
+    oncall(callLogInfo, index) {
       const pas = {
-        id: callid,
-      };
+        id: callLogInfo.CallRecordsId
+      }
       getUpdateCallRecord(pas).then((response) => {
-        if (response.state.toLowerCase() === "success") {
+        if (response.state.toLowerCase() === 'success') {
+          if (callLogInfo.Showstate !== '已回复') {
+            this.dataLists[index].Showstate = '已回复'
+          }
         }
-      });
+      })
       const params = {
-        phone: phone,
-      };
+        phone: callLogInfo.CallNumber
+      }
       getCallOutprefix(params).then((response) => {
-        if (response.state.toLowerCase() === "success") {
+        if (response.state.toLowerCase() === 'success') {
           const scoketDatas = {
-            Type: "MakeCall",
-            AgentID: localStorage.getItem("storageUsercode"),
-            AgentExten: localStorage.getItem("ext"),
+            Type: 'MakeCall',
+            AgentID: localStorage.getItem('storageUsercode'),
+            AgentExten: localStorage.getItem('ext'),
             Header: response.data.fix,
-            DestinationNumber: response.data.phone,
-          };
-          Send(scoketDatas);
+            DestinationNumber: response.data.phone
+          }
+          Send(scoketDatas)
         }
-      });
+      })
     },
     // 导出
     btn_export() {
       const exportparams = {
         pageindex: this.pageParams.pageindex,
         pagesize: this.pageParams.pagesize,
-        phone: this.keyword.replace(/\s+/g, ""),
+        phone: this.keyword.replace(/\s+/g, ''),
         usercode: this.roleId,
-        calltype: this.CallType == null ? "" : this.CallType,
+        calltype: this.CallType == null ? '' : this.CallType,
         callstate: this.CallState,
         starttime: this.searchDate && this.searchDate[0],
         endtime: this.searchDate && this.searchDate[1],
-        isdc: 1,
-      };
-      exportExcel(exportparams, getListExpt);
+        isdc: 1
+      }
+      exportExcel(exportparams, getListExpt)
     },
     // 播放录音
     playSound(rec_file, artist) {
-      console.log("artist", artist);
+      console.log('artist', artist)
       this.$layer.iframe({
         content: {
           content: audioPlayer, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
             recFiles: rec_file,
-            artists: artist.toString(),
-          }, // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
+            artists: artist.toString()
+          } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
-        area: ["600px", "230px"],
+        area: ['600px', '230px'],
         shadeClose: true,
-        title: "录音详情",
-      });
+        title: '录音详情'
+      })
     },
     handleSelectionChange(selection) {
-      this.multipleSelection = selection;
+      this.multipleSelection = selection
     },
     formtTime(val) {
       if (!val) {
-        return "0秒";
+        return '0秒'
       }
-      var secondTime = parseInt(val);
-      var minuteTime = 0;
-      var hourTime = 0;
+      var secondTime = parseInt(val)
+      var minuteTime = 0
+      var hourTime = 0
       if (secondTime > 60) {
-        minuteTime = parseInt(secondTime / 60);
-        secondTime = parseInt(secondTime % 60);
+        minuteTime = parseInt(secondTime / 60)
+        secondTime = parseInt(secondTime % 60)
         if (minuteTime > 60) {
-          hourTime = parseInt(minuteTime / 60);
-          minuteTime = parseInt(minuteTime % 60);
+          hourTime = parseInt(minuteTime / 60)
+          minuteTime = parseInt(minuteTime % 60)
         }
       }
-      var result = "" + parseInt(secondTime) + "秒";
+      var result = '' + parseInt(secondTime) + '秒'
       if (minuteTime > 0) {
-        result = "" + parseInt(minuteTime) + "分" + result;
+        result = '' + parseInt(minuteTime) + '分' + result
       }
       if (hourTime > 0) {
-        result = "" + parseInt(hourTime) + "小时" + result;
+        result = '' + parseInt(hourTime) + '小时' + result
       }
-      return result;
+      return result
     },
 
     // 外呼
     clickCallOut(phoneNumber, id) {
-      this.callOut(phoneNumber, id);
+      this.callOut(phoneNumber, id)
     },
     // 外呼
     callOut(phoneNumber, id) {
@@ -504,13 +507,13 @@ export default {
         // })
       } else {
         this.$message({
-          message: "请先输入电话号码！",
-          type: "warning",
-        });
+          message: '请先输入电话号码！',
+          type: 'warning'
+        })
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>