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