111

CallCenterWeb.UI/src/views/telCall/missedCalls/index.vue

         <el-option value="已回拨" label="已回拨"/>
       </el-select>
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
-      <el-button :loading="downloadLoading" :disabled="disableBL"  class="filter-item" type="primary" icon="el-icon-upload2" @click="handleDownload">导出</el-button>
+      <el-button :loading="downloadLoading" :disabled="disableBL" class="filter-item" type="primary" icon="el-icon-upload2" @click="handleDownload">导出</el-button>
     </div>
-      <!-- @row-dblclick="customerDetail" -->
+    <!-- @row-dblclick="customerDetail" -->
     <el-table v-loading="loading" :data="dataLists" border stripe max-height="500">
       <el-table-column type="index" label="编号" align="center" fixed width="80" ></el-table-column>
       <el-table-column prop="callerNumber" label="主叫号码" align="center" min-width ></el-table-column>
 
       <el-table-column label="客户类型" align="center" min-width >
         <template slot-scope="scope">
-         {{scope.row.servAgentGroupId|custometType}}
+          {{ scope.row.servAgentGroupId|custometType }}
         </template>
       </el-table-column>
       <el-table-column prop="cusName" label="客户名称" align="center" min-width ></el-table-column>
       <el-table-column prop="cusCode" label="客户编号" align="center" min-width ></el-table-column>
       <el-table-column prop="salMan" label="销售经理" align="center" min-width ></el-table-column>
       <!-- <el-table-column prop="saleNo" label="销售经理编号" align="center" min-width ></el-table-column> -->
-      
+
       <!-- <el-table-column label="呼叫状态" align="center" min-width>
         <template slot-scope="scope">
           <el-tag
         </template>
       </el-table-column> -->
       <el-table-column label="回拨状态" align="center" min-width>
-        <template slot-scope="scope">{{scope.row.hbStatus| calltypeFilter }}</template>
+        <template slot-scope="scope">{{ scope.row.hbStatus| calltypeFilter }}</template>
       </el-table-column>
       <el-table-column prop="ringLongTime" label="振铃时长" align="center" min-width ></el-table-column>
       <el-table-column label="来电时间" align="center" min-width="110">
 </template>
 
 <script>
-import { getList,addRemark } from '@/api/telCall/missedCalls/missedCalls'
+import { getList, addRemark } from '@/api/telCall/missedCalls/missedCalls'
 import { pickerOptions, formatterContent } from '@/utils'
 import { Send } from '@/utils/telWebsocket'
-import { timestampToTime} from '@/utils'
+import { timestampToTime } from '@/utils'
 import { getCallOutprefix } from '@/api/teloperation'
 import { mapGetters } from 'vuex'
 import store from '@/store'
   filters: {
     // 回拨类型
     calltypeFilter(status) {
-      
       const statusMap = {
         null: '未回拨',
         '未回拨': '未回拨',
         '已回拨': '已回拨'
       }
       return statusMap[status]
-
     },
-    custometType(status){
+    custometType(status) {
       const statusMap = {
-        101:'军品业务',
-        102:'民品业务',
-        103:'新能源业务',
-        104:'外贸业务',
-        105:'华亿业务'
+        101: '军品业务',
+        102: '民品业务',
+        103: '新能源业务',
+        104: '外贸业务',
+        105: '华亿业务'
       }
       return statusMap[status]
     }
       loading: false,
       keyword: '',
       hbStatus: '', // 回拨状态
-      remarkId:'',
-      disableBL:true,
+      remarkId: '',
+      disableBL: true,
       roleOptions: [],
       searchDate: '',
       pickerOptions,
       },
       downloadLoading: false,
       dataLists: [], // 列表数据
-      dataListsExport:[]
+      dataListsExport: []
     }
   },
   computed: {
       'groupid'
     ])
   },
-  watch:{
+  watch: {
     callStateUp: function() {
-        
-        console.log("watch---"+this.callStateUp)
-
-				if (this.callStateUp) {
-          this.getList()
-          this.getListExport()
-				}
+      console.log('watch---' + this.callStateUp)
 
-			}
+      if (this.callStateUp) {
+        this.getList()
+        this.getListExport()
+      }
+    }
   },
   created() {
     this.getList()
   methods: {
     getList() {
       this.loading = true
-      //this.disableBL = true
+      // this.disableBL = true
       return new Promise(resolve => {
         const params = {
           pageindex: this.pageParams.pageindex, // 第几页
         }
         getList(params).then(response => {
           this.loading = false
-          //this.disableBL = false
+          // this.disableBL = false
           if (response.state.toLowerCase() === 'success') {
             if (response.total == null) {
               this.pageParams.total = 0
               this.pageParams.total = response.total
             }
             this.dataLists = response.data
-            //this.dataListsExport = response.data
+            // this.dataListsExport = response.data
           }
         })
         resolve()
       })
     },
     // 添加
-    addRemarkHbStatus(){
-      
+    addRemarkHbStatus() {
       this.loading = true
       const datas = {
         id: this.remarkId,
-        hbStatus: "已回拨"
+        hbStatus: '已回拨'
       }
       // 添加
       addRemark(datas).then(response => {
       }).catch(() => {
         this.loading = false
       })
-        
-
     },
-						
-    getListExport(){
+
+    getListExport() {
       this.loading = true
       this.disableBL = true
       return new Promise(resolve => {
             this.$message({
               message: '导出未接来电数据查询成功！',
               type: 'success',
-              duration: 1000
-              ,offset:50
+              duration: 1000,
+              offset: 50
             })
             this.dataListsExport = response.data
-
           }
         })
         resolve()
       })
     },
-    calltypeState(index){
-      
+    calltypeState(index) {
       if (index.callBackTime) {
-        
-        if(index.hbStatus=="不用回拨"){
+        if (index.hbStatus == '不用回拨') {
           return '不用回拨'
-        }else {
+        } else {
           return '已回拨'
         }
-
-      } else{
-
+      } else {
         if (!index.hbStatus) {
           return '未回拨'
         } else {
           return index.hbStatus
         }
-
       }
     },
-	//显示客户信息
-    btn_remark(remarkId){
-      console.log(remarkId);
+    // 显示客户信息
+    btn_remark(remarkId) {
+      console.log(remarkId)
       this.$layer.iframe({
         content: {
           content: remarkIndex, // 传递的组件对象
           parent: this, // 当前的vue对象
           data: {
-            remarkId:remarkId
+            remarkId: remarkId
           } // props//该方法会自动添加一个key为layerid的值， 该值为创建层的id， 可以直接使用
         },
         area: ['40%', '40%'],
       this.downloadLoading = true
       import('@/vendor/Export2Excel').then(excel => {
         const tHeader = [
-          '主叫号码', 
-          '被叫坐席分机号', 
-          '坐席名称', 
-          '客户类型', 
+          '主叫号码',
+          '被叫坐席分机号',
+          '坐席名称',
+          '客户类型',
           '客户名称',
-          '客户编号', 
-          '销售经理', 
-          '回拨状态', 
-          '振铃时长', 
+          '客户编号',
+          '销售经理',
+          '回拨状态',
+          '振铃时长',
           '来电时间',
-          '回拨时间', 
-          '备注' ]
+          '回拨时间',
+          '备注']
         const filterVal = [
-          'callerNumber', 
-          'agentExtNumber', 
-          'agentName',  
-          'servAgentGroupId', 
-          'cusName', 
-          'cusCode', 
-          'salMan',  
-          'hbStatus', 
-          'ringLongTime', 
-          'callInTime', 
-          'callBackTime', 
+          'callerNumber',
+          'agentExtNumber',
+          'agentName',
+          'servAgentGroupId',
+          'cusName',
+          'cusCode',
+          'salMan',
+          'hbStatus',
+          'ringLongTime',
+          'callInTime',
+          'callBackTime',
           'remark']
         const list = this.dataListsExport
         const data = this.formatJson(filterVal, list)
     },
     // 回拨
     btn_call(dataListLine) {
-      //dataListLine.callerNumber
+      // dataListLine.callerNumber
       console.log(dataListLine.id)
       console.log(dataListLine.callerNumber)
-      this.remarkId =dataListLine.id
+      this.remarkId = dataListLine.id
       this.addRemarkHbStatus()
-      
+
       this.callOut(dataListLine.callerNumber)
     },
     formatJson(filterVal, jsonData) {
             return timestampToTime(v[j])
           } else if (j == 'callBackTime') {
             return timestampToTime(v[j])
-          } else{
+          } else {
             return v[j]
           }
         })
       )
     },
-    
-    custometType(status){
+
+    custometType(status) {
       const statusMap = {
-        101:'军品业务',
-        102:'民品业务',
-        103:'新能源业务',
-        104:'外贸业务',
-        105:'华亿业务'
+        101: '军品业务',
+        102: '民品业务',
+        103: '新能源业务',
+        104: '外贸业务',
+        105: '华亿业务'
       }
       return statusMap[status]
     },
     calltypeFilter(status) {
       const statusMap = {
         null: '未回拨'
-        
+
       }
       return statusMap[status]
     },