Commit cee009533e4001d0320d1030a6083d898a9e1c62
1 parent
31da84d8
fix: DEFECT-1652 输入超长设备信息影响设备详情页查看了
Showing
2 changed files
with
13 additions
and
3 deletions
| ... | ... | @@ -32,14 +32,14 @@ export const columns: BasicColumn[] = [ |
| 32 | 32 | h( |
| 33 | 33 | 'div', |
| 34 | 34 | { |
| 35 | - class: 'cursor-pointer', | |
| 35 | + class: 'cursor-pointer truncate', | |
| 36 | 36 | }, |
| 37 | 37 | `${record.alias}` |
| 38 | 38 | ), |
| 39 | 39 | h( |
| 40 | 40 | 'div', |
| 41 | 41 | { |
| 42 | - class: 'cursor-pointer text-blue-500', | |
| 42 | + class: 'cursor-pointer text-blue-500 truncate', | |
| 43 | 43 | onClick: () => { |
| 44 | 44 | handeleCopy(`${record.name}`); |
| 45 | 45 | }, | ... | ... |
| ... | ... | @@ -47,7 +47,7 @@ |
| 47 | 47 | </div> |
| 48 | 48 | </BasicModal> |
| 49 | 49 | </div> |
| 50 | - <Description @register="register" class="mt-4" :data="deviceDetail" /> | |
| 50 | + <Description @register="register" class="mt-4" :data="deviceDetail" :contentStyle="CS" /> | |
| 51 | 51 | </div> |
| 52 | 52 | <div class="mt-4" v-if="!isCustomer"> |
| 53 | 53 | <a-button type="primary" class="mr-4" @click="copyTbDeviceId">复制设备ID</a-button> |
| ... | ... | @@ -116,6 +116,15 @@ |
| 116 | 116 | column: 2, |
| 117 | 117 | }); |
| 118 | 118 | |
| 119 | + const CS = { | |
| 120 | + 'max-width': '600px', | |
| 121 | + 'word-break': 'break-all', | |
| 122 | + overflow: 'hidden', | |
| 123 | + display: '-webkit-box', | |
| 124 | + '-webkit-line-clamp': 2, | |
| 125 | + '-webkit-box-orient': 'vertical', | |
| 126 | + }; | |
| 127 | + | |
| 119 | 128 | // 地图 |
| 120 | 129 | const mapWrapRef = ref<HTMLDivElement>(); |
| 121 | 130 | |
| ... | ... | @@ -217,6 +226,7 @@ |
| 217 | 226 | remoteConnectiondGateway, |
| 218 | 227 | locationImage, |
| 219 | 228 | isCustomer, |
| 229 | + CS, | |
| 220 | 230 | }; |
| 221 | 231 | }, |
| 222 | 232 | }); | ... | ... |