diff --git a/src/views/dataBoard/sida/zy/gexingDetail.vue b/src/views/dataBoard/sida/zy/gexingDetail.vue
new file mode 100644
index 000000000..63852eed3
--- /dev/null
+++ b/src/views/dataBoard/sida/zy/gexingDetail.vue
@@ -0,0 +1,156 @@
+<template>
+	<popup :title="title" @close="handleClose">
+		<template v-slot:cnt>
+			<div class="m-info">
+				<div class="row">
+					<div class="item">
+						<div class="field">需求类型：</div>
+						<div class="value">{{ info.category }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">需求内容：</div>
+						<div class="value">{{ info.content }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">状态：</div>
+						<div class="value">{{ info.demand_status }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">需求人：</div>
+						<div class="value">{{ info.demand_user_name }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">完成情况：</div>
+						<div class="value">{{ info.finish_result }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">所属网格：</div>
+						<div class="value">{{ info.grid }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">备注：</div>
+						<div class="value">{{ info.remark }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">上报时间：</div>
+						<div class="value">{{ info.report_time }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">上报类型：</div>
+						<div class="value">{{ info.report_type }}</div>
+					</div>
+					<div class="item">
+						<div class="field">上报人：</div>
+						<div class="value">{{ info.report_user_name }}</div>
+					</div>
+					<div class="item">
+						<div class="field">联系电话：</div>
+						<div class="value">{{ info.report_user_mobile }}</div>
+					</div>
+					<div class="item">
+						<div class="field">评价：</div>
+						<div class="value">{{ info.score }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">服务方：</div>
+						<div class="value">{{ info.server_name }}</div>
+					</div>
+					<div class="item">
+						<div class="field">服务时间：</div>
+						<div class="value">{{ info.service_start_time }}</div>
+					</div>
+				</div>
+			</div>
+		</template>
+	</popup>
+</template>
+
+<script>
+import { Scene } from '@antv/l7';
+import popup from '@/views/dataBoard/cpts/popup';
+import { GaodeMap, Map } from '@antv/l7-maps';
+import { requestPostBi } from '@/js/dai/request-bipass';
+
+export default {
+	name: 'eventdetail',
+	props: {
+		detailId: {
+			type: String,
+			default: ''
+		},
+		detailType: {
+			type: String,
+			default: ''
+		}
+	},
+
+	components: { popup },
+	created() {},
+	data() {
+		return {
+			progress: [],
+			info: {},
+			title: '事件',
+			currentTabIndex: 0,
+			startTabIndex: 0,
+			currentTabIndex2: 0,
+			startTabIndex2: 0,
+			BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'],
+			tabList: [],
+			tabList2: [],
+			userArray: [],
+			userList: {}
+		};
+	},
+
+	mounted() {
+		this.getApiData();
+	},
+	computed: {},
+	methods: {
+		handleClose() {
+			this.$emit('close');
+		},
+
+		async getApiData() {
+			this.getInfo();
+		},
+
+		// 根据房屋id获取详情
+		async getInfo() {
+			const url = 'user_service_intro';
+
+			const { data, code, msg } = await requestPostBi(
+				url,
+				{
+					user_demand_id: this.detailId
+				},
+				{
+					// mockId: 60235478,
+				}
+			);
+			if (code === 0) {
+				this.info = { ...this.info, ...data[0] };
+				console.log('this.info', this.info);
+			} else {
+				this.$message.error(msg);
+			}
+		}
+	}
+};
+</script>
+<style scoped>
+.m-info .row .item .field {
+	width: 120px !important;
+}
+</style>
+<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>
diff --git a/src/views/dataBoard/sida/zy/gexingList.vue b/src/views/dataBoard/sida/zy/gexingList.vue
index 83d0adda9..ceaa75fa0 100644
--- a/src/views/dataBoard/sida/zy/gexingList.vue
+++ b/src/views/dataBoard/sida/zy/gexingList.vue
@@ -17,7 +17,7 @@
 
 <script>
 import cptTb from '@/views/dataBoard/cpts/tb';
-import detail from './peopleRes-detail';
+import detail from './gexingDetail';
 import { requestPostBi } from '@/js/dai/request-bipass';
 import getQueryPara from 'dai-js/modules/getQueryPara';
 
diff --git a/src/views/dataBoard/sida/zy/gonggongDetail.vue b/src/views/dataBoard/sida/zy/gonggongDetail.vue
new file mode 100644
index 000000000..8db55cfb3
--- /dev/null
+++ b/src/views/dataBoard/sida/zy/gonggongDetail.vue
@@ -0,0 +1,133 @@
+<template>
+	<popup :title="title" @close="handleClose">
+		<template v-slot:cnt>
+			<div class="m-info">
+				<div class="row">
+					<div class="item">
+					
+						<div class="field">政策依据：</div>
+						<div class="value">{{ info.policy_name }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">联系方式：</div>
+						<div class="value">{{ info.principal_contact }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">经办人：</div>
+						<div class="value">{{ info.principal_name }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">备注：</div>
+						<div class="value">{{ info.remark }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">服务范围：</div>
+						<div class="value">{{ info.scope_name }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">服务名称：</div>
+						<div class="value">{{ info.service_name }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">服务组织：</div>
+						<div class="value">{{ info.service_org_name }}</div>
+					</div>
+
+				<!-- 	<div class="item">
+						<div class="field">公共服务主键：</div>
+						<div class="value">{{ info.service_record_id }}</div>
+					</div> -->
+
+					
+				</div>
+			</div>
+		</template>
+	</popup>
+</template>
+
+<script>
+import { Scene } from '@antv/l7';
+import popup from '@/views/dataBoard/cpts/popup';
+import { GaodeMap, Map } from '@antv/l7-maps';
+import { requestPostBi } from '@/js/dai/request-bipass';
+
+export default {
+	name: 'eventdetail',
+	props: {
+		detailId: {
+			type: String,
+			default: ''
+		},
+		detailType: {
+			type: String,
+			default: ''
+		}
+	},
+
+	components: { popup },
+	created() {},
+	data() {
+		return {
+			progress: [],
+			info: {},
+			title: '事件',
+			currentTabIndex: 0,
+			startTabIndex: 0,
+			currentTabIndex2: 0,
+			startTabIndex2: 0,
+			BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'],
+			tabList: [],
+			tabList2: [],
+			userArray: [],
+			userList: {}
+		};
+	},
+
+	mounted() {
+		this.getApiData();
+	},
+	computed: {},
+	methods: {
+		handleClose() {
+			this.$emit('close');
+		},
+
+		async getApiData() {
+			this.getInfo();
+		},
+
+		// 根据房屋id获取详情
+		async getInfo() {
+			const url = 'common_service_intro';
+
+			const { data, code, msg } = await requestPostBi(
+				url,
+				{
+					service_record_id: this.detailId
+				},
+				{
+					// mockId: 60235478,
+				}
+			);
+			if (code === 0) {
+				this.info = { ...this.info, ...data[0] };
+				console.log('this.info', this.info);
+			} else {
+				this.$message.error(msg);
+			}
+		}
+	}
+};
+</script>
+<style scoped>
+.m-info .row .item .field {
+	width: 120px !important;
+}
+</style>
+<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>
diff --git a/src/views/dataBoard/sida/zy/gonggongList.vue b/src/views/dataBoard/sida/zy/gonggongList.vue
index c7f0a3d1b..446fde9d9 100644
--- a/src/views/dataBoard/sida/zy/gonggongList.vue
+++ b/src/views/dataBoard/sida/zy/gonggongList.vue
@@ -17,7 +17,7 @@
 
 <script>
 import cptTb from '@/views/dataBoard/cpts/tb';
-import detail from './peopleRes-detail';
+import detail from './gonggongDetail';
 import { requestPostBi } from '@/js/dai/request-bipass';
 import getQueryPara from 'dai-js/modules/getQueryPara';
 
diff --git a/src/views/dataBoard/sida/zy/lianjianDetail.vue b/src/views/dataBoard/sida/zy/lianjianDetail.vue
new file mode 100644
index 000000000..6fca65578
--- /dev/null
+++ b/src/views/dataBoard/sida/zy/lianjianDetail.vue
@@ -0,0 +1,160 @@
+<template>
+	<popup :title="title" @close="handleClose">
+		<template v-slot:cnt>
+			<div class="m-info">
+				<div class="row">
+					<div class="item">
+						<div class="field">所属网格：</div>
+						<div class="value">{{ info.grid }}</div>
+					</div>
+
+					<!-- <div class="item">
+						<div class="field">维度：</div>
+						<div class="value">{{ info.latitude }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">经度：</div>
+						<div class="value">{{ info.longitude }}</div>
+					</div> -->
+
+					<div class="item">
+						<div class="field">活动成果：</div>
+						<div class="value">{{ info.o }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">活动目标：</div>
+						<div class="value">{{ info.q }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">服务人数：</div>
+						<div class="value">{{ info.served_person_qty }}</div>
+					</div>
+
+					<div class="item">
+						<div class="field">活动地址：</div>
+						<div class="value">{{ info.service_address }}</div>
+					</div>
+					<div class="item">
+						<div class="field">服务事项：</div>
+						<div class="value">{{ info.service_matter }}</div>
+					</div>
+					<div class="item">
+						<div class="field">活动标题：</div>
+						<div class="value">{{ info.service_name }}</div>
+					</div>
+					<!-- 	<div class="item">
+						<div class="field">公共服务主键：</div>
+						<div class="value">{{ info.service_record_id }}</div>
+					</div> -->
+					<div class="item">
+						<div class="field">活动时间：</div>
+						<div class="value">{{ info.service_time_start }}</div>
+					</div>
+					<div class="item">
+						<div class="field">活动内容：</div>
+						<div class="value">{{ info.w }}</div>
+					</div>
+					<div class="item">
+						<div class="field">活动地图：</div>
+						<div class="value"><div style="position: relative;width: 100%;height: 300px;" id="map"></div></div>
+					</div>
+				</div>
+			</div>
+		</template>
+	</popup>
+</template>
+
+<script>
+import { Scene } from '@antv/l7';
+import popup from '@/views/dataBoard/cpts/popup';
+import { GaodeMap, Map } from '@antv/l7-maps';
+import { requestPostBi } from '@/js/dai/request-bipass';
+
+export default {
+	name: 'eventdetail',
+	props: {
+		detailId: {
+			type: String,
+			default: ''
+		},
+		detailType: {
+			type: String,
+			default: ''
+		}
+	},
+
+	components: { popup },
+	created() {},
+	data() {
+		return {
+			progress: [],
+			info: {},
+			title: '事件',
+			currentTabIndex: 0,
+			startTabIndex: 0,
+			currentTabIndex2: 0,
+			startTabIndex2: 0,
+			BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'],
+			tabList: [],
+			tabList2: [],
+			userArray: [],
+			userList: {}
+		};
+	},
+
+	mounted() {
+		this.getApiData();
+	},
+	computed: {},
+	methods: {
+		handleClose() {
+			this.$emit('close');
+		},
+
+		async getApiData() {
+			this.getInfo();
+		},
+		iniMap() {
+			const scene = new Scene({
+				id: 'map',
+				map: new GaodeMap({
+					pitch: 35.210526315789465,
+					style: 'dark',
+					center: [this.info.latitude, this.info.longitude],
+					zoom: 4.4
+				})
+			});
+		},
+		// 根据房屋id获取详情
+		async getInfo() {
+			const url = 'party_unit_intro';
+
+			const { data, code, msg } = await requestPostBi(
+				url,
+				{
+					service_record_id: this.detailId
+				},
+				{
+					// mockId: 60235478,
+				}
+			);
+			if (code === 0) {
+				this.info = { ...this.info, ...data[0] };
+				console.log('this.info', this.info);
+				this.iniMap();
+			} else {
+				this.$message.error(msg);
+			}
+		}
+	}
+};
+</script>
+<style scoped>
+.m-info .row .item .field {
+	width: 120px !important;
+}
+</style>
+<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style>
diff --git a/src/views/dataBoard/sida/zy/lianjianList.vue b/src/views/dataBoard/sida/zy/lianjianList.vue
index 212ac8f49..483ee61d9 100644
--- a/src/views/dataBoard/sida/zy/lianjianList.vue
+++ b/src/views/dataBoard/sida/zy/lianjianList.vue
@@ -17,7 +17,7 @@
 
 <script>
 import cptTb from '@/views/dataBoard/cpts/tb';
-import detail from './peopleRes-detail';
+import detail from './lianjianDetail';
 import { requestPostBi } from '@/js/dai/request-bipass';
 import getQueryPara from 'dai-js/modules/getQueryPara';