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

apps/web-antd/src/views/property/energyManagement/electricEnergy/elctricitySituation/index.vue

@@ -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>设备位置：</span>
-                    <span>{{ item.hostIp }}</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 {