refactor(web-antd): 优化电表信息卡片的样式和内容

This commit is contained in:
2025-08-31 16:16:19 +08:00
parent 55e57eb219
commit ee6aa163d9

View File

@@ -51,7 +51,7 @@ function targetFn() {
<div class="cards-container">
<div v-for="item in readingData" class="meterInfo-card">
<h2>
{{ item.meterName }}<span>{{ item.installLocation }}</span>
{{ item.meterName }}
</h2>
<div class="meterInfo-reading">
<p>{{ item.initReading }}</p>
@@ -60,24 +60,23 @@ function targetFn() {
<div class="meterInfo-list">
<ul>
<li>
<span>时间</span>
<span>采集时间</span>
<span>{{ readingTime }}</span>
</li>
<li>
<span>采集器IP</span>
<span>{{ item.hostIp }}</span>
<span>设备位置</span>
<span>{{ item.installLocation }}</span>
</li>
</ul>
</div>
<div class="button-get-plan">
<a
href="#"
v-if="item.communicationState !== 0"
style="background: #6bb1e3"
>
<span>在线</span>
</a>
<a href="#" v-else style="background: orange">
<a v-else style="background: orange">
<span>离线</span>
</a>
</div>
@@ -119,7 +118,7 @@ function targetFn() {
border-bottom: 4px solid #87ceeb;
box-shadow: 0 6px 30px rgba(173, 216, 230, 0.3);
font-family: 'Poppins', sans-serif;
height: 290px;
height: 270px;
margin: 0 5px 20px 5px;
}
@@ -207,6 +206,7 @@ function targetFn() {
.meterInfo-list ul li span {
font-weight: 300;
white-space: nowrap;
}
.button-get-plan {