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> |