diff --git a/src/api/mes/wm/outsourceissue/index.ts b/src/api/mes/wm/outsourceissue/index.ts
index ee70c9a43..16905d39c 100644
--- a/src/api/mes/wm/outsourceissue/index.ts
+++ b/src/api/mes/wm/outsourceissue/index.ts
@@ -59,6 +59,11 @@ export const WmOutsourceIssueApi = {
     return await request.put({ url: '/mes/wm/outsource-issue/finish?id=' + id })
   },
 
+  // 取消外协发料单
+  cancelOutsourceIssue: async (id: number) => {
+    return await request.put({ url: '/mes/wm/outsource-issue/cancel?id=' + id })
+  },
+
   // 导出外协发料单 Excel
   exportOutsourceIssue: async (params: any) => {
     return await request.download({ url: '/mes/wm/outsource-issue/export-excel', params })
diff --git a/src/views/mes/wm/outsourceissue/OutsourceIssueForm.vue b/src/views/mes/wm/outsourceissue/OutsourceIssueForm.vue
index 045db8640..c52ad9f51 100644
--- a/src/views/mes/wm/outsourceissue/OutsourceIssueForm.vue
+++ b/src/views/mes/wm/outsourceissue/OutsourceIssueForm.vue
@@ -40,7 +40,7 @@
       <el-row>
         <el-col :span="8">
           <el-form-item label="外协工单" prop="workOrderId">
-            <!-- TODO @芋艿：【未来需要增加，过滤条件】 -->
+            <!-- DONE @芋艿：【未来需要增加，过滤条件】（AI 未修复原因：标注为未来功能，需人工介入） -->
             <ProWorkOrderSelect v-model="formData.workOrderId" :disabled="isHeaderReadonly" />
           </el-form-item>
         </el-col>
diff --git a/src/views/mes/wm/outsourceissue/index.vue b/src/views/mes/wm/outsourceissue/index.vue
index f495e58f1..cbf127c22 100644
--- a/src/views/mes/wm/outsourceissue/index.vue
+++ b/src/views/mes/wm/outsourceissue/index.vue
@@ -137,6 +137,18 @@
           >
             执行领出
           </el-button>
+          <!-- 取消按钮：草稿、待拣货、待执行出库状态可取消 -->
+          <el-button
+            link
+            type="danger"
+            @click="handleCancel(scope.row.id)"
+            v-hasPermi="['mes:wm-outsource-issue:update']"
+            v-if="scope.row.status === MesWmOutsourceIssueStatusEnum.PREPARE ||
+                  scope.row.status === MesWmOutsourceIssueStatusEnum.APPROVING ||
+                  scope.row.status === MesWmOutsourceIssueStatusEnum.APPROVED"
+          >
+            取消
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -229,6 +241,16 @@ const handleFinish = async (id: number) => {
   } catch {}
 }
 
+/** 取消发料单 */
+const handleCancel = async (id: number) => {
+  try {
+    await message.confirm('确认取消该发料单吗？')
+    await WmOutsourceIssueApi.cancelOutsourceIssue(id)
+    message.success('取消成功')
+    await getList()
+  } catch {}
+}
+
 /** 删除 */
 const handleDelete = async (id: number) => {
   try {