feat: 授权code获取指定绑定用户

src/pages/public/uuid.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { getUserInfo, deviceBindInfo, deviceBind } from "@/api/public.js";
+import { deviceBind, deviceBindInfo, getUserInfo } from "@/api/public.js";
 export default {
   data() {
     return {
@@ -83,6 +83,13 @@ export default {
                 uni.navigateTo({
                   url: `/pages/public/remote?state=${this.state}&openId=${this.openId}`,
                 });
+              } else {
+                uni.showToast({
+                  title: res.message,
+                  icon: "none",
+                  mask: true,
+                  duration: 2000,
+                });
               }
             });
           }

src/pages/public/uuidt.vue

@@ -0,0 +1,146 @@
+<template>
+  <view>
+    <view class="tips">请输入您的设备UUID：</view>
+    <!-- 搜索框 -->
+    <view class="search_container">
+      <input
+        type="text"
+        v-model="inputValue"
+        class="search_public"
+        focus="true"
+        confirm-type="done"
+        placeholder=""
+      />
+      <button class="search_btn" type="submit" @click="getSubmit">绑定</button>
+    </view>
+    <view class="explain">
+      UUID获取途径：设备页-当前连接设备-右上角箭头标展开详情-点击关于本机-单机UUID复制
+      <br />（绑定验证成功文字提示：“绑定成功”并跳转下个页面，绑定验证UUID不正确提示文字“UUID不正确，请确认后重新输入，绑定成功后该页面不再展示”）
+      <br />每个UUID限一个远程操作账号绑定，即只存在一个当前绑定远程操作账号，最新绑定的为当前绑定账号，其他账号自动失效，以此类推。</view
+    >
+  </view>
+</template>
+  
+  <script>
+import { deviceBind, deviceBindInfo, getUserInfo } from "@/api/public.js";
+export default {
+  data() {
+    return {
+      code: "",
+      state: "",
+      openId: "",
+      isBind: false,
+      inputValue: "",
+    };
+  },
+  onLoad(e) {
+    this.code = e.code;
+    this.state = e.state;
+    this.getUserInfo();
+  },
+  methods: {
+    ///获取用户信息
+    getUserInfo() {
+      getUserInfo({
+        code: this.code,
+      }).then((res) => {
+        if (res.code === 0) {
+          this.openId = res.data.openId;
+        }
+      });
+    },
+
+    // http://ptt.radio1964.com/v1/device/get-wifi?UUId=AIrSMArT_210052355545
+    getSubmit() {
+      if (this.inputValue.trim().length === 0) {
+        uni.showToast({
+          title: "UUID不能为空",
+          icon: "none",
+          mask: true,
+          duration: 2000,
+        });
+        return;
+      }
+
+      deviceBindInfo({
+        state: this.state,
+        openId: this.openId,
+      }).then((res) => {
+        if (res.code === 0) {
+          this.isBind = res.data.isBind;
+          ///已经绑定
+          if (this.isBind) {
+            uni.navigateTo({
+              url: `/pages/public/remote?state=${this.state}&openId=${this.openId}`,
+            });
+          } else {
+            deviceBind({
+              deviceMac: this.uuid,
+              state: this.state,
+              openId: this.openId,
+            }).then((res) => {
+              if (res.code === 0) {
+                uni.navigateTo({
+                  url: `/pages/public/remote?state=${this.state}&openId=${this.openId}`,
+                });
+              } else {
+                uni.showToast({
+                  title: res.message,
+                  icon: "none",
+                  mask: true,
+                  duration: 2000,
+                });
+              }
+            });
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+  
+  <style lang="scss" scoped>
+.tips {
+  margin-top: 40%;
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  font-size: 30rpx;
+}
+
+.search_container {
+  display: flex;
+  flex-direction: row;
+  margin-top: 20rpx;
+}
+
+.search_public {
+  background: #ededed;
+  // height: 80rpx;
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  border-radius: 50rpx;
+  align-items: center;
+  justify-content: center;
+  text-align: start;
+  color: black;
+}
+
+.search_btn {
+  // height: 80rpx;
+  width: 200rpx;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  font-size: 28rpx;
+  border-radius: 50rpx;
+  margin-right: 20rpx;
+}
+
+.explain {
+  font-size: 25rpx;
+  margin-top: 40rpx;
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+}
+</style>