聊天问题修复优化

pageChat/chat.vue

@@ -5,7 +5,7 @@
         <text style="max-width: 286rpx" class="u-line-1 u-font-32">
           {{ groupInfo.name }}
         </text>
-        <text class="u-m-l-22">（{{membersRes.user_list.length}}人）</text> 
+        <text class="u-m-l-22">（{{ membersRes.user_list.length }}人）</text>
       </view>
       <view class="" @click="toMore()">
         <view class="u-flex u-row-center">
@@ -36,7 +36,11 @@
             >
               <!-- 发消息 -->
               <template
-                v-if="item.operate_type == 'sendMsg' || item.is_user_send == 1"
+                v-if="
+                  item.operate_type == 'sendMsg' ||
+                  item.is_user_send == 1 ||
+                  item.from_id == shopInfo.id
+                "
               >
                 <view class="shop u-flex u-row-right">
                   <view class="u-p-r-18">
@@ -50,8 +54,11 @@
                     >
                       <chatItem :item="item"></chatItem>
                     </view>
-                    <view class="text-center u-m-t-20" v-if="item.msg_type==4&&item.hasGet">
-                      <text>{{item.hasGet||0}}人已领取</text>
+                    <view
+                      class="text-center u-m-t-20"
+                      v-if="item.msg_type == 4 && item.hasGet"
+                    >
+                      <text>{{ item.hasGet || 0 }}人已领取</text>
                       <text class="color-main">优惠券</text>
                     </view>
                   </view>
@@ -73,7 +80,7 @@
                     bg-color="#fff"
                   ></up-avatar>
                   <view class="u-p-l-18">
-                    <view class="color-000 u-line-1">{{ item.nick_name }}</view>
+                    <view class="color-000 u-line-1">{{ item.nick }}</view>
                     <view
                       class="u-m-t-14 msg u-p-l-30"
                       :class="['type' + item.msg_type]"
@@ -116,7 +123,7 @@
         <up-icon
           name="plus-circle"
           color="#666"
-          size="40rpx"
+          size="60rpx"
           @click="showMoreBtnToggle"
           v-else
         ></up-icon>
@@ -149,6 +156,7 @@
           v-model="modalData.form.title"
           placeholder="请输入自定义文案"
           :placeholderStyle="placeholderStyle"
+          maxlength="12"
         ></up-input>
         <view class="font-bold u-m-b-16 u-m-t-32">发放数量(张)</view>
 
@@ -161,6 +169,7 @@
         <view class="font-bold u-m-b-16 u-m-t-32">每人限领量(张)</view>
         <up-number-box
           v-model="modalData.form.getLimit"
+          :max="modalData.form.giveNum"
           inputWidth="240rpx"
           @change="valChange"
         ></up-number-box>
@@ -174,13 +183,15 @@
 import {
   onReady,
   onReachBottom,
-  onLoad,onShow,
+  onLoad,
+  onShow,
   onPageScroll,
 } from "@dcloudio/uni-app";
 import {
   ref,
   inject,
   onMounted,
+  onUnmounted,
   nextTick,
   reactive,
   watch,
@@ -205,7 +216,6 @@ function refresherrefresh() {
   if (isLoading.value || isEnd.value) {
     scrollView.refresherTriggered = false; // 立即关闭刷新状态
     if (isEnd.value) {
-      uni.showToast({ title: "没有更多了", icon: "none" });
     }
     return; // 终止后续逻辑
   }
@@ -236,13 +246,16 @@ const modalData = reactive({
   },
 });
 
-
 const chatStore = useChatStore();
-chatStore.onReceiveMsg = (msg) => {
+
+const handleReceiveMsg = (msg) => {
   nextTick(() => {
     scrollView.intoView = "msg-0";
   });
 };
+
+// 注册消息回调
+chatStore.registerReceiveMsgCallback(handleReceiveMsg);
 const msg = ref("");
 
 const shopInfo = uni.getStorageSync("shopInfo");
@@ -280,7 +293,6 @@ function moreBtnsClick(item, index) {
 function videoErrorCallback(e) {
   console.error("视频播放失败", e);
 }
-// 图片选择与发送优化
 async function sendImg() {
   try {
     // 1. 调用图片选择API，添加fail回调
@@ -290,7 +302,7 @@ async function sendImg() {
         sizeType: ["original", "compressed"],
         sourceType: ["album", "camera"],
         success: resolve,
-        fail: reject // 捕获选择失败（含权限拒绝）
+        fail: reject, // 捕获选择失败（含权限拒绝）
       });
     });
 
@@ -327,7 +339,7 @@ async function sendVideo() {
         sizeType: ["original", "compressed"],
         sourceType: ["album", "camera"],
         success: resolve,
-        fail: reject // 捕获选择失败（含权限拒绝）
+        fail: reject, // 捕获选择失败（含权限拒绝）
       });
     });
 
@@ -365,8 +377,8 @@ function handlePermissionError(err, mediaType) {
     "auth deny",
     "permission denied",
     "auth denied",
-    "用户拒绝"
-  ].some(keyword => errMsg.includes(keyword));
+    "用户拒绝",
+  ].some((keyword) => errMsg.includes(keyword));
 
   if (isAuthDenied) {
     // 弹窗提示用户，并引导至设置页
@@ -382,17 +394,17 @@ function handlePermissionError(err, mediaType) {
             success: (settingRes) => {
               console.log("设置页返回结果", settingRes);
               // 可根据需要添加权限开启后的回调逻辑
-            }
+            },
           });
         }
-      }
+      },
     });
   } else {
     // 其他错误（如取消选择），仅轻提示
     if (!errMsg.includes("cancel")) {
       uni.showToast({
         title: `${mediaType}选择失败`,
-        icon: "none"
+        icon: "none",
       });
     }
   }
@@ -405,6 +417,14 @@ async function init() {
   });
   console.log(res);
   groupInfo.value = res || {};
+  if (res) {
+    chatStore.connectSocket();
+    // 确保状态监听已初始化
+    if (!chatStore._listenersInitialized) {
+      chatStore.initStateListeners();
+      chatStore._listenersInitialized = true;
+    }
+  }
   getMsgList();
 }
 const query = reactive({
@@ -458,36 +478,33 @@ async function getMsgList() {
 }
 
 const options = reactive({});
-const membersRes=reactive({
-  user_list:[]
-})
+const membersRes = reactive({
+  user_list: [],
+});
 onLoad((opt) => {
   Object.assign(options, opt);
   init();
   chatApi.messageMarkReadAll({
-    session_ids: options.session_id,
+    session_ids: options.group_id,
   });
+  chatStore.group_id = options.group_id;
   chatApi.groupMembers({ group_id: options.group_id }).then((res) => {
     console.log(res);
-    membersRes.user_list=res.user_list||[]
-  })
+    membersRes.user_list = res.user_list || [];
+  });
   // #ifdef H5
   scrollView.safeAreaHeight = uni.getSystemInfoSync().safeArea.height;
   // #endif
 });
 
-onMounted(() => {
-  chatStore.connectSocket();
-  // 确保状态监听已初始化
-  if (!chatStore._listenersInitialized) {
-    chatStore.initStateListeners();
-    chatStore._listenersInitialized = true;
+onShow(() => {
+  // 页面显示时，检查连接状态
+  if (!chatStore.isConnect || !chatStore.socketTask) {
+    console.log("聊天页显示，检查Socket连接");
+    chatStore.forceReconnect();
   }
 });
 
-onShow(() => { 
-});
-
 function toMore() {
   go.to("PAGES_CHAT_GROUP_INFO", {
     group_id: groupInfo.value.id,
@@ -508,7 +525,7 @@ function sendMsg(msg) {
     content: msg.value,
     image_url: "",
     order_id: "",
-    session_id: groupInfo.value.session_id||options.session_id,
+    session_id: groupInfo.value.session_id || options.session_id,
     ...msg,
   });
 }
@@ -522,13 +539,13 @@ function closeModal() {
 }
 function confirmCoupon() {
   console.log(modalData.form);
-  if (!modalData.form.title) {
-    uni.showToast({
-      title: "请输入自定义文案",
-      icon: "none",
-    });
-    return;
-  }
+  // if (!modalData.form.title) {
+  //   uni.showToast({
+  //     title: "请输入自定义文案",
+  //     icon: "none",
+  //   });
+  //   return;
+  // }
   if (!modalData.form.couponId) {
     uni.showToast({
       title: "请选择优惠券",
@@ -556,10 +573,15 @@ function confirmCoupon() {
       modalData.show = false;
       const couponJson = JSON.parse(res.couponJson);
       sendMsg({
-        coupon: { ...couponJson, title: modalData.form.title,activity_id:res.id },
-        chat_coupon_id:res.id,
+        coupon: {
+          ...couponJson,
+          title: modalData.form.title,
+          activity_id: res.id,
+        },
+        chat_coupon_id: res.id,
         msg_type: 4,
       });
+      closeModal();
     } else {
       uni.showToast({
         title: "发送失败",
@@ -607,6 +629,11 @@ const pageHeight = computed(() => {
   }
   return "";
 });
+
+onUnmounted(() => {
+  // 组件卸载时，移除消息回调
+  chatStore.removeReceiveMsgCallback(handleReceiveMsg);
+});
 </script>
 <style lang="scss" scoped>
 .top {