#

zhou zhou

3 小时以前 62569f5a20510dad64109ef18ba64929b8fecef6

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<template>
  <ElDrawer
    :model-value="visible"
    :title="t('pages.basicInfo.basStationArea.detail.title')"
    size="960px"
    destroy-on-close
    @update:model-value="handleVisibleChange"
  >
    <ElScrollbar class="h-[calc(100vh-180px)] pr-1">
      <div v-if="loading" class="py-6">
        <ElSkeleton :rows="12" animated />
      </div>
      <div v-else class="space-y-4">
        <ElDescriptions :title="t('pages.basicInfo.basStationArea.detail.baseInfo')" :column="2" border>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.stationAreaName')">{{ detail.stationAreaName || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.stationAreaId')">{{ detail.stationAreaId || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.type')">{{ detail.typeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.area')">{{ detail.areaText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.crossZoneArea')" :span="2">{{ detail.crossZoneAreaText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.containerType')" :span="2">{{ detail.containerTypeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.stationAlias')" :span="2">{{ detail.stationAliasText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.inAble')">{{ detail.inAbleText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.outAble')">{{ detail.outAbleText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.isCrossZone')">{{ detail.isCrossZoneText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.isWcs')">{{ detail.isWcsText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.autoTransfer')">{{ detail.autoTransferText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.useStatus')">{{ detail.useStatusText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.barcode')">{{ detail.barcode || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.status')">
            <ElTag :type="detail.statusType || 'info'" effect="light">
              {{ detail.statusText || '--' }}
            </ElTag>
          </ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.wcsData')" :span="2">{{ detail.wcsData || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.memo')" :span="2">{{ detail.memo || '--' }}</ElDescriptionsItem>
        </ElDescriptions>
 
        <ElDescriptions :title="t('pages.basicInfo.basStationArea.detail.auditInfo')" :column="2" border>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.createBy')">{{ detail.createByText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.createTime')">{{ detail.createTimeText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.updateBy')">{{ detail.updateByText || '--' }}</ElDescriptionsItem>
          <ElDescriptionsItem :label="t('pages.basicInfo.basStationArea.detail.updateTime')">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem>
        </ElDescriptions>
      </div>
    </ElScrollbar>
  </ElDrawer>
</template>
 
<script setup>
  import { computed } from 'vue'
  import { useI18n } from 'vue-i18n'
 
  const props = defineProps({
    visible: { type: Boolean, default: false },
    loading: { type: Boolean, default: false },
    detail: { type: Object, default: () => ({}) }
  })
 
  const emit = defineEmits(['update:visible'])
  const { t } = useI18n()
 
  const visible = computed({
    get: () => props.visible,
    set: (value) => emit('update:visible', value)
  })
 
  function handleVisibleChange(value) {
    visible.value = value
  }
</script>