apply-assistant-v3/App.vue

<script lang="ts">
import RootStore from "@xkit-yx/im-store-v2";
import V2NIM, { V2NIMConst } from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK";
import { getMsgContentTipByType } from "./pages/NEUIKit/utils/msg";
import { STORAGE_KEY } from "./pages/NEUIKit/utils/constants";
import { isWxApp } from "./pages/NEUIKit/utils";
import { V2NIMMessage, V2NIMMessagePushConfig, V2NIMConversation } from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMMessageService";
import { unix } from "dayjs";

export default {
	globalData: {
		timer: null, // 定时器变量
		reconnectTimer: null, // 重连专用定时器
		themeColor: "#00b666",
		themeBackgroundColor: "#00b66621",
	},
	onLaunch() { 
		let that = this;
		uni.removeStorageSync("selectedCity");
		
		// 监听路由跳转
		uni.addInterceptor("navigateTo", {
			invoke(args) {
				// console.log("navigateTo 跳转前", args);
				that.G.watchUserPage(args.url);
			},
		});
		uni.addInterceptor("reLaunch", {
			invoke(args) {
				console.log("reLaunch 跳转前", args);
				that.G.watchUserPage(args.url);
			},
		});
		uni.addInterceptor("redirectTo", {
			invoke(args) {
				console.log("redirectTo 跳转前", args);
				that.G.watchUserPage(args.url);
			},
		});
	},
	onShow: function (options) {
		let that = this;
		console.log("show 项目init：", options, decodeURIComponent(options.query.scene));
		
		// 清除扫码获取的id信息
		uni.removeStorageSync("scene");
		uni.removeStorageSync("user_scene");
		uni.removeStorageSync("user_options", options);

		if (options.query.id) {
			uni.setStorageSync("apply-jobdetail-id", options.query.id);
		} else {
			uni.setStorageSync("apply-jobdetail-id", 0);
		}

		if (options.query.scene) {
			let str = decodeURIComponent(options.query.scene);
			uni.setStorageSync(
				"apply-invite-code",
				JSON.stringify({
					key: str.split("=")[0],
					value: str.split("=")[1],
				})
			);
		} else {
			uni.setStorageSync("apply-invite-code", "");
		}
		
		if (uni.getStorageSync("apply-token")) {
			this.G.checkToken();
		}
		
		// 初始化定时器 - 合并检查任务
		if (!that.globalData.timer) {
			that.checkNum();
			that.checkAndReconnectIM(); // 立即检查一次连接
			
			// 缩短检查间隔到15秒，兼顾消息提醒和连接检查
			that.globalData.timer = setInterval(() => {
				that.checkNum();
				that.checkAndReconnectIM();
			}, 15 * 1000);
		}

		uni.$on("isGlogin", function (data) {
			// console.log("app.vue 接收", data);
			if (uni.getStorageSync("apply-uid")) {
				that.initWyyx();
			}
		});
		
		// 应用从后台返回时检查连接
		if (uni.getStorageSync("apply-token")) {
			// console.log("app.vue 检查IM连接状态");
			that.checkAndReconnectIM();
		}
	},
	onHide: function () {
		// 应用进入后台时不清除定时器，保持心跳
		console.log("应用进入后台，保持IM连接检测");
		
		// 发送一次心跳包
		if (uni.$UIKitNIM && uni.$UIKitNIM.V2NIMLoginService) {
			uni.$UIKitNIM.V2NIMLoginService.ping().then(() => {
				// console.log("后台心跳发送成功");
			}).catch(err => {
				// console.error("后台心跳发送失败，准备重连", err);
				this.reconnectIM();
			});
		}
	},
	onUnload() {
		// 页面卸载时才清除定时器
		if (this.globalData.timer) {
			clearInterval(this.globalData.timer);
			this.globalData.timer = null;
			console.log("定时器已清除");
		}
		
		if (this.globalData.reconnectTimer) {
			clearInterval(this.globalData.reconnectTimer);
			this.globalData.reconnectTimer = null;
		}
	},
	methods: {
		// 检查并重新连接IM
		checkAndReconnectIM() {
			let that = this;
			// 延迟执行，确保SDK初始化完成
			setTimeout(() => {
				if (uni.$UIKitNIM && uni.$UIKitStore) {
					const connectStatus = uni.$UIKitStore.connectStore.connectStatus;
					// console.log('当前IM连接状态:', connectStatus);
					
					// 连接状态码：
					// 0: 初始状态
					// 1: 已断开
					// 2: 已连接
					// 3: 连接中
					if (connectStatus !== 2 && connectStatus !== 3) {
						// console.log("IM连接已断开，尝试重连...");
						that.reconnectIM();
					}
				} else if (uni.getStorageSync("apply-token") && uni.getStorageSync("apply-uid")) {
					// console.log("IM SDK未初始化，重新初始化...");
					that.initWyyx();
				}
			}, 1000);
		},
		
		// 重新连接IM
		reconnectIM() {
			let that = this;
			
			// 如果已经在重连中，则不再重复发起
			if (this.globalData.reconnectTimer) {
				// console.log("正在重连中，无需重复操作");
				return;
			}
			
			// 尝试重连
			const attemptReconnect = () => {
				if (!uni.getStorageSync("apply-token") || !uni.getStorageSync("apply-uid")) {
					// console.log("用户未登录，停止重连");
					clearInterval(that.globalData.reconnectTimer);
					that.globalData.reconnectTimer = null;
					return;
				}
				
				if (uni.$UIKitNIM && uni.$UIKitNIM.V2NIMLoginService) {
					const account = uni.getStorageSync("im-accid");
					const token = uni.getStorageSync("im-token");
					
					if (account && token) {
						console.log(`尝试重连IM (account: ${account})`);
						uni.$UIKitNIM.V2NIMLoginService.login(account, token)
							.then(() => {
								// console.log("IM重连成功");
								clearInterval(that.globalData.reconnectTimer);
								that.globalData.reconnectTimer = null;
							})
							.catch((error) => {
								// console.error("IM重连失败，将再次尝试", error);
							});
					} else {
						// console.log("重连信息不全，重新初始化IM");
						that.initWyyx();
					}
				} else {
					console.log("SDK未初始化，重新初始化IM");
					that.initWyyx();
				}
			};
			
			// 立即尝试一次重连
			// attemptReconnect();
			
			// 设置重连定时器，每5秒尝试一次，最多尝试10次
			let reconnectAttempts = 0;
			this.globalData.reconnectTimer = setInterval(() => {
				reconnectAttempts++;
				if (reconnectAttempts >= 10) {
					// console.log("重连尝试次数已达上限，停止重连");
					clearInterval(that.globalData.reconnectTimer);
					that.globalData.reconnectTimer = null;
					return;
				}
				attemptReconnect();
			}, 5000);
		},

		initWyyx() {
			let that = this;

			that.F.wyyxPost(
				that.api.wyyx_getConfig,
				{
					userId: uni.getStorageSync("apply-uid"),
				},
				(res) => {
					console.log("wyyx_getConfig", res);
					
					// 检查返回数据有效性
					if (!res || !res.appKey || !res.accid || !res.token) {
						console.error("获取IM配置失败，参数不完整");
						return;
					}
					
					let resData = {
						appkey: res.appKey,
						accid: res.accid,
						token: res.token,
					};
					
					// 保存IM配置信息，用于重连
					uni.setStorageSync('im-appkey', resData.appkey);
					uni.setStorageSync('im-accid', resData.accid);
					uni.setStorageSync('im-token', resData.token);
					
					const imOptions = {
						appkey: resData.appkey,
						account: resData.accid,
						token: resData.token,
					};
					
					this.initNim(imOptions);
				}
			);
		},
		
		async initNim(opts) {
			let that = this;
			// 初始化 nim sdk，增强重连配置
			const nim = (uni.$UIKitNIM = V2NIM.getInstance(
				{
					appkey: opts.appkey,
					needReconnect: true,
					reconnectionAttempts: 10, // 增加重连次数
					reconnectionDelay: 3000, // 重连间隔3秒
					heartbeatInterval: 20000, // 缩短心跳间隔为20秒
					debugLevel: "warn", // 提高日志级别便于调试
					apiVersion: "v2",
					enableV2CloudConversation: true,
				},
				{
					V2NIMLoginServiceConfig: {
						lbsUrls: isWxApp ? ["https://lbs.netease.im/lbs/wxwebconf.jsp"] : ["https://lbs.netease.im/lbs/webconf.jsp"],
						linkUrl: isWxApp ? "wlnimsc0.netease.im" : "weblink.netease.im",
						isFixedDeviceId: true, // 使用固定设备ID
						autoLogin: true, // 允许自动登录
					},
				}
			));

			that.globalData.nim = nim;

			// 初始化 store
			const store = (uni.$UIKitStore = new RootStore(
				nim,
				{
					addFriendNeedVerify: false,
					p2pMsgReceiptVisible: true,
					teamMsgReceiptVisible: true,
					teamAgreeMode: V2NIMConst.V2NIMTeamAgreeMode.V2NIM_TEAM_AGREE_MODE_NO_AUTH,
					sendMsgBefore: async (options: { msg: V2NIMMessage; conversationId: string; serverExtension?: Record<string, unknown> }) => {
						const pushContent = getMsgContentTipByType({
							text: options.msg.text,
							messageType: options.msg.messageType,
						});
						const yxAitMsg = options.serverExtension ? options.serverExtension.yxAitMsg : { forcePushIDsList: "[]", needForcePush: false };

						const { forcePushIDsList, needForcePush } = yxAitMsg
							? // @ts-ignore
							  store.msgStore._formatExtAitToPushInfo(yxAitMsg, options.msg.text)
							: { forcePushIDsList: "[]", needForcePush: false };

						console.log("forcePushIDsList: ", forcePushIDsList);

						const { conversationId } = options;
						const conversationType = nim.V2NIMConversationIdUtil.parseConversationType(conversationId);
						const targetId = nim.V2NIMConversationIdUtil.parseConversationTargetId(conversationId);

						const pushPayload = JSON.stringify({
							oppoField: {
								click_action_type: 4,
								click_action_activity: "",
								action_parameters: {
									sessionId: targetId,
									sessionType: conversationType,
								},
							},
							vivoField: {
								pushMode: 0,
							},
							hwField: {
								click_action: {
									type: 1,
									action: "",
								},
								androidConfig: {
									category: "IM",
									data: JSON.stringify({
										sessionId: targetId,
										sessionType: conversationType,
									}),
								},
							},
							sessionId: targetId,
							sessionType: conversationType,
						});

						const pushConfig: V2NIMMessagePushConfig = {
							pushEnabled: true,
							pushNickEnabled: true,
							forcePush: needForcePush,
							forcePushContent: pushContent,
							forcePushAccountIds: forcePushIDsList,
							pushPayload: "{}",
							pushContent,
						};

						return { ...options, pushConfig };
					},
				},
				"UniApp"
			));

			// 监听连接状态变化
			nim.V2NIMLoginService.on("onConnectStatusChanged", (status) => {
				console.log("IM连接状态变化:", status);
				// 状态1表示已断开连接
				if (status === 1) {
					console.log("检测到连接断开，触发重连");
					that.reconnectIM();
				}
			});

			// #ifdef APP-PLUS
			const nimPushPlugin = uni.requireNativePlugin("NIMUniPlugin-PluginModule");
			nim.V2NIMSettingService.setOfflinePushConfig(nimPushPlugin, {
				miPush: {
					appId: "2882303761520397320",
					appKey: "5102039734320",
					certificateName: "xiaomiCertificateName",
				},
				vivoPush: {
					certificateName: "vivoCertificateName",
				},
				oppoPush: {
					appId: "32967155",
					appKey: "b98618cb272944dea324af6421d42a79",
					secret: "0b7ce705a2304a17b78f20011c18890c",
					certificateName: "opopCertificateName",
				},
				honorPush: {
					certificateName: "rongyaoCertificateName",
				},
				apns: {
					certificateName: "AuthKey_98P8URRXUD",
				},
			});
			console.log("推送配置已设置");
			// #endif

			// 登录IM
			nim.V2NIMLoginService.login(opts.account, opts.token)
				.then(() => {
					// console.log("IM登录成功");
					// 清除重连定时器
					if (that.globalData.reconnectTimer) {
						clearInterval(that.globalData.reconnectTimer);
						that.globalData.reconnectTimer = null;
					}
				})
				.catch((error) => {
					// console.error("IM登录失败", error);
					// 登录失败时启动重连机制
					that.reconnectIM();
				});

			// 监听会话变化
			nim.V2NIMConversationService.on("onConversationChanged", function (conversationList: V2NIMConversation[]) {
				// console.log("初始化监听会话:", conversationList);
				let unreadConversations = conversationList.filter((item) => {
					return Number(item.unreadCount) > 0;
				});
				// console.log("未读会话数量:", unreadConversations.length);
				if (unreadConversations.length > 0) {
					that.playAudio();
				}
			});
		},
		
		playAudio() {
			let that = this;
			const innerAudioContext = uni.createInnerAudioContext();
			innerAudioContext.autoplay = true;
			innerAudioContext.src = "https://matripe-cms.oss-cn-beijing.aliyuncs.com/ibocai/tip.mp3";
			innerAudioContext.onPlay(() => {
				console.log("开始播放提示音");
			});
			uni.vibrateShort();

			innerAudioContext.onError((res) => {
				console.log("提示音播放错误:", res.errMsg, res.errCode);
			});
		},
		
		checkNum() {
			let that = this;
			if (uni.getStorageSync("apply-token")) {
				that.G.Get(that.api.bind_getApplyNum, {}, (res) => {
					console.log("获取待处理数量：", res);
					that.G.Get(that.api.person_applyNum, {}, (applyNum) => {
						if (res.approvePassHasNotRed + applyNum > 0) {
							uni.setTabBarBadge({
								index: 2,
								text: String(res.approvePassHasNotRed + applyNum),
								fail(err) {
									console.log("设置tabBar徽章失败:", err);
								},
							});
						} else {
							uni.removeTabBarBadge({
								index: 2,
								fail(err) {
									console.log("移除tabBar徽章失败:", err);
								},
							});
						}
					});
				});
			}
		},
	},
};
</script>

<style lang="scss">
@import "./static/css/iconfont.css";
@import "./uni_modules/vk-uview-ui/index.scss";
@import "./static/css/base.scss";

// #ifdef MP-WEIXIN
page {
	width: 100vw;
	height: 100vh;
}
// #endif

// #ifdef H5 || APP-PLUS || MP-TOUTIAO || MP-KUAISHOU
page {
	width: 100vw;
	height: calc(100% - 0px);
	--color-ysd: #ff4400;
	--color-hover: #ff4400cc;
	--color-be: #ff4400;
	--color-027: #ff4400;
	--color-href: #576b95;
}
// #endif

// uview默认样式覆盖
.u-badge-mini {
	top: 22rpx !important;
	right: 102rpx !important;
	color: transparent !important;
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
}

.u-radio {
	&:last-child {
		.u-radio__label {
			margin-right: 0;
		}
	}
}

.g-apply-tab {
	.u-tab-bar {
		bottom: -2px !important;
	}
}
.g_bg_f_5 {
	background-color: #ededed !important;
}
.g_mt_30 {
	margin-top: 30px;
}
.g_mt_84 {
	margin-top: 84px;
}
.g_pt_90 {
	padding-top: 90px;
}
</style>