#页面优化

zhou zhou

昨天 d4e039545c9e97347223eb415fbba85ee01bc263

 rsf-design/src/views/manager/task-log/modules/task-log-detail-drawer.vue

@@ -8,31 +8,77 @@
    <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('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>
            <ElTag :type="detail.statusType || 'info'" effect="light">{{
              detail.statusText || '--'
            }}</ElTag>
          </ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.memo')" :span="3">{{ detail.memo || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('table.memo')" :span="3">{{
            detail.memo || '--'
          }}</ElDescriptionsItem>
        </ElDescriptions>

        <TaskItemLogPanel :log-id="detail.id" />
      </div>
    </ElScrollbar>
  </ElDrawer>
@@ -40,6 +86,8 @@

<script setup>
  import { useI18n } from 'vue-i18n'
  import TaskItemLogPanel from './task-item-log-panel.vue'

  defineOptions({ name: 'TaskLogDetailDrawer' })

  defineProps({