订单列表外呼

CallCenterWeb.UI/src/store/getters.js

@@ -27,6 +27,7 @@ const getters = {
   telCallNum: state => state.telWebsocket.telCallNum, // 电话号码
   telCallType: state => state.telWebsocket.telCallType, // 通话类型
   telIsVisCallout: state => state.telWebsocket.telIsVisCallout, // 外呼操作面板是否显示
+  telOutboundScreen: state => state.telWebsocket.telOutboundScreen, // 外呼操作面板是否显示
   telCallTime: state => state.telWebsocket.telCallTime, // 通话时间
   telMonitor: state => state.telWebsocket.telMonitor, // 监听操作是否成功
   monitorState: state => state.telWebsocket.monitorState, //状态监控

CallCenterWeb.UI/src/store/modules/telWebsocket.js

@@ -11,6 +11,7 @@ const telWebsocket = {
     telCallNum: '', // 顶部电话号码
     telCallType: 'MakeCall', // 发送的通话类型（默认是外呼）
     telIsVisCallout: false, // 外呼操作面板是否显示
+    telOutboundScreen: true, //是否显示外呼弹屏
     telIsVisTask: false, // 外呼任务信息是否显示
     telIsVisTaskFirst: true, // 外呼任务信息是否是第一次弹出
     telTaskIsRefresh: false, // 是否刷新右上角外呼任务信息/自动外呼监控/外呼分配/我的呼叫任务
@@ -21,7 +22,7 @@ const telWebsocket = {
     },
     telMonitor: false, // 监听操作是否成功
     monitorState: '', //状态监控
-    monitorAgent: '' //监控的坐席工号
+    monitorAgent: '', //监控的坐席工号
   },
   mutations: {
     SOCKET_CONNECT (state) {
@@ -60,6 +61,9 @@ const telWebsocket = {
     SOCKET_CALLOUTSCREEN (state, message) {
       state.telIsVisCallout = message
     },
+    SOCKET_OUTBOUNDSCREEN (state, message) {
+      state.telOutboundScreen = message
+    },
     SOCKET_CALLTELTIME (state, message) {
       state.telCallTime = message
     },
@@ -83,7 +87,7 @@ const telWebsocket = {
     },
     SOCKET_TELTASKISREFRESH (state, message) {
       state.telTaskIsRefresh = message
-    }
+    },
   },
   actions: {
     // 建立连接
@@ -127,6 +131,10 @@ const telWebsocket = {
     UpdateCalloutScreen ({ commit }, msg) {
       commit('SOCKET_CALLOUTSCREEN', msg)
     },
+    //外呼是否显示外呼弹屏
+    UpdateOutboundScreen ({ commit }, msg) {
+      commit('SOCKET_OUTBOUNDSCREEN', msg)
+    },
     // 通话时间
     UpdateCallTime ({ commit }, msg) {
       commit('SOCKET_CALLTELTIME', msg)
@@ -135,7 +143,6 @@ const telWebsocket = {
     ChangeTelWSMsg ({ commit }, msg) {
       commit('SOCKET_MESSAGE', msg)
     },
-
     // 修改监听操作是否成功
     ChangeMonitor ({ commit }, msg) {
       commit('SOCKET_TELMONITOR', msg)
@@ -152,17 +159,14 @@ const telWebsocket = {
     ChangeTask ({ commit }, msg) {
       commit('SOCKET_TELISVISTASK', msg)
     },
-
     // 任务信息是否是第一次弹出
     ChangeTaskFirst ({ commit }, msg) {
       commit('SOCKET_TELISVISTASKFIRST', msg)
     },
-
     // 是否刷新右上角外呼任务信息/自动外呼监控/外呼分配/我的呼叫任务
     ChangeTaskInfo ({ commit }, msg) {
       commit('SOCKET_TELTASKISREFRESH', msg)
-    }
-
+    },
   }
 }
 

CallCenterWeb.UI/src/utils/telWebsocket.js

@@ -343,8 +343,12 @@ function IncomingBack (inComingData) {
     // router.push({ name: 'autoCallScreen', params: { callid: inComingCallId, telInNumber: inComingNumber }})
     // router.push({ path: '/callScreen', query: { callid: inComingCallId, telInNumber: inComingNumber }})
   } else if (inComingData.IncomintType === 2) {
-    inComingNumber = inComingData.CalleeNumber
-    router.push({ name: 'clickCallScreen', params: { callid: inComingCallId, telInNumber: inComingNumber } })
+    if (store.getters.telOutboundScreen) {
+      inComingNumber = inComingData.CalleeNumber
+      router.push({ name: 'clickCallScreen', params: { callid: inComingCallId, telInNumber: inComingNumber } })
+    } else {
+      store.dispatch('UpdateOutboundScreen', true)
+    }
     // 自动外呼弹屏 TaskIcon值是任务id
     // router.push({ name: 'autoCallScreen', params: { callid: inComingCallId, telInNumber: inComingNumber, taskId: inComingData.TaskIcon }})
   }
@@ -376,7 +380,7 @@ function MakeCallBack (callBackData) {
   const inComingNumber = store.getters.telCallNum
   const inComingCallId = callBackData.CallID
   // 点击外呼弹屏
-  router.push({ name: 'clickCallScreen', params: { callid: inComingCallId, telInNumber: inComingNumber } })
+  // router.push({ name: 'clickCallScreen', params: { callid: inComingCallId, telInNumber: inComingNumber } })
   // router.push({ name: 'callScreen', params: { callid: inComingCallId, telInNumber: inComingNumber } })
 }
 

CallCenterWeb.UI/src/views/orderManagement/orderList/index.vue

@@ -82,7 +82,12 @@
         </template>
       </el-table-column>
       <el-table-column prop="F_Customer" label="客户姓名" align="center" min-width />
-      <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140" />
+      <el-table-column prop="F_CustomerPhone" label="手机号码" align="center" min-width="140">
+        <template slot-scope="scope" >
+          {{ scope.row.F_CustomerPhone}}
+          <i class="el-icon-phone phoneIcon" @click="clickCallOut(scope.row.F_CustomerPhone)"></i>
+        </template>
+      </el-table-column>
       <el-table-column label="订购商品" align="center" min-width>
         <template slot-scope="scope">{{ scope.row.OrderDetailList | judgmentOrderGoods}}</template>
       </el-table-column>
@@ -135,6 +140,10 @@
 import { getDictionaryValueList } from '@/api/commonAPI'
 import { getOrderLists, cancelOrder } from "@/api/orderManagement/orderList";
 import { pickerOptions, formatterContent } from "@/utils";
+import { Send } from "@/utils/telWebsocket";
+import { getCallOutprefix } from '@/api/teloperation'
+import { mapGetters } from 'vuex'
+import store from '@/store'
 import edit from "./edit";
 import detail from './detail';
 import merge from './merge';
@@ -220,6 +229,16 @@ export default {
       }
     };
   },
+  computed: {
+    ...mapGetters([
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout' // 外呼面板是否显示
+    ])
+  },
   methods: {
     getList () {
       this.loading = true;
@@ -406,6 +425,36 @@ export default {
         return false
       }
     },
+    //外呼
+    clickCallOut (phoneNumber) {
+      this.callOut(phoneNumber)
+    },
+    // 外呼
+    callOut (phoneNumber) {
+      if (phoneNumber) {
+        getCallOutprefix(phoneNumber).then(response => {
+          if (response.state.toLowerCase() === 'success') {
+            const res = response.data
+            this.scoketDatas = {
+              'Type': 'MakeCall',
+              'AgentID': this.usercode,
+              'AgentExten': this.extension,
+              'Header': res.fix, // 号码前缀 用于截断前缀得到真实号码
+              'DestinationNumber': res.phone //
+            }
+            store.dispatch('ChangeCallNum', phoneNumber)
+            Send(this.scoketDatas)
+            store.dispatch('UpdateCalloutScreen', false)// 关闭外呼面板
+            store.dispatch('UpdateOutboundScreen', false)// 关闭外呼弹屏
+          }
+        })
+      } else {
+        this.$message({
+          message: '请先输入电话号码！',
+          type: 'warning'
+        })
+      }
+    },
   }
 };
 </script>
@@ -414,4 +463,7 @@ export default {
 .el {
   cursor: pointer;
 }
+.phoneIcon {
+  cursor: pointer;
+}
 </style>

CallCenterWeb.UI/src/views/reportFormManagement/staffPerformance/index.vue

@@ -44,6 +44,9 @@
           {{ scope.row.F_State | judgmentPerformanceState}}
         </template>
       </el-table-column>
+      <el-table-column prop="F_Month" label="月份" align="center" min-width />
+      <el-table-column prop="F_UserName" label="姓名" align="center" min-width />
+      <el-table-column prop="F_AlongMoney" label="总金额" align="center" min-width />
       <el-table-column prop="F_TaskRate" label="任务完成比例" align="center" min-width />
       <el-table-column prop="F_SignNumber" label="签收单数" align="center" min-width />
       <el-table-column prop="F_SignMoney" label="签收金额" align="center" min-width />
@@ -53,8 +56,6 @@
       <el-table-column prop="F_RefuseMoney" label="拒收金额" align="center" min-width />
       <el-table-column prop="F_SignRate" label="签收率" align="center" min-width />
       <el-table-column prop="F_ErrorMoney" label="录错信息金额" align="center" min-width />
-      <el-table-column prop="F_ErrorNumber" label="录错信息单数" align="center" min-width />
-      <el-table-column prop="F_BackNumber" label="售后退款单数" align="center" min-width />
       <el-table-column prop="F_BackMoney" label="售后退款金额" align="center" min-width />
       <!-- <el-table-column prop="F_NoSignMoney" label="鞋垫/袜子金额" align="center" min-width /> -->
       <el-table-column label="操作" width="220" align="center" class-name="oparate_btn" fixed="right">
@@ -93,8 +94,9 @@ export default {
     Pagination,
   },
   filters: {
-    judgmentStateName (status) {
+    judgmentPerformanceState (status) {
       const statusMap = {
+        '0': '-',
         '1': '有异议',
         '5': '已确认',
       }
@@ -186,7 +188,7 @@ export default {
           data: { rowid: editId }, // props
         },
         area: ["80%", "70%"],
-        title: "绩效申诉",
+        title: "编辑绩效",
       });
     },
     btn_appeal(appealId) {
@@ -196,8 +198,8 @@ export default {
           parent: this, // 当前的vue对象
           data: { rowid: appealId }, // props
         },
-        area: ["80%", "70%"],
-        title: "编辑绩效",
+        area: ["40%", "40%"],
+        title: "申诉绩效",
       });
     },
     btn_detail(editId) {