售后点击号码外呼，会员详情里查看工单详情

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleEvent/components/detail.vue

@@ -148,7 +148,16 @@
                 align="center"
                 width=""
               />
-              <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180"/>
+              <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180">
+                <template slot-scope="scope">
+                  <el-button
+                    type="text"
+                    size="small"
+                    @click="hadndleOrderCode(scope.row.F_Id)"
+                  >{{ scope.row.F_Id }}</el-button
+                  >
+                </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">
                 <template slot-scope="scope">
@@ -311,7 +320,7 @@ import audioPlayer from '@/components/audioPlayer'
 import { getFileTranserLists } from '@/api/memberManagement/memberList'
 import afterSale from '@/views/afterSaleManagement/addAfterSale/afterSale'
 import { getChatLogList } from '@/api/afterSaleManagement/afterSaleList'
-
+import detail from "@/views/orderManagement/orderList/detail"
 
 export default {
   name: 'Detail',
@@ -682,7 +691,18 @@ export default {
         shadeClose: true,
         title: '录音详情'
       })
-    }
+    },
+    hadndleOrderCode(ordercode) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: ordercode } // props
+        },
+        area: ['70%', '80%'],
+        title: '订单详情'
+      })
+    },
   }
 }
 </script>

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleEvent/components/handleTransfer.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
     <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="80px">
-      <!-- <el-form-item label="是否处理" prop="transferState">
-        <el-select v-model="ruleForm.transferState" class="form_select" filterable placeholder="是否处理" >
-          <el-option label="未处理" value="0"></el-option>
-          <el-option label="已处理" value="1"></el-option>
+      <el-form-item label="是否可见" prop="IsSo">
+        <el-select v-model="ruleForm.IsSo" class="form_select" filterable placeholder="是否可见" >
+          <el-option label="否" value="0"></el-option>
+          <el-option label="是" value="1"></el-option>
         </el-select>
-      </el-form-item> -->
+      </el-form-item>
       <el-form-item label="处理方式">
         <el-input v-model="ruleForm.message" type="textarea" placeholder="处理方式"></el-input>
       </el-form-item>
@@ -37,15 +37,15 @@ export default {
     return {
       ruleForm: {
         id: "", // id
-        // transferState: "", // 是否处理
+        IsSo: "1", // 是否处理
         message: '', // 处理方式
       },
       rules: {
-        transferState: [
+        IsSo: [
           {
             required: true,
             trigger: 'change',
-            message: '请选择是否处理'
+            message: '请选择是否可见'
           }
         ],
       }

CallCenterWeb.UI/src/views/afterSaleManagement/afterSaleEvent/index.vue

@@ -45,6 +45,10 @@
             class="el-icon-tickets"
             @click="clickCut(scope.row.F_ID)"
           />
+          <i
+            class="el-icon-phone phoneIcon"
+            @click="clickCallOut(scope.row.F_Phone)"
+          />
         </template>
       </el-table-column>
       <el-table-column label="备用号码" align="center" width="">
@@ -239,6 +243,10 @@ import Pagination from '@/components/Pagination' // 对el-pagination 二次封
 import mergeId from './components/mergeId'
 import addOrEditRemark from "./components/addOrEditRemark"
 import handleTransfer from "./components/handleTransfer"
+import { getCallOutprefix } from '@/api/teloperation'
+import { Send } from '@/utils/telWebsocket'
+import store from '@/store'
+
 export default {
   name: 'MemberLabel',
   components: {
@@ -319,7 +327,15 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['token'])
+    ...mapGetters([
+      'token',
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout' // 外呼面板是否显示
+    ])
   },
   methods: {
     getList() {
@@ -667,10 +683,43 @@ export default {
         .catch(() => {
           this.$message.info('查询失败')
         })
+    },
+    // 外呼
+    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>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.phoneIcon{
+  cursor: pointer
+}
 </style>

CallCenterWeb.UI/src/views/afterSaleManagement/saleOrderList/components/detail.vue

@@ -148,7 +148,16 @@
                 align="center"
                 width=""
               />
-              <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180"/>
+              <el-table-column prop="F_Id" label="订单编号" align="center" min-width="180">
+                <template slot-scope="scope">
+                  <el-button
+                    type="text"
+                    size="small"
+                    @click="hadndleOrderCode(scope.row.F_Id)"
+                  >{{ scope.row.F_Id }}</el-button
+                  >
+                </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">
                 <template slot-scope="scope">
@@ -311,7 +320,7 @@ import audioPlayer from '@/components/audioPlayer'
 import { getFileTranserLists } from '@/api/memberManagement/memberList'
 import afterSale from '@/views/afterSaleManagement/addAfterSale/afterSale'
 import { getChatLogList } from '@/api/afterSaleManagement/afterSaleList'
-
+import detail from "@/views/orderManagement/orderList/detail"
 
 export default {
   name: 'Detail',
@@ -682,7 +691,18 @@ export default {
         shadeClose: true,
         title: '录音详情'
       })
-    }
+    },
+    hadndleOrderCode(ordercode) {
+      this.$layer.iframe({
+        content: {
+          content: detail, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: ordercode } // props
+        },
+        area: ['70%', '80%'],
+        title: '订单详情'
+      })
+    },
   }
 }
 </script>

CallCenterWeb.UI/src/views/afterSaleManagement/saleOrderList/index.vue

@@ -46,6 +46,10 @@
             class="el-icon-tickets"
             @click="clickCut(scope.row.F_ID)"
           />
+          <i
+            class="el-icon-phone phoneIcon"
+            @click="clickCallOut(scope.row.F_Phone)"
+          />
         </template>
       </el-table-column>
       <el-table-column label="备用号码" align="center" width="">
@@ -233,6 +237,10 @@ import { formatterContent } from '@/utils'
 import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 import mergeId from './components/mergeId'
 import addOrEditRemark from "./components/addOrEditRemark"
+import { getCallOutprefix } from '@/api/teloperation'
+import { Send } from '@/utils/telWebsocket'
+import store from '@/store'
+
 export default {
   name: 'MemberLabel',
   components: {
@@ -313,7 +321,15 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['token'])
+    ...mapGetters([
+      'token',
+      'usercode', // 工号
+      'extension', // 分机号
+      'sidebar',
+      'avatar',
+      'telCallType', // 通话类型
+      'telIsVisCallout' // 外呼面板是否显示
+    ])
   },
   methods: {
     getList() {
@@ -649,10 +665,43 @@ export default {
         .catch(() => {
           this.$message.info('查询失败')
         })
+    },
+    // 外呼
+    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>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.phoneIcon {
+  cursor: pointer;
+}
 </style>

CallCenterWeb.UI/src/views/callScreen/components/AddOrEditCustomer.vue

@@ -515,9 +515,8 @@ export default {
           type: "warning",
         })
           .then(() => {
-            this.isDisable = false;
             const params = {
-              id: this.rowid,
+              id: this.vipid,
             };
             memberHandleTransferAfterSale(params).then((response) => {
               if (response.state.toLowerCase() === "success") {
@@ -540,7 +539,7 @@ export default {
           if (response.rows.Rows.length > 0) {
             console.log('response.rows.Rows[0]', response.rows.Rows[0])
             this.$emit('cus-info-list', response.rows.Rows[0])
-            this.vipid = response.rows.Rows[0].F_Phone
+            this.vipid = response.rows.Rows[0].F_ID
             this.resulBtn = false;
             this.ruleForm = response.rows.Rows[0];
             response.data = response.rows.Rows[0];

CallCenterWeb.UI/src/views/telCall/numberTransferPool/importNumberTransferPool.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="importFile">
+    <el-alert title="选取的EXCEL文件需要严格按照下载的EXCEL模板进行填写！选择好文件后点击导入即可！" type="warning" class="md" show-icon/>
+    <el-row>
+      <el-col :lg="7" class="md">
+        <a :href="downloadUrl" download="号码中转池导入模板.xlsx" class="download_btn" title="点击下载EXCEL模板" rel="nofollow">
+          下载EXCEL模板
+        </a>
+      </el-col>
+      <el-col :lg="17" class="md">
+        <el-upload
+          ref="upload"
+          :limit="1"
+          :file-list="uploadData.fileList"
+          :action= "uploadData.uploadUrl"
+          :data = "uploadData.uploaderFiles"
+          :on-success="uploadSuccess"
+          :on-error="uploadError"
+          :on-exceed="uploadExceed"
+          :auto-upload="false"
+          :headers = "uploadData.uploadHeader"
+          class="uploadFiles"
+          list-type="text"
+          name="upFile"
+          accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
+          <el-button slot="trigger" size="small" type="primary">选取EXCEL文件</el-button>
+          <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">导入</el-button>
+          <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
+        </el-upload>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getToken } from '@/utils/auth'
+
+export default {
+  name: 'ImportFile',
+  props: {
+    rowid: {
+      type: String,
+      default: ''
+    },
+    layerid: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      downloadUrl: '/static/xls/importNumberTransferPool.xlsx',
+      uploadData: {// 文件上传数据
+        uploadHeader: {
+          Authorization: getToken(),
+        },
+        uploadUrl: this.$store.getters.serverConfig.BASE_API + 'api/Distribution/importdistribution',
+        uploaderFiles: {// 上传文件的参数
+        
+        },
+        fileList: [], // 展示文件的数据
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    submitUpload() {
+      this.$refs.upload.submit()
+    },
+    // 文件上传
+    uploadSuccess(response, file, fileList) {
+      if (response.state.toLowerCase() === 'success') {
+        this.$parent.$layer.close(this.layerid)
+        this.$parent.getList() // 重新加载父级数据
+        this.$message.success('恭喜你，导入成功!')
+      } else {
+        this.$message.error(response.message)
+      }
+    },
+    uploadExceed(file, fileList) {
+      this.$message.warning('只能选择一个文件!')
+    },
+    uploadError(err, file, fileList) {
+      this.$message.error(err)
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	.importFile{
+		.md{
+			margin-bottom: 20px;
+		}
+		.download_btn{
+			display: inline-block;
+			line-height: 1;
+			white-space: nowrap;
+			cursor: pointer;
+			border: 1px solid #dcdfe6;
+			-webkit-appearance: none;
+			text-align: center;
+			-webkit-box-sizing: border-box;
+			box-sizing: border-box;
+			outline: 0;
+			margin: 0;
+			-webkit-transition: .1s;
+			transition: .1s;
+			font-weight: 500;
+			padding: 9px 15px;
+			font-size: 12px;
+			border-radius: 4px;
+			color: #fff;
+			background-color: #409EFF;
+			border-color: #409EFF;
+			&:hover{
+				background: #66b1ff;
+				border-color: #66b1ff;
+				color: #fff;
+			}
+			&:active{
+				background: #66b1ff;
+				border-color: #66b1ff;
+				color: #fff;
+			}
+		}
+	}
+</style>

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

@@ -7,6 +7,7 @@
       <el-input v-model="searchData.group" placeholder="请输入小组" class="filter-item"/>
       <el-button type="primary" class="filter-item" icon="el-icon-search" @click="btn_search">搜索</el-button>
       <el-button v-permission="'HY_add'" type="primary" class="filter-item" icon="el-icon-plus" @click="btn_add">添加</el-button>
+      <el-button v-permission="'HY_import'" type="primary" class="filter-item" @click="btn_import">导入</el-button>
     </div>
     <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
       <el-tab-pane label="媒体中转池" name="0" />
@@ -48,6 +49,7 @@
 import { getNumberTransferPoolList, deleteNumberTransferPoolList } from '@/api/telCall/numberTransferPool'
 import addOrEdit from './addOrEdit'
 import distribution from './distribution'
+import importNumberTransferPool from './importNumberTransferPool'
 import Pagination from '@/components/Pagination' // 对el-pagination 二次封装
 
 export default {
@@ -186,6 +188,18 @@ export default {
       this.pageParams.pageindex = 1
       this.getList()
     },
+    // 导入快递信息
+    btn_import () {
+      this.$layer.iframe({
+        content: {
+          content: importNumberTransferPool, // 传递的组件对象
+          parent: this, // 当前的vue对象
+          data: { rowid: '' } // props
+        },
+        area: ["30%", "30%"],
+        title: "导入"
+      });
+    },
   }
 }
 </script>