diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
index 1c75694..728c4a6 100644
--- a/.hbuilderx/launch.json
+++ b/.hbuilderx/launch.json
@@ -4,7 +4,7 @@
         {
             "customPlaygroundType" : "local",
             "packageName" : "io.dcloud.HBuilder",
-            "playground" : "standard",
+            "playground" : "custom",
             "type" : "uni-app:app-android"
         }
     ]
diff --git a/api/tcpConnection.js b/api/tcpConnection.js
index 62fb6bb..10f6700 100644
--- a/api/tcpConnection.js
+++ b/api/tcpConnection.js
@@ -6,7 +6,7 @@
  */
 
 // 引用TCP插件
-// const TCPSocket = uni.requireNativePlugin('Aimer-TCPPlugin');
+const TCPSocket = uni.requireNativePlugin('Aimer-TCPPlugin');
 // const TCPSocket = uni.requireNativePlugin("Aimer-TCPPlugin");
 
 // TCP连接配置
diff --git a/pages/marketSituation/globalIndex.vue b/pages/marketSituation/globalIndex.vue
index e80ce2d..43e573e 100644
--- a/pages/marketSituation/globalIndex.vue
+++ b/pages/marketSituation/globalIndex.vue
@@ -30,7 +30,7 @@
     </view>
 
     <!-- 内容区域 -->
-    <scroll-view class="content" :style="{ top: contentTopPosition + 'px' }" scroll-y="true">
+    <scroll-view class="content" :style="{ top: contentTopPosition + 'px' }" scroll-y="true" v-if="isDataLoaded">
       <!-- 亚太-中华 -->
       <view class="market-section" v-for="(item, parentIndex) in marketSituationStore.gloablCardData" :key="item">
         <view class="market-header">
@@ -66,6 +66,7 @@
 
 <script setup>
 import { ref, onMounted, onUnmounted, computed, nextTick, watch } from "vue";
+import { onShow, onHide } from "@dcloudio/uni-app";
 import footerBar from "../../components/footerBar.vue";
 import IndexCard from "../../components/IndexCard.vue";
 import { getRegionalGroupAPI } from "../../api/marketSituation/marketSituation.js";
@@ -78,6 +79,9 @@ const headerHeight = ref(0); // 头部高度
 const searchValue = ref(""); // 搜索值
 const isWarnTextOverflow = ref(false); // warn文字是否溢出
 
+// 数据状态加载
+const isDataLoaded = ref(false);
+
 // warn文字的class计算属性
 const warnTextClass = computed(() => {
   return isWarnTextOverflow.value ? "warn_text scroll-active" : "warn_text";
@@ -109,125 +113,6 @@ const checkWarnTextOverflow = () => {
   });
 };
 const globalIndexArray = ref([]);
-// 亚太-中华指数数据
-const asiachinaIndexes = ref([
-  {
-    flagIcon: "/static/c1.png",
-    stockName: "上证指数",
-    stockCode: "noCode",
-    currentPrice: "3933.96",
-    changeAmount: "+24.32",
-    changePercent: "+0.62%",
-    isRising: true,
-  },
-  {
-    flagIcon: "/static/c2.png",
-    stockName: "深证成指",
-    stockCode: "noCode",
-    currentPrice: "45757.90",
-    changeAmount: "-123.45",
-    changePercent: "-0.27%",
-    isRising: false,
-  },
-  {
-    flagIcon: "/static/c3.png",
-    stockName: "创业板指",
-    stockCode: "noCode",
-    currentPrice: "6606.08",
-    changeAmount: "+89.76",
-    changePercent: "+1.38%",
-    isRising: true,
-  },
-  {
-    flagIcon: "/static/c4.png",
-    stockName: "HSI50",
-    stockCode: "noCode",
-    currentPrice: "22333.96",
-    changeAmount: "+156.78",
-    changePercent: "+0.71%",
-    isRising: true,
-  },
-  {
-    flagIcon: "/static/c5.png",
-    stockName: "沪深300",
-    stockCode: "noCode",
-    currentPrice: "45757.90",
-    changeAmount: "-89.12",
-    changePercent: "-0.19%",
-    isRising: false,
-  },
-  {
-    flagIcon: "/static/c6.png",
-    stockName: "上证50",
-    stockCode: "noCode",
-    currentPrice: "45757.90",
-    changeAmount: "+234.56",
-    changePercent: "+0.52%",
-    isRising: true,
-  },
-]);
-
-// 亚太指数数据
-const asiaIndexes = ref([
-  {
-    flagIcon: "/static/c7.png",
-    stockName: "日经225",
-    stockCode: "noCode",
-    currentPrice: "28456.78",
-    changeAmount: "+234.56",
-    changePercent: "+0.83%",
-    isRising: true,
-  },
-  {
-    flagIcon: "/static/c8.png",
-    stockName: "韩国KOSPI",
-    stockCode: "noCode",
-    currentPrice: "2567.89",
-    changeAmount: "-12.34",
-    changePercent: "-0.48%",
-    isRising: false,
-  },
-  {
-    flagIcon: "/static/c9.png",
-    stockName: "印度孟买",
-    stockCode: "noCode",
-    currentPrice: "65432.10",
-    changeAmount: "+456.78",
-    changePercent: "+0.70%",
-    isRising: true,
-  },
-]);
-
-// 美洲指数数据
-const americaIndexes = ref([
-  {
-    flagIcon: "/static/c7.png",
-    stockName: "道琼斯指数",
-    stockCode: "noCode",
-    currentPrice: "34567.89",
-    changeAmount: "+123.45",
-    changePercent: "+0.36%",
-    isRising: true,
-  },
-  {
-    flagIcon: "/static/c8.png",
-    stockName: "纳斯达克",
-    stockCode: "noCode",
-    currentPrice: "13456.78",
-    changeAmount: "-67.89",
-    changePercent: "-0.50%",
-    isRising: false,
-  },
-  {
-    flagIcon: "/static/c9.png",
-    stockName: "标普500",
-    stockCode: "noCode",
-    currentPrice: "4234.56",
-    changeAmount: "+23.45",
-    changePercent: "+0.56%",
-    isRising: true,
-  },
-]);
 
 // 计算属性：内容区域顶部位置
 const contentTopPosition = computed(() => {
@@ -482,6 +367,8 @@ const parseStockData = (message) => {
           }
         }
       }
+      // 数据状态加载完成
+      isDataLoaded.value = true;
     } else if ((typeof message === "string" && message.includes('{"count')) || isMorePacket.batch_real_time) {
       if (typeof message === "string" && message.includes('{"count')) {
         console.log("开始接受分包数据");
@@ -564,6 +451,22 @@ const startTcp = () => {
   }
 };
 
+onShow(async () => {
+  console.log("显示页面");
+  await getRegionalGroup();
+  initTcpListeners();
+  await nextTick();
+  // 开始连接
+  startTcp();
+});
+
+onHide(() => {
+  console.log("隐藏页面");
+  sendTcpMessage("stop_real_time");
+  removeTcpListeners();
+  disconnectTcp();
+});
+
 onUnmounted(() => {
   sendTcpMessage("stop_real_time");
   removeTcpListeners();
@@ -572,11 +475,6 @@ onUnmounted(() => {
 
 // 生命周期：页面挂载
 onMounted(async () => {
-  await getRegionalGroup();
-  initTcpListeners();
-  await nextTick();
-  // 开始连接
-  startTcp();
   // 获取系统信息
   const systemInfo = uni.getSystemInfoSync();
   iSMT.value = systemInfo.statusBarHeight || 0;
diff --git a/pages/marketSituation/marketCondition.vue b/pages/marketSituation/marketCondition.vue
index 3d398d9..66f66e6 100644
--- a/pages/marketSituation/marketCondition.vue
+++ b/pages/marketSituation/marketCondition.vue
@@ -204,16 +204,16 @@
           </view>
           <view class="test" v-else-if="klineTab === 11">
             <view class="button-sp-area">
-            <button class="mini-btn" type="default" size="mini" @click="ChangeMinutePeriod(1)">分时</button>
-            <button class="mini-btn" type="default" size="mini" @click="ChangeMinutePeriod(5)">5D</button>
-            <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(0)">D</button>
-            <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(1)">W</button>
-            <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(4)">1M</button>
-            <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(5)">15M</button>
-        </view>
-        <view style='background-color:#ffffff;'>
-            <HQChartControl ref="HQChartCtrl" DefaultChart="{Type:'KLine'}" :DefaultSymbol="Symbol"> </HQChartControl>
-        </view>
+              <button class="mini-btn" type="default" size="mini" @click="ChangeMinutePeriod(1)">分时</button>
+              <button class="mini-btn" type="default" size="mini" @click="ChangeMinutePeriod(5)">5D</button>
+              <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(0)">D</button>
+              <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(1)">W</button>
+              <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(4)">1M</button>
+              <button class="mini-btn" type="default" size="mini" @click="ChangeKLinePeriod(5)">15M</button>
+            </view>
+            <view style="background-color: #ffffff">
+              <HQChartControl ref="HQChartCtrl" DefaultChart="{Type:'KLine'}" :DefaultSymbol="Symbol"> </HQChartControl>
+            </view>
           </view>
           <view v-else class="kline-chart-container">
             <text>K线图开发中...</text>
@@ -249,146 +249,120 @@ import { HCharts } from "@/common/canvasMethod.js";
 import tcpConnection, { TCPConnection, TCP_CONFIG } from "../../api/tcpConnection";
 import { useMarketSituationStore } from "../../stores/modules/marketSituation.js";
 const marketSituationStore = useMarketSituationStore();
-import HQChartControl from '@/uni_modules/jones-hqchart2/js_sdk/HQChartControl.vue'
+import HQChartControl from "@/uni_modules/jones-hqchart2/js_sdk/HQChartControl.vue";
 
 //测试数据
-import HQData from "@/uni_modules/jones-hqchart2/js_sdk/umychart.NetworkFilterTest.vue.js"
-import { dailyDataPackets } from '@/common/dailyData.js'
-
+import HQData from "@/uni_modules/jones-hqchart2/js_sdk/umychart.NetworkFilterTest.vue.js";
+import { dailyDataPackets } from "@/common/dailyData.js";
 
 // 响应式数据
-const Symbol = ref('GBPAUD.FXCM')
-const ChartWidth = ref(350)
-const ChartHeight = ref(500)
-const HQChartCtrl = ref(null)
+const Symbol = ref("GBPAUD.FXCM");
+const HQChartCtrl = ref(null);
 
 // 方法定义
 const CreateHQChart = () => {
-    const chartHeight = ChartHeight.value
-    const hqchartCtrl = HQChartCtrl.value
+  const width = canvasWidth.value;
+  const height = canvasHeight.value;
+  const hqchartCtrl = HQChartCtrl.value;
 
-    if (!hqchartCtrl) return
+  if (!hqchartCtrl) return;
 
-    //修改option
-    //hqchartCtrl.KLine.Option.
-    hqchartCtrl.NetworkFilter = NetworkFilter
-    hqchartCtrl.SetSize(ChartWidth.value, chartHeight)
-    hqchartCtrl.OnSize()
+  //修改option
+  //hqchartCtrl.KLine.Option.
+  hqchartCtrl.NetworkFilter = NetworkFilter;
+  hqchartCtrl.SetSize(width, height);
+  hqchartCtrl.OnSize();
 
-    hqchartCtrl.KLine.Option.IsAutoUpdate = false
-    hqchartCtrl.KLine.Option.KLine.Period = 4
+  hqchartCtrl.KLine.Option.IsAutoUpdate = false;
+  hqchartCtrl.KLine.Option.KLine.Period = 4;
 
-    nextTick(() => {
-        hqchartCtrl.CreateHQChart()
-    })
-}
+  nextTick(() => {
+    hqchartCtrl.CreateHQChart();
+  });
+};
 
 const transformDailyDataToHQChart = (dailyDataPackets) => {
-    const symbol = dailyDataPackets.stock_code || Symbol.value
-    const rows = Array.isArray(dailyDataPackets.data) ? dailyDataPackets.data : []
-    // HQChart日线数据格式: [Date, Open, High, Low, Close, Volume]
-    const data = rows.map((r, idx) => ([
-        parseInt(r.trade_date, 10),                            // Date: YYYYMMDD
-        Number(idx > 0 ? rows[idx - 1].bid_close : r.bid_close), // YClose: 昨收
-        Number(r.bid_open),                                    // Open
-        Number(r.bid_high),                                    // High
-        Number(r.bid_low),                                     // Low
-        Number(r.bid_close),                                   // Close
-        Number(r.tick_qty || 0),                               // Volume
-        Number(r.amount || 0)                                  // Amount（如无则填0）
-    ]))
-    return { name: symbol, symbol, ver: 2.0, data }
-}
+  const symbol = dailyDataPackets.stock_code || Symbol.value;
+  const rows = Array.isArray(dailyDataPackets.data) ? dailyDataPackets.data : [];
+  // HQChart日线数据格式: [Date, Open, High, Low, Close, Volume]
+  const data = rows.map((r, idx) => [
+    parseInt(r.trade_date, 10), // Date: YYYYMMDD
+    Number(idx > 0 ? rows[idx - 1].bid_close : r.bid_close), // YClose: 昨收
+    Number(r.bid_open), // Open
+    Number(r.bid_high), // High
+    Number(r.bid_low), // Low
+    Number(r.bid_close), // Close
+    Number(r.tick_qty || 0), // Volume
+    Number(r.amount || 0), // Amount（如无则填0）
+  ]);
+  return { name: symbol, symbol, ver: 2.0, data };
+};
 
 const ClearHQChart = () => {
-    const hqchartCtrl = HQChartCtrl.value
-    if (hqchartCtrl) hqchartCtrl.ClearChart()
-}
+  const hqchartCtrl = HQChartCtrl.value;
+  if (hqchartCtrl) hqchartCtrl.ClearChart();
+};
 
 const ChangeMinutePeriod = (days) => {
-    const hqchartCtrl = HQChartCtrl.value
-    if (hqchartCtrl) hqchartCtrl.ChangeMinutePeriod(days)
-}
+  const hqchartCtrl = HQChartCtrl.value;
+  if (hqchartCtrl) hqchartCtrl.ChangeMinutePeriod(days);
+};
 
 const ChangeKLinePeriod = (period) => {
-    const hqchartCtrl = HQChartCtrl.value
-    if (hqchartCtrl) hqchartCtrl.ChangeKLinePeriod(period)
-}
+  const hqchartCtrl = HQChartCtrl.value;
+  if (hqchartCtrl) hqchartCtrl.ChangeKLinePeriod(period);
+};
 
 const NetworkFilter = (data, callback) => {
-    console.log(`[App:NetworkFilter] Name=${data.Name} Explain=${data.Explain}`)
-    // 阻止默认行为（默认会走HQData的CDN）
-    data.PreventDefault = true
-
-    const reqSymbol = (data?.Request?.Data?.symbol) || Symbol.value || 'GBPAUD.FXCM'
-
-    switch (data.Name) {
-        // 日K历史数据
-        case 'KLineChartContainer::RequestHistoryData': {
-            const packet = dailyDataPackets[reqSymbol]
-            if (packet) {
-                const mock = transformDailyDataToHQChart(packet)
-                callback({ data: mock })
-            } else {
-                // 没有该代码的本地包时，返回空结构
-                callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } })
-            }
-            break
-        }
-        // 日K实时数据（我们已关闭自动更新；如触发则回空）
-        case 'KLineChartContainer::RequestRealtimeData': {
-            callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } })
-            break
-        }
-        // 分时/分钟数据（如暂不支持，统一回空；后续可加分钟数据转换）
-        case 'KLineChartContainer::ReqeustHistoryMinuteData':
-        case 'KLineChartContainer::RequestMinuteRealtimeData':
-        case 'MinuteChartContainer::RequestMinuteData':
-        case 'MinuteChartContainer::RequestHistoryMinuteData': {
-            callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } })
-            break
-        }
-        default: {
-            // 未覆盖的请求返回空，保持引擎稳定
-            callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } })
-            break
-        }
+  console.log(`[App:NetworkFilter] Name=${data.Name} Explain=${data.Explain}`);
+  // 阻止默认行为（默认会走HQData的CDN）
+  data.PreventDefault = true;
+
+  const reqSymbol = data?.Request?.Data?.symbol || Symbol.value || "GBPAUD.FXCM";
+
+  switch (data.Name) {
+    // 日K历史数据
+    case "KLineChartContainer::RequestHistoryData": {
+      const packet = dailyDataPackets[reqSymbol];
+      if (packet) {
+        const mock = transformDailyDataToHQChart(packet);
+        callback({ data: mock });
+      } else {
+        // 没有该代码的本地包时，返回空结构
+        callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } });
+      }
+      break;
     }
-}
-
-// 页面显示时的处理
-const handleShow = () => {
-    uni.getSystemInfo({
-        success: (res) => {
-            const width = res.windowWidth
-            const height = res.windowHeight
-            ChartWidth.value = width
-            ChartHeight.value = height - 65
-            nextTick(() => {
-                CreateHQChart()
-            })
-        }
-    })
-}
+    // 日K实时数据（我们已关闭自动更新；如触发则回空）
+    case "KLineChartContainer::RequestRealtimeData": {
+      callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } });
+      break;
+    }
+    // 分时/分钟数据（如暂不支持，统一回空；后续可加分钟数据转换）
+    case "KLineChartContainer::ReqeustHistoryMinuteData":
+    case "KLineChartContainer::RequestMinuteRealtimeData":
+    case "MinuteChartContainer::RequestMinuteData":
+    case "MinuteChartContainer::RequestHistoryMinuteData": {
+      callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } });
+      break;
+    }
+    default: {
+      // 未覆盖的请求返回空，保持引擎稳定
+      callback({ data: { name: reqSymbol, symbol: reqSymbol, ver: 2.0, data: [] } });
+      break;
+    }
+  }
+};
 
 // 页面隐藏时的处理
 const handleHide = () => {
-    ClearHQChart()
-}
+  ClearHQChart();
+};
 
 // 页面卸载时的处理
 const handleUnload = () => {
-    ClearHQChart()
-}
-
-// 生命周期钩子
-onMounted(() => {
-    handleShow()
-})
-
-onUnmounted(() => {
-    handleUnload()
-})
+  ClearHQChart();
+};
 
 // TCP相关响应式变量
 const tcpConnected = ref(false);
@@ -750,8 +724,8 @@ const toRightPage = () => {
 
 const updateStockInformation = (stock) => {
   klineTab.value = 1;
-  stockInformation.value.stockName = stock.stockName||stock.name;
-  stockInformation.value.stockCode = stock.stockCode||stock.code;
+  stockInformation.value.stockName = stock.stockName || stock.name;
+  stockInformation.value.stockCode = stock.stockCode || stock.code;
   sendTcpMessage("stop_real_time");
   sendTcpMessage("init_real_time");
 };
@@ -2393,8 +2367,8 @@ onLoad((options) => {
 
       // 更新stockInformation
       if (stockData) {
-        stockInformation.value.stockName = stockData.stockName||stockData.name;
-        stockInformation.value.stockCode = stockData.stockCode||stockData.code;
+        stockInformation.value.stockName = stockData.stockName || stockData.name;
+        stockInformation.value.stockCode = stockData.stockCode || stockData.code;
       }
     } catch (error) {
       console.error("解析股票数据失败：", error);
@@ -2425,6 +2399,7 @@ onLoad((options) => {
 
 // 保存定时器，用于页面卸载时清理
 onUnmounted(() => {
+  handleUnload();
   removeTcpListeners();
   disconnectTcp();
   if (timer) {
@@ -2468,6 +2443,7 @@ onMounted(async () => {
     await nextTick();
     setTimeout(() => {
       initCanvas();
+      CreateHQChart();
     }, 100);
     console.log("所有初始化步骤完成");
   } catch (error) {
diff --git a/pages/marketSituation/marketOverview.vue b/pages/marketSituation/marketOverview.vue
index 1a10a48..dc6e018 100644
--- a/pages/marketSituation/marketOverview.vue
+++ b/pages/marketSituation/marketOverview.vue
@@ -47,6 +47,7 @@
 
 <script setup>
 import { ref, onMounted, onUnmounted, watch, nextTick, computed } from "vue";
+import { onShow, onHide } from "@dcloudio/uni-app";
 import util from "../../common/util.js";
 import IndexCard from "../../components/IndexCard.vue";
 import { useMarketSituationStore } from "../../stores/modules/marketSituation.js";
@@ -169,7 +170,7 @@ const getGlobalIndex = async () => {
 };
 
 // TCP相关响应式变量
-import tcpConnection, { TCPConnection, TCP_CONFIG } from "@/api/tcpConnection.js";
+import tcpConnection from "@/api/tcpConnection.js";
 const tcpConnected = ref(false);
 const connectionListener = ref(null);
 const messageListener = ref(null);
@@ -225,7 +226,6 @@ const sendTcpMessage = (command) => {
   if (command == "batch_real_time") {
     messageDataArray = globalIndexArray.value.map((item) => item.stockCode);
   }
-  console.log(messageDataArray);
 
   switch (command) {
     // 实时行情推送
@@ -273,11 +273,9 @@ const sendTcpMessage = (command) => {
       const success = tcpConnection.send(messageData);
       if (success) {
         console.log("home发送TCP消息:", messageData);
-
       }
     } catch (error) {
       console.error("发送TCP消息时出错:", error);
-
     }
   }
 };
@@ -439,25 +437,38 @@ const startTcp = () => {
     removeTcpListeners();
     disconnectTcp();
     initTcpListeners();
+    console.log("初始化完成，，，，，，，，，，，，，，，");
     connectTcp();
   } catch (error) {
     console.error("建立连接并设置监听出错:", error);
-
   }
 };
 
+onShow(async () => {
+  console.log("显示页面");
+  await getGlobalIndex();
+  initTcpListeners();
+  await nextTick();
+  // 开始连接
+  startTcp();
+});
+
+onHide(() => {
+  console.log("隐藏页面");
+  sendTcpMessage("stop_real_time");
+  removeTcpListeners();
+  disconnectTcp();
+});
+
 onUnmounted(() => {
+  console.log("卸载页面");
   sendTcpMessage("stop_real_time");
   removeTcpListeners();
   disconnectTcp();
 });
 
 onMounted(async () => {
-  await getGlobalIndex();
-  initTcpListeners();
-  await nextTick();
-  // 开始连接
-  startTcp();
+  console.log("挂载页面");
   // 状态栏高度
   iSMT.value = uni.getSystemInfoSync().statusBarHeight;