From 4b706bb8115fb8fcba2c67813209f8a4bfd484ea Mon Sep 17 00:00:00 2001
From: chenghuan <chenghuanv587@qq.com>
Date: Mon, 1 Dec 2025 16:35:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=EF=BC=9A=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=96=B0=E9=97=BB=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/modules/news.ts    |  27 +++++++++
 pages.json             |   6 ++
 pages/news/details.vue | 122 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 155 insertions(+)
 create mode 100644 api/modules/news.ts
 create mode 100644 pages/news/details.vue

diff --git a/api/modules/news.ts b/api/modules/news.ts
new file mode 100644
index 0000000..12368fc
--- /dev/null
+++ b/api/modules/news.ts
@@ -0,0 +1,27 @@
+import { mainClient } from '@/api/clients/main'
+import type { IApiResponse } from '@/api/types'
+
+export const newsApi = {
+  /**
+   * 获取新闻详情
+   */
+  getNewsDetail: async (newsId: string | number) => {
+    const res = await mainClient.request<IApiResponse<any>>({
+      url: `common/message/getMessageById?id=${newsId}`,
+      method: 'POST'
+    })
+    return res
+  },
+
+  /**
+   * 获取太湖之光文章详情
+   */
+  getTaihuWelfareArticleDetail: async (newsId: string | number) => {
+    const res = await mainClient.request<IApiResponse<any>>({
+      url: 'common/taihuWelfare/getTaihuWelfareArticleDetail',
+      method: 'POST',
+      data: { id: newsId }
+    })
+    return res
+  }
+}
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 0a8d423..fa4f305 100644
--- a/pages.json
+++ b/pages.json
@@ -193,6 +193,12 @@
 				"navigationStyle": "custom",
 				"navigationBarTitleText": "%order.orderDetails%"
 			}
+		}, {
+			"path": "pages/news/details",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "新闻详情"
+			}
 		}, {
 			"path": "uni_modules/uni-upgrade-center-app/pages/upgrade-popup",
 			"style": {
diff --git a/pages/news/details.vue b/pages/news/details.vue
new file mode 100644
index 0000000..0c57939
--- /dev/null
+++ b/pages/news/details.vue
@@ -0,0 +1,122 @@
+<template>
+  <view>
+    <!-- 自定义导航栏 -->
+    <nav-bar :title="$t('news.newsDetail')" />
+
+    <web-view v-if="urlVisible" :webview-styles="{ progress: { color: '#55aaff' } }" :src="surl"></web-view>
+    <view v-else class="box">
+			<view class="title">{{ news.title }}</view>
+			<view 
+				class="content" 
+				v-html="formattedContent"
+			></view>
+		</view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { newsApi } from '@/api/modules/news'
+
+const newsId = ref<string | number | null>(null)
+const type = ref<number | null>(null)
+const urlVisible = ref(false)
+const surl = ref('')
+const source = ref('')
+
+onLoad((e: any) => {
+	newsId.value = e.newsId
+	type.value = Number(e.type)
+	surl.value = e.url || ''
+	source.value = e.source || ''
+  if(type.value == 1 && surl.value != ''){
+		urlVisible.value = true
+  } else {
+		getData()
+  }
+
+	// APP 设置导航栏按钮
+	// #ifdef APP-PLUS
+	// const pages = getCurrentPages()
+	// const page = pages[pages.length - 1]
+	// const currentWebview = page.$getAppWebview()
+
+	// currentWebview.setStyle({
+	// 	titleNView: {
+	// 		buttons: [{
+	// 			float: 'right',
+	// 			type: 'close',
+	// 			onclick: () => {
+	// 				uni.navigateBack({ delta: 1 })
+	// 			}
+	// 		}]
+	// 	}
+	// })
+	// #endif
+})
+
+// 新闻详情
+const news = ref({
+  title: '',
+  content: ''
+})
+// 获取新闻详情
+const getData = async () => {
+  let res = null
+	if (source.value === 'taihuzhiguang') {
+		res = await newsApi.getTaihuWelfareArticleDetail(newsId.value)
+	} else {
+    res = await newsApi.getNewsDetail(newsId.value)
+	}
+  news.value.title = res.result?.title || ''
+  news.value.content = res.result?.content || ''
+}
+
+// 格式化富文本内容
+const formatRichText = (html: string) => {
+	if (!html) return ""
+
+	let newContent = html.replace(/<img[^>]*>/gi, (match) => {
+		match = match.replace(/style="[^"]+"/gi, '')
+		match = match.replace(/width="[^"]+"/gi, '')
+		match = match.replace(/height="[^"]+"/gi, '')
+		return match
+	})
+
+	newContent = newContent.replace(/style="[^"]+"/gi, (match) => {
+		match = match.replace(/width:[^;]+;/gi, 'max-width:100%;')
+		return match
+	})
+
+	newContent = newContent.replace(/<br[^>]*\/>/gi, '')
+	newContent = newContent.replace(
+		/\<img/gi,
+		'<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"'
+	)
+
+	return newContent
+}
+// 格式化后内容
+const formattedContent = computed(() => formatRichText(news.value.content))
+</script>
+
+<style lang="scss" scoped>
+.box {
+	background-color: #fff;		
+	padding: 10px;
+	min-height: calc(100vh - 270rpx);
+}
+
+.title {
+	font-size: 32rpx;
+	font-weight: bold; 
+	text-align: center;
+}
+
+.content { 
+	font-size: 26rpx; 
+	line-height: 48rpx; 
+	margin-top: 10rpx;
+}
+</style>
\ No newline at end of file