详情

根据对 H:/gitea-code-2025/HuaweiCloud/husky-afterservice/ui/src/views/business/workOrder/index.vue
的分析，当点击”详情”按钮时，打开的是 workorder-detail.vue 组件。

具体实现在以下代码中：

1. 详情按钮的定义（第174行）：
   <el-button link type=”primary” icon=”View” @click=”handleViewDetail(scope.row)”>详情

2. 详情按钮的处理函数（第690-701行）：
   function handleViewDetail(row) {
   const orderId = row.orderId;
   getWorkOrder(orderId).then(response => {
   detailForm.value = response.data;
   detailOpen.value = true;

   // 如果有技术员信息但未加载，则加载技术员信息
   if (detailForm.value.assignedTechnician && !technicianMap.value[detailForm.value.assignedTechnician]) {
   loadTechnicianInfo([detailForm.value.assignedTechnician]);
   }
   });
   }

3. 详情对话框的模板（第247-253行）：

4. 组件导入（第446行）：
   import WorkorderDetail from “./components/workorder-detail.vue”;

   总结：

• 详情组件：workorder-detail.vue
• 对话框宽度：900px
• 传入的数据：
  • workorder-data: 工单的完整数据
  • technician-data: 分配的技术员信息（如果有）
• 触发方式：点击表格操作列的”详情”按钮
• 显示方式：以对话框（Dialog）形式展示