执行记录新增跳转手动外呼界面

src/views/company/companyVoiceRobotic/index.vue

@@ -689,6 +689,21 @@
     <el-drawer size="75%" title="客户详情" :visible.sync="customerDetailShow" append-to-body>
       <customer-details ref="customerDetails" />
     </el-drawer>
+    <el-dialog
+      :title="manualCallDialog.title"
+      :visible.sync="manualCallDialog.visible"
+      width="1500px"
+      append-to-body
+      destroy-on-close
+      class="manual-call-dialog"
+      @close="handleManualCallDialogClose"
+    >
+      <call-center-phone-bar
+          :key="manualCallDialog.key"
+          ref="callCenterPhoneBar"
+          :init-phone-number="manualCallDialog.phone"
+      />
+    </el-dialog>
   </div>
 </template>
 
@@ -722,10 +737,11 @@ import customerDetails from "@/views/crm/components/customerDetails.vue";
 import {getDicts} from "@/api/system/dict/data";
 import { optionList } from '@/api/company/companyWorkflow'
 import {wxListQw} from "../../../api/company/companyVoiceRobotic";
+import CallCenterPhoneBar from '../../aiSipCall/aiSipCallManualOutbound.vue'
 
 export default {
   name: "Robotic",
-  components: { draggable, customerDetails, customerSelect, qwUserSelect,qwUserSelectTwo},
+  components: { draggable, customerDetails, customerSelect, qwUserSelect,qwUserSelectTwo,CallCenterPhoneBar},
   data() {
     return {
       taskType:1,
@@ -855,6 +871,13 @@ export default {
         customerPhone: '',
         onlyCallNode: false
       },
+      manualCallDialog: {
+        visible: false,
+        phoneNumber: '',
+        title: "人工外呼",
+        record: null,
+        key: 0
+      },
       // 表单校验
       rules: {
         taskType:[
@@ -1440,23 +1463,23 @@ export default {
       this.getExecLogs()
     },
     handleManualCall(record) {
-      this.$confirm(
-        `确认对客户【${record.customerName}】进行人工外呼吗？`,
-        '提示',
-        {
-          confirmButtonText: '确认',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }
-      ).then(() => {
-
-        // 调用后端接口
-        this.$message.success('已发起人工外呼');
+      const phone = record.customerPhone || '';
 
-        // TODO: 调接口
+      if (!phone) {
+          this.$message.warning('当前客户没有可外呼的手机号');
+          return;
+      }
 
-      }).catch(() => {});
-    }
+      this.manualCallDialog.record = record;
+      this.manualCallDialog.phone = phone;
+      this.manualCallDialog.title = `人工外呼 - ${record.customerName || '未知客户'}`;
+      this.manualCallDialog.key += 1;
+      this.manualCallDialog.visible = true;
+    },
+    handleManualCallDialogClose() {
+      this.manualCallDialog.phone = '';
+      this.manualCallDialog.record = null;
+    },
   }
 };
 </script>