feat: 添加订阅消息功能并优化群组分享信息

添加微信小程序订阅消息工具模块
在发布内容前统一调用订阅消息功能
为群组添加分享信息字段并优化分享逻辑

api/model/group.js

@@ -30,6 +30,19 @@ const api = {
 		loadingTitle: '加载中...'
 	},
 
+	/**
+	 * 加入同城群
+	 * 对应后端: POST /city/group/join
+	 * 需要登录token
+	 * @param {Object} group - 群组信息对象
+	 */
+	groupJoin: {
+		url: '/city/group/join',    
+		method: 'GET',
+		auth: true,
+		limit: 1000,
+	},
+
 	/**
 	 * 编辑同城群（新增或更新）
 	 * 对应后端: POST /group/saveOrUpdate

pages_order/components/list/comment/commentPublish.vue

@@ -26,6 +26,7 @@
 <script>
 import { mapState } from 'vuex'
 import EmailPopup from './emailPopup.vue'
+import { subscribeBeforePublish } from '@/utils/subscribeMessage.js'
 
 export default {
     name: 'CommentPublish',
@@ -90,7 +91,7 @@ export default {
 
         // 执行提交评论
         async doSubmit() {
-            await this.onSubscribeMessageTap()
+            await subscribeBeforePublish()
 
             let data = {
                 ...this.form,
@@ -140,39 +141,6 @@ export default {
                 })
             })
         },
-
-        //订阅模版消息
-        onSubscribeMessageTap() {
-            return new Promise((resolve, reject) => {
-                let templateIds = [
-                    'uXZnHWrjtcX9JHlnMpdlWmzgJp71sKxCRiMn3TrE-EE',
-                    'gTzGpOfJcYxtbvPG9OHnhbureKz5XLG8NPyECUGb2lw',
-                ];
-                wx.requestSubscribeMessage({
-                    tmplIds: templateIds, // 需要订阅的模板ID列表
-                    success(res) {
-                        resolve(res)
-                        console.log('订阅消息调用成功', res);
-                        // res[tmplId] 表示用户是否同意订阅该模板ID对应的消息
-                        // 例如：res['your_template_id_1'] === 'accept' 表示用户同意订阅
-                        templateIds.forEach(tmplId => {
-                            if (res[tmplId] === 'accept') {
-                                console.log(`用户同意订阅模板ID：${tmplId}`);
-                                // 这里可以添加用户同意后的逻辑，比如发送消息等（注意：发送消息需要在后端进行）
-                            } else if (res[tmplId] === 'reject') {
-                                console.log(`用户拒绝订阅模板ID：${tmplId}`);
-                            } else {
-                                console.log(`用户对该模板ID的订阅请求：${res[tmplId]}`); // 'ban' 表示用户被禁止订阅该模板
-                            }
-                        });
-                    },
-                    fail(err) {
-                        resolve(res)
-                        console.error('订阅消息调用失败', err);
-                    }
-                });
-            })
-        },
     }
 }
 </script>

pages_order/group/createGroup.vue

@@ -75,6 +75,17 @@
 					></uv-input>
 				</view>
 				
+				<view class="form-item">
+					<view class="form-label">分享信息</view>
+					<uv-textarea 
+						v-model="groupForm.shareMsg"
+						placeholder="请输入分享时显示的信息（可选）"
+						:border="false"
+						:maxlength="100"
+						height="80"
+					></uv-textarea>
+				</view>
+				
 				<!-- 群二维码上传 -->
 				<view class="form-item">
 					<view class="form-label">群二维码（必填）</view>
@@ -125,7 +136,8 @@
 					classId: '',
 					notice: '',
 					num: '',
-					qrCode: ''
+					qrCode: '',
+					shareMsg: ''
 				},
 				qrCodeFileList: [] // 二维码文件列表
 			}
@@ -155,7 +167,8 @@
 							classId: res.result.classId || '',
 							notice: res.result.notice || '',
 							num: res.result.num || '',
-							qrCode: res.result.qrCode || ''
+							qrCode: res.result.qrCode || '',
+							shareMsg: res.result.shareMsg || ''
 						}
 						
 						// 如果有二维码，添加到文件列表

pages_order/group/groupDetail.vue

@@ -122,6 +122,7 @@
 			// 广告播放完成后显示二维码
 			showQrCodeAfterAd() {
 				this.showQrCode = true
+				this.$api('groupJoin', {id : this.groupId})
 				uni.showToast({
 					title: '恭喜获得群聊二维码！',
 					icon: 'success'
@@ -135,7 +136,7 @@
 						this.groupInfo = res.result
 						
 						// 设置分享信息
-						this.share.title = res.result.title || '群组详情'
+						this.share.title = res.result.shareMsg || res.result.title || '群组详情'
 						this.share.imageUrl = this.$utils.getImageOne(res.result.image)
 					} else {
 						uni.showToast({

pages_order/post/addPost.vue

@@ -157,6 +157,7 @@
 	import { mapState } from 'vuex'
 	import Position from '@/utils/position.js'
 	import pickerHospital from '@/components/base/pickerHospital.vue'
+	import { subscribeBeforePublish } from '@/utils/subscribeMessage.js'
 	export default {
 		components : {
 			pickerHospital,
@@ -279,7 +280,7 @@
 			},
 			
 			// 提交
-			submit(){
+			async submit(){
 				
 				// if(this.fileList.length == 0){
 				// 	return uni.showToast({
@@ -301,6 +302,9 @@
 					})
 				}
 				
+				// 在发布前订阅消息通知
+				await subscribeBeforePublish()
+				
 				delete this.form.shop
 				
 				// 将所有文件（图片和视频）合并到 image 字段

pages_order/renting/addRenting.vue

@@ -230,8 +230,9 @@
 </template>
 
 <script>
-	import Position from '@/utils/position.js'
+	import { Position } from '@/utils/position.js'
 	import { mapState } from 'vuex'
+	import { subscribeBeforePublish } from '@/utils/subscribeMessage.js'
 	export default {
 		data() {
 			return {
@@ -403,7 +404,7 @@
 				})
 			},
 			// 提交
-			submit(){
+			async submit(){
 				
 				if (this.$utils.verificationAll(this.form, {
 						title: '请输入标题',
@@ -430,6 +431,14 @@
 					})
 				}
 				
+				// 只有在新发布时才订阅消息通知，编辑时不需要
+				if (!this.isEdit) {
+					const subscribed = await subscribeBeforePublish()
+					if (!subscribed) {
+						return // 用户拒绝订阅，停止发布
+					}
+				}
+				
 				// 处理图片数据
 				this.form.image = this.fileList.map(n => n.url).join(',')
 				

pages_order/work/addWork.vue

@@ -212,6 +212,7 @@
 
 <script>
 	import { mapState } from 'vuex'
+	import { subscribeBeforePublish } from '@/utils/subscribeMessage.js'
 	export default {
 		data() {
 			return {
@@ -344,7 +345,7 @@
 				this.form[this.pickerKey] = e.value[0]
 			},
 			// 提交
-			submit(){
+			async submit(){
 				
 				if (this.$utils.verificationAll(this.form, {
 						title: '请输入招工标题',
@@ -362,6 +363,11 @@
 					return
 				}
 				
+				// 只有在新发布时才订阅消息通知，编辑时不需要
+				if (!this.isEdit) {
+					await subscribeBeforePublish()
+				}
+				
 				// 根据是否是编辑模式调用不同的API
 				const apiName = this.isEdit ? 'editMyJob' : 'publishJob'
 				const params = this.isEdit ? { ...this.form, id: this.jobId } : this.form

utils/subscribeMessage.js

@@ -0,0 +1,67 @@
+/**
+ * 微信小程序订阅消息工具
+ * 用于统一管理订阅消息通知功能
+ */
+
+/**
+ * 订阅模板消息
+ * @param {Array} templateIds - 模板ID数组，如果不传则使用默认模板
+ * @returns {Promise} 返回订阅结果
+ */
+export function subscribeMessage(templateIds = null) {
+    return new Promise((resolve, reject) => {
+        // 默认的模板ID列表
+        const defaultTemplateIds = [
+            'uXZnHWrjtcX9JHlnMpdlWmzgJp71sKxCRiMn3TrE-EE',
+            'gTzGpOfJcYxtbvPG9OHnhbureKz5XLG8NPyECUGb2lw',
+        ];
+        
+        // 使用传入的模板ID或默认模板ID
+        const tmplIds = templateIds || defaultTemplateIds;
+        
+        wx.requestSubscribeMessage({
+            tmplIds: tmplIds, // 需要订阅的模板ID列表
+            success(res) {
+                resolve(res);
+                console.log('订阅消息调用成功', res);
+                
+                // 遍历处理每个模板ID的订阅结果
+                tmplIds.forEach(tmplId => {
+                    if (res[tmplId] === 'accept') {
+                        console.log(`用户同意订阅模板ID：${tmplId}`);
+                        // 这里可以添加用户同意后的逻辑，比如发送消息等（注意：发送消息需要在后端进行）
+                    } else if (res[tmplId] === 'reject') {
+                        console.log(`用户拒绝订阅模板ID：${tmplId}`);
+                    } else {
+                        console.log(`用户对该模板ID的订阅请求：${res[tmplId]}`); // 'ban' 表示用户被禁止订阅该模板
+                    }
+                });
+            },
+            fail(err) {
+                resolve(err); // 即使失败也resolve，避免阻塞业务流程
+                console.error('订阅消息调用失败', err);
+            }
+        });
+    });
+}
+
+/**
+ * 在发布内容前调用订阅消息
+ * 这是一个便捷方法，用于在发布内容前统一处理订阅逻辑
+ * @param {Array} templateIds - 可选的模板ID数组
+ * @returns {Promise} 返回订阅结果
+ */
+export async function subscribeBeforePublish(templateIds = null) {
+    try {
+        const result = await subscribeMessage(templateIds);
+        return result;
+    } catch (error) {
+        console.error('订阅消息失败:', error);
+        return null;
+    }
+}
+
+export default {
+    subscribeMessage,
+    subscribeBeforePublish
+};