laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加设备在线离线处理

Browse Source
This commit is contained in:
kron
2025-12-31 13:39:16 +08:00
parent 25f51ad53a
commit af852d9b59
8 changed files with 104 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.vue
View File

@@ -2,11 +2,12 @@
import { watch } from "vue";
import { onShow, onHide } from "@dcloudio/uni-app";
import websocket from "@/websocket";
import { getDeviceBatteryAPI } from "@/apis";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const store = useStore();
const { user } = storeToRefs(store);
const { updateUser } = store;
const { updateUser, updateOnline } = store;
watch(
() => user.value.id,
@@ -33,8 +34,14 @@ function emitUpdateUser(value) {
updateUser(value);
}
async function emitUpdateOnline() {
const data = await getDeviceBatteryAPI();
updateOnline(data.online);
}
onShow(() => {
uni.$on("update-user", emitUpdateUser);
uni.$on("update-online", emitUpdateOnline);
const token = uni.getStorageSync(
`${uni.getAccountInfoSync().miniProgram.envVersion}_token`
);
@@ -48,6 +55,7 @@ onShow(() => {
onHide(() => {
uni.$off("update-user", emitUpdateUser);
uni.$off("update-online", emitUpdateOnline);
websocket.closeWebSocket();
});
</script>

4
src/components/BowPower.vue
View File

@@ -20,9 +20,9 @@ onBeforeUnmount(() => {
</script>
<template>
<view class="container" :style="{ opacity: power > 0 ? 1 : 0 }">
<view class="container">
<image src="../static/b-power.png" mode="widthFix" />
<view>电量{{ power }}%</view>
<view>电量{{ power || 1 }}%</view>
</view>
</template>

2
src/constants.js
View File

@@ -25,6 +25,8 @@ export const MESSAGETYPES = {
TeamUpdate: 4168086616,
InvalidShot: 4168086617,
Calibration: 4168086625,
DeviceOnline: 4168086626,
DeviceOffline: 4168086627,
};
export const topThreeColors = ["#FFD947", "#D2D2D2", "#FFA515"];

29
src/pages/friend-battle.vue
View File

@@ -11,7 +11,7 @@ import { getRoomAPI, joinRoomAPI, isGamingAPI, getBattleDataAPI } from "@/apis";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const store = useStore();
const { user } = storeToRefs(store);
const { user, device, online } = storeToRefs(store);
import { debounce } from "@/util";
const showModal = ref(false);
@@ -19,7 +19,33 @@ const warnning = ref("");
const roomNumber = ref("");
const data = ref({});
const checkBeforeEnter = async () => {
if (!device.value.deviceId) {
uni.showToast({
title: "请先绑定设备",
icon: "none",
});
return true;
}
if (!online.value) {
uni.showToast({
title: "智能弓未连接",
icon: "none",
});
return true;
}
if (!user.value.trio) {
uni.showToast({
title: "请先完成新手试炼",
icon: "none",
});
return true;
}
return false;
};
const enterRoom = debounce(async () => {
if (checkBeforeEnter()) return;
const isGaming = await isGamingAPI();
if (isGaming) {
uni.$showHint(1);
@@ -54,6 +80,7 @@ const enterRoom = debounce(async () => {
}
});
const onCreateRoom = async () => {
if (checkBeforeEnter()) return;
const isGaming = await isGamingAPI();
if (isGaming) {
uni.$showHint(1);

63
src/pages/index.vue
View File

@@ -15,18 +15,25 @@ import {
getRankListAPI,
getHomeData,
getMyDevicesAPI,
getDeviceBatteryAPI,
} from "@/apis";
import { topThreeColors } from "@/constants";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const store = useStore();
const { updateConfig, updateUser, updateDevice, updateRank, getLvlName } =
store;
// 使用storeToRefs，用于UI里显示，保持响应性
const { user, device, rankData } = storeToRefs(store);
const {
updateConfig,
updateUser,
updateDevice,
updateRank,
getLvlName,
updateOnline,
} = store;
const { user, device, rankData, online } = storeToRefs(store);
const showModal = ref(false);
const showGuide = ref(false);
const calibration = ref(false);
const showTheUser = ref(false);
const toPage = async (path) => {
@@ -34,34 +41,22 @@ const toPage = async (path) => {
showModal.value = true;
return;
}
if (
"/pages/first-try,/pages/practise,/pages/friend-battle".indexOf(path) !== -1
) {
if (path === "/pages/first-try") {
if (!device.value.deviceId) {
return uni.showToast({
title: "请先绑定设备",
icon: "none",
});
}
if (
!calibration.value &&
uni.getAccountInfoSync().miniProgram.envVersion === "release"
) {
return uni.$showHint(4);
}
if ("/pages/first-try".indexOf(path) === -1 && !user.value.trio) {
if (!online.value) {
return uni.showToast({
title: "请先完成新手试炼",
title: "智能弓未连接",
icon: "none",
});
}
}
if (path === "/pages/first-try") {
await uni.$checkAudio();
}
uni.navigateTo({
url: path,
});
uni.navigateTo({ url: path });
};
const toRankListPage = () => {
@@ -133,10 +128,8 @@ onMounted(async () => {
const config = await getAppConfig();
updateConfig(config);
console.log("全局配置：", config);
});
onShow(() => {
calibration.value = uni.getStorageSync("calibration");
const data = await getDeviceBatteryAPI();
updateOnline(data.online);
});
onShareAppMessage(() => {
@@ -165,18 +158,22 @@ onShareTimeline(() => {
<view class="feature-grid">
<view class="bow-card">
<image
v-if="online"
src="https://static.shelingxingqiu.com/attachment/2025-08-07/dbvt1o6dvhr2rop3kn.webp"
mode="widthFix"
@click="() => toPage('/pages/my-device')"
/>
<text v-if="!user.id">我的弓箭</text>
<text v-if="user.id && !device.deviceId">连接智能弓箭</text>
<text
v-if="user.id && device.deviceId"
class="truncate"
:style="{ width: '90%', textAlign: 'center' }"
>{{ device.deviceName }}</text
>
<image
v-else
src="https://static.shelingxingqiu.com/attachment/2025-12-31/dfc2em8qkf2wkls5fm.png"
mode="widthFix"
@click="() => toPage('/pages/my-device')"
/>
<block v-if="user.id">
<text v-if="!device.deviceId">绑定我的智能弓</text>
<text v-else-if="!online">设备离线</text>
<text v-else-if="online">设备在线</text>
</block>
<image
src="../static/first-try.png"
mode="widthFix"

33
src/pages/practise.vue
View File

@@ -9,20 +9,31 @@ import { getPractiseDataAPI } from "@/apis";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const store = useStore();
const { user } = storeToRefs(store);
const { user, device, online } = storeToRefs(store);
const data = ref({});
const toPractiseOne = async () => {
await uni.$checkAudio();
uni.navigateTo({
url: "/pages/practise-one",
const goPractise = async (type) => {
if (!device.value.deviceId) {
return uni.showToast({
title: "请先绑定设备",
icon: "none",
});
};
const toPractiseTwo = async () => {
}
if (!online.value) {
return uni.showToast({
title: "智能弓未连接",
icon: "none",
});
}
if (!user.value.trio) {
return uni.showToast({
title: "请先完成新手试炼",
icon: "none",
});
}
await uni.$checkAudio();
uni.navigateTo({
url: "/pages/practise-two",
url: `/pages/practise-${type}`,
});
};
@@ -78,14 +89,14 @@ onShow(async () => {
</view>
</view>
</view>
<view class="practise-btn" @click="toPractiseOne">
<view class="practise-btn" @click="() => goPractise('one')">
<image
src="https://static.shelingxingqiu.com/attachment/2025-07-12/db9x668e2vdtqh0otq.png"
class="practise1"
mode="widthFix"
/>
</view>
<view class="practise-btn" @click="toPractiseTwo">
<view class="practise-btn" @click="() => goPractise('two')">
<image
src="https://static.shelingxingqiu.com/attachment/2025-07-12/db9x668eehkvyicc08.png"
class="practise2"

14
src/pages/ranking.vue
View File

@@ -8,7 +8,7 @@ import { isGamingAPI, getHomeData } from "@/apis";
import useStore from "@/store";
import { storeToRefs } from "pinia";
const store = useStore();
const { user, device } = storeToRefs(store);
const { user, device, online } = storeToRefs(store);
const { getLvlName } = store;
const defaultSeasonData = {
@@ -26,7 +26,6 @@ const seasonData = ref([]);
const rankData = ref({ user: {} });
const showSeasonList = ref(false);
const currentSeasonData = ref(defaultSeasonData);
const calibration = ref(false);
const handleSelect = (index) => {
selectedIndex.value = index;
@@ -48,11 +47,11 @@ const toMatchPage = async (gameType, teamSize) => {
icon: "none",
});
}
if (
!calibration.value &&
uni.getAccountInfoSync().miniProgram.envVersion === "release"
) {
return uni.$showHint(4);
if (!online.value) {
return uni.showToast({
title: "智能弓未连接",
icon: "none",
});
}
if (!user.value.trio) {
return uni.showToast({
@@ -125,7 +124,6 @@ const updateData = () => {
}
};
onShow(async () => {
calibration.value = uni.getStorageSync("calibration");
const result = await getHomeData();
rankData.value = result;
handleSelect(selectedIndex.value);

4
src/websocket.js
View File

@@ -79,6 +79,10 @@ function createWebSocket(token, onMessage) {
uni.setStorageSync("latestRank", msg.lvl);
} else if (msg.constructor === MESSAGETYPES.LvlUpdate) {
uni.setStorageSync("latestLvl", msg.lvl);
} else if (msg.constructor === MESSAGETYPES.DeviceOnline) {
uni.$emit("update-online");
} else if (msg.constructor === MESSAGETYPES.DeviceOffline) {
uni.$emit("update-online");
}
});