feat: 阿里双呼新增外呼号码选择弹窗

jiaxiya/app/base/controller/impl/transfer/tradetransferCtl.js

@@ -57,11 +57,8 @@ class TradetransferCtl extends CtlBase {
     }
   }
 
-  async aliDoubleCall(p,q,req){
-    if(!p.aliBizId){
-        return system.getResultFail(-1,"服务单号不能为空");
-    }
-
+  // 1.查询可用的外呼号码列表
+  async queryAvailabelDoubleCallPhoneList(p,q,req){
     // 1.获取可用外呼号码列表
     var queryAvailabelPhoneResult = await this.aliApiClient.queryAvailabelNumbers();
     if(queryAvailabelPhoneResult.status == 0){
@@ -71,26 +68,38 @@ class TradetransferCtl extends CtlBase {
       }
 
       console.log(queryAvailabelPhoneResult.data)
+      return system.getResultSuccess(queryAvailabelPhoneResult.data,"获取到的可用外呼列表成功");
+    } else{
+      console.log('获取可用外呼号码列表失败。原因：',queryAvailabelPhoneResult.msg)
+      return system.getResultFail(-1,"获取可用外呼号码列表失败。原因："+queryAvailabelPhoneResult.msg);
+    }
+  }
 
-      // // 2.发起双呼
-      var startCallParams = {
-        "bizType": "TM_TRADE",
-        "skillType":2,
-        "bizId":p.aliBizId,
-        "caller":settings.aliDoubleCallCaller(),
-        "callCenterNumber":queryAvailabelPhoneResult.data[0]
-      };
-      var startCallResult = await this.aliApiClient.startBackToBackCall(startCallParams);
-      if(startCallResult.status == 0){
-        return system.getResultSuccess(null,"呼叫成功");
-      }else{
-        return system.getResultFail(-1,"呼叫失败，"+startCallResult.msg);
-      }
+  async aliDoubleCall(p,q,req){
+    if(!p.aliBizId){
+        return system.getResultFail(-1,"服务单号不能为空");
+    }
 
+    if(!p.callCenterNumber){
+      return system.getResultFail(-1,"外呼号码不能为空");
+    }
+    
+    // 2.发起双呼
+    var startCallParams = {
+      "bizType": "TM_TRADE",
+      "skillType":2,
+      "bizId":p.aliBizId,
+      "caller":settings.aliDoubleCallCaller(),
+      "callCenterNumber":p.callCenterNumber
+    };
+    var startCallResult = await this.aliApiClient.startBackToBackCall(startCallParams);
+    if(startCallResult.status == 0){
+      return system.getResultSuccess(null,"呼叫成功");
     }else{
-        console.log('获取可用外呼号码列表失败。原因：',queryAvailabelPhoneResult.msg)
-        return system.getResultFail(-1,"获取可用外呼号码列表失败。原因："+queryAvailabelPhoneResult.msg);
+      return system.getResultFail(-1,"呼叫失败，"+startCallResult.msg);
     }
+
+    
     // // 1.获取可用外呼号码列表
     // var rtn = await this.execClient.execPostWithAppkey({
     //   "actionType": "queryAvailabelNumbers",

jiaxiya/app/front/vues/pages/tradetransferdiliver/tradetransferdiliver.html

@@ -37,6 +37,16 @@
                 <el-button type="primary"  @click="saveClick" :loading="isbtnRunning">保存</el-button>
               </el-row>
         </el-dialog>
-
+        <el-dialog title="双呼" :visible.sync="bicallConfrimModalDisplay">
+            <!-- <p>阿里云订单号:{{bicallBizId}}</p> -->
+            <p>以下为本次外呼可用号码，如遇到客户拒绝，建议切换其他号码尝试：</p>
+            <div v-for="(phone, index) in availabelDoubleCallPhoneList" style="margin-top: 25px;">
+                <el-radio v-model="doubleCallPhone" :label="phone" >{{phone}}</el-radio>
+            </div>
+            <el-row style="text-align: right;margin-top: 20px;">
+                <el-button type="warning" @click="bicallFormCancelClick">取消</el-button>
+                <el-button type="primary"  @click="bicallFormSaveClick" :loading="bicallBtnRunning">发起双呼</el-button>
+            </el-row>
+        </el-dialog>
     </div>
 </gsb-pagecard>
\ No newline at end of file

jiaxiya/app/front/vues/pages/tradetransferdiliver/tradetransferdiliver.js

@@ -26,7 +26,12 @@
             { required: true, message: '请输入手机号', trigger: 'blur' },
             { min: 11, max: 11, message: '手机号长度必须为11位', trigger: 'blur' }
           ]
-        }
+        },
+        bicallBizId:null,
+        bicallConfrimModalDisplay:false,
+        availabelDoubleCallPhoneList:[],
+        doubleCallPhone:null,
+        bicallBtnRunning:false,
       }
     },
   mounted: function() {
@@ -121,6 +126,49 @@
       }
       this.editPhoneForm.row = row;
     },
+    bicallFormCancelClick(){
+      this.bicallConfrimModalDisplay=false;
+      this.availabelDoubleCallPhoneList=[];
+      this.doubleCallPhone=null;
+      this.bicallBizId=null;
+      this.bicallBtnRunning=false;
+    },
+    bicallFormSaveClick(){
+      if(!this.bicallBizId){
+        this.$message.warning("订单号不能为空");
+        return;
+      }
+      if(!this.doubleCallPhone){
+        this.$message.warning("外呼号码不能为空");
+        return;
+      }
+      console.log('双呼.订单号:',this.bicallBizId);
+      console.log('双呼.外呼号码:',this.doubleCallPhone);
+     
+      this.$confirm('确定要发起双呼?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+      ).then(() => {
+          this.bicallBtnRunning=false;
+          this.$root.postReq("/web/transfer/tradetransferCtl/aliDoubleCall", {aliBizId:this.bicallBizId,callCenterNumber:this.doubleCallPhone}).then( (d) =>{
+              if (d.status > -1) {
+                this.$message({
+                  type: 'success',
+                  message: '呼叫成功'
+                });
+              }else{
+                this.$message.warning('[双呼接口]:'+d.msg);
+              }
+              /*重置表单 */
+              this.bicallFormCancelClick();
+            })
+          }
+        ).catch(() => {
+            
+        });
+    },
     phoneFormCancelClick(){
       this.showEditPhoneForm = false;
       this.editPhoneForm.id = null;
@@ -257,22 +305,19 @@
         }
       }
       if(key=="bicall"){
-        this.$confirm('确定要发起双呼?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.$root.postReq("/web/transfer/tradetransferCtl/aliDoubleCall", {aliBizId:row.ali_bizid}).then( (d) =>{
-            if (d.status > -1) {
-              this.$message({
-                type: 'success',
-                message: '呼叫成功'
-              });
-            }else{
-              this.$message.warning(d.msg);
-            }
-          })
-        }).catch(() => {
+        /* 先重置表单 */
+        this.bicallFormCancelClick();
+        this.$root.postReq("/web/transfer/tradetransferCtl/queryAvailabelDoubleCallPhoneList",{}).then(d=>{
+          if(d.status>-1){
+            /* 暂存需要外呼的交付单 */
+            this.bicallBizId=row.ali_bizid;
+            console.log('需要外呼的交付单',row.ali_bizid);
+            console.log('可用的外呼号码列表',d.data);
+            this.availabelDoubleCallPhoneList=d.data;
+            this.bicallConfrimModalDisplay=true;
+          }else{
+            this.$message.warning("[获取可用外呼号码接口]:"+d.msg);
+          }
         });
       }
     },