存客宝 - 修复添加设备二维码有时会错误的问题

2025-04-30 17:15:11 +08:00
parent af1b3b6988
commit 4935d8c8c0
7 changed files with 125 additions and 75 deletions
--- a/Cunkebao/app/devices/[id]/page.tsx
+++ b/Cunkebao/app/devices/[id]/page.tsx
@@ -134,13 +134,9 @@ export default function DeviceDetailPage() {
          } else if (serverData.taskConfig) {
            try {
              // 解析taskConfig字段
-              let taskConfig = serverData.taskConfig
-              if (typeof taskConfig === 'string') {
-                taskConfig = JSON.parse(taskConfig)
-              }
+              const taskConfig = JSON.parse(serverData.taskConfig || '{}');
              
              if (taskConfig) {
-                console.log('解析的taskConfig:', taskConfig);
                formattedDevice.features = {
                  autoAddFriend: Boolean(taskConfig.autoAddFriend),
                  autoReply: Boolean(taskConfig.autoReply),
--- a/Cunkebao/app/devices/page.tsx
+++ b/Cunkebao/app/devices/page.tsx
@@ -171,26 +171,37 @@ export default function DevicesPage() {
      setIsLoadingQRCode(true)
      setQrCodeImage("") // 清空当前二维码
      
+      // 获取保存的accountId
+      const accountId = localStorage.getItem('s2_accountId')
+      if (!accountId) {
+        toast({
+          title: "获取二维码失败",
+          description: "未获取到用户信息，请重新登录",
+          variant: "destructive",
+        })
+        return
+      }
+      
      // 发起请求获取二维码 - 直接使用fetch避免api工具添加基础URL
-      const response = await fetch('http://yi.54word.com/v1/api/device/add', {
+      const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/v1/api/device/add`, {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Accept': 'application/json'
        },
-        body: JSON.stringify({})
+        body: JSON.stringify({
+          accountId: accountId
+        })
      })
      
      // 保存原始响应文本以便调试
      const responseText = await response.text();
-      console.log("原始响应内容:", responseText);
      
      // 尝试将响应解析为JSON
      let result;
      try {
        result = JSON.parse(responseText);
      } catch (e) {
-        console.error("响应不是有效的JSON:", e);
        toast({
          title: "获取二维码失败",
          description: "服务器返回的数据格式无效",
@@ -199,25 +210,19 @@ export default function DevicesPage() {
        return;
      }
      
-      console.log("二维码响应数据:", result);
-      
      if (result && result.code === 200) {
        // 尝试多种可能的返回数据结构
        let qrcodeData = null;
        
        if (result.data?.qrCode) {
          qrcodeData = result.data.qrCode;
-          console.log("找到二维码数据在 result.data.qrCode");
        } else if (result.data?.qrcode) {
          qrcodeData = result.data.qrcode;
-          console.log("找到二维码数据在 result.data.qrcode");
        } else if (result.data?.image) {
          qrcodeData = result.data.image;
-          console.log("找到二维码数据在 result.data.image");
        } else if (result.data?.url) {
          // 如果返回的是URL而不是base64
          qrcodeData = result.data.url;
-          console.log("找到二维码URL在 result.data.url");
          setQrCodeImage(qrcodeData);
          
          toast({
@@ -229,9 +234,7 @@ export default function DevicesPage() {
        } else if (typeof result.data === 'string') {
          // 如果data直接是字符串
          qrcodeData = result.data;
-          console.log("二维码数据直接在 result.data 字符串中");
        } else {
-          console.error("无法找到二维码数据:", result);
          toast({
            title: "获取二维码失败",
            description: "返回数据格式不正确",
@@ -242,7 +245,6 @@ export default function DevicesPage() {
        
        // 检查数据是否为空
        if (!qrcodeData) {
-          console.error("二维码数据为空");
          toast({
            title: "获取二维码失败",
            description: "服务器返回的二维码数据为空",
@@ -251,16 +253,12 @@ export default function DevicesPage() {
          return;
        }
        
-        console.log("处理前的二维码数据:", qrcodeData);
-        
        // 检查是否已经是完整的data URL
        if (qrcodeData.startsWith('data:image')) {
-          console.log("数据已包含data:image前缀");
          setQrCodeImage(qrcodeData);
        } 
        // 检查是否是URL
        else if (qrcodeData.startsWith('http')) {
-          console.log("数据是HTTP URL");
          setQrCodeImage(qrcodeData);
        }
        // 尝试作为base64处理
@@ -268,7 +266,6 @@ export default function DevicesPage() {
          try {
            // 确保base64字符串没有空格等干扰字符
            const cleanedBase64 = qrcodeData.trim();
-            console.log("处理后的base64数据:", cleanedBase64.substring(0, 30) + "...");
            
            // 直接以图片src格式设置
            setQrCodeImage(`data:image/png;base64,${cleanedBase64}`);
@@ -276,10 +273,9 @@ export default function DevicesPage() {
            // 预加载图片，确认是否有效
            const img = new Image();
            img.onload = () => {
-              console.log("二维码图片加载成功");
+              // 图片加载成功
            };
            img.onerror = (e) => {
-              console.error("二维码图片加载失败:", e);
              toast({
                title: "二维码加载失败",
                description: "服务器返回的数据无法显示为图片",
@@ -288,7 +284,6 @@ export default function DevicesPage() {
            };
            img.src = `data:image/png;base64,${cleanedBase64}`;
          } catch (e) {
-            console.error("处理base64数据出错:", e);
            toast({
              title: "获取二维码失败",
              description: "图片数据处理失败",
@@ -303,7 +298,6 @@ export default function DevicesPage() {
          description: "请使用手机扫描新的二维码添加设备",
        });
      } else {
-        console.error("获取二维码失败:", result);
        toast({
          title: "获取二维码失败",
          description: result?.msg || "请稍后重试",
@@ -311,7 +305,6 @@ export default function DevicesPage() {
        });
      }
    } catch (error) {
-      console.error("获取二维码失败", error);
      toast({
        title: "获取二维码失败",
        description: "请检查网络连接后重试",
@@ -343,7 +336,6 @@ export default function DevicesPage() {
    
    try {
      setIsSubmittingImei(true);
-      console.log("正在添加设备，IMEI:", deviceImei, "设备名称:", deviceName);
      
      // 使用api.post发送请求到/v1/devices
      const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/v1/devices`, {
@@ -359,18 +351,14 @@ export default function DevicesPage() {
        })
      });
      
-      console.log("添加设备响应状态:", response.status);
-      
      // 保存原始响应文本以便调试
      const responseText = await response.text();
-      console.log("原始响应内容:", responseText);
      
      // 尝试将响应解析为JSON
      let result;
      try {
        result = JSON.parse(responseText);
      } catch (e) {
-        console.error("响应不是有效的JSON:", e);
        toast({
          title: "添加设备失败",
          description: "服务器返回的数据格式无效",
@@ -379,8 +367,6 @@ export default function DevicesPage() {
        return;
      }
      
-      console.log("添加设备响应:", result);
-      
      if (result && result.code === 200) {
        toast({
          title: "设备添加成功",
@@ -395,7 +381,6 @@ export default function DevicesPage() {
        // 刷新设备列表
        loadDevices(1, true);
      } else {
-        console.error("添加设备失败:", result);
        toast({
          title: "添加设备失败",
          description: result?.msg || "请检查设备信息是否正确",
@@ -403,7 +388,6 @@ export default function DevicesPage() {
        });
      }
    } catch (error) {
-      console.error("添加设备请求失败:", error);
      toast({
        title: "请求失败",
        description: "网络错误，请稍后重试",
@@ -675,7 +659,7 @@ export default function DevicesPage() {
          </DialogHeader>
          
          <Tabs defaultValue="scan" value={activeTab} onValueChange={setActiveTab} className="mt-4">
-            <TabsList className="grid grid-cols-2 w-full">
+            {/* <TabsList className="grid grid-cols-2 w-full">
              <TabsTrigger value="scan" className="flex items-center">
                <QrCode className="h-4 w-4 mr-2" />
                扫码添加
@@ -684,7 +668,7 @@ export default function DevicesPage() {
                <Smartphone className="h-4 w-4 mr-2" />
                手动添加
              </TabsTrigger>
-            </TabsList>
+            </TabsList> */}
            
            <TabsContent value="scan" className="space-y-4 py-4">
              <div className="flex flex-col items-center justify-center p-6 space-y-4">