Commit 6cca4146cb48b730156ee8e8f6c7239ff1018fcf
1 parent
7cdca435
perf: data board component update time tooltip position
Showing
7 changed files
with
35 additions
and
26 deletions
| @@ -142,20 +142,20 @@ | @@ -142,20 +142,20 @@ | ||
| 142 | <div class="text-center" :style="{ fontSize: fontSize({ radio: getRadio, basic: 16 }) }"> | 142 | <div class="text-center" :style="{ fontSize: fontSize({ radio: getRadio, basic: 16 }) }"> |
| 143 | {{ props.value.name }} | 143 | {{ props.value.name }} |
| 144 | </div> | 144 | </div> |
| 145 | - <div | ||
| 146 | - class="text-xs text-center truncate p-5" | ||
| 147 | - :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }" | 145 | + <Tooltip |
| 146 | + placement="top" | ||
| 147 | + :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | ||
| 148 | > | 148 | > |
| 149 | - <Tooltip | ||
| 150 | - placement="top" | ||
| 151 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | 149 | + <div |
| 150 | + class="text-xs text-center truncate p-5" | ||
| 151 | + :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }" | ||
| 152 | > | 152 | > |
| 153 | <span class="mr-2">更新时间:</span> | 153 | <span class="mr-2">更新时间:</span> |
| 154 | <span> | 154 | <span> |
| 155 | {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 155 | {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} |
| 156 | </span> | 156 | </span> |
| 157 | - </Tooltip> | ||
| 158 | - </div> | 157 | + </div> |
| 158 | + </Tooltip> | ||
| 159 | </div> | 159 | </div> |
| 160 | </div> | 160 | </div> |
| 161 | </template> | 161 | </template> |
| @@ -151,20 +151,20 @@ | @@ -151,20 +151,20 @@ | ||
| 151 | > | 151 | > |
| 152 | <span>{{ props.value.name || '电表' }}</span> | 152 | <span>{{ props.value.name || '电表' }}</span> |
| 153 | </div> | 153 | </div> |
| 154 | - <div | ||
| 155 | - class="text-center text-xs truncate p-5" | ||
| 156 | - :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }" | 154 | + <Tooltip |
| 155 | + placement="top" | ||
| 156 | + :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | ||
| 157 | > | 157 | > |
| 158 | - <Tooltip | ||
| 159 | - placement="top" | ||
| 160 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | 158 | + <div |
| 159 | + class="text-center text-xs truncate p-5" | ||
| 160 | + :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }" | ||
| 161 | > | 161 | > |
| 162 | <span class="mr-1">更新时间:</span> | 162 | <span class="mr-1">更新时间:</span> |
| 163 | <span> | 163 | <span> |
| 164 | {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 164 | {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} |
| 165 | </span> | 165 | </span> |
| 166 | - </Tooltip> | ||
| 167 | - </div> | 166 | + </div> |
| 167 | + </Tooltip> | ||
| 168 | </div> | 168 | </div> |
| 169 | <div></div> | 169 | <div></div> |
| 170 | </section> | 170 | </section> |
| @@ -258,7 +258,7 @@ export const update_instrument_1_font = (radio: number) => { | @@ -258,7 +258,7 @@ export const update_instrument_1_font = (radio: number) => { | ||
| 258 | 258 | ||
| 259 | export const update_instrument_2_font = (radio: number) => { | 259 | export const update_instrument_2_font = (radio: number) => { |
| 260 | const axisLabelFontSize = fontSize({ radio, basic: 10, max: 16 }); | 260 | const axisLabelFontSize = fontSize({ radio, basic: 10, max: 16 }); |
| 261 | - const detailFontSize = fontSize({ radio, basic: 20, max: 25, min: 12 }); | 261 | + const detailFontSize = fontSize({ radio, basic: 18, max: 18, min: 10 }); |
| 262 | return { | 262 | return { |
| 263 | series: [ | 263 | series: [ |
| 264 | { | 264 | { |
| @@ -91,11 +91,12 @@ | @@ -91,11 +91,12 @@ | ||
| 91 | </div> | 91 | </div> |
| 92 | </div> | 92 | </div> |
| 93 | </div> | 93 | </div> |
| 94 | - <div v-if="getShowUpdate" class="text-center text-xs truncate p-5" style="color: #999"> | ||
| 95 | - <Tooltip | ||
| 96 | - placement="top" | ||
| 97 | - :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | ||
| 98 | - > | 94 | + <Tooltip |
| 95 | + v-if="getShowUpdate" | ||
| 96 | + placement="top" | ||
| 97 | + :title="dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT)" | ||
| 98 | + > | ||
| 99 | + <div class="text-center text-xs truncate p-5" style="color: #999"> | ||
| 99 | <div | 100 | <div |
| 100 | :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 14 }) }" | 101 | :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 14 }) }" |
| 101 | class="truncate" | 102 | class="truncate" |
| @@ -105,7 +106,7 @@ | @@ -105,7 +106,7 @@ | ||
| 105 | {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} | 106 | {{ dateUtil(props?.value?.updateTime || new Date()).format(DEFAULT_DATE_FORMAT) }} |
| 106 | </span> | 107 | </span> |
| 107 | </div> | 108 | </div> |
| 108 | - </Tooltip> | ||
| 109 | - </div> | 109 | + </div> |
| 110 | + </Tooltip> | ||
| 110 | </div> | 111 | </div> |
| 111 | </template> | 112 | </template> |
| @@ -49,6 +49,8 @@ | @@ -49,6 +49,8 @@ | ||
| 49 | 49 | ||
| 50 | const ROUTER = useRouter(); | 50 | const ROUTER = useRouter(); |
| 51 | 51 | ||
| 52 | + // unref(ROUTE).name = unref(ROUTE).fullPath; | ||
| 53 | + | ||
| 52 | const { createMessage, createConfirm } = useMessage(); | 54 | const { createMessage, createConfirm } = useMessage(); |
| 53 | 55 | ||
| 54 | const getBoardId = computed(() => { | 56 | const getBoardId = computed(() => { |
| @@ -137,7 +137,13 @@ | @@ -137,7 +137,13 @@ | ||
| 137 | const handleViewBoard = (record: DataBoardRecord) => { | 137 | const handleViewBoard = (record: DataBoardRecord) => { |
| 138 | const hasDetailPermission = hasPermission('api:yt:data_component:list'); | 138 | const hasDetailPermission = hasPermission('api:yt:data_component:list'); |
| 139 | if (hasDetailPermission) | 139 | if (hasDetailPermission) |
| 140 | - router.push(`/data/board/detail/${encode(record.id)}/${encode(record.name)}`); | 140 | + router.push({ |
| 141 | + name: 'dataBoardDetail', | ||
| 142 | + params: { | ||
| 143 | + boardId: encode(record.id), | ||
| 144 | + boardName: encode(record.name), | ||
| 145 | + }, | ||
| 146 | + }); | ||
| 141 | else createMessage.warning('没有权限'); | 147 | else createMessage.warning('没有权限'); |
| 142 | }; | 148 | }; |
| 143 | 149 |
| @@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
| 14 | Reflect.deleteProperty(params, 'path'); | 14 | Reflect.deleteProperty(params, 'path'); |
| 15 | 15 | ||
| 16 | const _path = Array.isArray(path) ? path.join('/') : path; | 16 | const _path = Array.isArray(path) ? path.join('/') : path; |
| 17 | - | 17 | + console.log(unref(currentRoute)); |
| 18 | if (_redirect_type === 'name') { | 18 | if (_redirect_type === 'name') { |
| 19 | replace({ | 19 | replace({ |
| 20 | name: _path, | 20 | name: _path, |