Showing
4 changed files
with
45 additions
and
12 deletions
@@ -144,15 +144,23 @@ | @@ -144,15 +144,23 @@ | ||
144 | </div> | 144 | </div> |
145 | <Tooltip | 145 | <Tooltip |
146 | placement="top" | 146 | placement="top" |
147 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | 147 | + :title=" |
148 | + props.value?.updateTime | ||
149 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
150 | + : '暂无更新时间' | ||
151 | + " | ||
148 | > | 152 | > |
149 | <div | 153 | <div |
150 | class="text-xs text-center truncate p-5" | 154 | class="text-xs text-center truncate p-5" |
151 | - :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }" | 155 | + :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 12 }), color: '#999' }" |
152 | > | 156 | > |
153 | <span class="mr-2">更新时间:</span> | 157 | <span class="mr-2">更新时间:</span> |
154 | <span> | 158 | <span> |
155 | - {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 159 | + {{ |
160 | + props.value?.updateTime | ||
161 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
162 | + : '暂无更新时间' | ||
163 | + }} | ||
156 | </span> | 164 | </span> |
157 | </div> | 165 | </div> |
158 | </Tooltip> | 166 | </Tooltip> |
@@ -153,7 +153,11 @@ | @@ -153,7 +153,11 @@ | ||
153 | </div> | 153 | </div> |
154 | <Tooltip | 154 | <Tooltip |
155 | placement="top" | 155 | placement="top" |
156 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | 156 | + :title=" |
157 | + props.value?.updateTime | ||
158 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
159 | + : '暂无更新时间' | ||
160 | + " | ||
157 | > | 161 | > |
158 | <div | 162 | <div |
159 | class="text-center text-xs truncate p-5" | 163 | class="text-center text-xs truncate p-5" |
@@ -161,7 +165,11 @@ | @@ -161,7 +165,11 @@ | ||
161 | > | 165 | > |
162 | <span class="mr-1">更新时间:</span> | 166 | <span class="mr-1">更新时间:</span> |
163 | <span> | 167 | <span> |
164 | - {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 168 | + {{ |
169 | + props.value?.updateTime | ||
170 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
171 | + : '暂无更新时间' | ||
172 | + }} | ||
165 | </span> | 173 | </span> |
166 | </div> | 174 | </div> |
167 | </Tooltip> | 175 | </Tooltip> |
@@ -69,15 +69,23 @@ | @@ -69,15 +69,23 @@ | ||
69 | <!-- <Image :style="{ width: `${getWidth}px` }" :src="getImagBase64" /> --> | 69 | <!-- <Image :style="{ width: `${getWidth}px` }" :src="getImagBase64" /> --> |
70 | <div | 70 | <div |
71 | class="w-full text-center truncate p-5" | 71 | class="w-full text-center truncate p-5" |
72 | - :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }" | 72 | + :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 12 }), color: '#999' }" |
73 | > | 73 | > |
74 | <Tooltip | 74 | <Tooltip |
75 | placement="top" | 75 | placement="top" |
76 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | 76 | + :title=" |
77 | + props.value?.updateTime | ||
78 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
79 | + : '暂无更新时间' | ||
80 | + " | ||
77 | > | 81 | > |
78 | - <span>更新时间:</span> | 82 | + <span class="mr-1">更新时间:</span> |
79 | <span class="truncate"> | 83 | <span class="truncate"> |
80 | - {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 84 | + {{ |
85 | + props.value?.updateTime | ||
86 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
87 | + : '暂无更新时间' | ||
88 | + }} | ||
81 | </span> | 89 | </span> |
82 | </Tooltip> | 90 | </Tooltip> |
83 | </div> | 91 | </div> |
@@ -75,6 +75,7 @@ | @@ -75,6 +75,7 @@ | ||
75 | <Statistic | 75 | <Statistic |
76 | :value="props.value.value || 0" | 76 | :value="props.value.value || 0" |
77 | class="truncate" | 77 | class="truncate" |
78 | + :suffix="getShowUnit ? props.value.unit : ''" | ||
78 | :value-style="{ | 79 | :value-style="{ |
79 | fontSize: fontSize({ radio: getRadio, basic: 24, min: 16 }), | 80 | fontSize: fontSize({ radio: getRadio, basic: 24, min: 16 }), |
80 | color: props.value.fontColor, | 81 | color: props.value.fontColor, |
@@ -94,16 +95,24 @@ | @@ -94,16 +95,24 @@ | ||
94 | <Tooltip | 95 | <Tooltip |
95 | v-if="getShowUpdate" | 96 | v-if="getShowUpdate" |
96 | placement="top" | 97 | placement="top" |
97 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | 98 | + :title=" |
99 | + props.value?.updateTime | ||
100 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
101 | + : '暂无更新时间' | ||
102 | + " | ||
98 | > | 103 | > |
99 | <div class="text-center text-xs truncate p-5" style="color: #999"> | 104 | <div class="text-center text-xs truncate p-5" style="color: #999"> |
100 | <div | 105 | <div |
101 | - :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 14 }) }" | 106 | + :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 12 }) }" |
102 | class="truncate" | 107 | class="truncate" |
103 | > | 108 | > |
104 | <span class="mr-1">更新时间:</span> | 109 | <span class="mr-1">更新时间:</span> |
105 | <span class="truncate"> | 110 | <span class="truncate"> |
106 | - {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 111 | + {{ |
112 | + props.value?.updateTime | ||
113 | + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT) | ||
114 | + : '暂无更新时间' | ||
115 | + }} | ||
107 | </span> | 116 | </span> |
108 | </div> | 117 | </div> |
109 | </div> | 118 | </div> |