|
@@ -22,7 +22,7 @@
|
|
|
:contentStyle="{fontSize: '12px'}"
|
|
:contentStyle="{fontSize: '12px'}"
|
|
|
style="margin-top: 20px;"
|
|
style="margin-top: 20px;"
|
|
|
>
|
|
>
|
|
|
- <a-descriptions-item label="设备标识码">{{state.deviceDetail?.deviceStatus}}</a-descriptions-item>
|
|
|
|
|
|
|
+ <a-descriptions-item label="设备标识码">{{state.deviceDetail?.deviceCode}}</a-descriptions-item>
|
|
|
<a-descriptions-item label="设备ID">
|
|
<a-descriptions-item label="设备ID">
|
|
|
<a-space>
|
|
<a-space>
|
|
|
<span> {{state.deviceDetail?.id}}</span>
|
|
<span> {{state.deviceDetail?.id}}</span>
|
|
@@ -68,7 +68,7 @@
|
|
|
<div>{{item.keyLabel}}</div>
|
|
<div>{{item.keyLabel}}</div>
|
|
|
<a-tooltip>
|
|
<a-tooltip>
|
|
|
<template #title><span> {{item[CommonController.dataTypeByKeyMap.get(item.dataType)]}}</span> <span v-if='item.dataUnit'>{{item.dataUnit}}</span></template>
|
|
<template #title><span> {{item[CommonController.dataTypeByKeyMap.get(item.dataType)]}}</span> <span v-if='item.dataUnit'>{{item.dataUnit}}</span></template>
|
|
|
- <div> <span>{{'<'}} {{item[CommonController.dataTypeByKeyMap.get(item.dataType)]}}</span> <span v-if='item.dataUnit'>{{item.dataUnit}}</span> {{'>'}}</div>
|
|
|
|
|
|
|
+ <span class="data-type" >{{'<'}} <div class='elip' >{{item[CommonController.dataTypeByKeyMap.get(item.dataType)]}}</div> <span v-if='item.dataUnit'>{{item.dataUnit}}</span> {{'>'}}</span>
|
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
|
|
|
|
|
|
<div>{{dayjs(item.ts).format('YYYY/MM/DD HH:MM:ss')}}</div>
|
|
<div>{{dayjs(item.ts).format('YYYY/MM/DD HH:MM:ss')}}</div>
|
|
@@ -168,10 +168,15 @@ onMounted(async () => {
|
|
|
height: 100px;
|
|
height: 100px;
|
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
- div {
|
|
|
|
|
|
|
+ .data-type {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+
|
|
|
|
|
+ width: 200px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .elip {
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
- width: 200px;
|
|
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|