预约成功的界面跳转

api/memorial/memorial.js

@@ -1,29 +1,29 @@
-import request from '@/utils/request'
+import request from "@/utils/request";
 
 // 获取牌位详情
 export function getMemorialDetail(id) {
   return request({
     url: `/app/memorial/${id}`,
-    method: 'get',
+    method: "get",
-  })
+  });
 }
 
 // 获取供奉记录列表
 export function getEnshrinedList(params) {
   return request({
-    url: '/app/enshrined/list',
+    url: "/app/enshrined/list",
-    method: 'get',
+    method: "get",
     params,
-  })
+  });
 }
 
 // 搜索往生者
 export function searchDeceased(params) {
   return request({
-    url: '/app/deceased/search',
+    url: "/app/deceased/search",
-    method: 'get',
+    method: "get",
     params,
-  })
+  });
 }
 
 // 收藏牌位 (使用 x-www-form-urlencoded 格式)
@@ -31,35 +31,22 @@ export function collectMemorial(data) {
   // 将数据转换为 x-www-form-urlencoded 格式
 
   return request({
-    url: '/app/collect',
+    url: "/app/collect",
-    method: 'post',
+    method: "post",
     data,
     header: {
-      'Content-Type': 'application/x-www-form-urlencoded',
+      "Content-Type": "application/x-www-form-urlencoded",
     },
-  })
+  });
 }
 
 // 检查是否已收藏
 export function checkIsCollected(memorialId) {
   return request({
-    url: '/app/collect/isCollect',
+    url: "/app/collect/isCollect",
-    method: 'get',
+    method: "get",
     params: {
       memorialId: memorialId,
     },
-  })
+  });
 }
-
-// // 收藏牌位 (使用 form-data 格式，可选)
-// export function collectMemorialFormData(data) {
-//   return request({
-//     url: '/app/collect',
-//     method: 'post',
-//     data,
-//     header: {
-
-//       'Content-Type': 'multipart/form-data'
-//     }
-//   })
-// }

pages/activity/application.vue

@@ -96,6 +96,8 @@ export default {
 
       // 活动ID
       activityId: "",
+      // 活动名称
+      activityName: "",
 
       // 加载状态
       loading: false,
@@ -130,6 +132,10 @@ export default {
     if (options.actId) {
       this.activityId = parseInt(options.actId);
     }
+    // 如果传递了活动名称，使用传递的名称
+    if (options.activityName) {
+      this.activityName = decodeURIComponent(options.activityName);
+    }
     this.fetchActivitySlots();
   },
   methods: {
@@ -263,9 +269,20 @@ export default {
             icon: "success",
           });
 
-          // 可以在这里添加跳转逻辑
+          // 跳转到报名成功页面，传递详细数据
           setTimeout(() => {
-            uni.navigateBack();
+            const params = {
+              date: this.getSelectedDateLabel(),
+              time: this.getSelectedTimeLabel(),
+              number: this.getSelectedNumberLabel(),
+              activityName: this.activityName || '活动'
+            };
+            const queryString = Object.keys(params)
+              .map(key => `${key}=${encodeURIComponent(params[key])}`)
+              .join('&');
+            uni.navigateTo({
+              url: `/pages/activity/appointmentSuccess?${queryString}`,
+            });
           }, 1500);
         } else {
           uni.showToast({
@@ -287,6 +304,7 @@ export default {
       const selectedDate = this.dateOptions.find(
         (date) => date.value === this.selectedDate,
       );
+
       return selectedDate ? selectedDate.label : "";
     },
 

pages/activity/appointmentSuccess.vue

@@ -1,45 +1,48 @@
 <template>
   <view class="page">
-    <custom-navbar ref="customNavbar" title="基础页面" />
+    <custom-navbar ref="customNavbar" title="预约成功" />
-    <tile-grid />
+
-    <view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
+    <image :src="CommonEnum.SUCCESS_APPOINTMENT"></image>
-      <!-- 状态展示 -->
+    <view class="container">
-      <status-display v-if="loading" loading-text="加载中..." type="loading" />
+      <view class="info">
-      <!-- 页面内容将在这里添加 -->
+        <text class="success">您提交的预约已成功！</text>
+  
+        <text class="date">预约日期：{{ date }}</text>
+        <text class="time">预约时段：{{ time }}</text>
       </view>
     </view>
+    <view class="back" @click="back">返回首页</view>
+  </view>
 </template>
 
 <script>
 import CommonEnum from "../../enum/common";
+import BottomButton from "../../components/bottom-button/bottom-button.vue";
 
 export default {
-  components: {},
+  components: { BottomButton },
   data() {
     return {
       CommonEnum,
       loading: false,
+      time: "",
+      date: "",
+      number: "",
+      activityName: "",
     };
   },
-  onLoad() {
+  onLoad(options) {
-    // 页面加载时获取数据
+    // 接收传递的参数
-    this.loadPageData();
+    this.time = decodeURIComponent(options.time || "");
+    this.date = decodeURIComponent(options.date || "");
+    this.number = decodeURIComponent(options.number || "");
   },
   methods: {
-    // 加载页面数据
+    // 返回首页
-    async loadPageData() {
+    back() {
-      this.loading = true;
+      uni.switchTab({
-      try {
+        url: '/pages/index/index'
-        // TODO: 调用页面数据API
+      });
-        // const response = await getPageData()
-        // 模拟加载
-        setTimeout(() => {
-          this.loading = false;
-        }, 1000);
-      } catch (error) {
-        console.error("获取页面数据失败:", error);
-        this.loading = false;
-      }
     },
   },
 };
@@ -47,16 +50,59 @@ export default {
 
 <style lang="scss" scoped>
 .page {
-  background: #f5f0e7;
+  background: #faf8f3;
+  display: flex;
+  flex-direction: column;
+
+  align-items: center;
+  //border: 1rpx solid #250404;
+
+  image {
+    margin-top: 24rpx;
+    width: 564rpx;
+    height: 564rpx;
+    //border: 1rpx solid #250404;
   }
 
-.header {
+  .container {
-  width: 100%;
+    position: relative;
-  //min-height: 100vh;//可能导致页面留白
+    top: -46rpx;
+    margin-bottom: 150rpx;
+
+    .info {
       display: flex;
-  align-items: flex-start;
       flex-direction: column;
-  padding: 0 15rpx;
+      align-items: center;
-  padding-bottom: 40rpx;
+      //border: 1rpx solid #250404;
+
+      text {
+        color: #695347;
+        text-align: center;
+        //border: 1rpx solid #250404;
+        font-size: 32rpx;
+        font-weight: 500;
+        line-height: 216.5%;
+      }
+
+      .success {
+      }
+
+      .time {
+      }
+    }
+  }
+
+  .back {
+    width: 552rpx;
+    height: 100rpx;
+    border-radius: 50rpx;
+    box-sizing: border-box;
+    border: 2rpx solid #c7a26d;
+    text-align: center;
+    font-size: 36rpx;
+    font-weight: 500;
+    line-height: 100rpx;
+    color: #c7a26d;
+  }
 }
 </style>