Commit cee009533e4001d0320d1030a6083d898a9e1c62

Authored by fengwotao
1 parent 31da84d8

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

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