From c32de7df7d16fc09b584f299074f6747855c38c7 Mon Sep 17 00:00:00 2001
From: wk <keke951013@163.com>
Date: Mon, 2 Mar 2026 15:32:41 +0800
Subject: [PATCH] =?UTF-8?q?=E7=82=B9=E8=B5=9E=E6=94=B6=E8=97=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/service.js                                |  48 +++
 .../DetailActionBar/DetailActionBar.vue       | 283 ++++++++++++++++++
 pages.json                                    |  28 +-
 pages/activities/list.vue                     |   4 +-
 pages/activities/myCollect.vue                |  32 +-
 pages/detail/activitiesDetail.vue             | 259 ----------------
 pages/detail/mapDetail.vue                    | 180 +++++++++--
 pages/detail/richTextDetail.vue               | 189 +++++++++---
 pages/detail/serviceDetail.vue                | 156 +++++++---
 pages/index/index.vue                         |  13 +-
 pages/login/login.vue                         |  93 +++++-
 pages/profile/profile.vue                     | 105 ++++---
 pages/profileSub/pointsMemberRules.vue        | 237 +++++++++++++++
 pages/profileSub/privacyPolicy.vue            | 140 +++++++++
 pages/profileSub/realNameAuth.vue             |  69 ++++-
 pages/profileSub/userAgreement.vue            | 136 +++++++++
 pages/service/service.vue                     |  73 ++++-
 pages/webview/webview.vue                     |   5 +
 static/service/collect_icon.png               | Bin 0 -> 6115 bytes
 static/service/like_icon.png                  | Bin 0 -> 4308 bytes
 static/service/phone_icon.png                 | Bin 0 -> 5087 bytes
 static/service/share_icon.png                 | Bin 0 -> 5916 bytes
 utils/coordinate.js                           | 168 +++++++++++
 23 files changed, 1762 insertions(+), 456 deletions(-)
 create mode 100644 components/DetailActionBar/DetailActionBar.vue
 delete mode 100644 pages/detail/activitiesDetail.vue
 create mode 100644 pages/profileSub/pointsMemberRules.vue
 create mode 100644 pages/profileSub/privacyPolicy.vue
 create mode 100644 pages/profileSub/userAgreement.vue
 create mode 100644 static/service/collect_icon.png
 create mode 100644 static/service/like_icon.png
 create mode 100644 static/service/phone_icon.png
 create mode 100644 static/service/share_icon.png
 create mode 100644 utils/coordinate.js

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 0000000000000000000000000000000000000000..1d8192d6fa3dbc5991c7be4b07bfcb0151343f9e
GIT binary patch
literal 6115
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

literal 0
HcmV?d00001

diff --git a/static/service/like_icon.png b/static/service/like_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..218d2ff9c2bf3c15020c57227e16aae13ca47492
GIT binary patch
literal 4308
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
C!zAed

literal 0
HcmV?d00001

diff --git a/static/service/phone_icon.png b/static/service/phone_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b813d61eef158ef63d0833f3492050e02005152
GIT binary patch
literal 5087
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
BymSBn

literal 0
HcmV?d00001

diff --git a/static/service/share_icon.png b/static/service/share_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b591ec22ce4e6c068ac881e8ef8949ffb2ac8cf9
GIT binary patch
literal 5916
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

literal 0
HcmV?d00001

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
+};
+