diff --git a/src/assets/images/order/no_phone.png b/src/assets/images/order/no_phone.png
new file mode 100644
index 0000000..227d7ed
--- /dev/null
+++ b/src/assets/images/order/no_phone.png
Binary files differ

diff --git a/src/assets/images/order/no_phone.png b/src/assets/images/order/no_phone.png
new file mode 100644
index 0000000..227d7ed
--- /dev/null
+++ b/src/assets/images/order/no_phone.png
Binary files differ
diff --git a/src/views/order/components/orderDia.vue b/src/views/order/components/orderDia.vue
index 3b804a7..4872489 100644
--- a/src/views/order/components/orderDia.vue
+++ b/src/views/order/components/orderDia.vue
@@ -159,7 +159,7 @@
                   <div class="callBox" v-if="item.processStatus == 'process'">
                     <div class="callTitle">催办</div>
                     <img src="@/assets/images/order/shortMessage_icon.png" alt="" class="callImg" />
-                    <img src="@/assets/images/order/phone_icon.png" alt="" class="callImg" />
+                    <img :src="is_phone ? phone_icon : no_phone" alt="" class="callImg" @click="orderCall(item)" />
                   </div>
                 </div>
               </template>
@@ -489,14 +489,24 @@
 <script setup name="orderDia">
 import ImageFileUpload from '@/components/ImageFileUpload/index.vue'; //图片文件上传
 import phone_icon from '@/assets/images/order/phone_icon.png';
+import no_phone from '@/assets/images/order/no_phone.png';
 import shortMessage_icon from '@/assets/images/order/shortMessage_icon.png';
 import { getWorkOrder, listHistoryData, submitWorkOrder } from '@/api/order';
 import bus from '@/bus';
 import useUserStore from '@/store/modules/user';
 import useOrderStore from '@/store/modules/order';
+import {
+  pageunitVoiceTemplate,
+  getunitVoiceTemplate,
+  delunitVoiceTemplate,
+  addunitVoiceTemplate,
+  updateunitVoiceTemplate,
+  unitVoiceTemplateSync,
+  unitVoiceTemplateCall,
+} from '@/api/OutgoingCall/templateList';
 
 const useOrder = useOrderStore();
-console.log('deptList===========', useOrder, useUserStore().userInfo);
+// console.log('deptList===========', useOrder, useUserStore().userInfo);
 
 const { proxy } = getCurrentInstance();
 // 工单类型： work_order_type
@@ -520,6 +530,7 @@
   },
 });
 
+const is_phone = ref(true);
 const orderFormRef = ref();
 const confirmFormRef = ref();
 const infoLoading = ref(false);
@@ -651,6 +662,69 @@
   emit('closeDialog');
 };
 
+// 外呼催办
+const orderCall = item => {
+  if (!is_phone.value) return;
+
+  let phonesCall = useOrder.userList.reduce((pre, val, index) => {
+    if (val.phonenumber) {
+      pre += val.phonenumber + ',';
+    }
+    return pre;
+  }, '');
+
+  let params = {
+    robotId: 'e01059a0-7cc3-4971-b4e8-66cefbf236ef',
+    phones: phonesCall.slice(0, -1),
+    templateDesc: { title: '延安城市生命线通知', notice: '请尽快处理相关工单内容' },
+  };
+
+  proxy.$modal
+    .confirm('是否外呼催派？')
+    .then(async () => {
+      is_phone.value = false;
+
+      proxy.$modal.msgSuccess({
+        message: '外呼成功',
+        duration: 3000,
+        onClose: () => {
+          is_phone.value = true;
+        },
+      });
+
+      // unitVoiceTemplateCall(params)
+      //   .then(response => {
+      //     proxy.$modal.msgSuccess({
+      //       message: '外呼成功',
+      //       duration: 3000,
+      //       onClose: () => {
+      //         is_phone.value = true;
+      //       },
+      //     });
+      //   })
+      //   .catch(() => {
+      //     is_phone.value = true;
+      //   });
+    })
+    .catch(() => {});
+
+  // useOrder.userList     phonenumber
+
+  // console.log('item', item, useOrder.userList, phones);
+  // console.log('item',phonesCall.slice(0, -1));
+  // let params = {
+  //   robotId: 'e01059a0-7cc3-4971-b4e8-66cefbf236ef',
+  //   phones: phonesCall.slice(0, -1),
+  //   templateDesc: { title: '延安城市生命线通知', notice: '请尽快处理相关工单内容' },
+  // };
+  // unitVoiceTemplateCall(params).then(response => {
+  //   // testloading.value = false;
+
+  //   proxy.$modal.msgSuccess('发送成功');
+  //   // testModel.value = false;
+  // });
+};
+
 onMounted(() => {
   useOrder.getUserList({ workOrderId: props.orderId });
   if (props.status == 'xiangqing') {
@@ -784,7 +858,10 @@
       text-align: center;
     }
     .callImg {
+      width: 20px;
+      height: 20px;
       margin-left: 5px;
+      cursor: pointer;
     }
   }
 }