简柏林 / 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,31 +162,34 @@
162 > 162 >
163 {{ props.value.name }} 163 {{ props.value.name }}
164 </div> 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 </div> 193 </div>
191 </div> 194 </div>
192 </template> 195 </template>
@@ -152,31 +152,34 @@ @@ -152,31 +152,34 @@
152 > 152 >
153 <span>{{ props.value.name || '电表' }}</span> 153 <span>{{ props.value.name || '电表' }}</span>
154 </div> 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 </div> 183 </div>
181 <div></div> 184 <div></div>
182 </section> 185 </section>
@@ -93,16 +93,17 @@ @@ -93,16 +93,17 @@
93 </div> 93 </div>
94 </div> 94 </div>
95 </div> 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 <div 107 <div
107 :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }" 108 :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }"
108 class="truncate" 109 class="truncate"
@@ -116,7 +117,7 @@ @@ -116,7 +117,7 @@
116 }} 117 }}
117 </span> 118 </span>
118 </div> 119 </div>
119 - </div>  
120 - </Tooltip> 120 + </Tooltip>
  121 + </div>
121 </div> 122 </div>
122 </template> 123 </template>