简柏林 / thingskit-front · Commits

Commit b945b93baf180dc8b73ba5d1f5807dda3edf1a68

Authored by ww
1 parent 2585c2d9

perf: adjust data board component update time tooltip position

Inline Side-by-side
Showing 3 changed files with 65 additions and 58 deletions
... ... @@ -162,31 +162,34 @@
162 162 >
163 163 {{ props.value.name }}
164 164 </div>
165   - <Tooltip
166   - placement="top"
167   - :title="
168   - props.value?.updateTime
169   - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
170   - : '暂无更新时间'
171   - "
  165 +
  166 + <div
  167 + class="text-xs text-center p-5"
  168 + :style="{
  169 + fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }),
  170 + color: '#999',
  171 + }"
172 172 >
173   - <div
174   - class="text-xs text-center truncate p-5"
175   - :style="{
176   - fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }),
177   - color: '#999',
178   - }"
  173 + <Tooltip
  174 + placement="top"
  175 + :title="
  176 + props.value?.updateTime
  177 + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
  178 + : '暂无更新时间'
  179 + "
179 180 >
180   - <span class="mr-2">更新时间:</span>
181   - <span>
182   - {{
183   - props.value?.updateTime
184   - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
185   - : '暂无更新时间'
186   - }}
187   - </span>
188   - </div>
189   - </Tooltip>
  181 + <div class="truncate">
  182 + <span class="mr-2">更新时间:</span>
  183 + <span>
  184 + {{
  185 + props.value?.updateTime
  186 + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
  187 + : '暂无更新时间'
  188 + }}
  189 + </span>
  190 + </div>
  191 + </Tooltip>
  192 + </div>
190 193 </div>
191 194 </div>
192 195 </template>
... ...
... ... @@ -152,31 +152,34 @@
152 152 >
153 153 <span>{{ props.value.name || '电表' }}</span>
154 154 </div>
155   - <Tooltip
156   - placement="top"
157   - :title="
158   - props.value?.updateTime
159   - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
160   - : '暂无更新时间'
161   - "
  155 +
  156 + <div
  157 + class="text-center text-xs p-5"
  158 + :style="{
  159 + fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 16 }),
  160 + color: '#999',
  161 + }"
162 162 >
163   - <div
164   - class="text-center text-xs truncate p-5"
165   - :style="{
166   - fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 16 }),
167   - color: '#999',
168   - }"
  163 + <Tooltip
  164 + placement="top"
  165 + :title="
  166 + props.value?.updateTime
  167 + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
  168 + : '暂无更新时间'
  169 + "
169 170 >
170   - <span class="mr-1">更新时间:</span>
171   - <span>
172   - {{
173   - props.value?.updateTime
174   - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
175   - : '暂无更新时间'
176   - }}
177   - </span>
178   - </div>
179   - </Tooltip>
  171 + <div class="truncate">
  172 + <span class="mr-1">更新时间:</span>
  173 + <span>
  174 + {{
  175 + props.value?.updateTime
  176 + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
  177 + : '暂无更新时间'
  178 + }}
  179 + </span>
  180 + </div>
  181 + </Tooltip>
  182 + </div>
180 183 </div>
181 184 <div></div>
182 185 </section>
... ...
... ... @@ -93,16 +93,17 @@
93 93 </div>
94 94 </div>
95 95 </div>
96   - <Tooltip
97   - v-if="getShowUpdate"
98   - placement="top"
99   - :title="
100   - props.value?.updateTime
101   - ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
102   - : '暂无更新时间'
103   - "
104   - >
105   - <div class="text-center text-xs truncate p-5" style="color: #999">
  96 +
  97 + <div class="text-center text-xs truncate p-5" style="color: #999">
  98 + <Tooltip
  99 + v-if="getShowUpdate"
  100 + placement="top"
  101 + :title="
  102 + props.value?.updateTime
  103 + ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
  104 + : '暂无更新时间'
  105 + "
  106 + >
106 107 <div
107 108 :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }"
108 109 class="truncate"
... ... @@ -116,7 +117,7 @@
116 117 }}
117 118 </span>
118 119 </div>
119   - </div>
120   - </Tooltip>
  120 + </Tooltip>
  121 + </div>
121 122 </div>
122 123 </template>
... ...