From 707a3f456c71d274fc6028dcd2aab17cbb8ee83b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?=
 =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com>
Date: Thu, 24 Jul 2025 11:33:10 +0800
Subject: [PATCH] H5

---
 components/AppRegiment.vue    |   2 +-
 components/PhoneContactUs.vue |  89 ++++++++++++++++++++++++++++++--
 components/PhoneHome.vue      |  19 +++----
 components/PhoneMessage.vue   |   4 +-
 components/PhoneNews.vue      |   4 +-
 components/PhoneRegiment.vue  |   4 +-
 pages/phone_index.vue         |   3 +-
 pages/phone_info/[id].vue     |  92 ++++++++++++++++++++++++++--------
 public/img/back.png           | Bin 0 -> 1952 bytes
 9 files changed, 170 insertions(+), 47 deletions(-)
 create mode 100644 public/img/back.png

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 0000000000000000000000000000000000000000..a39feb2d5de8261ac4c7187f1b1621467afb1c9d
GIT binary patch
literal 1952
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

literal 0
HcmV?d00001