<template>
|
<ElDrawer
|
:model-value="visible"
|
:title="t('pages.manager.taskLog.detail.title')"
|
size="72%"
|
@update:model-value="handleVisibleChange"
|
>
|
<ElScrollbar class="h-[calc(100vh-120px)]">
|
<div class="flex min-h-full flex-col gap-4 pr-2">
|
<ElDescriptions :column="4" border>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.detail.taskId')">{{
|
detail.taskId ?? '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.taskCode')">{{
|
detail.taskCode || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.taskStatus')">{{
|
detail.taskStatusText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.taskType')">{{
|
detail.taskTypeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.orgLoc')">{{
|
detail.orgLoc || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.orgSite')">{{
|
detail.orgSite || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.targLoc')">{{
|
detail.targLoc || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.targSite')">{{
|
detail.targSite || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.barcode')">{{
|
detail.barcode || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.robotCode')">{{
|
detail.robotCode || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.detail.exceStatus')">{{
|
detail.exceStatusText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.detail.sort')">{{
|
detail.sort ?? '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.detail.expDesc')">{{
|
detail.expDesc || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.detail.expCode')">{{
|
detail.expCode || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.startTime')">{{
|
detail.startTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('pages.manager.taskLog.table.endTime')">{{
|
detail.endTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('table.createBy')">{{
|
detail.createByText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('table.createTime')">{{
|
detail.createTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('table.updateBy')">{{
|
detail.updateByText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('table.updateTime')">{{
|
detail.updateTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('table.status')">
|
<ElTag :type="detail.statusType || 'info'" effect="light">{{
|
detail.statusText || '--'
|
}}</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem :label="t('table.memo')" :span="3">{{
|
detail.memo || '--'
|
}}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<TaskItemLogPanel :log-id="detail.id" />
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
import { useI18n } from 'vue-i18n'
|
import TaskItemLogPanel from './task-item-log-panel.vue'
|
|
defineOptions({ name: 'TaskLogDetailDrawer' })
|
|
defineProps({
|
visible: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) }
|
})
|
|
const emit = defineEmits(['update:visible'])
|
const { t } = useI18n()
|
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
