对接MQTT、APP样式

src/components/EnvironmentParams.vue

@@ -166,7 +166,7 @@
 
 <script setup>
 import { ref, defineEmits, onMounted, onUnmounted, nextTick } from 'vue';
-import { createMqtt, closeMqtt, judgeBeat, getConnectionStatus } from '@/utils/sendMqtt';
+import { getConnectionStatus } from '@/utils/sendMqtt';
 import { DataParser } from '@/config/mqtt';
 
 const emit = defineEmits(['openSettings']);
@@ -238,42 +238,10 @@ const handleDeviceData = (data) => {
   }
 };
 
-// 连接MQTT并订阅数据
-const connectMQTT = async () => {
-  try {
-    console.log('开始连接MQTT...');
-    createMqtt();
-    
-    // 延迟检查连接状态
-    setTimeout(() => {
-      isConnected.value = getConnectionStatus();
-      if (isConnected.value) {
-        console.log('MQTT连接成功，开始监听数据...');
-        uni.showToast({
-          title: 'MQTT连接成功',
-          icon: 'success',
-          duration: 2000
-        });
-      } else {
-        console.log('MQTT连接失败');
-        uni.showToast({
-          title: 'MQTT连接失败',
-          icon: 'error',
-          duration: 3000
-        });
-      }
-    }, 2000);
-    
-  } catch (error) {
-    console.error('MQTT连接失败:', error);
-    isConnected.value = false;
-    
-    uni.showToast({
-      title: 'MQTT连接失败',
-      icon: 'error',
-      duration: 3000
-    });
-  }
+// 检查MQTT连接状态
+const checkMqttStatus = () => {
+  isConnected.value = getConnectionStatus();
+  console.log('MQTT连接状态:', isConnected.value);
 };
 
 // 开始监听MQTT数据
@@ -332,12 +300,12 @@ const getCurrentTime = () => {
   });
 };
 
-// 组件挂载时连接MQTT
+// 组件挂载时开始监听MQTT数据
 onMounted(async () => {
   console.log('EnvironmentParams组件已挂载');
   
-  // 恢复MQTT连接
-  connectMQTT();
+  // 检查MQTT连接状态
+  checkMqttStatus();
   
   // 等待DOM更新完成
   await nextTick();
@@ -347,7 +315,7 @@ onMounted(async () => {
     console.log('页面加载完成，开始监听MQTT数据...');
     isPageLoaded.value = true; // 标记页面已加载完成
     startMqttListener();
-  }, 2000); // 2秒后开始监听，确保页面和MQTT连接都已就绪
+  }, 1000); // 1秒后开始监听
 });
 
 // 组件卸载时断开连接