no message

src/components/map/parkingData.ts

@@ -11,6 +11,7 @@ export const parkingData = [
     title: "雷公尖乡秀谷街3号万花谷景区",
     left: -36,
     right: -129,
+    num: 120,
   },
   {
     markerContent: `
@@ -23,6 +24,7 @@ export const parkingData = [
     title: "双溪镇曹山村东白源生态养生谷",
     left: -36,
     right: -129,
+    num: 100,
   },
   {
     markerContent: `
@@ -35,6 +37,7 @@ export const parkingData = [
     title: "停车场(新天地大厦东)",
     left: -40,
     right: -129,
+    num: 30,
   },
   {
     markerContent: `
@@ -47,6 +50,7 @@ export const parkingData = [
     title: "三爪仑旅游区停车场",
     left: -36,
     right: -129,
+    num: 221,
   },
   {
     markerContent: `
@@ -59,6 +63,7 @@ export const parkingData = [
     title: "宝峰寺停车场",
     left: -36,
     right: -129,
+    num: 80,
   },
   {
     markerContent: `
@@ -71,6 +76,7 @@ export const parkingData = [
     title: "仁首中心小学",
     left: -36,
     right: -129,
+    num: 105,
   },
   {
     markerContent: `
@@ -83,6 +89,7 @@ export const parkingData = [
     title: "知青食堂",
     left: -36,
     right: -129,
+    num: 30,
   },
   {
     markerContent: `
@@ -95,6 +102,7 @@ export const parkingData = [
     title: "橹崖漂流停车场",
     left: -36,
     right: -129,
+    num: 200,
   },
   {
     markerContent: `
@@ -107,6 +115,7 @@ export const parkingData = [
     title: "靖安恒茂御泉谷国际度假山庄",
     left: -36,
     right: -129,
+    num: 110,
   },
   {
     markerContent: `
@@ -119,6 +128,7 @@ export const parkingData = [
     title: "中源乡避暑小镇1号停车场",
     left: -36,
     right: -129,
+    num: 115,
   },
   {
     markerContent: `
@@ -131,6 +141,7 @@ export const parkingData = [
     title: "洪屏停车区",
     left: -36,
     right: -129,
+    num: 28,
   },
   {
     markerContent: `
@@ -143,5 +154,6 @@ export const parkingData = [
     title: "靖安清和停车场",
     left: -66,
     right: -129,
+    num: 170,
   },
 ];

src/components/map/toiletData.ts

@@ -11,6 +11,15 @@ export const toiletData = [
     title: "云水自然界旅游厕所1号",
     left: 16,
     right: -79,
+    level: "A",
+    area: 40,
+    man: 3,
+    woman: 6,
+    barrierFree: 1,
+    third: 0,
+    unisex: 0,
+    number: "JX-YC-1187",
+    address: "江西省宜春市靖安县S218",
   },
   {
     markerContent: `
@@ -23,6 +32,15 @@ export const toiletData = [
     title: "三爪仑乡红星村旅游厕所",
     left: 16,
     right: -129,
+    level: "AA",
+    area: 60,
+    man: 4,
+    woman: 6,
+    barrierFree: 0,
+    third: 1,
+    unisex: 0,
+    number: "JX-YC-1210",
+    address: "江西省宜春市靖安县宝躁线",
   },
   {
     markerContent: `
@@ -35,6 +53,15 @@ export const toiletData = [
     title: "宝峰镇马祖广场公厕",
     left: 16,
     right: -129,
+    level: "A",
+    area: 40,
+    man: 3,
+    woman: 5,
+    barrierFree: 0,
+    third: 1,
+    unisex: 1,
+    number: "JX-YC-0111",
+    address: "江西省宜春市靖安县六合街",
   },
   {
     markerContent: `
@@ -47,6 +74,15 @@ export const toiletData = [
     title: "港背包家乡村旅游厕所",
     left: 16,
     right: -129,
+    level: "AA",
+    area: 60,
+    man: 5,
+    woman: 8,
+    barrierFree: 1,
+    third: 0,
+    unisex: 0,
+    number: "JX-YC-0834",
+    address: "江西省宜春市靖安县",
   },
   {
     markerContent: `
@@ -59,6 +95,15 @@ export const toiletData = [
     title: "毗炉田园综合体旅游厕所",
     left: -46,
     right: -109,
+    level: "AAA",
+    area: 80,
+    man: 6,
+    woman: 9,
+    barrierFree: 0,
+    third: 1,
+    unisex: 0,
+    number: "JX-YC-0952",
+    address: "江西省宜春市靖安县218省道",
   },
   {
     markerContent: `
@@ -71,6 +116,15 @@ export const toiletData = [
     title: "东白源生态养生谷2号旅游厕所",
     left: -16,
     right: -89,
+    level: "AA",
+    area: 60,
+    man: 3,
+    woman: 6,
+    barrierFree: 0,
+    third: 0,
+    unisex: 0,
+    number: "JX-YC-1075",
+    address: "江西省宜春市靖安县",
   },
   {
     markerContent: `
@@ -83,6 +137,15 @@ export const toiletData = [
     title: "中华传统文化园5号旅游厕所",
     left: -16,
     right: -99,
+    level: "AAA",
+    area: 80,
+    man: 4,
+    woman: 4,
+    barrierFree: 0,
+    third: 2,
+    unisex: 0,
+    number: "JX-YC-0888",
+    address: "江西省宜春市靖安县靖罗线",
   },
   {
     markerContent: `
@@ -95,6 +158,15 @@ export const toiletData = [
     title: "九岭森林温泉度假村厕所",
     left: -6,
     right: -69,
+    level: "AAA",
+    area: 80,
+    man: 8,
+    woman: 10,
+    barrierFree: 2,
+    third: 0,
+    unisex: 0,
+    number: "JX-YC-0185",
+    address: "江西省宜春市靖安县清华大道41号",
   },
   {
     markerContent: `
@@ -107,6 +179,15 @@ export const toiletData = [
     title: "神仙谷厕所",
     left: -36,
     right: -129,
+    level: "AAA",
+    area: 80,
+    man: 8,
+    woman: 10,
+    barrierFree: 1,
+    third: 0,
+    unisex: 0,
+    number: "JX-YC-0186",
+    address: "江西省宜春市靖安县",
   },
   {
     markerContent: `
@@ -119,6 +200,15 @@ export const toiletData = [
     title: "宝峰禅韵小镇厕所",
     left: -26,
     right: -120,
+    level: "AAA",
+    area: 80,
+    man: 8,
+    woman: 10,
+    barrierFree: 2,
+    third: 0,
+    unisex: 0,
+    number: "JX-YC-0187",
+    address: "江西省宜春市靖安县靖罗线",
   },
   {
     markerContent: `
@@ -131,5 +221,14 @@ export const toiletData = [
     title: "中源特色小镇旅游厕所",
     left: -6,
     right: -129,
+    level: "AAA",
+    area: 80,
+    man: 6,
+    woman: 9,
+    barrierFree: 0,
+    third: 1,
+    unisex: 0,
+    number: "JX-YC-0944",
+    address: "江西省宜春市靖安县519省道",
   },
 ];

src/views/server/center/parkingDetailDialog.vue

@@ -9,7 +9,7 @@
       <div class="info">
         <div class="info_box">开放时间：00:00 - 24:00</div>
         <div class="info_box">是否免费：免费</div>
-        <div class="info_box">总车位数：34/90</div>
+        <div class="info_box">总车位数：{{ info?.num }}</div>
       </div>
 
       <!-- 关闭按钮区域 -->
@@ -19,9 +19,23 @@
 </template>
 
 <script setup lang="ts">
-defineProps(["currentParking"]);
+import { onMounted, ref } from "vue";
+// 引入停车场数据
+import { parkingData } from "@/components/map/parkingData";
+
+const props = defineProps(["currentParking"]);
 const $emit = defineEmits(["closeDialog"]);
 
+// 停车场详细信息
+const info = ref();
+
+onMounted(() => {
+  // 匹配出对应停车场的信息
+  info.value = parkingData.find(
+    (ele: any) => ele.title === props.currentParking
+  );
+});
+
 // 点击关闭按钮回调
 const handleClose = () => {
   $emit("closeDialog", false);

src/views/server/center/toiletDetailDialog.vue

@@ -75,8 +75,21 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted, ref } from "vue";
+// 引入厕所数据
+import { toiletData } from "@/components/map/toiletData";
+
 const $emit = defineEmits(["closeDialog"]);
-defineProps(["currentToilet"]);
+const props = defineProps(["currentToilet"]);
+
+// 厕所信息
+const info = ref();
+
+onMounted(() => {
+  // 匹配出当前厕所的信息
+  info.value = toiletData.find((ele: any) => ele.title === props.currentToilet);
+  // console.log(info.value);
+});
 
 // 点击关闭按钮回调
 const handleClose = () => {