修改

src/pages.json

@@ -5,15 +5,21 @@
 			"^wd-(.*)": "wot-design-uni/components/wd-$1/wd-$1.vue"
 		}
 	},
-	"pages": [ // pages 数组中第一项表示应用启动页
+	"pages": [
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "小程序平台"
+				"navigationBarTitleText": "公积金"
+			}
+		},
+		{
+			"path": "pages/map/map",
+			"style": {
+				"navigationBarTitleText": "公积金地图"
 			}
 		}
 	],
 	"globalStyle": {
 		"navigationStyle": "custom"
 	}
-}
+}
\ No newline at end of file

src/pages/map/map.vue

+<template>
+	<div class="main" v-if="apartments">
+		<div class="box1">
+			<div class="btxt">贵阳公积金中心地图</div>
+			<div class="stxt">您可拨打以下几个管理部门电话咨询公积金业务</div>
+		</div>
+		<div class="box2 inner">
+			<div class="item" v-for="item in apartments">
+				<div class="map1">
+					<div class="txt">{{item.glbmc}}</div>
+					<div class="copy" @click="copyText(item)">
+						<span class="iconfont icon-fuzhi"></span>
+						复制
+					</div>
+				</div>
+				<div class="map2">地址：{{item.wddz}}</div>
+				<div class="map3" @click="callNumber(item.bgdh)">电话：<span>{{item.bgdh}}</span></div>
+			</div>
+		</div>
+		<div class="cover" v-if="copyFlag">
+			<div class="alertinfo">复制成功</div>
+		</div>
+	</div>
+</template>
+
+<script setup>
+	import {
+		mapPinia
+	} from '@/store';
+	const { mapList } = mapStore();
+	import {
+		ref,
+		computed
+	} from 'vue'
+
+	const copyFlag = ref(false)
+	const copyText = (item) => {
+		let str = item.glbmc + "-" + item.wddz + "-" + item.bgdh;
+		navigator.clipboard.writeText(str);
+		copyFlag.value = true;
+		setTimeout(() => {
+			copyFlag.value = false;
+		}, 1500)
+
+	}
+	const callNumber = (number) => {
+		window.location.href = "tel:" + number
+	}
+	const apartments = computed(() => {
+		return mapStore.mapList || []
+	})
+	
+	
+
+</script>
+
+<style scoped>
+	* {
+		padding: 0px;
+		margin: 0px;
+		font-family: "Microsoft YaHei";
+	}
+
+	.cover {
+		position: fixed;
+		top: 0px;
+		bottom: 0px;
+		left: 0px;
+		right: 0px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.alertinfo {
+		font-size: 18px;
+		color: white;
+		padding: 5px 10px;
+		border-radius: 3px;
+		background: rgba(0, 0, 0, 0.5);
+	}
+
+	.main {
+		width: 100%;
+		max-width: 750px;
+		box-sizing: border-box;
+	}
+
+	.inner {
+		width: 90%;
+		margin: 20px auto;
+	}
+
+	a {
+		text-decoration: none;
+	}
+
+	.box1 {
+		position: relative;
+		background-color: white;
+		padding: 40px 0 30px 9.5%;
+		box-sizing: border-box;
+		margin-top: 15px
+	}
+
+	.box1 .btxt {
+		font-size: 24px;
+		font-weight: bold;
+		margin-bottom: 5px;
+	}
+
+	.box1 .stxt {
+		font-size: 14px;
+		color: #898989
+	}
+
+	.item {
+		font-size: 16px;
+		border-radius: 6px;
+		background-color: white;
+		padding: 13px 10px 10px;
+		box-sizing: border-box;
+		margin-bottom: 15px;
+	}
+
+	.map1 {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 10px;
+	}
+
+	.map1 .txt {
+		font-size: 18px;
+		font-weight: bold;
+	}
+
+	.map1 .copy {}
+
+	.map1 .copy .iconfont {
+		color: #ff7902
+	}
+
+	.map2 {
+		margin-bottom: 5px;
+	}
+
+	.map3 span {
+		color: #ff7902
+	}
+</style>
\ No newline at end of file

src/store/index.ts

@@ -5,6 +5,6 @@ const store = createPinia();
 export default store;
 
 // 模块统一导出
-export * from './map';
+export * from './person';
 // 模块统一导出
-//export * from './map';
+export * from './map';

src/store/person.js

+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+
+export const personPinia = defineStore('person', () => {
+	const person = ref([])
+	return { person }
+})
\ No newline at end of file