diff --git a/web-admin/src/views/quality-inspection/qc-work-order/index.vue b/web-admin/src/views/quality-inspection/qc-work-order/index.vue
index 757541c0..1f544181 100644
--- a/web-admin/src/views/quality-inspection/qc-work-order/index.vue
+++ b/web-admin/src/views/quality-inspection/qc-work-order/index.vue
@@ -635,6 +635,11 @@
         :submitting="remarkEditLoading"
         @submit="submitRemarkEdit"
       />
+
+      <OutboundQcViewDialog
+        v-model:visible="outboundViewVisible"
+        :work-order-id="outboundViewId"
+      />
     </section>
   </div>
 </template>
@@ -711,6 +716,7 @@
   import type { ViewField, ViewSection } from '@/components/business/system-view-dialog/index.vue'
   import { downloadAttachmentFile } from '@/utils/download-attachment'
   import WorkOrderRemarkDialog from '@/components/business/work-order-remark-dialog/index.vue'
+  import OutboundQcViewDialog from './OutboundQcViewDialog.vue'
 
   defineOptions({ name: 'QualityInspectionQcWorkOrder' })
 
@@ -1367,7 +1373,19 @@
     }
   }
 
+  const outboundViewVisible = ref(false)
+  const outboundViewId = ref('')
+
+  function handleOutboundView(row: QcWorkOrder) {
+    outboundViewId.value = row.id
+    outboundViewVisible.value = true
+  }
+
   async function handleView(row: QcWorkOrder) {
+    if (activeTypeTab.value === 'outbound') {
+      handleOutboundView(row)
+      return
+    }
     viewVisible.value = true
     viewLoading.value = true
     viewTasks.value = []