修改

songhua-ui/src/assets/styles/shh_index.scss

@@ -453,7 +453,8 @@
   position: absolute;
   right: 10px;
   top: 80px;
-  width: 360px;
+  //width: 360px;
+  width: 580px;
   z-index: 9;
   background: #010e21;
   border: 1px solid #010f4b;

songhua-ui/src/views/index1/index.vue

@@ -9,13 +9,23 @@
         <img :src="getImgUrl(item.parkId)"/>
         <div class="shh_txt">
           <h1>{{ getParkingLotName(item.parkId) }}</h1>
-          <p>总车位数：{{ item.allSpaceNumber }}</p>
-          <p>已用车位：{{ item.useSpaceNumber }}</p>
-          <p>剩余车位：{{ item.remainSpaceNumber }}</p>
-          <p>当前在场车辆：{{ item.inParkCount }}</p>
-          <p>当天出场车辆：{{ item.outParkCount }}</p>
-          <p>当天线下支付金额：{{ item.totalOutMoney }}</p>
-          <p>当天网络支付金额：{{ item.totalPreMoney }}</p>
+          <table style="width: 100%;color: white;border-collapse: collapse;">
+            <tr>
+              <td>总车位数：{{ item.allSpaceNumber }}</td>
+            </tr>
+            <tr>
+              <td>剩余车位：{{ item.remainSpaceNumber }}</td>
+              <td style="padding: 0 25px;">已用车位：{{ item.useSpaceNumber }}</td>
+            </tr>
+            <tr>
+              <td>当天出场车辆：{{ item.outParkCount }}</td>
+              <td style="padding: 0 25px;">当前在场车辆：{{ item.inParkCount }}</td>
+            </tr>
+            <tr>
+              <td>当天线下支付金额：{{ item.totalOutMoney }}</td>
+              <td style="padding: 0 25px;">当天网络支付金额：{{ item.totalPreMoney }}</td>
+            </tr>
+          </table>
         </div>
       </div>
     </div>