From cbabdb01d076e23ea88ea753a016157cac1a3097 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Sat, 30 Aug 2025 11:42:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=BD=E5=B7=A5=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |   7 ++
 pages/future/future.vue                       |  24 ++++-
 .../institutionalStructure/projectDetail.vue  | 102 ++++++++++++++++++
 3 files changed, 129 insertions(+), 4 deletions(-)
 create mode 100644 pages/institutionalStructure/projectDetail.vue

diff --git a/pages.json b/pages.json
index eacf6a1..d71dc41 100644
--- a/pages.json
+++ b/pages.json
@@ -93,6 +93,13 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/institutionalStructure/projectDetail",
+      "style": {
+        "navigationBarTitleText": "施工详情",
+        "navigationBarBackgroundColor": "#ffffff"
+      }
+    },
     {
       "path": "pages/basePage/basePage",
       "style": {
diff --git a/pages/future/future.vue b/pages/future/future.vue
index 280b81d..798a581 100644
--- a/pages/future/future.vue
+++ b/pages/future/future.vue
@@ -50,16 +50,16 @@
             :key="item.id"
             class="constructionSituation"
           >
-            <view class="project-info">
+            <view class="project-info" @click="goProjectDetail(item)">
               <view class="line-left">
                 <image :src="buddhaIcon" mode="aspectFill"></image>
                 <view class="line"></view>
               </view>
-              <view class="info">
+              <view class="info" @click="">
                 <view class="time">
                   {{ item.createTime }}
                 </view>
-                <text>施工情况</text>
+                <text>{{ item.title }}</text>
                 <rich-text :nodes="item.content"></rich-text>
               </view>
               <image
@@ -127,7 +127,7 @@ export default {
         donorCount: 6,
         amountSum: 6666,
       },
-      listData: [
+      winB_List: [
         {
           id: "18",
           templeId: "12",
@@ -139,6 +139,17 @@ export default {
           coverUrl: "https://api.ccttiot.com/IMG01-1751968117197.jpg",
         },
 
+        {
+          id: "19",
+          templeId: "12",
+          title: "施工情况01232",
+          content:
+            "<p>施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02施工情况02...</p>",
+          status: "1",
+          templeName: "寒山寺",
+          createTime: "2025-07-09 13:50:57",
+          coverUrl: "https://api.ccttiot.com/IMG01-1751968117197.jpg",
+        },
         {
           id: "19",
           templeId: "12",
@@ -217,6 +228,11 @@ export default {
         },
       });
     },
+    goProjectDetail(item) {
+      uni.navigateTo({
+        url: `/pages/institutionalStructure/projectDetail?title=${encodeURIComponent(item.title)}&content=${encodeURIComponent(item.content)}&createTime=${encodeURIComponent(item.createTime)}&coverUrl=${encodeURIComponent(item.coverUrl)}`,
+      });
+    },
   },
 };
 </script>
diff --git a/pages/institutionalStructure/projectDetail.vue b/pages/institutionalStructure/projectDetail.vue
new file mode 100644
index 0000000..f8c5bb7
--- /dev/null
+++ b/pages/institutionalStructure/projectDetail.vue
@@ -0,0 +1,102 @@
+<template>
+  <view class="project-detail-container">
+    <!-- 封面图片 -->
+    <image
+      v-if="projectData.coverUrl"
+      :src="projectData.coverUrl"
+      class="cover-image"
+      mode="widthFix"
+    />
+
+    <!-- 标题和日期 -->
+    <view class="header">
+      <text class="title">{{ projectData.title }}</text>
+      <text v-if="projectData.createTime" class="time">
+        {{ formatDate(projectData.createTime) }}
+      </text>
+    </view>
+
+    <!-- 内容区域 -->
+    <view class="content-box">
+      <rich-text :nodes="projectData.content"></rich-text>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "projectDetail",
+  data() {
+    return {
+      projectData: {
+        title: "",
+        content: "",
+        createTime: "",
+        coverUrl: "",
+      },
+    };
+  },
+  onLoad(options) {
+    this.projectData = {
+      title: decodeURIComponent(options.title || ""),
+      content: decodeURIComponent(options.content || ""),
+      createTime: decodeURIComponent(options.createTime || ""),
+      coverUrl: decodeURIComponent(options.coverUrl || ""),
+    };
+  },
+  methods: {
+    // 格式化日期
+    formatDate(timestamp) {
+      if (!timestamp) return "";
+      const date = new Date(timestamp);
+      return `${date.getFullYear()}-${padZero(date.getMonth() + 1)}-${padZero(date.getDate())}`;
+
+      function padZero(num) {
+        return num < 10 ? `0${num}` : num;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.project-detail-container {
+  padding: 30rpx;
+  background-color: #fff;
+}
+
+.cover-image {
+  width: 100%;
+  border-radius: 12rpx;
+  margin-bottom: 30rpx;
+}
+
+.header {
+  margin-bottom: 30rpx;
+
+  .title {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #333;
+    line-height: 1.5;
+    display: block;
+    margin-bottom: 10rpx;
+  }
+
+  .time {
+    font-size: 24rpx;
+    color: #999;
+  }
+}
+
+.content-box {
+  padding: 20rpx 0;
+
+  .content {
+    font-size: 30rpx;
+    color: #666;
+    line-height: 1.8;
+    white-space: pre-wrap;
+  }
+}
+</style>