uniProject/components/zhuapaiConfirm/useQieping.js

import {
	ref,
	onUnmounted,
	nextTick,
	computed
} from "vue";
import {
	getClientQiepingCheat,
	getClientQiepingTimes
} from "@/api/kaoshi.js"
import {
	useZhuapaiStore
} from "@/store/zhuapai.js"
import {
	onLoad,
	onShow,
	onHide
} from "@dcloudio/uni-app";


export function useQiePing() {


	const zhuapaiStore = useZhuapaiStore();

	// const emits = defineEmits(['zhuapai', 'forceSubmit'])
	const zhuapaiFlag = ref(false);
	const zhuapaixiaoshi = ref(0);
	const leaveTime = ref('');
	const toggleScreenSecond = ref(0);
	const toggleScreenFlag = ref(0);
	const ksId = ref('')
	let visibilityState = 'hidden'
	let initStatus = false;

	let zhuapaiFn = null;
	let forceSubmitFn = null;
	let qiepingToastFn = null;

	function cheatingFun() {
		// 用户离开了当前页面
		if (visibilityState === 'hidden') {
			console.log('页面不可见');
			if (zhuapaiFlag.value) {
				// 此时 切出后台 发生抓拍情况下 要传递固定图片
				console.log('切出去zhuapaixiaoshi 恢复正常');
				zhuapaixiaoshi.value = 1
				zhuapaiStore.setStatus(1)
			}
			//  计时
			leaveTime.value = new Date().getTime();
		} else if (visibilityState === 'visible') {
			console.log('切回来 恢复正常');
			// 用户打开或回到页面
			if (zhuapaiFlag.value) {
				zhuapaixiaoshi.value = 0
				zhuapaiStore.setStatus(0)
				// emits('zhuapai') // 重置抓拍
				zhuapaiFn && zhuapaiFn()
			}
			zhuapaixiaoshi.value = 0
			zhuapaiStore.setStatus(0)
			console.log('页面可见');
			let nowTime = new Date().getTime();
			if (Number(nowTime) - Number(leaveTime.value) > toggleScreenSecond.value + '000') {
				let req = {
					ksId: ksId.value,
				};
				getClientQiepingCheat(req).then(res => {
					//cutScreenDialog   是否超限 true:超过限制 false:未超过限制 ,
					if (res.code === 0 && res.data.flag) {
						// emits('forceSubmit') // 强制交卷
						forceSubmitFn && forceSubmitFn();
					} else {
						emits('qiepingToast', res.data.times) // 提示警告
						qiepingToastFn && qiepingToastFn(res.data.times)
					}
				});
			}
		}
	}

	function zhuapaiFun() {
		if (visibilityState === 'hidden') {
			console.log('页面不可见');
			zhuapaixiaoshi.value = 1
			zhuapaiStore.setStatus(1)
		} else if (visibilityState === 'visible') {
			zhuapaixiaoshi.value = 0
			zhuapaiStore.setStatus(0)
			// emits('zhuapai')
			zhuapaiFn && zhuapaiFn()
		}
	}

	function init(options, {
		zhuapai,
		forceSubmit,
		qiepingToast
	}) {
		initStatus = true;
		zhuapaiFn = zhuapai;
		forceSubmitFn = forceSubmit;
		qiepingToastFn = qiepingToast;

		toggleScreenFlag.value = options.toggleScreenFlag;
		toggleScreenSecond.value = options.toggleScreenSecond;
		zhuapaiFlag.value = options.zhuapaiFlag;
		ksId.value = options.ksId;
		if (toggleScreenFlag.value !== 0) {
			console.log("有切屏");
			cheatingNumberSearch();
		}
		if (zhuapaiFlag.value && toggleScreenFlag.value == 0) {
			console.log("有抓拍 无切屏");
		}
	}

	function cheatingNumberSearch() {
		let req = {
			ksId: ksId.value,
		};
		getClientQiepingTimes(req).then(res => {
			if (res.code === 0) {
				if (res.data.times > 0 && res.data.times <= res.data.toggleScreenFlag) {
					// emits('qiepingToast', res.data.times) // 提示警告
					qiepingToastFn && qiepingToastFn(res.data.times)
				} else if (res.data.times > 0 && res.data.times >= res.data.toggleScreenFlag) {
					// emits('forceSubmit') // 强制交卷
					forceSubmitFn && forceSubmitFn()
				}
			}
		});
	}

	onShow(() => {
		if (!initStatus) {
			return
		}
		visibilityState = 'visible'
		if (toggleScreenFlag.value !== 0) {
			console.log("有切屏");
			cheatingFun();
		}
		if (zhuapaiFlag.value && toggleScreenFlag.value == 0) {
			console.log("有抓拍 无切屏");
			// 有抓拍 没有切屏  此方法是 解决切到后台，抓拍停留一帧的问题
			zhuapaiFun();
		}
	})

	onHide(() => {
		if (!initStatus) {
			return
		}
		visibilityState = 'hidden'
		if (toggleScreenFlag.value !== 0) {
			console.log("有切屏");
			cheatingFun();
		}
		if (zhuapaiFlag.value && toggleScreenFlag.value == 0) {
			console.log("有抓拍 无切屏");
			// 有抓拍 没有切屏  此方法是 解决切到后台，抓拍停留一帧的问题
			zhuapaiFun();
		}
	})

	return {
		init
	}
}