diff --git a/api/service.js b/api/service.js
index faaefd3..c94d33d 100644
--- a/api/service.js
+++ b/api/service.js
@@ -46,4 +46,52 @@ export function getMessagePage(params = {}) {
 		method: 'GET',
 		data: params,
 	})
+}
+
+// 会员点赞和取消根据赞状态设置
+export function setMemberLike(params = {}) {
+	return request({
+		url: '/app-api/member/labor-union-zan/zan',
+		method: 'POST',
+		data: params,
+	})
+}
+
+// 会员收藏
+export function setMemberCollect(params = {}) {
+	return request({
+		url: '/app-api/member/labor-union-collect/collect',
+		method: 'POST',
+		data: params,
+	})
+}
+
+// 创建会员司机公会分享记录
+export function createMemberShare(params = {}) {
+	return request({
+		url: '/app-api/member/labor-union-share/create',
+		method: 'POST',
+		data: params,
+	})
+}
+
+//判断是否需要地图
+export function isNeedMap(params = {}) {
+	return request({
+		url: '/app-api/member/app/getCnf',
+		method: 'GET',
+		data: params,
+	})
+}
+
+// 工会优惠券/商品下单并发起微信支付（需要后端返回小程序支付参数）
+// 约定：后端返回字段需包含 timeStamp、nonceStr、package、signType、paySign（或等价字段）
+export function createGuildCouponWxPay(params = {}) {
+	return request({
+		// TODO: 如后端实际路径不同，请替换这里的 url
+		url: '/app-api/member/labor-union-coupon/pay',
+		method: 'POST',
+		data: params,
+		showLoading: true,
+	})
 }
\ No newline at end of file
diff --git a/components/DetailActionBar/DetailActionBar.vue b/components/DetailActionBar/DetailActionBar.vue
new file mode 100644
index 0000000..852c968
--- /dev/null
+++ b/components/DetailActionBar/DetailActionBar.vue
@@ -0,0 +1,283 @@
+<template>
+  <view class="detail-action-bar">
+    <!-- <view class="action-item" @click="handleContact">
+       <image class="action-icon" src="/static/service/phone_icon.png" mode="aspectFill"></image>
+       <text class="action-text">联系</text>
+    </view> -->
+    
+    <view class="action-item" @click="handleLike">
+      <image class="action-icon" src="/static/service/like_icon.png" mode="aspectFill"></image>
+      <text class="action-text">点赞</text>
+    </view>
+    
+    <button class="action-item share-button" open-type="share" @click="handleShareClick">
+      <image class="action-icon" src="/static/service/share_icon.png" mode="aspectFill"></image>
+      <text class="action-text">分享</text>
+    </button>
+    
+    <view class="action-item" @click="handleCollect">
+      <image class="action-icon" src="/static/service/collect_icon.png" mode="aspectFill"></image>
+      <text class="action-text">收藏</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import { setMemberLike, setMemberCollect, createMemberShare } from '@/api/service.js'
+
+export default {
+  name: 'DetailActionBar',
+  props: {
+    // 是否已点赞
+    liked: {
+      type: Boolean,
+      default: false
+    },
+    // 是否已收藏
+    collected: {
+      type: Boolean,
+      default: false
+    },
+    // 联系电话（用于联系功能）
+    contactPhone: {
+      type: String,
+      default: ''
+    },
+    // 内容ID
+    id: {
+      type: [String, Number],
+      default: null
+    },
+    // 点赞类型
+    zanType: {
+      type: [String, Number],
+      default: null
+    },
+    // 内容类型（用于收藏接口）
+    type: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  data() {
+    return {
+      isLiked: this.liked,
+      isCollected: this.collected,
+      likeLoading: false,
+      collectLoading: false
+    }
+  },
+  watch: {
+    liked(newVal) {
+      this.isLiked = newVal
+    },
+    collected(newVal) {
+      this.isCollected = newVal
+    }
+  },
+  methods: {
+    // 处理联系
+    handleContact() {
+      if (this.contactPhone) {
+        uni.makePhoneCall({
+          phoneNumber: this.contactPhone,
+          fail: (err) => {
+            console.error('拨打电话失败:', err)
+            uni.showToast({
+              title: '拨打电话失败',
+              icon: 'none'
+            })
+          }
+        })
+      } else {
+        this.$emit('contact')
+      }
+    },
+    
+    // 处理点赞
+    async handleLike() {
+      if (this.likeLoading) return
+    
+      
+      const newLikedState = !this.isLiked
+      
+      try {
+        this.likeLoading = true
+        // 先更新UI状态，提供即时反馈
+        this.isLiked = newLikedState
+        
+        const res = await setMemberLike({
+          zanId: this.id,
+          zanType: this.zanType,
+          status: newLikedState ? 1 : 2 ,//赞状态不能为空 1 赞,2 取消赞
+        })
+        
+        if (res) {
+          uni.showToast({
+            title: newLikedState ? '点赞成功' : '取消点赞',
+            icon: 'success',
+            duration: 1500
+          })
+        }
+      } catch (error) {
+        console.error('点赞操作失败:', error)
+        // 操作失败，恢复原状态
+        this.isLiked = !newLikedState
+        uni.showToast({
+          title: '操作失败，请重试',
+          icon: 'none',
+          duration: 2000
+        })
+      } finally {
+        this.likeLoading = false
+      }
+    },
+    
+    // 处理分享点击（用于非微信小程序平台）
+    handleShareClick() {
+      // #ifdef MP-WEIXIN
+      // 微信小程序中，button 的 open-type="share" 会自动触发分享
+      // 不需要额外处理
+      // #endif
+      
+      // #ifndef MP-WEIXIN
+      // 其他平台，触发分享事件
+      this.$emit('share')
+      // #endif
+    },
+    
+    // 分享成功后调用接口（由页面调用）
+    async handleShareSuccess() {
+      
+      try {
+        const res = await createMemberShare({
+          shareId: this.id,
+          shareContentType: this.type
+        })
+        
+        if (res) {
+          console.log('分享记录创建成功')
+        }
+      } catch (error) {
+        console.error('创建分享记录失败:', error)
+        // 分享记录失败不影响用户体验，只记录错误
+      }
+    },
+    
+    // 处理收藏
+    async handleCollect() {
+      if (this.collectLoading) return
+    
+      
+      const newCollectedState = !this.isCollected
+      
+      try {
+        this.collectLoading = true
+        // 先更新UI状态，提供即时反馈
+        this.isCollected = newCollectedState
+        
+        const res = await setMemberCollect({
+          collectId: this.id,
+          collectType: this.type,
+          status: newCollectedState ? 1 : 2 ,//收藏状态不能为空 1 收藏,2 取消收藏
+        })
+        
+        if (res) {
+          uni.showToast({
+            title: newCollectedState ? '收藏成功' : '取消收藏',
+            icon: 'success',
+            duration: 1500
+          })
+        }
+      } catch (error) {
+        console.error('收藏操作失败:', error)
+        // 操作失败，恢复原状态
+        this.isCollected = !newCollectedState
+        uni.showToast({
+          title: '操作失败，请重试',
+          icon: 'none',
+          duration: 2000
+        })
+      } finally {
+        this.collectLoading = false
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-action-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #ffffff;
+  border-top: 1rpx solid #e2e8f1;
+  padding: 20rpx 0;
+  padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  z-index: 100;
+  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+
+  .action-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    padding: 10rpx 0;
+    
+    &.share-button {
+      background: transparent;
+      border: none;
+      outline: none;
+      line-height: normal;
+      margin: 0;
+      padding: 10rpx 0;
+      
+      &::after {
+        border: none;
+      }
+    }
+
+    .action-icon {
+      width: 40rpx;
+      height: 40rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 8rpx;
+      transition: transform 0.2s;
+
+      &.active {
+        transform: scale(1.1);
+      }
+
+      .icon-text {
+        font-size: 48rpx;
+        line-height: 1;
+      }
+    }
+
+    .action-text {
+      font-family: PingFang-SC, PingFang-SC;
+      font-size: 24rpx;
+      color: #666666;
+      transition: color 0.2s;
+
+      &.active {
+        color: #004294;
+        font-weight: 500;
+      }
+    }
+
+    &:active {
+      opacity: 0.7;
+    }
+  }
+}
+</style>
+
diff --git a/pages.json b/pages.json
index 4ed235b..3021e22 100644
--- a/pages.json
+++ b/pages.json
@@ -52,13 +52,6 @@
 						"navigationStyle": "custom"
 					}
 				},
-				{
-					"path": "activitiesDetail",
-					"style": {
-						"navigationBarTitleText": "工会详情",
-						"navigationStyle": "custom"
-					}
-				},
 			{
 				"path": "mapDetail",
 				"style": {
@@ -118,12 +111,33 @@
 						"navigationStyle": "custom"
 					}
 				},
+				{
+					"path": "pointsMemberRules",
+					"style": {
+						"navigationBarTitleText": "积分会员制度",
+						"navigationStyle": "custom"
+					}
+				},
 				{
 					"path": "serviceRecords",
 					"style": {
 						"navigationBarTitleText": "服务记录",
 						"navigationStyle": "custom"
 					}
+				},
+				{
+					"path": "userAgreement",
+					"style": {
+						"navigationBarTitleText": "用户服务协议",
+						"navigationStyle": "custom"
+					}
+				},
+				{
+					"path": "privacyPolicy",
+					"style": {
+						"navigationBarTitleText": "隐私政策",
+						"navigationStyle": "custom"
+					}
 				}
 			]
 		}
diff --git a/pages/activities/list.vue b/pages/activities/list.vue
index 182172d..61f6deb 100644
--- a/pages/activities/list.vue
+++ b/pages/activities/list.vue
@@ -161,7 +161,7 @@ export default {
     handleActivityClick(item) {
       // 点击活动项跳转到详情页
       uni.navigateTo({
-        url: `/pages/detail/activitiesDetail?id=${item.id}`
+        url: `/pages/detail/richTextDetail?id=${item.id}`
       });
     },
 
@@ -169,7 +169,7 @@ export default {
     async handleJoinActivity(item) {
       // 跳转到活动详情页
       uni.navigateTo({
-        url: `/pages/detail/activitiesDetail?id=${item.id}`
+        url: `/pages/detail/richTextDetail?id=${item.id}`
       });
     },
   },
diff --git a/pages/activities/myCollect.vue b/pages/activities/myCollect.vue
index 30c3cac..7b9c0e6 100644
--- a/pages/activities/myCollect.vue
+++ b/pages/activities/myCollect.vue
@@ -39,7 +39,9 @@
             ></image>
           </view>
           <view class="collect-content">
-            <view class="collect-title">{{ item.title || item.collectName || '未命名' }}</view>
+            <view class="collect-title">{{
+              item.title || item.collectName || "未命名"
+            }}</view>
             <view class="collect-desc" v-if="item.info">{{ item.info }}</view>
             <view class="collect-time">{{ formatTime(item.createTime) }}</view>
           </view>
@@ -48,7 +50,9 @@
         <!-- 加载更多提示 -->
         <view class="load-more" v-if="collectList.length > 0">
           <text v-if="loadingMore" class="load-more-text">加载中...</text>
-          <text v-else-if="!hasMore" class="load-more-text">没有更多数据了</text>
+          <text v-else-if="!hasMore" class="load-more-text"
+            >没有更多数据了</text
+          >
           <text v-else class="load-more-text">上拉加载更多</text>
         </view>
       </view>
@@ -62,7 +66,7 @@ import NavHeader from "@/components/NavHeader/NavHeader.vue";
 
 export default {
   components: {
-    NavHeader
+    NavHeader,
   },
   data() {
     return {
@@ -158,25 +162,9 @@ export default {
 
     // 收藏项点击
     handleCollectClick(item) {
-      // 根据收藏类型跳转到对应的详情页
-      // collectType: 收藏的类型
-      // collectId: 收藏的id
-      if (item.collectType && item.collectId) {
-        // 这里可以根据 collectType 判断跳转到不同的详情页
-        // 例如：1-活动详情，2-服务详情等
-        if (item.collectType === 2) {
-          // 假设类型2是活动
-          uni.navigateTo({
-            url: `/pages/detail/activitiesDetail?id=${item.collectId}`,
-          });
-        } else {
-          // 其他类型可以在这里扩展
-          uni.showToast({
-            title: "暂不支持查看详情",
-            icon: "none",
-          });
-        }
-      }
+      // uni.navigateTo({
+      //   url: `/pages/detail/richTextDetail?id=${item.collectId}`,
+      // });
     },
   },
 };
diff --git a/pages/detail/activitiesDetail.vue b/pages/detail/activitiesDetail.vue
deleted file mode 100644
index a34e41f..0000000
--- a/pages/detail/activitiesDetail.vue
+++ /dev/null
@@ -1,259 +0,0 @@
-<template>
-  <view class="activities-detail-page">
-    <!-- 顶部导航栏 -->
-    <NavHeader title="工会详情" />
-
-    <!-- 内容区域 -->
-    <scroll-view class="content-scroll" scroll-y="true">
-      <!-- 加载中 -->
-      <view class="loading-state" v-if="loading">
-        <text class="loading-text">加载中...</text>
-      </view>
-
-      <!-- 富文本内容 - 混合渲染 -->
-      <view class="content-wrapper" v-else-if="parsedContent && parsedContent.length > 0">
-        <block v-for="(item, index) in parsedContent" :key="index">
-          <!-- 如果是图片，使用原生 image 组件 -->
-          <view v-if="item.type === 'image'" class="rich-text-image-wrapper">
-            <image
-              class="rich-text-image"
-              :src="item.src"
-              mode="widthFix"
-              :lazy-load="true"
-            ></image>
-          </view>
-          <!-- 如果是文本内容，使用 rich-text -->
-          <rich-text v-else-if="item.type === 'text'" :nodes="item.html" class="rich-text-content"></rich-text>
-        </block>
-      </view>
-
-      <!-- 空数据提示 -->
-      <view class="empty-state" v-else>
-        <image
-          class="empty-icon"
-          src="/static/home/entry_icon.png"
-          mode="aspectFit"
-        ></image>
-        <text class="empty-text">暂无内容</text>
-      </view>
-    </scroll-view>
-  </view>
-</template>
-
-<script>
-import { getGuildDetail } from "@/api/home.js";
-import NavHeader from "@/components/NavHeader/NavHeader.vue";
-
-export default {
-  components: {
-    NavHeader
-  },
-  data() {
-    return {
-      activityId: null,
-      activityDetail: null,
-      parsedContent: [], // 解析后的内容数组
-      loading: false,
-    };
-  },
-  onLoad(options) {
-    if (options.id) {
-      this.activityId = options.id;
-      this.loadActivityDetail();
-    } else {
-      uni.showToast({
-        title: "参数错误",
-        icon: "none",
-      });
-      setTimeout(() => {
-        uni.navigateBack();
-      }, 1500);
-    }
-  },
-  methods: {
-    // 加载活动详情
-    async loadActivityDetail() {
-      if (!this.activityId) {
-        return;
-      }
-
-      try {
-        this.loading = true;
-        const res = await getGuildDetail(this.activityId);
-        if (res) {
-          this.activityDetail = res;
-          // 解析 HTML，分离图片和文本
-          if (res.content) {
-            this.parsedContent = this.parseHtmlContent(res.content);
-          }
-        }
-      } catch (error) {
-        console.error("加载活动详情失败:", error);
-        uni.showToast({
-          title: "加载失败，请重试",
-          icon: "none",
-        });
-      } finally {
-        this.loading = false;
-      }
-    },
-    // 解析 HTML 内容，将图片和文本分离
-    parseHtmlContent(html) {
-      if (!html) return [];
-      
-      const result = [];
-      let currentIndex = 0;
-      
-      // 匹配所有 img 标签
-      const imgRegex = /<img([^>]*)>/gi;
-      let match;
-      let lastIndex = 0;
-      
-      while ((match = imgRegex.exec(html)) !== null) {
-        // 添加图片之前的文本内容
-        if (match.index > lastIndex) {
-          const textContent = html.substring(lastIndex, match.index);
-          if (textContent.trim()) {
-            result.push({
-              type: 'text',
-              html: textContent
-            });
-          }
-        }
-        
-        // 提取图片 src
-        const imgAttrs = match[1];
-        const srcMatch = imgAttrs.match(/src=["']([^"']+)["']/i);
-        if (srcMatch && srcMatch[1]) {
-          result.push({
-            type: 'image',
-            src: srcMatch[1]
-          });
-        }
-        
-        lastIndex = match.index + match[0].length;
-      }
-      
-      // 添加最后剩余的文本内容
-      if (lastIndex < html.length) {
-        const textContent = html.substring(lastIndex);
-        if (textContent.trim()) {
-          result.push({
-            type: 'text',
-            html: textContent
-          });
-        }
-      }
-      
-      // 如果没有匹配到图片，直接返回整个内容作为文本
-      if (result.length === 0 && html.trim()) {
-        result.push({
-          type: 'text',
-          html: html
-        });
-      }
-      
-      return result;
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.activities-detail-page {
-  height: 100vh;
-  background-color: #e2e8f1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-/* 内容区域 */
-.content-scroll {
-  flex: 1;
-  height: 0; // 配合 flex: 1 使用，让 scroll-view 可以滚动
-}
-
-.content-wrapper {
-  padding: 30rpx 20rpx;
-  background-color: #ffffff;
-  margin: 20rpx;
-  border-radius: 20rpx;
-  min-height: 200rpx;
-  box-sizing: border-box;
-  overflow-x: hidden;
-  overflow-y: visible;
-  word-wrap: break-word;
-  word-break: break-all;
-  
-  // 图片容器样式
-  .rich-text-image-wrapper {
-    width: 100%;
-    margin: 20rpx 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    box-sizing: border-box;
-    
-    .rich-text-image {
-      width: 100%;
-      height: auto;
-      display: block;
-      max-width: 100%;
-    }
-  }
-  
-  // 文本内容样式
-  .rich-text-content {
-    width: 100%;
-    display: block;
-    font-family: PingFang-SC, PingFang-SC;
-    font-size: 28rpx;
-    line-height: 1.8;
-    color: #333333;
-    word-wrap: break-word;
-    word-break: break-all;
-    box-sizing: border-box;
-  }
-}
-
-/* 加载状态 */
-.loading-state {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 200rpx 0;
-  min-height: 500rpx;
-
-  .loading-text {
-    font-family: PingFang-SC, PingFang-SC;
-    font-weight: 500;
-    font-size: 28rpx;
-    color: #999999;
-  }
-}
-
-/* 空数据提示 */
-.empty-state {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 200rpx 0;
-  min-height: 500rpx;
-
-  .empty-icon {
-    width: 200rpx;
-    height: 200rpx;
-    margin-bottom: 40rpx;
-    opacity: 0.5;
-  }
-
-  .empty-text {
-    font-family: PingFang-SC, PingFang-SC;
-    font-weight: 500;
-    font-size: 28rpx;
-    color: #999999;
-  }
-}
-</style>
diff --git a/pages/detail/mapDetail.vue b/pages/detail/mapDetail.vue
index 2b099a2..93321a9 100644
--- a/pages/detail/mapDetail.vue
+++ b/pages/detail/mapDetail.vue
@@ -12,9 +12,9 @@
         :longitude="mapCenter.longitude"
         :markers="markers"
         :scale="16"
-        :show-location="false"
-        :enable-zoom="false"
-        :enable-scroll="false"
+        :show-location="true"
+        :enable-zoom="true"
+        :enable-scroll="true"
         :enable-rotate="false"
         :enable-poi="true"
       ></map>
@@ -47,7 +47,7 @@
                 src="/static/service/location-icon.png"
                 mode="aspectFill"
               ></image>
-              <text class="distance-text">{{ storeInfo.distance || "0" }}km</text>
+              <text class="distance-text">{{ distanceText }}</text>
             </view>
           </view>
 
@@ -74,7 +74,9 @@
             </view>
           </view>
 
-          <!-- <view class="enter-store-btn" @click="handleEnterStore"> 进店 </view> -->
+          <view class="action-row">
+            <view class="action-btn action-nav" @click="handleNavigate">导航</view>
+          </view>
         </view>
       </view>
     </view>
@@ -89,6 +91,7 @@
 <script>
 import { getGuildStoreDetail } from "@/api/service";
 import NavHeader from "@/components/NavHeader/NavHeader.vue";
+import { transformFromWGSToGCJ } from "@/utils/coordinate";
 
 export default {
   components: {
@@ -110,6 +113,8 @@ export default {
       userLocation: null,
       // 地图是否已初始化（避免重复移动）
       mapInitialized: false,
+      // 店铺坐标（GCJ-02，用于地图显示）
+      storeLocationGCJ: null,
     };
   },
   computed: {
@@ -132,6 +137,29 @@ export default {
     //     ? `${(distance * 1000).toFixed(0)}m`
     //     : `${distance.toFixed(1)}km`;
     // },
+    distanceText() {
+      if (
+        !this.userLocation ||
+        !this.storeInfo ||
+        !this.storeInfo.latitude ||
+        !this.storeInfo.longitude
+      ) {
+        return "0km";
+      }
+      // 计算距离时使用原始 WGS-84 坐标（店铺坐标）和用户位置坐标
+      // 注意：如果用户位置也是 WGS-84，直接计算；如果是 GCJ-02，需要转换
+      // 但距离计算对坐标系不敏感，误差很小，可以直接使用
+      const lat = parseFloat(this.storeInfo.latitude);
+      const lng = parseFloat(this.storeInfo.longitude);
+      if (!this.isValidCoordinate(lat, lng)) return "0km";
+      const distance = this.calculateDistance(
+        this.userLocation.latitude,
+        this.userLocation.longitude,
+        lat,
+        lng
+      );
+      return distance < 1 ? `${(distance * 1000).toFixed(0)}m` : `${distance.toFixed(1)}km`;
+    },
   },
   onLoad(options) {
     this.shopId = options.id;
@@ -188,16 +216,46 @@ export default {
           if (res.latitude && res.longitude) {
             // 验证经纬度是否有效
             if (this.isValidCoordinate(res.latitude, res.longitude)) {
-              // 直接设置地图中心点，避免从默认位置移动
-              this.mapCenter = {
-                latitude: parseFloat(res.latitude),
-                longitude: parseFloat(res.longitude),
-              };
-              this.setMapMarkers();
-              // 标记地图已初始化，此时再显示地图，避免移动动画
-              this.$nextTick(() => {
-                this.mapInitialized = true;
-              });
+              // 后台返回的是 WGS-84 坐标系，需要转换为 GCJ-02（腾讯地图使用）
+              try {
+                const wgs84Lat = parseFloat(res.latitude);
+                const wgs84Lng = parseFloat(res.longitude);
+                const gcj02Coord = transformFromWGSToGCJ(wgs84Lat, wgs84Lng);
+                
+                // 保存转换后的坐标
+                this.storeLocationGCJ = {
+                  latitude: gcj02Coord.latitude,
+                  longitude: gcj02Coord.longitude,
+                };
+                
+                // 使用转换后的坐标设置地图中心点
+                this.mapCenter = {
+                  latitude: gcj02Coord.latitude,
+                  longitude: gcj02Coord.longitude,
+                };
+                this.setMapMarkers();
+                // 标记地图已初始化，此时再显示地图，避免移动动画
+                this.$nextTick(() => {
+                  this.mapInitialized = true;
+                });
+              } catch (error) {
+                console.error("坐标转换失败:", error);
+                // 转换失败时使用原始坐标（降级处理）
+                const fallbackLat = parseFloat(res.latitude);
+                const fallbackLng = parseFloat(res.longitude);
+                this.storeLocationGCJ = {
+                  latitude: fallbackLat,
+                  longitude: fallbackLng,
+                };
+                this.mapCenter = {
+                  latitude: fallbackLat,
+                  longitude: fallbackLng,
+                };
+                this.setMapMarkers();
+                this.$nextTick(() => {
+                  this.mapInitialized = true;
+                });
+              }
             } else {
               console.warn("店铺经纬度无效:", res.latitude, res.longitude);
               uni.showToast({
@@ -227,10 +285,13 @@ export default {
 
     // 设置地图标记点
     setMapMarkers() {
-      if (!this.storeInfo.latitude || !this.storeInfo.longitude) return;
+      // 使用转换后的 GCJ-02 坐标
+      if (!this.storeLocationGCJ || !this.storeLocationGCJ.latitude || !this.storeLocationGCJ.longitude) {
+        return;
+      }
 
-      const lat = parseFloat(this.storeInfo.latitude);
-      const lng = parseFloat(this.storeInfo.longitude);
+      const lat = this.storeLocationGCJ.latitude;
+      const lng = this.storeLocationGCJ.longitude;
 
       // 再次验证经纬度有效性
       if (!this.isValidCoordinate(lat, lng)) {
@@ -259,7 +320,66 @@ export default {
       ];
     },
 
+    // 导航到店铺（打开系统地图）
+    handleNavigate() {
+      // 使用转换后的 GCJ-02 坐标进行导航（微信的 openLocation 需要 GCJ-02 坐标系）
+      if (!this.storeLocationGCJ || !this.storeLocationGCJ.latitude || !this.storeLocationGCJ.longitude) {
+        uni.showToast({ title: "暂无位置信息", icon: "none" });
+        return;
+      }
+      const lat = this.storeLocationGCJ.latitude;
+      const lng = this.storeLocationGCJ.longitude;
+      if (!this.isValidCoordinate(lat, lng)) {
+        uni.showToast({ title: "位置信息无效", icon: "none" });
+        return;
+      }
+
+      // 在微信小程序中，使用 wx.openLocation 打开地图选择器
+      // 用户可以选择使用哪个地图 App（高德、百度、腾讯等）来导航
+      // wx.openLocation 需要 GCJ-02 坐标系
+      // #ifdef MP-WEIXIN
+      wx.openLocation({
+        latitude: lat,
+        longitude: lng,
+        name: this.storeInfo.name || "店铺位置",
+        address: this.storeInfo.address || "",
+        scale: 18,
+        success: () => {
+          console.log("打开地图成功");
+        },
+        fail: (err) => {
+          console.error("打开地图失败:", err);
+          uni.showToast({
+            title: "打开地图失败，请检查位置权限",
+            icon: "none",
+          });
+        },
+      });
+      // #endif
+
+      // #ifndef MP-WEIXIN
+      // 非微信小程序环境，使用 uni.openLocation
+      uni.openLocation({
+        latitude: lat,
+        longitude: lng,
+        name: this.storeInfo.name || "店铺位置",
+        address: this.storeInfo.address || "",
+        success: () => {
+          console.log("打开地图成功");
+        },
+        fail: (err) => {
+          console.error("打开地图失败:", err);
+          uni.showToast({
+            title: "打开地图失败",
+            icon: "none",
+          });
+        },
+      });
+      // #endif
+    },
+
     // 计算两点之间的距离（单位：km）
+    // 注意：计算距离时使用原始 WGS-84 坐标，因为距离计算不受坐标系影响
     calculateDistance(lat1, lng1, lat2, lng2) {
       // 验证坐标有效性
       if (
@@ -466,6 +586,30 @@ export default {
       color: #ffffff;
       margin-top: auto;
     }
+
+    .action-row {
+      display: flex;
+      gap: 16rpx;
+      margin-top: auto;
+      justify-content: flex-end;
+    }
+
+    .action-btn {
+      padding: 12rpx 30rpx;
+      border-radius: 25rpx;
+      font-family: PingFang-SC, PingFang-SC;
+      font-weight: bold;
+      font-size: 26rpx;
+      color: #ffffff;
+    }
+
+    .action-nav {
+      background: #004294;
+    }
+
+    .action-call {
+      background: #ff6b00;
+    }
   }
 }
 
diff --git a/pages/detail/richTextDetail.vue b/pages/detail/richTextDetail.vue
index 2cddb89..c67724d 100644
--- a/pages/detail/richTextDetail.vue
+++ b/pages/detail/richTextDetail.vue
@@ -1,7 +1,7 @@
 <template>
   <view class="rich-text-detail-page">
     <!-- 顶部导航栏 -->
-    <NavHeader :title="title || '详情'" />
+    <NavHeader title="详情" />
 
     <!-- 内容区域 -->
     <scroll-view class="content-scroll" scroll-y="true">
@@ -11,7 +11,10 @@
       </view>
 
       <!-- 富文本内容 - 混合渲染 -->
-      <view class="content-wrapper" v-else-if="parsedContent && parsedContent.length > 0">
+      <view
+        class="content-wrapper"
+        v-else-if="parsedContent && parsedContent.length > 0"
+      >
         <block v-for="(item, index) in parsedContent" :key="index">
           <!-- 如果是图片，使用原生 image 组件 -->
           <view v-if="item.type === 'image'" class="rich-text-image-wrapper">
@@ -23,7 +26,11 @@
             ></image>
           </view>
           <!-- 如果是文本内容，使用 rich-text -->
-          <rich-text v-else-if="item.type === 'text'" :nodes="item.html" class="rich-text-content"></rich-text>
+          <rich-text
+            v-else-if="item.type === 'text'"
+            :nodes="item.html"
+            class="rich-text-content"
+          ></rich-text>
         </block>
       </view>
 
@@ -37,103 +44,204 @@
         <text class="empty-text">暂无内容</text>
       </view>
     </scroll-view>
+
+    <!-- 底部操作栏 -->
+    <DetailActionBar
+      v-if="detailData"
+      :liked="isLiked"
+      :collected="isCollected"
+      :id="detailId"
+      :zanType="noticeType"
+      :type="noticeType"
+    />
   </view>
 </template>
 
 <script>
+import { getGuildDetail } from "@/api/home.js";
 import NavHeader from "@/components/NavHeader/NavHeader.vue";
+import DetailActionBar from "@/components/DetailActionBar/DetailActionBar.vue";
 
 export default {
   components: {
-    NavHeader
+    NavHeader,
+    DetailActionBar,
   },
   data() {
     return {
-      title: '',
-      content: '',
+      detailId: null, // 详情ID（用于通过接口获取数据）
+      title: "",
+      content: "",
       parsedContent: [], // 解析后的内容数组
       loading: false,
+      isLiked: false, // 是否已点赞
+      isCollected: false, // 是否已收藏
+      detailData: null, // 详情数据（通过接口获取时使用）
+      noticeType: null, // 内容类型
     };
   },
   onLoad(options) {
-    // 从路由参数获取标题和内容
-    if (options.title) {
-      this.title = decodeURIComponent(options.title);
-    }
-    
-    if (options.content) {
+    // 支持两种模式：
+    // 1. 通过 id 调用接口获取详情（原 activitiesDetail 的用法）
+    // 2. 直接传入 title 和 content（原 richTextDetail 的用法）
+    if (options.id) {
+      this.detailId = options.id;
+      this.loadDetailById();
+    } else if (options.content) {
+      // 直接传入内容模式
+      if (options.title) {
+        this.title = decodeURIComponent(options.title);
+      }
       let content = decodeURIComponent(options.content);
       // 解析 HTML，分离图片和文本
       this.parsedContent = this.parseHtmlContent(content);
-    } else {
-      uni.showToast({
-        title: "缺少内容",
-        icon: "none",
-      });
-      setTimeout(() => {
-        uni.navigateBack();
-      }, 1500);
+      if (options.info) {
+        // info 从上个页面传过来是 encodeURIComponent(JSON.stringify(obj))，这里要 decode + JSON.parse
+        try {
+          const parsed = JSON.parse(decodeURIComponent(options.info));
+          this.detailData = parsed;
+          this.detailId = parsed.id || this.detailId;
+          // 兼容字段：noticeType/messageType/type
+          this.noticeType = parsed.noticeType ?? parsed.messageType ?? parsed.type ?? this.noticeType;
+          // 如果没传 title，则用 info 里的 title
+          if (!this.title && parsed.title) {
+            this.title = parsed.title;
+          }
+        } catch (e) {
+          console.error('解析 info 失败:', e, options.info);
+        }
+      }
     }
   },
+  // 分享给朋友（微信小程序）
+  onShareAppMessage() {
+    if (!this.detailData) {
+      return {
+        title: this.title || "详情",
+        path: this.detailId
+          ? `/pages/detail/richTextDetail?id=${this.detailId}`
+          : "",
+      };
+    }
+
+    return {
+      title: this.detailData.title || this.title || "详情",
+      path: `/pages/detail/richTextDetail?id=${this.detailId}`,
+      imageUrl: this.detailData.coverUrl || "",
+    };
+  },
+  // 分享到朋友圈（微信小程序）
+  // #ifdef MP-WEIXIN
+  onShareTimeline() {
+    if (!this.detailData) {
+      return {
+        title: this.title || "详情",
+        query: this.detailId ? `id=${this.detailId}` : "",
+      };
+    }
+
+    return {
+      title: this.detailData.title || this.title || "详情",
+      query: `id=${this.detailId}`,
+      imageUrl: this.detailData.coverUrl || "",
+    };
+  },
+  // #endif
   methods: {
+    // 通过 ID 加载详情（原 activitiesDetail 的功能）
+    async loadDetailById() {
+      if (!this.detailId) {
+        return;
+      }
+
+      try {
+        this.loading = true;
+        const res = await getGuildDetail(this.detailId);
+        if (res) {
+          this.detailData = res;
+          this.noticeType = res.noticeType;
+          this.title = res.title || "详情";
+          // 解析 HTML，分离图片和文本
+          if (res.content) {
+            this.parsedContent = this.parseHtmlContent(res.content);
+          }
+          // 设置点赞和收藏状态（如果接口返回了这些字段）
+          if (res.isLiked !== undefined) {
+            this.isLiked = res.isLiked;
+          }
+          if (res.isCollected !== undefined) {
+            this.isCollected = res.isCollected;
+          }
+        }
+      } catch (error) {
+        console.error("加载详情失败:", error);
+        uni.showToast({
+          title: "加载失败，请重试",
+          icon: "none",
+        });
+      } finally {
+        this.loading = false;
+      }
+    },
+
     // 解析 HTML 内容，将图片和文本分离
     parseHtmlContent(html) {
       if (!html) return [];
-      
+
       const result = [];
       let currentIndex = 0;
-      
+
       // 匹配所有 img 标签
       const imgRegex = /<img([^>]*)>/gi;
       let match;
       let lastIndex = 0;
-      
+
       while ((match = imgRegex.exec(html)) !== null) {
         // 添加图片之前的文本内容
         if (match.index > lastIndex) {
           const textContent = html.substring(lastIndex, match.index);
           if (textContent.trim()) {
             result.push({
-              type: 'text',
-              html: textContent
+              type: "text",
+              html: textContent,
             });
           }
         }
-        
+
         // 提取图片 src
         const imgAttrs = match[1];
         const srcMatch = imgAttrs.match(/src=["']([^"']+)["']/i);
         if (srcMatch && srcMatch[1]) {
           result.push({
-            type: 'image',
-            src: srcMatch[1]
+            type: "image",
+            src: srcMatch[1],
           });
         }
-        
+
         lastIndex = match.index + match[0].length;
       }
-      
+
       // 添加最后剩余的文本内容
       if (lastIndex < html.length) {
         const textContent = html.substring(lastIndex);
         if (textContent.trim()) {
           result.push({
-            type: 'text',
-            html: textContent
+            type: "text",
+            html: textContent,
           });
         }
       }
-      
+
       // 如果没有匹配到图片，直接返回整个内容作为文本
       if (result.length === 0 && html.trim()) {
         result.push({
-          type: 'text',
-          html: html
+          type: "text",
+          html: html,
         });
       }
-      
+
       return result;
-    }
+    },
   },
 };
 </script>
@@ -145,6 +253,7 @@ export default {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  padding-bottom: 120rpx; // 为底部操作栏留出空间
 }
 
 /* 内容区域 */
@@ -164,7 +273,7 @@ export default {
   overflow-y: visible;
   word-wrap: break-word;
   word-break: break-all;
-  
+
   // 图片容器样式
   .rich-text-image-wrapper {
     width: 100%;
@@ -173,7 +282,7 @@ export default {
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
-    
+
     .rich-text-image {
       width: 100%;
       height: auto;
@@ -181,7 +290,7 @@ export default {
       max-width: 100%;
     }
   }
-  
+
   // 文本内容样式
   .rich-text-content {
     width: 100%;
diff --git a/pages/detail/serviceDetail.vue b/pages/detail/serviceDetail.vue
index 8dfdd21..2ad981e 100644
--- a/pages/detail/serviceDetail.vue
+++ b/pages/detail/serviceDetail.vue
@@ -3,8 +3,8 @@
     <!-- 顶部导航栏 -->
     <NavHeader title="店铺详情" />
 
-    <!-- 顶部店铺信息 -->
-    <view class="store-header">
+    <!-- 顶部店铺信息（点击进入地图页） -->
+    <view class="store-header" @click="handleGoMap">
       <view class="store-brand">
         <image
           class="brand-image"
@@ -32,7 +32,7 @@
               mode="aspectFill"
             ></image>
             <text class="distance-text"
-              >距您 {{ storeInfo.distance || "0" }}km</text
+              >距您 {{ distance || "0" }}km</text
             >
           </view>
         </view>
@@ -118,7 +118,7 @@
 </template>
   
   <script>
-import { getGuildStoreDetail, getGuildCoupon } from "@/api/service";
+import { getGuildStoreDetail, getGuildCoupon, createGuildCouponWxPay } from "@/api/service";
 import NavHeader from "@/components/NavHeader/NavHeader.vue";
 
 export default {
@@ -132,8 +132,8 @@ export default {
       categoryLabel: "",
       shopId: null,
       userInfo: {},
-      hasCheckedLogin: false, // 是否已经检查过登录状态
-      isLoadingAfterLogin: false, // 是否正在登录后重新加载
+      distance: null,
+      paying: false,
     };
   },
   computed: {
@@ -142,7 +142,7 @@ export default {
       return this.menuList.reduce((total, item) => {
         if (item.selected && item.quantity > 0) {
           // 价格是以分为单位，需要转换为元
-          const price = (item.salePrice || item.currentPrice || item.price || 0) / 100;
+          const price = (item.salePrice || 0) / 100;
           return total + price * item.quantity;
         }
         return total;
@@ -158,9 +158,14 @@ export default {
     },
   },
   onLoad(options) {
+    console.log(options, 111110);
     // 从路由参数获取店铺ID和分类标签
     this.shopId = options.id;
     this.categoryLabel = options.categoryLabel;
+    // 将距离从米转换为千米（保留2位小数）
+    if (options.distance) {
+      this.distance = (parseFloat(options.distance) / 1000).toFixed(2);
+    }
     this.userInfo = uni.getStorageSync('userInfo') || {};
     if (this.shopId) {
       this.loadStoreData();
@@ -183,35 +188,23 @@ export default {
     // 如果之前没有用户信息，现在有了（说明刚登录成功），重新加载数据
     if (token && (!this.userInfo || !this.userInfo.id) && newUserInfo && newUserInfo.id) {
       this.userInfo = newUserInfo;
-      this.isLoadingAfterLogin = true; // 标记正在登录后重新加载
-      
-      // 设置一个全局标记，表示刚刚登录返回，用于防止 401 弹窗
-      uni.setStorageSync('justBackFromLogin', true);
-      // 5秒后清除标记
-      setTimeout(() => {
-        uni.removeStorageSync('justBackFromLogin');
-      }, 5000);
-      
-      // 延迟一下，确保 token 已经保存并生效，避免与之前的请求冲突
-      setTimeout(() => {
-        // 如果有店铺ID，重新加载店铺数据（特别是菜单数据，可能需要登录才能查看）
-        if (this.shopId) {
-          this.loadStoreData();
-        }
-        // 加载完成后清除标记
-        setTimeout(() => {
-          this.isLoadingAfterLogin = false;
-        }, 1000);
-      }, 500); // 增加延迟时间，确保之前的请求已经完成
+      // 如果有店铺ID，重新加载店铺数据（特别是菜单数据，可能需要登录才能查看）
+      if (this.shopId) {
+        this.loadStoreData();
+      }
     } else if (token) {
       // 如果已登录，更新用户信息（可能用户信息有更新）
       this.userInfo = newUserInfo;
     }
-    
-    // 标记已经检查过登录状态
-    this.hasCheckedLogin = true;
   },
   methods: {
+    // 顶部店铺信息点击：进入地图页
+    handleGoMap() {
+      if (!this.shopId) return;
+      uni.navigateTo({
+        url: `/pages/detail/mapDetail?id=${this.shopId}`,
+      });
+    },
     // 加载店铺数据
     async loadStoreData() {
       try {
@@ -235,6 +228,10 @@ export default {
         const res = await getGuildStoreDetail(shopId);
         if (res) {
           this.storeInfo = res;
+          // 如果接口返回的距离是米，转换为千米
+          if (this.storeInfo.distance && typeof this.storeInfo.distance === 'number') {
+            this.storeInfo.distance = (this.storeInfo.distance / 1000).toFixed(2);
+          }
         }
       } catch (error) {
         console.error("加载店铺详情失败:", error);
@@ -305,7 +302,7 @@ export default {
     },
 
     // 去结算
-    handleCheckout() {
+    async handleCheckout() {
       if (this.totalAmount <= 0) {
         return;
       }
@@ -323,10 +320,97 @@ export default {
         return;
       }
 
+      // #ifndef MP-WEIXIN
       uni.showToast({
-        title: "该功能正在开发中",
+        title: "请在微信小程序内使用微信支付",
         icon: "none",
       });
+      return;
+      // #endif
+
+      if (this.paying) return;
+      this.paying = true;
+
+      try {
+        // 1) 获取小程序登录 code（用于后端换取 openid / 下单）
+        const loginRes = await new Promise((resolve, reject) => {
+          uni.login({
+            provider: "weixin",
+            success: resolve,
+            fail: reject,
+          });
+        });
+
+        const loginCode = loginRes && loginRes.code;
+        if (!loginCode) {
+          throw new Error("获取微信登录 code 失败");
+        }
+
+        // 2) 调后端：创建订单 + 返回微信支付参数
+        const payRes = await createGuildCouponWxPay({
+          shopId: this.shopId,
+          // 仅传必要字段，避免后端解析困难
+          items: selectedItems.map((it) => ({
+            id: it.id,
+            quantity: it.quantity,
+          })),
+          loginCode,
+          // 金额（单位元），后端应以实际计算为准
+          amount: this.totalAmount.toFixed(2),
+        });
+
+        // 3) 兼容不同返回结构
+        const raw = (payRes && (payRes.payParams || payRes.payInfo || payRes)) || {};
+        const timeStamp = String(raw.timeStamp || raw.timestamp || raw.time_stamp || "");
+        const nonceStr = raw.nonceStr || raw.nonce_str || "";
+        const pkg = raw.package || raw.packageValue || raw.package_value || "";
+        const signType = raw.signType || raw.sign_type || "MD5";
+        const paySign = raw.paySign || raw.pay_sign || "";
+
+        if (!timeStamp || !nonceStr || !pkg || !paySign) {
+          console.error("支付参数缺失:", raw);
+          uni.showToast({
+            title: "支付参数异常，请联系管理员",
+            icon: "none",
+          });
+          return;
+        }
+
+        // 4) 调起微信支付
+        await new Promise((resolve, reject) => {
+          uni.requestPayment({
+            provider: "wxpay",
+            timeStamp,
+            nonceStr,
+            package: pkg,
+            signType,
+            paySign,
+            success: resolve,
+            fail: reject,
+          });
+        });
+
+        uni.showToast({
+          title: "支付成功",
+          icon: "success",
+        });
+
+        // 可选：跳转到服务记录页（待支付/已完成）
+        setTimeout(() => {
+          uni.navigateTo({
+            url: "/pages/profileSub/serviceRecords",
+          });
+        }, 600);
+      } catch (err) {
+        console.error("支付失败:", err);
+        const msg = (err && (err.errMsg || err.message)) || "支付失败/已取消";
+        uni.showToast({
+          title: msg.includes("cancel") ? "已取消支付" : "支付失败",
+          icon: "none",
+        });
+      } finally {
+        this.paying = false;
+      }
     },
   },
 };
@@ -528,12 +612,12 @@ export default {
           display: flex;
           align-items: baseline;
           font-weight: bold;
-          font-size: 24rpx;
+          font-size: 22rpx;
           color: #d51c3c;
           .price-text {
             font-family: PingFang-SC, PingFang-SC;
             font-weight: bold;
-            font-size: 48rpx;
+            font-size: 47rpx;
             color: #d51c3c;
           }
         }
@@ -541,7 +625,7 @@ export default {
         .original-price {
           font-family: PingFang-SC, PingFang-SC;
           font-weight: 500;
-          font-size: 20rpx;
+          font-size: 18rpx;
           color: #545454;
           text-decoration: line-through;
           background-color: rgba(115, 115, 115, 0.1);
@@ -551,7 +635,7 @@ export default {
         .quantity-control {
           display: flex;
           align-items: center;
-          gap: 20rpx;
+          gap: 15rpx;
           margin-left: auto;
 
           .quantity-btn {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 8228e00..51bdabc 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -302,15 +302,6 @@ export default {
         });
       }
     },
-
-    // 加入工会
-    async handleJoinGuild() {
-      uni.showToast({
-        title: "该功能正在开发中",
-        icon: "none",
-      });
-    },
-
     // 查看全部福利
     handleViewAllBenefits() {
       // 清除分类信息，跳转到服务页面显示全部
@@ -361,7 +352,7 @@ export default {
     handleActivityClick(item) {
       // 点击活动项跳转到详情页
       uni.navigateTo({
-        url: `/pages/detail/activitiesDetail?id=${item.id}`
+        url: `/pages/detail/richTextDetail?id=${item.id}`
       });
     },
 
@@ -369,7 +360,7 @@ export default {
     async handleJoinActivity(item) {
       // 跳转到活动详情页
       uni.navigateTo({
-        url: `/pages/detail/activitiesDetail?id=${item.id}`
+        url: `/pages/detail/richTextDetail?id=${item.id}`
       });
     },
   },
diff --git a/pages/login/login.vue b/pages/login/login.vue
index fa5b522..39c0e95 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -65,7 +65,7 @@
           class="wechat-login-btn"
           open-type="getPhoneNumber"
           @getphonenumber="handleGetPhoneNumber"
-          :disabled="loading"
+          :disabled="loading || !agreedToTerms"
         >
           <text>一键授权手机号快速登录</text>
         </button>
@@ -76,6 +76,21 @@
           <text>小程序一键授权登录仅支持微信小程序环境</text>
         </view>
         <!-- #endif -->
+
+        <!-- 协议同意区域 -->
+        <view class="agreement-section">
+          <view class="agreement-checkbox" @click="toggleAgreement">
+            <view class="checkbox-icon" :class="{ checked: agreedToTerms }">
+              <text v-if="agreedToTerms" class="checkmark">✓</text>
+            </view>
+            <text class="agreement-text">
+              我已阅读并同意
+              <text class="link-text" @click.stop="goToUserAgreement">《用户服务协议》</text>
+              和
+              <text class="link-text" @click.stop="goToPrivacyPolicy">《隐私政策》</text>
+            </text>
+          </view>
+        </view>
       </view>
     </view>
   </view>
@@ -92,6 +107,7 @@ export default {
       showBack: false,
       loading: false,
       showPassword: false,
+      agreedToTerms: false, // 是否同意协议
       formData: {
         mobile: '',
         password: ''
@@ -268,10 +284,39 @@ export default {
       }
     },
 
+    // 切换协议同意状态
+    toggleAgreement() {
+      this.agreedToTerms = !this.agreedToTerms
+    },
+    
+    // 跳转到用户协议
+    goToUserAgreement() {
+      uni.navigateTo({
+        url: '/pages/profileSub/userAgreement'
+      })
+    },
+    
+    // 跳转到隐私政策
+    goToPrivacyPolicy() {
+      uni.navigateTo({
+        url: '/pages/profileSub/privacyPolicy'
+      })
+    },
+
     // 小程序一键授权手机号登录
     async handleGetPhoneNumber(e) {
       console.log('获取手机号授权结果:', e)
       
+      // 检查是否同意协议
+      if (!this.agreedToTerms) {
+        uni.showToast({
+          title: '请先阅读并同意用户协议和隐私政策',
+          icon: 'none',
+          duration: 2000
+        })
+        return
+      }
+      
       if (e.detail.errMsg === 'getPhoneNumber:ok') {
         this.loading = true
         try {
@@ -612,5 +657,51 @@ export default {
     font-size: 24rpx;
     color: #999999;
   }
+
+  .agreement-section {
+    margin-top: 40rpx;
+    padding: 0 20rpx;
+
+    .agreement-checkbox {
+      display: flex;
+      align-items: flex-start;
+      gap: 12rpx;
+
+      .checkbox-icon {
+        width: 32rpx;
+        height: 32rpx;
+        border: 1rpx solid #cccccc;
+        border-radius: 4rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        margin-top: 4rpx;
+
+        &.checked {
+          background-color: #004294;
+          border-color: #004294;
+
+          .checkmark {
+            color: #ffffff;
+            font-size: 24rpx;
+            font-weight: bold;
+          }
+        }
+      }
+
+      .agreement-text {
+        font-size: 24rpx;
+        color: #666666;
+        line-height: 1.6;
+        flex: 1;
+
+        .link-text {
+          color: #004294;
+          text-decoration: underline;
+        }
+      }
+    }
+  }
 }
 </style>
diff --git a/pages/profile/profile.vue b/pages/profile/profile.vue
index 12fdc42..d8fa8c9 100644
--- a/pages/profile/profile.vue
+++ b/pages/profile/profile.vue
@@ -14,11 +14,16 @@
       }"
     >
       <view class="user-info">
+        <view class="user-level">{{ userInfo.level.name }}</view>
         <!-- #ifdef MP-WEIXIN -->
-        <button class="avatar-btn" open-type="chooseAvatar" @chooseavatar="handleChooseAvatar">
+        <button
+          class="avatar-btn"
+          open-type="chooseAvatar"
+          @chooseavatar="handleChooseAvatar"
+        >
           <image
             class="avatar"
-            :src="userInfo.avatar || '/static/logo.png'"
+            :src="userInfo.avatar || '/static/tabbar/profile.png'"
             mode="aspectFill"
           ></image>
         </button>
@@ -27,7 +32,7 @@
         <view class="avatar-wrapper" @click="handleChooseAvatar">
           <image
             class="avatar"
-            :src="userInfo.avatar || '/static/logo.png'"
+            :src="userInfo.avatar || '/static/tabbar/profile.png'"
             mode="aspectFill"
           ></image>
         </view>
@@ -117,7 +122,7 @@ export default {
       navBarHeight: 0,
       currentTime: "10:55",
       userInfo: {
-        level: {} // 防止 level 未定义时报错
+        level: {}, // 防止 level 未定义时报错
       },
       noticeNum: 3,
       uploading: false, // 是否正在上传头像
@@ -205,10 +210,10 @@ export default {
         }
       }
     },
+    // 会员权益
     goToMemberBenefits() {
-      uni.showToast({
-        title: "该功能正在开发中",
-        icon: "none",
+      uni.navigateTo({
+        url: "/pages/profileSub/pointsMemberRules",
       });
     },
     goToRealNameAuth() {
@@ -268,13 +273,13 @@ export default {
         this.uploadAvatar(avatarUrl);
       }
       // #endif
-      
+
       // #ifndef MP-WEIXIN
       // 其他平台使用 chooseImage
       uni.chooseImage({
         count: 1,
-        sizeType: ['compressed'],
-        sourceType: ['album', 'camera'],
+        sizeType: ["compressed"],
+        sourceType: ["album", "camera"],
         success: (res) => {
           const tempFilePath = res.tempFilePaths[0];
           // 先显示本地预览
@@ -283,12 +288,12 @@ export default {
           this.uploadAvatar(tempFilePath);
         },
         fail: (err) => {
-          console.error('选择图片失败:', err);
+          console.error("选择图片失败:", err);
           uni.showToast({
-            title: '选择图片失败',
-            icon: 'none'
+            title: "选择图片失败",
+            icon: "none",
           });
-        }
+        },
       });
       // #endif
     },
@@ -301,24 +306,24 @@ export default {
 
       this.uploading = true;
       uni.showLoading({
-        title: '上传中...',
-        mask: true
+        title: "上传中...",
+        mask: true,
       });
 
       // 获取token
-      const token = uni.getStorageSync('token');
-      const BASE_URL = 'https://guangsh.manage.hschengtai.com';
+      const token = uni.getStorageSync("token");
+      const BASE_URL = "https://guangsh.manage.hschengtai.com";
 
       uni.uploadFile({
         url: `${BASE_URL}/app-api/infra/file/upload`,
         filePath: filePath,
-        name: 'file',
+        name: "file",
         formData: {
-          directory: 'avatar' // 头像目录
+          directory: "avatar", // 头像目录
         },
         header: {
-          'Authorization': `Bearer ${token}`,
-          'tenant-id': '1'
+          Authorization: `Bearer ${token}`,
+          "tenant-id": "1",
         },
         success: (res) => {
           uni.hideLoading();
@@ -331,27 +336,27 @@ export default {
                 // 更新用户信息中的头像
                 this.userInfo.avatar = imageUrl;
                 // 保存到本地存储
-                uni.setStorageSync('userInfo', this.userInfo);
-                
+                uni.setStorageSync("userInfo", this.userInfo);
+
                 // 调用更新用户信息接口（如果有的话）
                 this.updateUserAvatar(imageUrl);
-                
+
                 uni.showToast({
-                  title: '头像上传成功',
-                  icon: 'success',
-                  duration: 1500
+                  title: "头像上传成功",
+                  icon: "success",
+                  duration: 1500,
                 });
               } else {
-                throw new Error('上传成功但未返回图片地址');
+                throw new Error("上传成功但未返回图片地址");
               }
             } else {
-              throw new Error(data.message || data.msg || '上传失败');
+              throw new Error(data.message || data.msg || "上传失败");
             }
           } catch (error) {
-            console.error('解析上传结果失败:', error);
+            console.error("解析上传结果失败:", error);
             uni.showToast({
-              title: error.message || '上传失败，请重试',
-              icon: 'none'
+              title: error.message || "上传失败，请重试",
+              icon: "none",
             });
             // 上传失败，恢复原头像
             this.loadUserInfo();
@@ -359,17 +364,17 @@ export default {
         },
         fail: (err) => {
           uni.hideLoading();
-          console.error('上传头像失败:', err);
+          console.error("上传头像失败:", err);
           uni.showToast({
-            title: '上传失败，请检查网络',
-            icon: 'none'
+            title: "上传失败，请检查网络",
+            icon: "none",
           });
           // 上传失败，恢复原头像
           this.loadUserInfo();
         },
         complete: () => {
           this.uploading = false;
-        }
+        },
       });
     },
 
@@ -379,9 +384,9 @@ export default {
         // 这里可以调用更新用户信息的接口
         // 例如：await updateUserInfo({ avatar: avatarUrl });
         // 暂时只更新本地存储，如果后端有更新接口可以在这里调用
-        console.log('头像已更新:', avatarUrl);
+        console.log("头像已更新:", avatarUrl);
       } catch (error) {
-        console.error('更新用户头像失败:', error);
+        console.error("更新用户头像失败:", error);
         // 即使更新失败，本地已经保存了，不影响使用
       }
     },
@@ -426,7 +431,17 @@ export default {
     align-items: center;
     padding-top: 89rpx;
     padding-left: 23rpx;
-    
+
+    .user-level {
+      position: absolute;
+      top: 9rpx;
+      left: 28rpx;
+      font-family: PingFang-SC, PingFang-SC;
+      font-weight: bold;
+      font-size: 28rpx;
+      color: #fdd7b2;
+    }
+
     .avatar-btn {
       width: 109rpx;
       height: 108rpx;
@@ -435,30 +450,30 @@ export default {
       background: transparent;
       border: none;
       line-height: 1;
-      
+
       &::after {
         border: none;
       }
-      
+
       .avatar {
         width: 100%;
         height: 100%;
         border-radius: 50%;
       }
     }
-    
+
     .avatar-wrapper {
       width: 109rpx;
       height: 108rpx;
       margin-right: 24rpx;
-      
+
       .avatar {
         width: 100%;
         height: 100%;
         border-radius: 50%;
       }
     }
-    
+
     .avatar {
       width: 109rpx;
       height: 108rpx;
diff --git a/pages/profileSub/pointsMemberRules.vue b/pages/profileSub/pointsMemberRules.vue
new file mode 100644
index 0000000..3b95c11
--- /dev/null
+++ b/pages/profileSub/pointsMemberRules.vue
@@ -0,0 +1,237 @@
+<template>
+  <view class="rules-page">
+    <NavHeader title="积分会员制度" />
+
+    <scroll-view class="content-scroll" scroll-y="true">
+      <!-- 一、会员等级与积分门槛 -->
+      <view class="section">
+        <view class="section-title">一、会员等级与积分门槛</view>
+
+        <view class="table">
+          <view class="tr th">
+            <view class="td col-1">等级</view>
+            <view class="td col-2">所需积分</view>
+            <view class="td col-3">等级名称</view>
+          </view>
+          <view class="tr" v-for="row in levelRows" :key="row.level">
+            <view class="td col-1">{{ row.level }}</view>
+            <view class="td col-2">{{ row.points }}</view>
+            <view class="td col-3">{{ row.name }}</view>
+          </view>
+        </view>
+
+        <view class="tips">
+          <text class="tips-text">
+            升级规则：会员积分达到相应门槛后，系统在24小时内升级，并享受新等级的全部权益。
+          </text>
+        </view>
+      </view>
+
+      <!-- 二、行为奖励 -->
+      <view class="section">
+        <view class="section-title">二、行为奖励</view>
+
+        <view class="table">
+          <view class="tr th">
+            <view class="td col-a">行为</view>
+            <view class="td col-b">奖励积分</view>
+            <view class="td col-c">频率/限制</view>
+          </view>
+          <view class="tr" v-for="row in rewardRows" :key="row.action">
+            <view class="td col-a">{{ row.action }}</view>
+            <view class="td col-b">{{ row.points }}</view>
+            <view class="td col-c">{{ row.limit }}</view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 三、会员权益 -->
+      <view class="section">
+        <view class="section-title">三、会员权益</view>
+
+        <view class="table">
+          <view class="tr th">
+            <view class="td col-lv">等级</view>
+            <view class="td col-ben">享受权益</view>
+          </view>
+          <view class="tr" v-for="row in benefitRows" :key="row.level">
+            <view class="td col-lv">{{ row.level }}</view>
+            <view class="td col-ben">{{ row.benefits }}</view>
+          </view>
+        </view>
+
+        <view class="bullet">
+          <view class="bullet-item">• 首批次注册会员并完善个人信息前100者，送精美小礼品；</view>
+          <view class="bullet-item">• 率先升级为中级会员前30名者，邀请前来公司参与活动(含精美礼品)；</view>
+          <view class="bullet-item">• 率先升级为高级会员前10名者，享受xx地区一日游(车费、餐费)；</view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import NavHeader from "@/components/NavHeader/NavHeader.vue";
+
+export default {
+  components: { NavHeader },
+  data() {
+    return {
+      levelRows: [
+        { level: "初级", points: "0", name: "筑巢会员" },
+        { level: "中级", points: "1000", name: "安居会员" },
+        { level: "高级", points: "5000", name: "共富会员" },
+      ],
+      rewardRows: [
+        { action: "签到", points: "2分", limit: "一天一次" },
+        { action: "吃饭消费", points: "3分", limit: "不限次" },
+        { action: "保险修车", points: "100分", limit: "不限次" },
+        { action: "完善个人信息", points: "100分", limit: "一次" },
+        { action: "评价", points: "2分", limit: "一天5次" },
+        { action: "完成首单", points: "30分", limit: "一次" },
+        { action: "分享链接", points: "10分", limit: "一天5次" },
+        { action: "推荐新用户", points: "50分", limit: "不限次" },
+        { action: "参与社区发帖", points: "2分", limit: "一天5次" },
+      ],
+      benefitRows: [
+        {
+          level: "初级会员",
+          benefits:
+            "工会合作餐厅吃饭最低价，修车9.5折，保险(华生诚泰)9折，租房优惠权益，三家医院绿色通道。",
+        },
+        {
+          level: "中级会员",
+          benefits:
+            "工会合作餐厅吃饭最低价，修车9折，保险(华盛诚泰)8折，租房优惠权益，三家医院绿色通道。",
+        },
+        {
+          level: "高级会员",
+          benefits:
+            "工会合作餐厅吃饭最低价，修车8.5折，保险(华生诚泰)8折，租房优惠权益，三家医院绿色通道。",
+        },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.rules-page {
+  height: 100vh;
+  background-color: #ffffff;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.content-scroll {
+  flex: 1;
+  height: 0;
+  padding: 20rpx 24rpx 40rpx;
+  box-sizing: border-box;
+  background: #ffffff;
+}
+
+.section {
+  margin-bottom: 28rpx;
+}
+
+.section-title {
+  font-family: PingFang-SC, PingFang-SC;
+  font-weight: 700;
+  font-size: 30rpx;
+  color: #111111;
+  margin: 10rpx 0 16rpx;
+}
+
+.table {
+  border: 1rpx solid #d9d9d9;
+  border-radius: 8rpx;
+  overflow: hidden;
+  background: #ffffff;
+}
+
+.tr {
+  display: flex;
+  border-bottom: 1rpx solid #d9d9d9;
+}
+.tr:last-child {
+  border-bottom: none;
+}
+
+.th {
+  background: #f3f3f3;
+}
+
+.td {
+  padding: 16rpx 12rpx;
+  font-family: PingFang-SC, PingFang-SC;
+  font-size: 24rpx;
+  color: #333333;
+  line-height: 1.4;
+  border-right: 1rpx solid #d9d9d9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  box-sizing: border-box;
+}
+.td:last-child {
+  border-right: none;
+}
+
+/* 表1列宽 */
+.col-1 {
+  width: 22%;
+}
+.col-2 {
+  width: 28%;
+}
+.col-3 {
+  width: 50%;
+}
+
+/* 表2列宽 */
+.col-a {
+  width: 34%;
+}
+.col-b {
+  width: 22%;
+}
+.col-c {
+  width: 44%;
+}
+
+/* 表3列宽 */
+.col-lv {
+  width: 28%;
+}
+.col-ben {
+  width: 72%;
+  justify-content: flex-start;
+  text-align: left;
+}
+
+.tips {
+  margin-top: 12rpx;
+}
+.tips-text {
+  font-family: PingFang-SC, PingFang-SC;
+  font-size: 22rpx;
+  color: #2f6fd6;
+  line-height: 1.6;
+}
+
+.bullet {
+  margin-top: 14rpx;
+}
+.bullet-item {
+  font-family: PingFang-SC, PingFang-SC;
+  font-size: 22rpx;
+  color: #1a1a1a;
+  line-height: 1.7;
+}
+</style>
+
+
+
diff --git a/pages/profileSub/privacyPolicy.vue b/pages/profileSub/privacyPolicy.vue
new file mode 100644
index 0000000..4e2ce2c
--- /dev/null
+++ b/pages/profileSub/privacyPolicy.vue
@@ -0,0 +1,140 @@
+<template>
+  <view class="privacy-page">
+    <NavHeader title="隐私政策" />
+    <scroll-view class="content" scroll-y="true">
+      <view class="privacy-content">
+        <text class="privacy-text">{{ privacyText }}</text>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import NavHeader from "@/components/NavHeader/NavHeader.vue";
+
+export default {
+  components: {
+    NavHeader
+  },
+  data() {
+    return {
+      privacyText: `隐私政策
+
+本隐私政策（以下简称"本政策"）由广厦千万间司机公会（以下简称"我们"）制定，旨在说明我们通过运营的微信小程序（以下简称"小程序"）向您（以下简称"用户"）提供餐饮、维修、保险、健康等服务过程中，对用户个人信息的收集、使用、存储、传输、共享、披露及保护等相关事宜。您在使用我们的服务时，即视为您已充分阅读、理解并同意本政策的全部内容，包括我们对本政策的后续更新。如您不同意本政策，请勿使用我们的服务。
+
+一、适用范围
+本政策适用于我们通过小程序向您提供的所有服务，包括但不限于餐饮服务、维修服务、保险服务、健康服务等。若您通过第三方平台或渠道使用我们的服务，还需遵守该第三方的相关隐私规定。
+
+二、个人信息的收集范围与方式
+（一）收集范围
+为向您提供高质量的服务，我们仅收集为实现服务目的所必需的个人信息，具体包括：
+1.基本身份信息：包括您的姓名、身份证号、联系电话等，用于完成身份核验、建立服务关系；
+2.车辆相关信息：包括您的车牌号、车辆行驶证信息等，用于为您精准匹配维修、保险等服务；
+3.服务相关信息：包括您的餐饮偏好、维修需求、保险配置需求、健康状况（仅收集服务必需的部分）、服务订单记录、费用支付记录、评价反馈等，用于处理订单、优化服务体验；
+4.其他必要信息：为保障服务安全、履行法律法规义务所必需的其他信息。
+
+（二）收集方式
+1.您主动提供：您在小程序注册账号、提交服务申请、填写资料、购买服务、发表评价时，主动向我们提供的个人信息；
+2.服务过程获取：在为您提供服务的过程中，我们通过小程序系统自动记录的相关信息，如服务使用记录、支付记录等；
+3.第三方协助获取：在取得您明确授权的前提下，我们从合法的第三方机构（如保险机构、支付机构、合作维修商家等）获取的必要信息，用于完成服务对接；
+4.其他合法方式：依据法律法规规定或有权机关要求，合法收集的相关信息。
+
+三、个人信息的使用目的
+我们收集的个人信息，仅用于以下合法目的：
+1.完成用户身份核验，建立并维护合法、有效的服务关系；
+2.为您提供餐饮、维修、保险、健康等约定服务，处理服务订单、完成费用结算；
+3.分析您的服务需求，精准匹配服务资源，为您提供个性化的服务推荐；
+4.对服务质量进行评估与优化，提升服务体验，改进服务流程；
+5.保障服务安全，防范、识别并处理欺诈、违规等风险行为；
+6.向您发送服务相关的通知、公告、优惠活动信息（如您明确拒绝，我们将停止发送）；
+7.处理您的咨询、投诉与建议，维护您的合法权益；
+8.履行法律法规规定的信息留存、报告等义务；
+9.其他经您明确同意的合法用途。
+未经您的明确同意，我们不会将您的个人信息用于本政策约定以外的其他目的。
+
+四、个人信息的存储与安全
+（一）存储期限与地点
+1.我们将按照法律法规的规定，在实现信息收集目的所必需的最短期限内存储您的个人信息。超出存储期限的，我们将对您的个人信息进行安全删除或匿名化处理。
+2.您的个人信息将存储在中华人民共和国境内，如需向境外传输，我们将严格遵守相关法律法规的规定，取得您的明确同意并采取必要的安全保障措施。
+
+（二）安全保障措施
+我们高度重视您的个人信息安全，采取以下技术与管理措施保障信息安全：
+1.技术防护：采用数据加密、访问控制、安全审计、防火墙等技术手段，防止个人信息被泄露、篡改、窃取；
+2.管理规范：建立健全个人信息保护管理制度，明确各岗位的信息安全职责，对工作人员进行信息安全培训与考核；
+3.权限管控：严格限制访问个人信息的人员范围，仅授权必要工作人员在履行职责时访问，并对访问行为进行记录与监控；
+4.应急处置：制定个人信息安全事件应急预案，如发生信息泄露、毁损、丢失等安全事件，将立即启动应急预案，采取补救措施，并按照法律法规的规定及时向您及相关监管部门报告。
+
+五、个人信息的共享与披露
+（一）信息共享
+我们不会随意向第三方共享您的个人信息，除非符合以下情形：
+1.经您明确同意或授权：我们将在您授权的范围内，向您指定的第三方共享必要的个人信息；
+2.服务提供必需：为向您提供约定的服务，需向合作的第三方机构（如保险机构、维修商家、支付机构等）共享必要的个人信息，且该第三方已签署保密协议，承诺严格保护您的个人信息；
+3.法律法规要求：依据法律法规的规定、司法机关或行政机关的合法要求，向相关部门披露或共享个人信息；
+4.保护合法权益：为保护我们的合法权益、服务秩序或社会公共利益，在合理必要的范围内共享个人信息；
+5.匿名化处理：经过匿名化处理的信息，因其已无法识别您的身份，共享此类信息无需经过您的同意。
+
+（二）信息披露
+除本政策约定的情形及法律法规规定外，我们不会向任何第三方披露您的个人信息。
+
+六、用户的权利
+依据相关法律法规，您对您的个人信息享有以下权利：
+1.查询与核对权：您有权查询、核对我们存储的您的个人信息，可通过小程序客服通道提交查询申请；
+2.更正权：如您发现您的个人信息存在错误或不完整，有权要求我们予以更正、补充，我们将在审核确认后及时处理；
+3.撤回授权权：您有权随时撤回对我们收集、使用您个人信息的授权，撤回授权可通过小程序客服通道申请；
+4.删除权：在符合法律法规规定的情形下，您有权要求我们删除您的个人信息，我们将在审核通过后及时删除；
+5.异议权：您对我们的个人信息处理行为有异议的，有权向我们提出，我们将在收到异议后及时核查并答复；
+6.投诉举报权：如您认为我们的个人信息处理行为侵害了您的合法权益，有权向相关监管部门投诉、举报。
+您行使上述权利时，可通过小程序客服通道或以下联系方式提交申请，我们将在合理期限内完成审核并反馈处理结果。
+
+七、隐私政策的更新
+1.因法律法规更新、业务模式调整、服务内容变化等原因，我们可能会对本政策进行修订。
+2.修订后的隐私政策将通过小程序公告的方式公示，公示期满后正式生效。如您继续使用我们的服务，视为您已充分阅读、理解并同意修订后的隐私政策；如您不同意，应立即停止使用我们的服务，并可依据相关约定申请终止服务协议。
+
+八、联系方式
+如您对本隐私政策有任何疑问、意见或建议，或需要行使本政策约定的相关权利，可通过以下方式与我们联系：
+1.联系地址：陕西省西安市雁塔区丈八东路2号3层301号
+2.联系电话：18049239525
+3.联系通道：小程序内客服聊天窗口
+我们将在收到您的反馈后7个工作日内予以响应并处理。
+
+九、附则
+本隐私政策自发布之日起生效。如本隐私政策与相关法律法规存在冲突，以法律法规的规定为准。
+
+广厦千万间司机公会`
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.privacy-page {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  flex: 1;
+  padding: 20rpx;
+}
+
+.privacy-content {
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  padding: 40rpx 30rpx;
+  margin-bottom: 20rpx;
+}
+
+.privacy-text {
+  font-size: 28rpx;
+  line-height: 1.8;
+  color: #333333;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>
+
+
+
+
diff --git a/pages/profileSub/realNameAuth.vue b/pages/profileSub/realNameAuth.vue
index e9edddb..574b9ba 100644
--- a/pages/profileSub/realNameAuth.vue
+++ b/pages/profileSub/realNameAuth.vue
@@ -204,12 +204,27 @@
         </view>
       </view>
 
+      <!-- 协议同意区域 -->
+      <view class="agreement-section">
+        <view class="agreement-checkbox" @click="toggleAgreement">
+          <view class="checkbox-icon" :class="{ checked: agreedToTerms }">
+            <text v-if="agreedToTerms" class="checkmark">✓</text>
+          </view>
+          <text class="agreement-text">
+            我已阅读并同意
+            <text class="link-text" @click.stop="goToUserAgreement">《用户服务协议》</text>
+            和
+            <text class="link-text" @click.stop="goToPrivacyPolicy">《隐私政策》</text>
+          </text>
+        </view>
+      </view>
+
       <!-- 提交按钮 -->
       <view class="submit-section">
         <button
           class="submit-btn"
-          :class="{ disabled: loading }"
-          :disabled="loading"
+          :class="{ disabled: loading || !agreedToTerms }"
+          :disabled="loading || !agreedToTerms"
           @click="handleSubmit"
         >
           {{ loading ? '提交中...' : '提交认证' }}
@@ -230,6 +245,7 @@ export default {
   data() {
     return {
       loading: false,
+      agreedToTerms: false, // 是否同意协议
       idTypeIndex: 0,
       idTypeOptions: [
         { label: '身份证', value: 1 },
@@ -549,8 +565,55 @@ export default {
   }
 }
 
+.agreement-section {
+  padding: 30rpx;
+  padding-bottom: 0;
+
+  .agreement-checkbox {
+    display: flex;
+    align-items: flex-start;
+    gap: 12rpx;
+
+    .checkbox-icon {
+      width: 32rpx;
+      height: 32rpx;
+      border: 1rpx solid #cccccc;
+      border-radius: 4rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      margin-top: 4rpx;
+
+      &.checked {
+        background-color: #004294;
+        border-color: #004294;
+
+        .checkmark {
+          color: #ffffff;
+          font-size: 24rpx;
+          font-weight: bold;
+        }
+      }
+    }
+
+    .agreement-text {
+      font-size: 24rpx;
+      color: #666666;
+      line-height: 1.6;
+      flex: 1;
+
+      .link-text {
+        color: #004294;
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
 .submit-section {
-  margin-top: 40rpx;
+  margin-top: 20rpx;
+  padding: 0 30rpx;
   padding-bottom: 40rpx;
 
   .submit-btn {
diff --git a/pages/profileSub/userAgreement.vue b/pages/profileSub/userAgreement.vue
new file mode 100644
index 0000000..5a0468b
--- /dev/null
+++ b/pages/profileSub/userAgreement.vue
@@ -0,0 +1,136 @@
+<template>
+  <view class="agreement-page">
+    <NavHeader title="用户服务协议" />
+    <scroll-view class="content" scroll-y="true">
+      <view class="agreement-content">
+        <text class="agreement-text">{{ agreementText }}</text>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import NavHeader from "@/components/NavHeader/NavHeader.vue";
+
+export default {
+  components: {
+    NavHeader
+  },
+  data() {
+    return {
+      agreementText: `用户服务协议
+
+鉴于甲方运营微信小程序（以下简称"小程序"），为乙方提供餐饮、维修、保险、健康等专属收费服务；乙方自愿使用甲方提供的服务，为明确双方权利义务，根据《中华人民共和国民法典》《中华人民共和国个人信息保护法》等相关法律法规，甲乙双方本着平等、自愿、公平、诚实信用的原则，达成如下协议，以资共同遵守。
+
+一、服务内容与范围
+1.1 甲方通过小程序为乙方提供以下服务（具体服务详情以小程序内公示为准）：
+1.餐饮服务：包括但不限于餐饮优惠套餐选购、定点合作商家就餐预约、专属餐食配送对接等收费服务；
+2.维修服务：包括但不限于车辆维修保养套餐销售、优先维修预约、上门维修费用对接、维修机构推荐等收费服务；
+3.保险服务：包括但不限于车辆保险、人身意外险等产品的投保咨询、保费缴纳协助、理赔协助等收费服务；
+4.健康服务：包括但不限于司机专属健康体检套餐、健康咨询、职业病预防指导等收费服务。
+1.2 甲方有权根据市场需求、业务发展等情况调整服务内容及收费项目，相关调整将通过小程序公告或短信提前通知乙方。乙方继续使用服务的，视为认可调整后的内容。
+
+二、服务费用与支付
+2.1 收费标准：本协议项下服务均为收费服务，具体收费标准、计费方式、服务明细均在小程序对应服务页面明确公示，乙方可自行查看并选择购买。
+2.2 价格调整：甲方可根据市场行情、服务成本等因素调整收费标准，调整后将通过小程序公告提前7个自然日公示，公示期满后生效。
+2.3 支付方式：乙方应通过小程序内指定支付渠道（如微信支付）支付费用，支付成功后视为订单确认，甲方依订单约定提供服务。
+2.4 套餐续费：套餐类、周期类服务需一次性支付对应周期费用，乙方应在服务期满前按小程序提示续费，逾期未续费的，服务自动终止。
+
+三、费用退还
+3.1 因甲方原因（如无法提供约定服务、服务存在重大瑕疵无法补救）导致服务无法履行的，甲方应根据乙方未使用的服务内容或时长，退还相应费用。
+3.2 因乙方自身原因（如主动放弃服务、不再需要服务）申请退款的，除小程序明确标注可退款情形外，甲方不予退还已收费用。
+3.3 退款申请：乙方需通过小程序客服提交书面退款申请及相关证明材料，甲方在收到申请后7个工作日内完成审核，审核通过的，退款金额原路返还；审核不通过的，告知乙方具体原因。
+
+四、乙方权利与义务
+4.1 乙方权利：
+1.要求甲方按协议及订单约定提供符合标准的服务；
+2.监督服务质量，对服务问题提出改进建议；
+3.查询、更正本人的个人信息及服务订单、支付记录；
+4.符合退款条件时，申请退还相应服务费用；
+5.按约定申请终止本协议。
+4.2 乙方义务：
+1.向甲方提供真实、准确、完整的个人信息及相关资料，不得提供虚假信息或隐瞒重要事实；
+2.遵守国家法律法规及甲方发布的服务规则，不得利用服务从事违法违规、损害他人合法权益的活动；
+3.妥善保管小程序账号、密码等身份信息，对账号下所有操作行为承担责任，发现账号泄露、被盗用应及时通知甲方；
+4.按协议及小程序公示标准，及时、足额支付服务费用；
+5.配合甲方完成服务必需的信息核验、服务对接等工作。
+
+五、甲方权利与义务
+5.1 甲方权利：
+1.按协议及公示标准向乙方收取服务费用；
+2.取得乙方明确同意后，收集、使用乙方个人信息（详见《隐私政策》）；
+3.对乙方提供的信息进行必要核验，保障服务安全与合规；
+4.乙方违约时，有权暂停或终止服务，并追究乙方相应责任；
+5.提前公示后，调整服务内容、收费标准及服务规则。
+5.2 甲方义务：
+1.按协议及订单承诺，提供稳定、优质的各项服务；
+2.在小程序显著位置公示收费标准、服务内容、退款规则等关键信息，保障乙方知情权；
+3.严格保密乙方个人信息，不得泄露、篡改、非法出售或转让；
+4.建立信息安全保障措施，保障乙方账号及信息安全；
+5.设立客服通道，及时受理乙方咨询、投诉与建议，7个工作日内响应处理。
+
+六、信息授权与保护
+6.1 乙方知悉并同意，甲方为提供服务需收集、使用乙方相关个人信息，具体范围、方式、存储及保护措施详见《隐私政策》。《隐私政策》为本协议不可分割的组成部分，与本协议具有同等法律效力。
+6.2 乙方有权随时撤回信息收集、使用的授权，但撤回后甲方可能无法继续提供部分或全部服务，由此产生的不利后果由乙方自行承担。
+
+七、协议期限与终止
+7.1 本协议自乙方点击小程序"同意"按钮之日起生效，有效期至一方按约定终止为止。
+7.2 乙方可随时通过小程序客服提交协议终止申请，经甲方审核确认后，协议终止。终止后，乙方未使用完毕的服务可按退款条款申请退费。
+7.3 乙方有下列情形之一的，甲方有权单方终止协议，无需承担违约责任：
+1.提供虚假信息、伪造证明材料，影响服务开展的；
+2.违反协议或甲方服务规则，经通知后限期未改正的；
+3.利用服务从事违法违规活动的；
+4.逾期支付费用超过15日，经催告仍未支付的；
+5.其他严重损害甲方合法权益的行为。
+7.4 因不可抗力、政策调整等不可归责于双方的原因导致协议无法履行的，协议自动终止，双方互不担责，甲方退还乙方未使用部分的服务费用。
+
+八、违约责任
+8.1 任何一方违反协议约定，给对方造成损失的，应承担全部赔偿责任（包括直接损失、维权产生的律师费、诉讼费等合理费用）。
+8.2 甲方未按约定提供服务的，除退还相应费用外，还应按乙方已支付对应服务费用的10%支付违约金；违约金不足以弥补损失的，补足差额。
+8.3 乙方未按时支付费用的，每逾期一日按逾期金额的0.5%支付违约金；逾期超过15日的，甲方有权终止协议并要求乙方赔偿损失。
+8.4 乙方利用服务从事违法违规活动或损害第三方权益的，法律责任由乙方自行承担，给甲方造成损失的，乙方全额赔偿。
+
+九、争议解决
+因本协议签订、履行、解释产生的纠纷，双方应友好协商解决；协商不成的，任何一方均有权向甲方所在地有管辖权的人民法院提起诉讼。
+
+十、其他
+10.1 本协议未尽事宜，双方可另行签订补充协议，补充协议与本协议具有同等法律效力。
+10.2 甲方通过小程序公告、短信发送的通知、公示，自发布或送达之日起生效，视为已履行告知义务，乙方应及时关注。
+10.3 本协议条款被认定为无效或不可执行的，不影响其他条款的效力。`
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.agreement-page {
+  min-height: 100vh;
+  background-color: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  flex: 1;
+  padding: 20rpx;
+}
+
+.agreement-content {
+  background-color: #ffffff;
+  border-radius: 20rpx;
+  padding: 40rpx 30rpx;
+  margin-bottom: 20rpx;
+}
+
+.agreement-text {
+  font-size: 28rpx;
+  line-height: 1.8;
+  color: #333333;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>
+
+
+
+
diff --git a/pages/service/service.vue b/pages/service/service.vue
index 1189760..77d02e7 100644
--- a/pages/service/service.vue
+++ b/pages/service/service.vue
@@ -195,7 +195,7 @@
 </template>
 
 <script>
-import { getDictDataByType, getGuildStorePage,getMessagePage } from "@/api/service";
+import { getDictDataByType, getGuildStorePage, getMessagePage, isNeedMap } from "@/api/service";
 export default {
   data() {
     return {
@@ -217,6 +217,8 @@ export default {
       // 位置相关
       selectedDistance: null, // 选中的距离（km），null表示不限距离
       showDistancePicker: false, // 是否显示距离选择器
+      // 配置开关：0=直接进地图，1=进商品页
+      needMapFlag: '0',
     };
   },
   onLoad() {
@@ -242,6 +244,22 @@ export default {
     }
   },
   methods: {
+    // 读取"是否需要地图"开关（接口返回 data: 0/1）
+    // 每次点击详情前都需要调用接口，不使用缓存
+    async fetchNeedMapFlag() {
+      try {
+        const res = await isNeedMap();
+        console.log('isNeedMap', res);
+        // 兼容不同返回结构：{data:0} / {data:'0'} / 0
+        this.needMapFlag = res.paySysStatus;
+        return this.needMapFlag;
+      } catch (e) {
+        console.error('获取地图开关失败:', e);
+        // 失败时默认走地图页，避免阻塞流程
+        this.needMapFlag = '0';
+        return '0';
+      }
+    },
     // 格式化距离显示：将米转换成千米
     formatDistance(distanceInMeters) {
       if (!distanceInMeters || distanceInMeters === 0) {
@@ -480,20 +498,35 @@ export default {
     },
 
     // 进店按钮点击
-    handleServiceItemClick(item) {
+    async handleServiceItemClick(item) {
       // 判断是店铺类型还是消息类型
       if (this.isStoreCategory()) {
-        // 美食和维修跳转到店铺详情页面
-        uni.navigateTo({
-          url: `/pages/detail/serviceDetail?id=${item.id}&categoryLabel=${this.currentCategoryLabel}`,
-        });
+        // 先调接口判断：0=直接进地图，1=进商品页（商品页可再点顶部店铺信息进入地图）
+        const flag = await this.fetchNeedMapFlag();
+        if (flag == '0') {
+          uni.navigateTo({
+            url: `/pages/detail/mapDetail?id=${item.id}`,
+          });
+        } else {
+          uni.navigateTo({
+            url: `/pages/detail/serviceDetail?id=${item.id}&categoryLabel=${this.currentCategoryLabel}&distance=${item.distance}`,
+          });
+        }
       } else {
         // 其他分类跳转到富文本详情页面
-        const title = '详情';
         const content = item.content || '';
+        // 注意：URL 里必须 encodeURIComponent，否则 JSON 会被截断导致详情页拿不到 id/type
+        const infoObj = {
+          id: item.id,
+          title: item.title || item.name || '详情',
+          // messageType / noticeType 兼容：不同接口字段可能不同
+          noticeType: item.messageType ?? item.noticeType ?? this.currentCategory,
+          coverUrl: item.coverUrl || '',
+        };
+        const info = encodeURIComponent(JSON.stringify(infoObj));
         if (content) {
           uni.navigateTo({
-            url: `/pages/detail/richTextDetail?title=${encodeURIComponent(title)}&content=${encodeURIComponent(content)}`
+            url: `/pages/detail/richTextDetail?title=${encodeURIComponent(infoObj.title)}&info=${info}&content=${encodeURIComponent(content)}`
           });
         } else {
           uni.showToast({
@@ -505,10 +538,17 @@ export default {
     },
 
     // 进店按钮点击 - 跳转到地图详情页
-    handleEnterStore(item) {
-      uni.navigateTo({
-        url: `/pages/detail/mapDetail?id=${item.id}`,
-      });
+    async handleEnterStore(item) {
+      const flag = await this.fetchNeedMapFlag();
+      if (flag == '0') {
+        uni.navigateTo({
+          url: `/pages/detail/mapDetail?id=${item.id}`,
+        });
+      } else {
+        uni.navigateTo({
+          url: `/pages/detail/serviceDetail?id=${item.id}&categoryLabel=${this.currentCategoryLabel}&distance=${item.distance}`,
+        });
+      }
     },
 
     // 加载服务列表
@@ -707,6 +747,15 @@ export default {
     width: 0; // 重要：flex布局时需要设置width: 0才能正确计算宽度
     height: 60rpx;
     overflow: hidden;
+    // 隐藏滚动条（兼容多平台）
+    ::-webkit-scrollbar {
+      display: none !important;
+      width: 0 !important;
+      height: 0 !important;
+      background: transparent !important;
+    }
+    scrollbar-width: none; // Firefox
+    -ms-overflow-style: none; // IE 和 Edge
 
     .category-list {
       display: flex;
diff --git a/pages/webview/webview.vue b/pages/webview/webview.vue
index b86999f..923ac7e 100644
--- a/pages/webview/webview.vue
+++ b/pages/webview/webview.vue
@@ -79,3 +79,8 @@ export default {
 
 
 
+
+
+
+
+
diff --git a/static/service/collect_icon.png b/static/service/collect_icon.png
new file mode 100644
index 0000000..1d8192d
Binary files /dev/null and b/static/service/collect_icon.png differ
diff --git a/static/service/like_icon.png b/static/service/like_icon.png
new file mode 100644
index 0000000..218d2ff
Binary files /dev/null and b/static/service/like_icon.png differ
diff --git a/static/service/phone_icon.png b/static/service/phone_icon.png
new file mode 100644
index 0000000..6b813d6
Binary files /dev/null and b/static/service/phone_icon.png differ
diff --git a/static/service/share_icon.png b/static/service/share_icon.png
new file mode 100644
index 0000000..b591ec2
Binary files /dev/null and b/static/service/share_icon.png differ
diff --git a/utils/coordinate.js b/utils/coordinate.js
new file mode 100644
index 0000000..44c9bb3
--- /dev/null
+++ b/utils/coordinate.js
@@ -0,0 +1,168 @@
+/**
+ *  判断经纬度是否超出中国境内（优化版：更精准的边界范围）
+ */
+function isLocationOutOfChina(latitude, longitude) {
+  // 先校验参数有效性
+  if (typeof latitude !== 'number' || typeof longitude !== 'number' || isNaN(latitude) || isNaN(longitude)) {
+    return true;
+  }
+  // 优化后的中国经纬度范围（覆盖大部分核心区域，减少南海误判）
+  if (longitude < 72.004 || longitude > 137.8347 || latitude < 3.86 || latitude > 53.55) {
+    return true;
+  }
+  return false;
+}
+
+/**
+ *  将WGS-84(国际标准)转为GCJ-02(火星坐标):
+ */
+function transformFromWGSToGCJ(latitude, longitude) {
+  // 新增参数校验
+  if (typeof latitude !== 'number' || typeof longitude !== 'number' || isNaN(latitude) || isNaN(longitude)) {
+    throw new Error('输入的经纬度必须为有效数字');
+  }
+
+  // 修正：初始化为数字类型
+  let lat = latitude;
+  let lon = longitude;
+  const ee = 0.00669342162296594323;
+  const a = 6378245.0;
+  const pi = Math.PI; // 复用内置PI，提升精度
+
+  if (!isLocationOutOfChina(latitude, longitude)) {
+    const adjustLat = transformLatWithXY(longitude - 105.0, latitude - 35.0);
+    const adjustLon = transformLonWithXY(longitude - 105.0, latitude - 35.0);
+    const radLat = latitude / 180.0 * pi;
+    let magic = Math.sin(radLat);
+    magic = 1 - ee * magic * magic;
+    const sqrtMagic = Math.sqrt(magic);
+    lat = latitude + (adjustLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
+    lon = longitude + (adjustLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
+  }
+  return { latitude: lat, longitude: lon };
+}
+
+/**
+ *  将GCJ-02(火星坐标)转为百度坐标:
+ */
+function transformFromGCJToBaidu(latitude, longitude) {
+  // 参数校验
+  if (typeof latitude !== 'number' || typeof longitude !== 'number' || isNaN(latitude) || isNaN(longitude)) {
+    throw new Error('输入的经纬度必须为有效数字');
+  }
+
+  const xPi = Math.PI * 3000.0 / 180.0;
+  const z = Math.sqrt(longitude * longitude + latitude * latitude) + 0.00002 * Math.sin(latitude * xPi);
+  const theta = Math.atan2(latitude, longitude) + 0.000003 * Math.cos(longitude * xPi);
+  const a_latitude = z * Math.sin(theta) + 0.006;
+  const a_longitude = z * Math.cos(theta) + 0.0065;
+
+  return { latitude: a_latitude, longitude: a_longitude };
+}
+
+/**
+ *  将百度坐标转为GCJ-02(火星坐标):
+ */
+function transformFromBaiduToGCJ(latitude, longitude) {
+  // 参数校验
+  if (typeof latitude !== 'number' || typeof longitude !== 'number' || isNaN(latitude) || isNaN(longitude)) {
+    throw new Error('输入的经纬度必须为有效数字');
+  }
+
+  const xPi = Math.PI * 3000.0 / 180.0;
+  const x = longitude - 0.0065;
+  const y = latitude - 0.006;
+  const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * xPi);
+  const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * xPi);
+  const a_latitude = z * Math.sin(theta);
+  const a_longitude = z * Math.cos(theta);
+
+  return { latitude: a_latitude, longitude: a_longitude };
+}
+
+/**
+ *  将GCJ-02(火星坐标)转为WGS-84:
+ */
+function transformFromGCJToWGS(latitude, longitude) {
+  // 参数校验
+  if (typeof latitude !== 'number' || typeof longitude !== 'number' || isNaN(latitude) || isNaN(longitude)) {
+    throw new Error('输入的经纬度必须为有效数字');
+  }
+
+  const threshold = 0.00001; // 约1米精度
+  const maxIteration = 30;
+  let iteration = 0;
+
+  // 初始边界
+  let minLat = latitude - 0.5;
+  let maxLat = latitude + 0.5;
+  let minLng = longitude - 0.5;
+  let maxLng = longitude + 0.5;
+  let delta = 1;
+
+  while (iteration < maxIteration && delta > threshold) {
+    iteration++;
+    const midLat = (minLat + maxLat) / 2;
+    const midLng = (minLng + maxLng) / 2;
+    const midPoint = transformFromWGSToGCJ(midLat, midLng);
+    delta = Math.abs(midPoint.latitude - latitude) + Math.abs(midPoint.longitude - longitude);
+
+    // 二分法缩小范围
+    if (midPoint.latitude > latitude) {
+      maxLat = midLat;
+    } else {
+      minLat = midLat;
+    }
+    if (midPoint.longitude > longitude) {
+      maxLng = midLng;
+    } else {
+      minLng = midLng;
+    }
+  }
+
+  return { latitude: (minLat + maxLat) / 2, longitude: (minLng + maxLng) / 2 };
+}
+
+/**
+ * 判断点是否在矩形范围内
+ */
+function isContains(point, p1, p2) {
+  if (!point || !p1 || !p2) return false;
+  return (point.latitude >= Math.min(p1.latitude, p2.latitude) 
+          && point.latitude <= Math.max(p1.latitude, p2.latitude)
+          && point.longitude >= Math.min(p1.longitude, p2.longitude) 
+          && point.longitude <= Math.max(p1.longitude, p2.longitude));
+}
+
+/**
+ * 纬度偏移计算
+ */
+function transformLatWithXY(x, y) {
+  const pi = Math.PI;
+  let lat = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
+  lat += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+  lat += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
+  lat += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
+  return lat;
+}
+
+/**
+ * 经度偏移计算
+ */
+function transformLonWithXY(x, y) {
+  const pi = Math.PI;
+  let lon = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
+  lon += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
+  lon += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
+  lon += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
+  return lon;
+}
+
+export {
+  isLocationOutOfChina,
+  transformFromWGSToGCJ,
+  transformFromGCJToBaidu,
+  transformFromBaiduToGCJ,
+  transformFromGCJToWGS
+};
+