diff --git a/components/AppRegiment.vue b/components/AppRegiment.vue
index b8b442c..b9d1687 100644
--- a/components/AppRegiment.vue
+++ b/components/AppRegiment.vue
@@ -57,7 +57,7 @@
                                 </div> -->
                                 <!-- <div style="width: 100%;height: 1px;background-color: #EEEEEE;"></div> -->
                                 <div v-for="(item, index) in MesList" :key="index">
-                                    <div class="re_box_item" @click="openUrl(item.id)">
+                                    <div class="re_box_item" @click="openUrl(item.id)"> 
                                         <div class="re_title">
                                             <div class="flex align-center">
                                                 <div class="dian"></div>
diff --git a/components/PhoneContactUs.vue b/components/PhoneContactUs.vue
index 5b66c23..5526a04 100644
--- a/components/PhoneContactUs.vue
+++ b/components/PhoneContactUs.vue
@@ -1,11 +1,68 @@
 <template>
-    <!-- PC端布局 -->
     <div class="w-full h-full" style="padding: 20px;">
-        <div>
-            
+        <div style="background-color: #fff;border-radius: 10px;padding: 20px;position: relative;">
+            <img :src="`/img/tt.png`" style="position: absolute;top: -7px;left: 0;right: 0;margin: auto;width: 150px;;">
+            <div style="display: flex;align-items: center;margin-top: 30px;">
+                <div>姓名</div>
+                <div style="width: 90%;">
+                    <input type="text" placeholder="请输入您的姓名" v-model="formData.name" />
+                </div>
+            </div>
+            <div style="display: flex;align-items: center;margin-top: 20px;">
+                <div>电话</div>
+                <div style="width: 90%;">
+                    <input type="text" placeholder="请输入您的电话" v-model="formData.mobile" />
+                </div>
+            </div>
+            <div style="display: flex;align-items: center;margin-top: 20px;">
+                <div>问题</div>
+                <div style="width: 90%;">
+                    <input type="text" placeholder="请输入您的问题" v-model="formData.question" />
+                </div>
+            </div>
+            <div style="display: flex;margin-top: 20px;">
+                <div>描述</div>
+                <div style="width: 90%;">
+                    <textarea placeholder="请输入您的描述" :maxlength="300" v-model="formData.message"
+                        style="margin-left: 10px;width: 100%;height: 100px;border: 1px solid #BBBBBB;border-radius: 6px;padding: 7px;"></textarea>
+                </div>
+            </div>
+            <div>
+                <button @click="submitForm" class="contactBut">提交</button>
+            </div>
+        </div>
+        <div style="margin-top: 20px;">
+            <div style="display: flex;justify-content: center;align-items: center;gap: 10px;">
+                <div style="background-color: #358DDE;width: 35px;height: 2px;"></div>
+                <div style="font-size: 23px;font-weight: 600;color: #358DDE;">精选留言</div>
+                <div style="background-color: #358DDE;width: 35px;height: 2px;"></div>
+            </div>
+        </div>
+        <div class="re_list_top" style="gap: 20px;">
+            <div class="re_list" v-for="item, index in liuyanList"
+                style="background-color: #fff;border-radius: 8px;padding: 20px;margin-top: 10px;">
+                <div>
+                    <div class="re_list_tit flex" style="width: 100%;">
+                        <span style="width: 17%;color: #FFA234;font-weight: 600;">问题：</span>
+                        <span style="color: #323232;width:85%;font-weight: 600;">{{ item.question }}</span>
+                    </div>
+                    <div class="re_list_tit flex" style="margin-top: 15px;width: 100%;">
+                        <span style="width: 17%;color: #FFA234;font-weight: 600;">描述：</span>
+                        <span :title="item.message" class="three-line-ellipsis"
+                            style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.message
+                            }}</span>
+                    </div>
+                    <div class="re_list_tit flex" style="margin-top: 15px;">
+                        <span style="color: #368FDF;width: 17%;font-weight: 600;">回复：</span>
+                        <span :title="item.answer"
+                            style="font-weight: 400;font-size: 14px;color: #999999;width:85% ;">{{ item.answer
+                            }}</span>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
-   
+
 </template>
 
 <script lang="ts" setup>
@@ -47,7 +104,7 @@ const toSearch = () => {
     window.open(`/search_info?type=1&keywords=${inputSearch.value}`)
 }
 const emit = defineEmits(['toSwpe'])
-const toMore = (index:number) => {
+const toMore = (index: number) => {
     emit('toSwpe', index);
 }
 const hmScroll = () => {
@@ -107,4 +164,26 @@ const submitForm = () => {
 <style lang="scss" scoped>
 @import '@/assets/index.scss';
 
+input {
+    border: 1px solid #BBBBBB;
+    border-radius: 6px;
+    padding: 7px;
+    margin-left: 10px;
+    width: 100%;
+}
+.contactBut {
+    width: 70px;
+    border-radius: 4px 4px 4px 4px;
+    // position: absolute;
+    // bottom: 20px;
+    // right: 30px;
+    height: 30px;
+    margin-top: 10px;
+    margin-left: 40px;
+    background: linear-gradient(0deg, #338CDE 0%, #469CE2 100%);
+    border: none;
+    font-weight: bold;
+    font-size: 14px;
+    color: #FFFFFF;
+}
 </style>
diff --git a/components/PhoneHome.vue b/components/PhoneHome.vue
index 64410b7..8d4e723 100644
--- a/components/PhoneHome.vue
+++ b/components/PhoneHome.vue
@@ -34,7 +34,7 @@
 								<div v-if="zmList.length != index + 1"
 									style="width: 100%;height: 1px;background-color: #EEEEEE;margin: 15px 0px;"></div>
 							</div>
-							<div
+							<div @click="openTab(3)"
 								style="margin: 20px 10px;text-align: center;background-color: #EEEEEE;height: 50px;width: 100%;line-height: 50px;">
 								查看更多 ></div>
 						</div>
@@ -66,7 +66,7 @@
 							<div v-if="index != 6"
 								style="width: 95%;height: 1px;background-color: #EEEEEE;margin: 15px 0;"></div>
 						</div>
-						<div
+						<div @click="openTab(3)"
 							style="margin: 20px 10px;text-align: center;background-color: #EEEEEE;height: 50px;line-height: 50px;">
 							查看更多 ></div>
 					</div>
@@ -103,7 +103,7 @@ const listType = ref([]);
 const listIndex = ref(0);
 const detailId = ref(null);
 
-const emit = defineEmits(['toSwpe'])
+const emit = defineEmits(['toTab'])
 const swiperOptionsimgs = {
 	autoplay: {
 		delay: 5000,
@@ -119,15 +119,10 @@ const swiperOptionsimgs = {
 		el: '.swiper-pagination'
 	},
 }
-const toSearch = () => {
-	// emit('toSwpe',9);
-	// emitter.emit('inputSea', {
-	//     keywords:inputSearch.value,
-	//     type: 1,
-	// });
-	window.open(`/search_info?type=1&keywords=${inputSearch.value}`)
-}
 
+const openTab = (type: number) => {
+	emit('toTab', type);
+}
 const openWeb = (item) => {
 	//out 外链   in内部
 	if (item.type == 'out') {
@@ -138,7 +133,7 @@ const openWeb = (item) => {
 	console.log(item)
 }
 const openUrl = (id: number) => {
-	window.open(`/phone_info/${id}?type=1`)
+	window.location.href=`/phone_info/${id}?type=1`;
 }
 //跳转详情
 // const gotoDetail = (id: number) => {
diff --git a/components/PhoneMessage.vue b/components/PhoneMessage.vue
index c005ccd..8abcc39 100644
--- a/components/PhoneMessage.vue
+++ b/components/PhoneMessage.vue
@@ -15,7 +15,7 @@
                     </div>
                 </div>
             </div>
-            <div v-for="(item, index) in MesList" :key="index">
+            <div v-for="(item, index) in MesList" :key="index" @click="openUrl(item.id)">
                 <div class="re_box_item">
                     <div class="re_title">
                         <div class="flex align-center">
@@ -56,7 +56,7 @@ onMounted(() => {
 
 //跳转详情
 const openUrl = (id: number) => {
-    window.open(`/info/${id}?type=2`)
+    window.location.href=`/phone_info/${id}?type=2`;
 }
 
 const getPageList = async (type: number) => {
diff --git a/components/PhoneNews.vue b/components/PhoneNews.vue
index d343931..7d5f7f7 100644
--- a/components/PhoneNews.vue
+++ b/components/PhoneNews.vue
@@ -15,7 +15,7 @@
                     </div>
                 </div>
             </div>
-            <div v-for="(item, index) in MesList" :key="index">
+            <div v-for="(item, index) in MesList" :key="index" @click="openUrl(item.id)">
                 <div class="re_box_item">
                     <div class="re_title">
                         <div class="flex align-center">
@@ -56,7 +56,7 @@ onMounted(() => {
 
 //跳转详情
 const openUrl = (id: number) => {
-    window.open(`/info/${id}?type=1`)
+    window.location.href=`/phone_info/${id}?type=1`;
 }
 
 const getPageList = async (type: number) => {
diff --git a/components/PhoneRegiment.vue b/components/PhoneRegiment.vue
index a000940..00d89df 100644
--- a/components/PhoneRegiment.vue
+++ b/components/PhoneRegiment.vue
@@ -15,7 +15,7 @@
             <div style="padding-bottom: 20px;">
                 <img src="/img/tuan.png" style="width: 200px;margin: 0 auto;">
             </div>
-            <div v-for="(item, index) in MesList" :key="index">
+            <div v-for="(item, index) in MesList" :key="index" @click="openUrl(item.id)">
                 <div class="re_box_item">
                     <div class="re_title">
                         <div class="flex align-center">
@@ -76,7 +76,7 @@ const toMore = () => {
 }
 //跳转详情
 const openUrl = (id: number) => {
-    window.open(`/info/${id}?type=3`)
+    window.location.href=`/phone_info/${id}?type=3`;
 }
 //跳转详情
 // const gotoDetail = (id: number) => {
diff --git a/pages/phone_index.vue b/pages/phone_index.vue
index 7f889ec..71dabb8 100644
--- a/pages/phone_index.vue
+++ b/pages/phone_index.vue
@@ -1,12 +1,13 @@
 <template>
 	<div style="width: 100%;background-color: #F0F9FF;">
 		<PhoneHeader :crrentNum="phone_index" @phoneCrrent="toswiper"></PhoneHeader>
-		<PhoneHome v-if="phone_index == 1"></PhoneHome>
+		<PhoneHome v-if="phone_index == 1" @toTab="toswiper"></PhoneHome>
 		<PhoneAbout v-if="phone_index == 2"></PhoneAbout>
 		<PhoneNews v-if="phone_index == 3"></PhoneNews>
 		<PhoneLuoYang v-if="phone_index == 4"></PhoneLuoYang>
 		<PhoneRegiment v-if="phone_index == 5"></PhoneRegiment>
 		<PhoneMessage v-if="phone_index == 6"></PhoneMessage>
+		<PhoneContactUs v-if="phone_index == 7"></PhoneContactUs>
 		<PhoneFooter></PhoneFooter>
 	</div>
 </template>
diff --git a/pages/phone_info/[id].vue b/pages/phone_info/[id].vue
index 09f14dd..b5780f5 100644
--- a/pages/phone_info/[id].vue
+++ b/pages/phone_info/[id].vue
@@ -1,25 +1,28 @@
 <template>
 	<div style="width: 100%;">
-		<div style="height:60px;background-color: #ffffff;"></div>
+		<div
+			style="display: flex;justify-content: space-between;align-items: center;height:60px;background-color: #ffffff;">
+			<div style="width: 33.3%;padding-left: 15px;" @click="backTopDark()">
+				<img :src="`/img/back.png`" style="width: 30px;">
+			</div>
+			<div style="width: 33.3%;text-align: center;font-size: 18px;">新闻详情</div>
+			<div style="width: 33.3%;"></div>
+		</div>
 		<div style="background-color: #eeeeee;width:100%;height: 0.5px;"></div>
 		<div style="background-color: #F8F8F8;">
 			<div class="content_class" style="">
-				<div style="font-size: 20px;font-weight: 700;color: #323232;">{{ info.title }}</div>
-				<div style="font-size: 14px;font-weight: 400;margin-top: 15px;color: #768597;">
-					<div>发&nbsp;&nbsp;布&nbsp;&nbsp;人：{{ info.author }}</div>
-					<div style="margin-top: 5px;">发布时间：{{ info.release_time_text }} </div>
+				<div style="font-size: 18px;font-weight: 700;color: #323232;">{{ info.title }}</div>
+				<div
+					style="display: flex;justify-content: space-between;align-items: center;font-size: 14px;font-weight: 400;margin-top: 15px;color: #999999;">
+					<div>发布人：{{ info.author }}</div>
+					<div style="margin-top: 5px;">{{ info.release_time_text }} </div>
 				</div>
 				<div style="width: 100%;margin:20px 0px 0px 0px;height: 1px;background-color: #EEEEEE;"></div>
 				<div class="info_content" v-html="info.content"></div>
-				<div style="width: 100%;margin: 20px auto;height: 1px;background-color: #EEEEEE;"></div>
-				<div style="display: flex;justify-content: space-between;align-items: center;">
-					<div style="width: 100%;">
-						<div @click="openNews(1)" style="cursor: pointer;">上一篇：{{ info.prev != null ? info.prev.title : '暂无' }}
-						</div>
-						<div @click="openNews(2)" style="margin-top: 20px;cursor: pointer;">
-							下一篇：{{ info.next != null ? info.next.title : '暂无' }}</div>
-					</div>
+				<div class="re_box_item" v-if="info != null && info.type == 2">
+					<embed type="application/pdf" :src="info.file" width="100%" height="580px" alt="">
 				</div>
+				<div style="width: 100%;margin: 20px auto;height: 1px;background-color: #EEEEEE;"></div>
 			</div>
 		</div>
 	</div>
@@ -30,7 +33,8 @@ import { nextTick, ref } from 'vue'
 const route = useRoute()
 import $api from '@/service/webRequest'
 import { Item } from 'ant-design-vue/es/menu'
-const id = ref(route.params.id)
+const ids = ref(route.params.id)
+const types = ref(route.query.type)
 const openNews = (type) => {
 	if (type == 1 && info.value.prev != null) {
 		window.open('/phone_info/' + info.value.prev.id, '_self');
@@ -41,17 +45,43 @@ const openNews = (type) => {
 }
 // 新闻数据
 onMounted(() => {
-	getInfo();
+	getNewsdetail();
 })
 const info = ref({});
-const getInfo = async () => {
-	const res = await $api.get('/api/home.news/detail?id=' + id.value)
-	console.log(res);
-	info.value = res.data.data;
+const getNewsdetail = async () => {
+	// 新闻详情
+	if (types.value == 1) {
+		const res = await $api.post('/api/home.news/detail',
+			{
+				id: ids.value
+			}
+		)
+		info.value = res.data.data;
+	} else if (types.value == 2) {
+		//信息公开文章详情
+		const res1 = await $api.post('/api/home.information/detail',
+			{
+				id: ids.value
+			}
+		)
+		info.value = res1.data.data;
+	} else {
+		// 团务百科文章详情
+		const res2 = await $api.post('/api/home.encyclopedia/detail',
+			{
+				id: ids.value
+			}
+		)
+		info.value = res2.data.data;
+	}
+
 }
 const delWeb = () => {
 	window.close();
 }
+const backTopDark = () => {
+	window.history.back();
+}
 </script>
 
 <style lang="scss">
@@ -64,9 +94,17 @@ const delWeb = () => {
 	margin-bottom: 10px;
 }
 
+._1NCGf {
+	width: 100% !important;
+}
+
+._2kCxD {
+	margin-top: 0px !important;
+}
+
 .info_content {
-	line-height: 28px;
-	text-align: justify!important;
+	line-height: 28px !important;
+	text-align: justify !important;
 }
 
 .content_class {
@@ -74,6 +112,16 @@ const delWeb = () => {
 	min-height: 500px;
 	margin: 0 auto;
 	background-color: #ffffff;
-	padding: 30px;
+	padding: 20px;
+}
+
+.re_box_item {
+	width: 100%;
+	background: #ffffff;
+	border: 1px solid #eef7ff;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	min-height: 750px;
 }
 </style>
diff --git a/public/img/back.png b/public/img/back.png
new file mode 100644
index 0000000..a39feb2
Binary files /dev/null and b/public/img/back.png differ