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 | }); | ... | ... |