Commit cee009533e4001d0320d1030a6083d898a9e1c62

Authored by fengwotao
1 parent 31da84d8

fix: DEFECT-1652 输入超长设备信息影响设备详情页查看了

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