任务管理添加执行人员

src/types/disaster-precaution/index.ts

@@ -24,6 +24,11 @@ interface BasicResponse {
 export interface TaskManagementListResponse extends BasicResponse {
   effectStatus: number;
   updatedAt: string;
+  executive: {
+    id: number;
+    realname: string;
+    staffNo: string;
+  }[];
 }
 
 export interface TaskExecutionListResponse extends BasicResponse {
@@ -34,7 +39,7 @@ export interface TaskExecutionListResponse extends BasicResponse {
 export interface TaskManagementItemResponse
   extends Omit<
     TaskManagementListResponse,
-    'deptName' | 'inspectType' | 'overdue' | 'effectStatus' | 'taskState' | 'updatedAt'
+    'deptName' | 'inspectType' | 'overdue' | 'effectStatus' | 'taskState' | 'updatedAt' | 'executive'
   > {
   inspectType: number | null;
   deptIdList: string[] | string;

src/views/disaster/disaster-precaution/PageTaskManagement.vue

@@ -78,6 +78,13 @@
             <template #taskStage="scope">
               <span>{{ TASK_STAGE_MAP[scope.row.taskState] }}</span>
             </template>
+            <template #executive="scope">
+              <div class="executive-container">
+                <p v-for="person in scope.row.executive" :key="person.id">
+                  {{ person.realname }}（{{person.staffNo}}）
+                </p>
+              </div>
+            </template>
             <template #action="scope">
               <div class="action-container--div">
                 <ActionButton

src/views/disaster/disaster-precaution/src/config/table.ts

@@ -81,6 +81,11 @@ export const TASK_MANAGEMENT_TABLE_COLUMNS: TableColumnProps[] = [
     width: '120px',
   },
   BASIC_TABLE_COLUMNS.TASK_STAGE,
+  {
+    label: '执行人员',
+    slot: 'executive',
+    minWidth: '300px'
+  },
   {
     prop: 'updatedAt',
     label: '创建时间',