停车场前

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

@@ -4,34 +4,17 @@
       <h1 class="header_title">松花湖景区通</h1>
       <span class="time">{{ currentTime }}</span>
     </div>
-    <div class="shh_part">
+    <div class="shh_part" v-for="item in parkingLots" :key="item.id" >
       <div class="shh_part_div">
         <img src="@/assets/images/shh_part1.png"/>
-        <div class="shh_txt">
-          <h1>一号松花湖停车场</h1>
-          <p>总车位数：100</p>
-          <p>当日营收：100</p>
-          <p>当月营收：100</p>
-        </div>
-      </div>
-      <div class="shh_part_div">
-        <img src="@/assets/images/shh_part2.png"/>
-        <div class="shh_txt">
-          <h1>二号松花湖停车场</h1>
-          <p>总车位数：100</p>
-          <p>当日营收：100</p>
-          <p>当月营收：100</p>
-        </div>
-      </div>
-      <div class="shh_part_div">
-        <img src="@/assets/images/shh_part3.png"/>
-        <div class="shh_txt">
-          <h1>三号松花湖停车场</h1>
-          <p>总车位数：100</p>
-          <p>当日营收：100</p>
-          <p>当月营收：100</p>
+        <div class="parking-lot">
+          <h1>{{ getParkingLotName(item.parkId) }}</h1>
+          <p>总车位数：{{ item.allSpaceNumber }}</p>
+          <p>当日营收：{{ item.totalOutMoney }}</p>
+          <p>当月营收：{{ item.totalPreMoney }}</p>
         </div>
       </div>
+
       <div class="shh_part_div">
         <img src="@/assets/images/shh_part4.png"/>
         <div class="shh_txt">
@@ -65,6 +48,7 @@
 <script>
 
 import {getGpsByDid, getShipRoute} from "@/api/ship/shipMapping";
+import {getParkData} from "@/api/park/parkLot";
 
 
 export default {
@@ -72,6 +56,7 @@ export default {
   data() {
     return {
       dataSource: [],
+      parkingLots: [],
       map: [],
       currentTime: ''
     }
@@ -86,6 +71,7 @@ export default {
   },
   created() {
     this.handler();
+    this.fetchParkingLots();
   },
   methods: {
     getCurrentTime() {
@@ -107,6 +93,25 @@ export default {
 
       this.currentTime = `${year}年${formattedMonth}月${formattedDate}日 ${weekDays[day]} ${formattedHour}:${formattedMinute}:${formattedSecond}`;
     },
+    fetchParkingLots() {
+      getParkData().then(response => {
+          this.parkingLots = response.data;
+          console.log(response)
+        })
+    },
+    getParkingLotName(parkId) {
+      // 在这里根据 parkId 返回停车场名称
+      switch (parkId) {
+        case "15305":
+          return "一号松花湖停车场";
+        case "15338":
+          return "二号松花湖停车场";
+        // 可以继续添加其他停车场的情况
+        // default:
+        //   return "未知停车场";
+      }
+    },
+
     //地图
     handler() {
       getShipRoute().then(res => {