projects/mesxc-zjl
into projects/mesxc-test
7 months ago
@@ -9,8 +9,8 @@ | |||||
<div class="itemBox"> | <div class="itemBox"> | ||||
<div class="itemClass" v-for="(item, index) in realtimeList" :key='index'> | <div class="itemClass" v-for="(item, index) in realtimeList" :key='index'> | ||||
<div class="itemSub"> | <div class="itemSub"> | ||||
<p class="itemNum">{{item.checkValue}}</p> | |||||
<p class="itemDescribe"> | |||||
<p class="itemNum">{{item.checkValue ? (item.checkValue).toFixed(2) : '-'}}</p> | |||||
<p class="itemDescribe" :title="item.name"> | |||||
<img src="./../../../../../assets/images/detectionData.png" alt=""> | <img src="./../../../../../assets/images/detectionData.png" alt=""> | ||||
{{item.name}}</p> | {{item.name}}</p> | ||||
</div> | </div> | ||||
@@ -123,6 +123,9 @@ export default { | |||||
.itemDescribe { | .itemDescribe { | ||||
font-size: 16px; | font-size: 16px; | ||||
text-align: right; | text-align: right; | ||||
white-space: nowrap; /* 防止换行 */ | |||||
overflow: hidden; /* 隐藏超出部分 */ | |||||
text-overflow: ellipsis; /* 添加省略号 */ | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -9,8 +9,8 @@ | |||||
<div class="itemBox"> | <div class="itemBox"> | ||||
<div class="itemClass" v-for="(item, index) in realtimeList" :key='index'> | <div class="itemClass" v-for="(item, index) in realtimeList" :key='index'> | ||||
<div class="itemSub"> | <div class="itemSub"> | ||||
<p class="itemNum">{{item.checkValue}}</p> | |||||
<p class="itemDescribe"> | |||||
<p class="itemNum">{{item.checkValue ? (item.checkValue).toFixed(2) : '-'}}</p> | |||||
<p class="itemDescribe" :title="item.name"> | |||||
<img src="./../../../../../assets/images/detectionData.png" alt=""> | <img src="./../../../../../assets/images/detectionData.png" alt=""> | ||||
{{item.name}}</p> | {{item.name}}</p> | ||||
</div> | </div> | ||||
@@ -123,6 +123,9 @@ export default { | |||||
.itemDescribe { | .itemDescribe { | ||||
font-size: 16px; | font-size: 16px; | ||||
text-align: right; | text-align: right; | ||||
white-space: nowrap; /* 防止换行 */ | |||||
overflow: hidden; /* 隐藏超出部分 */ | |||||
text-overflow: ellipsis; /* 添加省略号 */ | |||||
} | } | ||||
} | } | ||||
} | } | ||||
@@ -8,8 +8,8 @@ | |||||
<div class="itemBox"> | <div class="itemBox"> | ||||
<div class="itemClass" v-for="(item, index) in realtimeList" :key='index'> | <div class="itemClass" v-for="(item, index) in realtimeList" :key='index'> | ||||
<div class="itemSub"> | <div class="itemSub"> | ||||
<p class="itemNum">{{item.checkValue}}</p> | |||||
<p class="itemDescribe"> | |||||
<p class="itemNum">{{item.checkValue ? (item.checkValue).toFixed(2) : '-'}}</p> | |||||
<p class="itemDescribe" :title="item.name"> | |||||
<img src="./../../../../../assets/images/detectionData.png" alt=""> | <img src="./../../../../../assets/images/detectionData.png" alt=""> | ||||
{{item.name}}</p> | {{item.name}}</p> | ||||
</div> | </div> | ||||
@@ -120,6 +120,9 @@ export default { | |||||
.itemDescribe { | .itemDescribe { | ||||
font-size: 16px; | font-size: 16px; | ||||
text-align: right; | text-align: right; | ||||
white-space: nowrap; /* 防止换行 */ | |||||
overflow: hidden; /* 隐藏超出部分 */ | |||||
text-overflow: ellipsis; /* 添加省略号 */ | |||||
} | } | ||||
} | } | ||||
} | } | ||||