周洋

src/api/company/companyVoiceApi.js

@@ -26,6 +26,11 @@ export function getSipAccount() {
   })
 }
 
-
-
+// 查询当前租户可用的通话接口列表
+export function getMyApis() {
+  return request({
+    url: '/company/companyVoiceApi/myApis',
+    method: 'get'
+  })
+}
  

src/views/company/companyVoiceCaller/index.vue

@@ -73,6 +73,11 @@
       <el-table-column label="ID" align="center" prop="callerId" />
       <el-table-column label="员工姓名" align="center" prop="companyUserNickName" />
       <el-table-column label="坐席号" align="center" prop="callerNo" />
+      <el-table-column label="通话接口" align="center" prop="apiName" min-width="100">
+        <template slot-scope="scope">
+          <span>{{ scope.row.apiName || '未分配' }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="手机号" align="center" prop="mobile" />
       <!-- <el-table-column label="状态" align="center" prop="status" >
         <template slot-scope="scope">
@@ -125,6 +130,16 @@
               />
           </el-select>
         </el-form-item>
+        <el-form-item label="通话接口" prop="apiId">
+          <el-select v-model="form.apiId" placeholder="请选择通话接口" clearable size="small" style="width:100%">
+              <el-option
+                v-for="item in voiceApis"
+                :key="item.apiId"
+                :label="item.apiName"
+                :value="item.apiId"
+              />
+          </el-select>
+        </el-form-item>
         <el-form-item label="手机号" prop="mobile">
           <el-input v-model="form.mobile" maxlength="11" style="width: 215px" placeholder="请输入手机号" />
         </el-form-item>
@@ -162,6 +177,7 @@
 import { bindCallerNo,listCompanyVoiceCaller, getCompanyVoiceCaller, delCompanyVoiceCaller, addCompanyVoiceCaller, updateCompanyVoiceCaller, exportCompanyVoiceCaller } from "@/api/company/companyVoiceCaller";
 import { getUserList } from "@/api/company/companyUser";
 import { getCallerList } from "@/api/company/companyVoiceCaller";
+import { getMyApis } from "@/api/company/companyVoiceApi";
 
 import { sendSmsCode } from "@/api/common";
 export default {
@@ -169,6 +185,7 @@ export default {
   data() {
     return {
       callers:[],
+      voiceApis:[],
       // codeShow: true, // 获取验证码样式
       // codeFlag:true,
       // codeCount: 60, // 验证码倒计时
@@ -310,6 +327,7 @@ export default {
         callerId: null,
         companyId: null,
         companyUserId: null,
+        apiId: null,
         mobile: null,
         remark: null,
         status: "1"
@@ -332,12 +350,19 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    /** 加载当前租户可用的通话接口列表 */
+    loadVoiceApis() {
+      getMyApis().then(response => {
+        this.voiceApis = response.data || [];
+      });
+    },
     /** 新增按钮操作 */
     handleBind() {
       this.reset();
       this.open = true;
       this.title = "员工坐席绑定";
       this.getCallerList();
+      this.loadVoiceApis();
     },
     /** 修改按钮操作 */
     // handleUpdate(row) {