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,14 +32,14 @@ export const columns: BasicColumn[] = [ | ||
32 | h( | 32 | h( |
33 | 'div', | 33 | 'div', |
34 | { | 34 | { |
35 | - class: 'cursor-pointer', | 35 | + class: 'cursor-pointer truncate', |
36 | }, | 36 | }, |
37 | `${record.alias}` | 37 | `${record.alias}` |
38 | ), | 38 | ), |
39 | h( | 39 | h( |
40 | 'div', | 40 | 'div', |
41 | { | 41 | { |
42 | - class: 'cursor-pointer text-blue-500', | 42 | + class: 'cursor-pointer text-blue-500 truncate', |
43 | onClick: () => { | 43 | onClick: () => { |
44 | handeleCopy(`${record.name}`); | 44 | handeleCopy(`${record.name}`); |
45 | }, | 45 | }, |
@@ -47,7 +47,7 @@ | @@ -47,7 +47,7 @@ | ||
47 | </div> | 47 | </div> |
48 | </BasicModal> | 48 | </BasicModal> |
49 | </div> | 49 | </div> |
50 | - <Description @register="register" class="mt-4" :data="deviceDetail" /> | 50 | + <Description @register="register" class="mt-4" :data="deviceDetail" :contentStyle="CS" /> |
51 | </div> | 51 | </div> |
52 | <div class="mt-4" v-if="!isCustomer"> | 52 | <div class="mt-4" v-if="!isCustomer"> |
53 | <a-button type="primary" class="mr-4" @click="copyTbDeviceId">复制设备ID</a-button> | 53 | <a-button type="primary" class="mr-4" @click="copyTbDeviceId">复制设备ID</a-button> |
@@ -116,6 +116,15 @@ | @@ -116,6 +116,15 @@ | ||
116 | column: 2, | 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 | const mapWrapRef = ref<HTMLDivElement>(); | 129 | const mapWrapRef = ref<HTMLDivElement>(); |
121 | 130 | ||
@@ -217,6 +226,7 @@ | @@ -217,6 +226,7 @@ | ||
217 | remoteConnectiondGateway, | 226 | remoteConnectiondGateway, |
218 | locationImage, | 227 | locationImage, |
219 | isCustomer, | 228 | isCustomer, |
229 | + CS, | ||
220 | }; | 230 | }; |
221 | }, | 231 | }, |
222 | }); | 232 | }); |