工单流程VO渲染效果

urbanLifelineWeb/packages/workcase_wechat/api/workcase/workcase.ts

@@ -1,6 +1,6 @@
 import { request } from '../base'
 import type { ResultDomain, PageRequest } from '../../types'
-import type { TbWorkcaseDTO, TbWorkcaseProcessDTO, TbWorkcaseDeviceDTO } from '../../types/workcase'
+import type { TbWorkcaseDTO, TbWorkcaseProcessDTO, TbWorkcaseDeviceDTO, WorkcaseProcessVO } from '../../types/workcase'
 
 /**
  * @description    工单管理接口
@@ -110,16 +110,16 @@ export const workcaseAPI = {
      * 查询工单处理过程列表
      * @param filter 筛选条件
      */
-    getWorkcaseProcessList(filter?: TbWorkcaseProcessDTO): Promise<ResultDomain<TbWorkcaseProcessDTO>> {
-        return request<TbWorkcaseProcessDTO>({ url: `${this.baseUrl}/process/list`, method: 'POST', data: filter || {} })
+    getWorkcaseProcessList(filter?: TbWorkcaseProcessDTO): Promise<ResultDomain<WorkcaseProcessVO>> {
+        return request<WorkcaseProcessVO>({ url: `${this.baseUrl}/process/list`, method: 'POST', data: filter || {} })
     },
 
     /**
      * 分页查询工单处理过程
      * @param pageRequest 分页请求
      */
-    getWorkcaseProcessPage(pageRequest: PageRequest<TbWorkcaseProcessDTO>): Promise<ResultDomain<TbWorkcaseProcessDTO>> {
-        return request<TbWorkcaseProcessDTO>({ url: `${this.baseUrl}/process/page`, method: 'POST', data: pageRequest })
+    getWorkcaseProcessPage(pageRequest: PageRequest<TbWorkcaseProcessDTO>): Promise<ResultDomain<WorkcaseProcessVO>> {
+        return request<WorkcaseProcessVO>({ url: `${this.baseUrl}/process/page`, method: 'POST', data: pageRequest })
     },
 
     // ========================= 工单设备管理 =========================

urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.uvue

@@ -380,7 +380,7 @@
 <script setup lang="ts">
 import { ref, onMounted, reactive, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
-import type { TbWorkcaseDTO, TbWorkcaseProcessDTO } from '@/types/workcase'
+import type { TbWorkcaseDTO, TbWorkcaseProcessDTO, WorkcaseProcessVO } from '@/types/workcase'
 import type { CustomerServiceVO } from '@/types/workcase/chatRoom'
 import { workcaseAPI, fileAPI, workcaseChatAPI } from '@/api'
 
@@ -401,7 +401,7 @@ const userId = JSON.parse(uni.getStorageSync('loginDomain')).userInfo.userId
 const workcase = reactive<TbWorkcaseDTO>({})
 
 // 处理记录
-const processList = reactive<TbWorkcaseProcessDTO[]>([])
+const processList = reactive<WorkcaseProcessVO[]>([])
 
 // 文件信息缓存
 const fileInfoCache = reactive<Map<string, any>>(new Map())

urbanLifelineWeb/packages/workcase_wechat/types/workcase/workcase.ts

@@ -1,4 +1,4 @@
-import type { BaseDTO } from '../base'
+import type { BaseDTO, BaseVO } from '../base'
 
 /**
  * 工单表对象
@@ -74,3 +74,23 @@ export interface TbWorkcaseDeviceDTO extends BaseDTO {
     /** 文件根ID */
     fileRootId?: string
 }
+
+export interface WorkcaseProcessVO extends BaseVO {
+    /** 工单ID */
+    workcaseId?: string
+    /** 过程ID */
+    processId?: string
+    /** 动作 info：记录，assign：指派，redeploy：转派，repeal：撤销，finish：完成 */
+    action?: 'info' | 'assign' | 'redeploy' | 'repeal' | 'finish'
+    /** 消息 */
+    message?: string
+    /** 携带文件列表 */
+    files?: string[]
+    /** 处理人（指派、转派专属） */
+    processor?: string
+    processorName?: string
+    /** 创建时间 */
+    createTime?: string
+    /** 更新时间 */
+    updateTime?: string
+}