工单流程VO渲染效果
This commit is contained in:
@@ -40,9 +40,9 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="message" label="操作内容" min-width="200" show-overflow-tooltip />
|
||||
<el-table-column prop="processor" label="处理人" width="120">
|
||||
<el-table-column prop="processorName" label="处理人" width="120">
|
||||
<template #default="{ row }">
|
||||
{{ row.processor || '-' }}
|
||||
{{ row.processorName || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="files" label="附件" width="80">
|
||||
@@ -51,7 +51,11 @@
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="creator" label="操作人" width="120" />
|
||||
<el-table-column prop="creatorName" label="操作人" width="120">
|
||||
<template #default="{ row }">
|
||||
{{ row.creatorName || row.creator || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime" label="操作时间" width="170" />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
@@ -83,8 +87,8 @@
|
||||
<el-tag :type="getActionTagType(selectedLog.action)">{{ getActionLabel(selectedLog.action) }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="操作内容">{{ selectedLog.message || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="处理人">{{ selectedLog.processor || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作人">{{ selectedLog.creator }}</el-descriptions-item>
|
||||
<el-descriptions-item label="处理人">{{ selectedLog.processorName || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作人">{{ selectedLog.creatorName || selectedLog.creator || '-' }}</el-descriptions-item>
|
||||
<el-descriptions-item label="操作时间">{{ selectedLog.createTime }}</el-descriptions-item>
|
||||
<el-descriptions-item v-if="selectedLog.files?.length" label="附件">
|
||||
<div class="file-list">
|
||||
@@ -104,7 +108,7 @@ import AdminLayout from '@/views/admin/AdminLayout.vue'
|
||||
import { Download, Search } from 'lucide-vue-next'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { workcaseAPI } from '@/api/workcase'
|
||||
import type { TbWorkcaseProcessDTO } from '@/types/workcase'
|
||||
import type { TbWorkcaseProcessDTO, WorkcaseProcessVO } from '@/types/workcase'
|
||||
import type { PageRequest, PageParam } from 'shared/types'
|
||||
|
||||
// 操作类型选项
|
||||
@@ -120,8 +124,8 @@ const actionOptions = [
|
||||
const loading = ref(false)
|
||||
const dateRange = ref<[string, string] | null>(null)
|
||||
const showDetailDialog = ref(false)
|
||||
const selectedLog = ref<TbWorkcaseProcessDTO | null>(null)
|
||||
const processLogs = ref<TbWorkcaseProcessDTO[]>([])
|
||||
const selectedLog = ref<WorkcaseProcessVO | null>(null)
|
||||
const processLogs = ref<WorkcaseProcessVO[]>([])
|
||||
|
||||
// 筛选条件
|
||||
const filter = reactive<TbWorkcaseProcessDTO>({
|
||||
@@ -196,7 +200,7 @@ const handleSearch = async () => {
|
||||
}
|
||||
|
||||
// 查看详情
|
||||
const viewDetail = (row: TbWorkcaseProcessDTO) => {
|
||||
const viewDetail = (row: WorkcaseProcessVO) => {
|
||||
selectedLog.value = row
|
||||
showDetailDialog.value = true
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user