From 23655102d319744f6a7eb5b7549a2ffcc350d643 Mon Sep 17 00:00:00 2001
From: zhangyibo95 <690096405@qq.com>
Date: Mon, 10 Aug 2026 10:34:54 +0800
Subject: [PATCH] =?UTF-8?q?update:=E8=AE=BE=E5=A4=87=E8=A7=A3=E7=BB=91?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis.js                        |  13 ++-
 src/pages.json                     |  14 ++-
 src/pages/device/unbind-device.vue | 156 +++++++++++++++++++++++++++++
 src/pages/user.vue                 |  10 ++
 4 files changed, 188 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/device/unbind-device.vue

diff --git a/src/apis.js b/src/apis.js
index 264b79e..0fc4706 100644
--- a/src/apis.js
+++ b/src/apis.js
@@ -26,7 +26,7 @@ try {
 }
 
 const ADDONS_BASE_URL = BASE_URL.replace(/\/api\/shoot$/, "/api/shoot");
-// 统一处理业务接口请求，包含登录态、业务错误和 WiFi 连接空响应兼容。
+// 统一处理业务接口请求，包含登录态、业务错误和特定接口空响应兼容。
 function request(method, url, data = {}, baseUrl = BASE_URL) {
     const token = uni.getStorageSync(
         `${uni.getAccountInfoSync().miniProgram.envVersion}_token`
@@ -41,7 +41,11 @@ function request(method, url, data = {}, baseUrl = BASE_URL) {
             data,
             timeout: 10000,
             success: (res) => {
-                if (url === "/user/hardwareBox/connectWifi" && res.statusCode === 200 && res.data && Object.keys(res.data).length === 0) {
+                const acceptsEmptyResponse = [
+                    "/user/hardwareBox/connectWifi",
+                    "/user/device/unbindByQrcodeId",
+                ].includes(url);
+                if (acceptsEmptyResponse && res.statusCode === 200 && res.data && Object.keys(res.data).length === 0) {
                     resolve({});
                     return;
                 }
@@ -260,6 +264,11 @@ export const unbindDeviceAPI = (deviceId) => {
     });
 };
 
+// 测试环境根据设备二维码编号解绑设备，不校验设备归属。
+export const unbindDeviceByQrcodeIdAPI = (id) => {
+    return request("POST", "/user/device/unbindByQrcodeId", {id});
+};
+
 export const getMyDevicesAPI = () => {
     // "/user/device/getBinding?deviceId=9ZF9oVXs"
     return request("GET", "/user/device/getBindings");
diff --git a/src/pages.json b/src/pages.json
index 1a12552..cf6a4e3 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -129,9 +129,17 @@
       "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
     }
   },
-  "subPackages": [
-    {
-      "root": "pages/member",
+  "subPackages": [
+    {
+      "root": "pages/device",
+      "pages": [
+        {
+          "path": "unbind-device"
+        }
+      ]
+    },
+    {
+      "root": "pages/member",
       "pages": [
         {
           "path": "orders"
diff --git a/src/pages/device/unbind-device.vue b/src/pages/device/unbind-device.vue
new file mode 100644
index 0000000..2778cc2
--- /dev/null
+++ b/src/pages/device/unbind-device.vue
@@ -0,0 +1,156 @@
+<script setup>
+import { ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+import Container from "@/components/Container.vue";
+import ModalDialog from "@/components/ModalDialog.vue";
+import SButton from "@/components/SButton.vue";
+import { unbindDeviceByQrcodeIdAPI } from "@/apis";
+
+const deviceQrcodeId = ref("");
+const showConfirmDialog = ref(false);
+const isSubmitting = ref(false);
+const isTestEnvironment = ref(false);
+
+// 提交前移除用户输入中的所有空白字符，兼容复制粘贴的设备编号。
+const normalizeDeviceQrcodeId = () =>
+  String(deviceQrcodeId.value ?? "").replace(/\s+/g, "");
+
+const getEnvVersion = () => {
+  try {
+    return uni.getAccountInfoSync?.().miniProgram?.envVersion || "develop";
+  } catch (error) {
+    console.error("获取小程序环境失败", error);
+    return "develop";
+  }
+};
+
+const validateDeviceQrcodeId = () => {
+  const normalizedId = normalizeDeviceQrcodeId();
+  deviceQrcodeId.value = normalizedId;
+  const numericId = Number(normalizedId);
+
+  if (!/^\d+$/.test(normalizedId) || !Number.isSafeInteger(numericId) || numericId <= 0) {
+    uni.showToast({
+      title: "请输入正确的设备编号",
+      icon: "none",
+    });
+    return null;
+  }
+
+  return numericId;
+};
+
+const openConfirmDialog = () => {
+  if (!isTestEnvironment.value || validateDeviceQrcodeId() === null) return;
+  showConfirmDialog.value = true;
+};
+
+const closeConfirmDialog = () => {
+  if (isSubmitting.value) return;
+  showConfirmDialog.value = false;
+};
+
+const confirmUnbind = async () => {
+  if (isSubmitting.value) return;
+  const id = validateDeviceQrcodeId();
+  if (id === null) {
+    showConfirmDialog.value = false;
+    return;
+  }
+
+  isSubmitting.value = true;
+  try {
+    await unbindDeviceByQrcodeIdAPI(id);
+    showConfirmDialog.value = false;
+    deviceQrcodeId.value = "";
+    uni.showToast({
+      title: "解绑成功",
+      icon: "success",
+    });
+  } catch (error) {
+    console.error("测试解绑设备失败", error);
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+
+onLoad(() => {
+  if (getEnvVersion() !== "release") {
+    isTestEnvironment.value = true;
+    return;
+  }
+
+  uni.showToast({
+    title: "该功能仅用于测试环境",
+    icon: "none",
+  });
+  setTimeout(() => {
+    uni.navigateBack();
+  }, 1200);
+});
+</script>
+
+<template>
+  <Container title="解绑设备" :scroll="false">
+    <view v-if="isTestEnvironment" class="unbind-page">
+      <view class="unbind-form">
+        <input
+          v-model="deviceQrcodeId"
+          class="device-input"
+          type="number"
+          placeholder="请输入设备编号"
+          placeholder-class="device-input-placeholder"
+        />
+        <SButton
+          width="100%"
+          :rounded="40"
+          :onClick="openConfirmDialog"
+        >解绑</SButton>
+      </view>
+    </view>
+  </Container>
+
+  <ModalDialog
+    :show="showConfirmDialog"
+    content="是否解绑该设备（仅用于测试环境）"
+    cancelText="取消"
+    confirmText="解绑"
+    :onCancel="closeConfirmDialog"
+    :onConfirm="confirmUnbind"
+  />
+</template>
+
+<style scoped lang="scss">
+.unbind-page {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  padding: 0 72rpx;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+}
+
+.unbind-form {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: 36rpx;
+}
+
+.device-input {
+  width: 100%;
+  height: 88rpx;
+  padding: 0 32rpx;
+  box-sizing: border-box;
+  color: #ffffff;
+  font-size: 28rpx;
+  background: rgba(255, 255, 255, 0.12);
+  border: 2rpx solid rgba(255, 255, 255, 0.28);
+  border-radius: 44rpx;
+}
+
+:deep(.device-input-placeholder) {
+  color: rgba(255, 255, 255, 0.55);
+}
+</style>
diff --git a/src/pages/user.vue b/src/pages/user.vue
index 9589d27..3c5e49c 100644
--- a/src/pages/user.vue
+++ b/src/pages/user.vue
@@ -54,6 +54,11 @@ const toAudioTestPage = () => {
     url: "/pages/audio-test",
   });
 };
+const toUnbindDevicePage = () => {
+  uni.navigateTo({
+    url: "/pages/device/unbind-device",
+  });
+};
 
 const showLogout = ref(false);
 const logout = () => {
@@ -161,6 +166,11 @@ const buildVersion = typeof __BUILD_TIME__ !== 'undefined' ? __BUILD_TIME__ : ''
           title="版本信息(仅用于测试)"
           v-if="showLogout"
         >{{ buildVersion }}</UserItem>
+        <UserItem
+          title="解绑设备(仅用于测试)"
+          :onClick="toUnbindDevicePage"
+          v-if="showLogout"
+        />
         <UserItem
           title="退出登录(仅用于测试)"
           :onClick="logout"