feat: 登录拦截功能完善

pages/chat/ChatMainList.vue

@@ -362,8 +362,16 @@ const initHandler = () => {
   initWebSocket();
 };
 
-// 监听token变化
-uni.$on("TOKEN_CHANGE", () => initHandler());
+// 绑定成功，监听token变化,初始化
+
+watch(
+  () => appStore.hasToken,
+  (newValue) => {
+    if (newValue) {
+      initHandler();
+    }
+  }
+);
 
 onMounted(() => {
   try {

pages/chat/ChatMoreTips.vue

@@ -6,26 +6,22 @@
         v-for="(item, index) in itemList"
         :key="index"
       >
-        <button
-          class="reset-btn more-tips-item-title"
-          :open-type="needAuth ? 'getPhoneNumber' : ''"
-          @getphonenumber="handleGetPhoneNumber"
-          @click="handleClick(item)"
-        >
+        <view class="more-tips-item-title" @click="sendReply(item)">
+          <Interceptor />
+
           {{ item }}
-        </button>
+        </view>
       </view>
     </view>
   </view>
 </template>
 
 <script setup>
-import { defineProps, ref } from "vue";
-import { onLogin, checkToken } from "@/hooks/useGoLogin";
+import { defineProps } from "vue";
+import { checkToken } from "@/hooks/useGoLogin";
+import Interceptor from "@/components/Interceptor/index.vue";
 
 const emits = defineEmits(["replySent"]);
-const needAuth = ref(true);
-let pendingText = "";
 
 defineProps({
   itemList: {
@@ -43,39 +39,8 @@ defineProps({
 });
 
 const sendReply = (text) => {
-  checkToken().then(() => {
-    emits("replySent", text); // 向父组件传递数据
-  });
-};
-
-// 处理点击事件
-const handleClick = (text) => {
-  // 检查本地token
-  const token = uni.getStorageSync("token");
-
-  if (token) {
-    // 情况2：token有值，直接发送回复，此时open-type为空字符串
-    needAuth.value = false;
-    sendReply(text);
-  } else {
-    // 情况1：token没有值，设置需要授权状态，触发微信授权
-    needAuth.value = true;
-    pendingText = text;
-    // 由于open-type已经动态绑定为'getPhoneNumber'，点击会自动触发授权
-  }
-};
-
-// 处理微信授权回调
-const handleGetPhoneNumber = async (e) => {
-  await onLogin(e);
-
-  // 授权成功后发送之前存储的文本
-  if (pendingText) {
-    sendReply(pendingText);
-    pendingText = "";
-  }
-
-  needAuth.value = false;
+  // 向父组件传递数据
+  checkToken().then(() => emits("replySent", text));
 };
 </script>
 

pages/chat/styles/ChatMoreTips.scss

@@ -21,6 +21,7 @@
     flex-direction: column;
     flex-shrink: 0;
     white-space: nowrap;
+    position: relative;
 
     .more-tips-item-title {
       font-weight: 500;