#页面优化

zhou zhou

4 天以前 33bd4dd1f0e41131cd8e5bbf87204a1f0b72bb08

 rsf-design/src/views/orders/wave/modules/wave-detail-drawer.vue

@@ -8,32 +8,66 @@
    <ElScrollbar class="wave-detail-scroll">
      <div class="flex min-h-full flex-col gap-4 pr-2">
        <ElDescriptions :column="4" border>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.code')">{{ detail.code || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.type')">{{ detail.typeLabel || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.exceStatus')">{{ detail.exceStatusText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.code')">{{
            detail.code || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.type')">{{
            detail.typeLabel || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.exceStatus')">{{
            detail.exceStatusText || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.status')">
            <ElTag :type="Number(detail.status) === 1 ? 'success' : 'danger'" effect="light">
              {{ detail.statusLabel || '--' }}
            </ElTag>
          </ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.anfme')">{{ detail.anfme ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.workQty')">{{ detail.workQty ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.qty')">{{ detail.qty ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.orderNum')">{{ detail.orderNum ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.groupQty')">{{ detail.groupQty ?? '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.targSite')">{{ detail.targSite || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.stationId')">{{ detail.stationId || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.locCode')">{{ detail.locCode || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.createBy')">{{ detail.createByText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.createTime')">{{ detail.createTimeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.updateBy')">{{ detail.updateByText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.updateTime')">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.memo')" :span="4">{{ detail.memo || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.anfme')">{{
            detail.anfme ?? '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.workQty')">{{
            detail.workQty ?? '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.qty')">{{
            detail.qty ?? '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.orderNum')">{{
            detail.orderNum ?? '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.groupQty')">{{
            detail.groupQty ?? '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.targSite')">{{
            detail.targSite || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.stationId')">{{
            detail.stationId || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.locCode')">{{
            detail.locCode || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.createBy')">{{
            detail.createByText || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.createTime')">{{
            detail.createTimeText || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.updateBy')">{{
            detail.updateByText || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.updateTime')">{{
            detail.updateTimeText || '--'
          }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.orders.wave.detail.memo')" :span="4">{{
            detail.memo || '--'
          }}</ElDescriptionsItem>
        </ElDescriptions>

        <ElCard shadow="never" class="border border-[var(--art-border-color)]">
          <template #header>
            <div class="text-sm font-medium text-[var(--art-text-gray-800)]">{{ t('pages.orders.wave.detail.previewTitle') }}</div>
            <div class="text-sm font-medium text-[var(--art-text-gray-800)]">{{
              t('pages.orders.wave.detail.previewTitle')
            }}</div>
          </template>
          <ArtTable
            :loading="loading"
@@ -44,6 +78,15 @@
            @pagination:current-change="$emit('current-change', $event)"
          />
        </ElCard>

        <ElCard shadow="never" class="border border-[var(--art-border-color)]">
          <template #header>
            <div class="text-sm font-medium text-[var(--art-text-gray-800)]">
              {{ t('pages.orders.wave.detail.itemTitle') }}
            </div>
          </template>
          <WaveItemPanel :wave-id="detail.id" />
        </ElCard>
      </div>
    </ElScrollbar>
  </ElDrawer>
@@ -51,6 +94,7 @@

<script setup>
  import { useI18n } from 'vue-i18n'
  import WaveItemPanel from './wave-item-panel.vue'

  defineOptions({ name: 'WaveDetailDrawer' })
  const { t } = useI18n()