init

wangrong

2026-08-30 761e5c5fa871959f60e15c971c8d83f2b53d0af5

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
<template>
  <div class="info-card">
    <div class="info-title">
      {{
        `${
          dvInfo.type === 'dashboard'
            ? t('work_branch.dashboard')
            : t('work_branch.big_data_screen')
        }ID`
      }}
    </div>
    <div class="info-content">{{ dvInfo.id }}</div>
    <div v-if="dvInfo.creatorName" class="info-title">{{ t('visualization.create_by') }}</div>
    <div v-if="dvInfo.creatorName" class="info-content">{{ dvInfo.creatorName }}</div>
    <div class="info-title">{{ t('visualization.create_time') }}</div>
    <div class="info-content">{{ timestampFormatDate(dvInfo.createTime) }}</div>
    <div v-if="dvInfo.updateName" class="info-title">{{ t('visualization.update_by') }}</div>
    <div v-if="dvInfo.updateName" class="info-content">{{ dvInfo.updateName }}</div>
    <div class="info-title">{{ t('visualization.update_time') }}</div>
    <div v-if="dvInfo.updateTime" class="info-content">
      {{ timestampFormatDate(dvInfo.updateTime) }}
    </div>
    <div v-if="!dvInfo.updateTime" class="info-content">N/A</div>
  </div>
</template>
 
<script lang="ts" setup>
import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
import { storeToRefs } from 'pinia'
import { useI18n } from '@/hooks/web/useI18n'
const { t } = useI18n()
 
const dvMainStore = dvMainStoreWithOut()
const { dvInfo } = storeToRefs(dvMainStore)
 
const timestampFormatDate = value => {
  if (!value) {
    return '-'
  }
  return new Date(value).toLocaleString()
}
</script>
 
<style lang="less" scoped>
.info-card {
  font-family: var(--de-custom_font, 'PingFang');
  font-style: normal;
  padding-left: 4px;
  font-weight: 400;
  line-height: 22px;
 
  .info-title {
    color: #646a73;
    font-size: 14px;
    margin-bottom: 4px;
  }
  .info-content {
    color: #1f2329;
    font-size: 14px;
    margin-bottom: 12px;
  }
 
  :last-child {
    margin-bottom: 0;
  }
}
</style>