From a4cc07130caa192ed48809ddcc703b2a778a9c1e Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Wed, 29 Oct 2025 19:08:19 +0800
Subject: [PATCH 01/12] =?UTF-8?q?add=EF=BC=9A=E5=AE=8C=E6=88=90=E5=BE=AE?=
 =?UTF-8?q?=E4=BF=A1=E8=B7=B3=E8=BD=AC=EF=BC=88=E4=BD=BF=E7=94=A8=E7=9A=84?=
 =?UTF-8?q?lihui=E7=9A=84Appid=EF=BC=89=EF=BC=8C=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E5=A4=8D=E5=88=B6=E5=88=B0=E7=B2=98=E8=B4=B4=E6=9D=BF=EF=BC=8C?=
 =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E5=88=86=E4=BA=AB=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/setting/share.js          |  17 ++
 components/SharePopup.vue     | 190 +++++++++++++++++++++
 manifest.json                 |   9 +-
 pages/setting/share.vue       | 378 ++++++++++++++++++++++++++++++------------
 static/my/share/KakaoTalk.png | Bin 0 -> 2606 bytes
 static/my/share/Line.png      | Bin 0 -> 2266 bytes
 static/my/share/WeChat.png    | Bin 0 -> 2419 bytes
 static/my/share/WhatsApp.png  | Bin 0 -> 3721 bytes
 static/my/share/share.png     | Bin 0 -> 1330 bytes
 static/my/share/success.png   | Bin 0 -> 1669 bytes
 10 files changed, 489 insertions(+), 105 deletions(-)
 create mode 100644 api/setting/share.js
 create mode 100644 components/SharePopup.vue
 create mode 100644 static/my/share/KakaoTalk.png
 create mode 100644 static/my/share/Line.png
 create mode 100644 static/my/share/WeChat.png
 create mode 100644 static/my/share/WhatsApp.png
 create mode 100644 static/my/share/share.png
 create mode 100644 static/my/share/success.png

diff --git a/api/setting/share.js b/api/setting/share.js
new file mode 100644
index 0000000..4cc7d1c
--- /dev/null
+++ b/api/setting/share.js
@@ -0,0 +1,17 @@
+import { http } from '../utils/http'
+
+
+/**
+ * 分享接口
+ * @param data
+ * @returns {*}
+ */
+export const getUserInfo = (data) => {
+    return http({
+        method: 'POST',
+        url: '/api/my/share',
+        data:
+        data
+        ,
+    })
+}
diff --git a/components/SharePopup.vue b/components/SharePopup.vue
new file mode 100644
index 0000000..f335949
--- /dev/null
+++ b/components/SharePopup.vue
@@ -0,0 +1,190 @@
+<!--自定义分享弹窗 使用uni的更改-->
+<template>
+  <view class="uni-popup-share">
+<!--    <view class="uni-share-title">-->
+<!--      <text class="uni-share-title-text">{{ shareTitleText }}</text>-->
+<!--    </view>-->
+    <view class="uni-share-content">
+      <view class="uni-share-content-box">
+        <view class="uni-share-content-item" v-for="(item,index) in bottomData" :key="index"
+              @click.stop="select(item,index)">
+          <image class="uni-share-image" :src="item.icon" mode="aspectFill"></image>
+          <text class="uni-share-text">{{ item.text }}</text>
+        </view>
+
+      </view>
+    </view>
+    <view class="uni-share-button-box">
+      <button class="uni-share-button" @click="close">{{ cancelText }}</button>
+    </view>
+  </view>
+</template>
+
+<script>
+import popup from '../uni_modules/uni-popup/components/uni-popup/popup.js'
+// import popup from '../uni-popup/popup.js'
+import {initVueI18n} from '@dcloudio/uni-i18n'
+import messages from '../uni_modules/uni-popup/components/uni-popup/i18n/index.js'
+
+const {t} = initVueI18n(messages)
+export default {
+  name: 'SharePopup',
+  mixins: [popup],
+  emits: ['select'],
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    beforeClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      bottomData: [{
+        text: 'WhatsApp',
+        icon: '/static/my/share/WhatsApp.png',
+        name: 'WhatsApp'
+      },
+        {
+          text: 'Line',
+          icon: '/static/my/share/Line.png',
+          name: 'Line'
+        },
+        {
+          text: 'KakaoTalk',
+          icon: '/static/my/share/KakaoTalk.png',
+          name: 'KakaoTalk'
+        },
+        {
+          text: 'WeChat',
+          icon: '/static/my/share/WeChat.png',
+          name: 'WeChat'
+        },
+        {
+        	text: '复制链接',
+        	icon: '/static/my/share/share.png',
+        	name: '复制链接'
+        },
+      ]
+    }
+  },
+  created() {
+  },
+  computed: {
+    cancelText() {
+      return t("uni-popup.cancel")
+    },
+    shareTitleText() {
+      return this.title || t("uni-popup.shareTitle")
+    }
+  },
+  methods: {
+    /**
+     * 选择内容
+     */
+    select(item, index) {
+      this.$emit('select', {
+        item,
+        index
+      })
+      // this.close()
+
+    },
+    /**
+     * 关闭窗口
+     */
+    close() {
+      if (this.beforeClose) return
+      this.popup.close()
+    }
+  }
+}
+</script>
+<style lang="scss">
+.uni-popup-share {
+  background-color: #fff;
+  border-top-left-radius: 11px;
+  border-top-right-radius: 11px;
+}
+
+.uni-share-title {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+}
+
+.uni-share-title-text {
+  font-size: 14px;
+  color: #666;
+}
+
+.uni-share-content {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  justify-content: center;
+  padding-top: 10px;
+}
+
+.uni-share-content-box {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 360px;
+}
+
+.uni-share-content-item {
+  width: 72px;
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: column;
+  justify-content: center;
+  padding: 10px 0;
+  align-items: center;
+}
+
+.uni-share-content-item:active {
+  background-color: #f5f5f5;
+}
+
+.uni-share-image {
+  width: 42px;
+  height: 42px;
+}
+
+.uni-share-text {
+  margin-top: 10px;
+  font-size: 14px;
+  color: #3B4144;
+}
+
+.uni-share-button-box {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: row;
+  padding: 10px 15px;
+}
+
+.uni-share-button {
+  flex: 1;
+  border-radius: 50px;
+  color: #666;
+  font-size: 16px;
+}
+
+.uni-share-button::after {
+  border-radius: 50px;
+}
+</style>
diff --git a/manifest.json b/manifest.json
index ee97510..83f218b 100644
--- a/manifest.json
+++ b/manifest.json
@@ -17,7 +17,8 @@
             "delay" : 0
         },
         "modules" : {
-            "OAuth" : {}
+            "OAuth" : {},
+            "Share" : {}
         },
         /* 模块配置 */
         "distribute" : {
@@ -53,6 +54,12 @@
                     "google" : {
                         "clientid" : "135"
                     }
+                },
+                "share" : {
+                    "weixin" : {
+                        "appid" : "wx6143d111fc5c9ba3",
+                        "UniversalLinks" : ""
+                    }
                 }
             }
         },
diff --git a/pages/setting/share.vue b/pages/setting/share.vue
index 78bf6f8..b279937 100644
--- a/pages/setting/share.vue
+++ b/pages/setting/share.vue
@@ -1,111 +1,281 @@
 <template>
-	<view class="all">
-		<img class="img-share" src="/static/my/shareBackground.png" />
-		<img class="img-greenBack" src="/static/my/greenBackground.png" />
-		<img class="img-QRcode" src="/static/my/QRcode.png" />
-		<img class="img-award" src="/static/my/award.png" />
-		<img class="img-myFriends" src="/static/my/myFriends.png" />
-		<img class="img-friends" src="/static/my/shareFriends.png" />
-		<text class="jwcode">{{ jwcode }}</text>
-		<button class="invite">立即邀请</button>
-	</view>
+  <view class="all">
+    <!-- 背景图部分 -->
+    <image class="img-share" src="/static/my/shareBackground.png"/>
+    <image class="img-greenBack" src="/static/my/greenBackground.png"/>
+    <!--   todo 这里给我个码-->
+    <image class="img-QRcode" src="/static/my/QRcode.png"/>
+    <image class="img-award" src="/static/my/award.png"/>
+    <image class="img-myFriends" src="/static/my/myFriends.png"/>
+    <image class="img-friends" src="/static/my/shareFriends.png"/>
+
+    <!-- dccode -->
+    <text class="jwcode">{{ dccode }}</text>
+
+    <!-- 邀请按钮 -->
+    <button class="invite" @click="openShare">立即邀请</button>
+
+    <!-- 分享弹窗 -->
+    <uni-popup ref="shareRef" type="share" safeArea>
+      <SharePopup @select="onShareSelect" @close="closeShare" title=" "/>
+    </uni-popup>
+
+    <!-- 二次弹窗 -->
+    <uni-popup ref="secondPopup" type="share">
+      <view class="second-popup">
+        <view style=" display: flex;justify-content: center;align-items: center; font-size: 17px">
+          <image style="width: 16px; height: 16px; margin-right: 8rpx" src="/static/my/share/success.png"/>
+          <text>已复制</text>
+        </view>
+
+        <view class="popup-msg-box">
+          <text>{{ popupMsg }}</text>
+        </view>
+        <view style="justify-content: center; align-items: center;">
+          <!-- 二次弹窗中的按钮图标 -->
+          <button
+              style="border-radius: 40rpx; background-color: black; color: white; display: flex; align-items: center; justify-content: center; padding: 12rpx 24rpx;"
+              @click="closeSecondPopup">
+            <image style="width: 25px; height: 25px; margin-right: 8rpx;"
+                   :src="platformIconMap[selectedPlatform]"/>
+            去粘贴给好友
+          </button>
+        </view>
+
+
+      </view>
+    </uni-popup>
+  </view>
 </template>
 
 <script setup>
-	import {
-		ref
-	} from 'vue'
+import {ref} from 'vue'
+import SharePopup from '@/components/SharePopup.vue'
+import {getUserInfo} from "@/api/member";
+
+/* =============== 数据与引用 =============== */
+const shareRef = ref(null)
+const secondPopup = ref(null)
+const popupMsg = ref('')
+// const jwcode = ref('90047681')
+// 选中的平台
+const selectedPlatform = ref('')
+
+// dccode
+const dccode = ref('')
+//  token
+const token = ref('1ab8f83f391ca866191385d0e5048938')
+// 设备码
+const deviceId = ref(100)
+// 版本
+const version = ref(100)
+// 获取设备类型
+const client = ref('android')
+
+// 平台图标
+const platformIconMap = ref({
+  'WeChat': '/static/my/share/WeChat.png',
+  'WhatsApp': '/static/my/share/WhatsApp.png',
+  'Line': '/static/my/share/Line.png',
+  'KakaoTalk': '/static/my/share/KakaoTalk.png',
+  '复制链接': '/static/my/share/share.png'
+})
+
+
+/* =============== 方法 =============== */
+
+const userInfoRes = ref()
+userInfoRes.value = getUserInfo()
+userInfoRes.value.then(res => {
+  dccode.value = res.data.dccode
+  console.log('用户信息', res.data)
+})
+
+
+// 打开分享弹窗
+function openShare() {
+  shareRef.value.open()
+}
+
+// 关闭分享弹窗
+function closeShare() {
+  shareRef.value.close()
+}
+
+//
+
+// 点击分享选项
+function onShareSelect({item}) {
+  console.log('选择了：', item.name)
+  selectedPlatform.value = item.name // 记录选中的平台
+
+  // 生成动态助力链接 todo 这里只能传代参的，header传不了
+  const baseUrl = '下载链接'
+  // const shareLink = `${baseUrl}?token=${encodeURIComponent(token.value)}&deviceId=${encodeURIComponent(deviceId.value)}&version=${encodeURIComponent(version.value)}&client=${encodeURIComponent(client.value)}`
+  const shareLink = `${baseUrl}`
+
+  // 关闭第一个弹窗
+  shareRef.value.close()
+  popupMsg.value = `【DeepChart】邀请你加入，点击链接帮我助力: ${shareLink}`
+
+
+  uni.setClipboardData({
+    data: popupMsg.value,
+    showToast: false
+  });
+  /*  // 根据分享选项显示不同提示
+    if (item.name === '复制链接') {
+      popupMsg.value = '链接已复制，快去分享给好友吧～'
+    } else if (item.name === 'WeChat') {
+      popupMsg.value = '请在微信中分享～'
+    } else {
+      popupMsg.value = `你选择了 ${item.name}`
+    }*/
+
+  // 打开第二个弹窗
+  secondPopup.value.open()
+}
+
+
+// 关闭第二个弹窗
+function closeSecondPopup() {
+  if (selectedPlatform.value === 'WeChat') {
+    uni.share({
+      provider: "weixin",
+      scene: "WXSceneSession",
+      type: 1,
+      summary: popupMsg.value,
+      success: function (res) {
+        console.log("success:" + JSON.stringify(res));
+      },
+      fail: function (err) {
+        console.log("fail:" + JSON.stringify(err));
+      }
+    });
+    secondPopup.value.close()
+  }
+  // 其他的几种情况 需要适配
+  else if (selectedPlatform.value === 'WhatsApp' || selectedPlatform.value === 'Line' || selectedPlatform.value === 'KakaoTalk') {
+    secondPopup.value.close()
+    uni.showToast({title: '开发中……', icon: 'none'})
+  } else if (selectedPlatform.value === '复制链接') {
+    uni.showToast({title: '已复制', icon: 'success'})
+
+    secondPopup.value.close()
+  }
+}
+
 
-	const jwcode = ref('90047681')
 </script>
 
-<style>
-	.all {
-		position: relative;
-		width: 750rpx;
-		height: auto;
-	}
-
-	.img-share {
-		width: 750rpx;
-		height: 2118rpx;
-		position: absolute;
-		top: 0;
-		left: 0;
-		z-index: 1;
-	}
-	
-	.img-QRcode{
-		width:320rpx;
-		height:320rpx;
-		position:absolute;
-		top:26vh;
-		left:215rpx;
-		z-index: 3;
-	}
-
-	.img-greenBack {
-		width: 670rpx;
-		height: 1740rpx;
-		position: absolute;
-		top: 16vh;
-		/* 为什么要用这个替代 margin-top */
-		left: 40rpx;
-		/* 还有 padding-left */
-		z-index: 2;
-	}
-
-	.img-friends {
-		width: 602rpx;
-		height: 840rpx;
-		position: absolute;
-		top: 68vh;
-		left: 74rpx;
-		z-index: 3;
-	}
-
-	.img-award {
-		width: 300rpx;
-		height: 120rpx;
-		position: absolute;
-		top: 61vh;
-		left: 75rpx;
-		z-index: 3;
-	}
-
-	.img-myFriends {
-		width: 300rpx;
-		height: 88rpx;
-		position: absolute;
-		top: 61vh;
-		right: 75rpx;
-		z-index: 3;
-	}
-
-	.jwcode {
-		width: 320rpx;
-		height: 38rpx;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		position: absolute;
-		top: 19vh;
-		left: 212rpx;
-		z-index: 999;
-	}
-
-	.invite {
-		width: 320rpx;
-		height: 80rpx;
-		border-radius: 40rpx;
-		background-color: black;
-		color:white;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		position: absolute;
-		top: 50.7vh;
-		left: 212rpx;
-		z-index: 999;
-	}
-</style>
\ No newline at end of file
+<style scoped>
+.all {
+  position: relative;
+  width: 750rpx;
+  height: auto;
+}
+
+/* 背景图片部分 */
+.img-share {
+  width: 750rpx;
+  height: 2118rpx;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+}
+
+.img-greenBack {
+  width: 670rpx;
+  height: 1740rpx;
+  position: absolute;
+  top: 16vh;
+  left: 40rpx;
+  z-index: 2;
+}
+
+.img-QRcode {
+  width: 320rpx;
+  height: 320rpx;
+  position: absolute;
+  top: 26vh;
+  left: 215rpx;
+  z-index: 3;
+}
+
+.img-award {
+  width: 300rpx;
+  height: 120rpx;
+  position: absolute;
+  top: 61vh;
+  left: 75rpx;
+  z-index: 3;
+}
+
+.img-myFriends {
+  width: 300rpx;
+  height: 88rpx;
+  position: absolute;
+  top: 61vh;
+  right: 75rpx;
+  z-index: 3;
+}
+
+.img-friends {
+  width: 602rpx;
+  height: 840rpx;
+  position: absolute;
+  top: 68vh;
+  left: 74rpx;
+  z-index: 3;
+}
+
+/* 邀请码与按钮 */
+.jwcode {
+  width: 320rpx;
+  height: 38rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 19vh;
+  left: 212rpx;
+  z-index: 999;
+}
+
+.invite {
+  width: 320rpx;
+  height: 80rpx;
+  border-radius: 40rpx;
+  background-color: black;
+  color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 50.7vh;
+  left: 212rpx;
+  z-index: 999;
+}
+
+/* 第二个弹窗样式 */
+.second-popup {
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 30rpx;
+  text-align: center;
+}
+
+.popup-msg-box {
+  background-color: #F3F3F3;
+  border-radius: 8px;
+  padding: 12px 16px;
+  margin: 10px;
+
+  align-items: center;
+  justify-content: center;
+
+  overflow: hidden; /* 隐藏溢出内容 */
+  text-overflow: ellipsis; /* 溢出部分显示... */
+}
+</style>
diff --git a/static/my/share/KakaoTalk.png b/static/my/share/KakaoTalk.png
new file mode 100644
index 0000000000000000000000000000000000000000..91f9f8f4834b431022c43be1b75437677a6fc833
GIT binary patch
literal 2606
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
QoB#j-07*qoM6N<$f+8&8wg3PC

literal 0
HcmV?d00001

diff --git a/static/my/share/Line.png b/static/my/share/Line.png
new file mode 100644
index 0000000000000000000000000000000000000000..e899f1fef101fe6c4211a3d5fe0a1e84e574a11b
GIT binary patch
literal 2266
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

literal 0
HcmV?d00001

diff --git a/static/my/share/WeChat.png b/static/my/share/WeChat.png
new file mode 100644
index 0000000000000000000000000000000000000000..27069daa1db917db1539a8b1c62a0298dbacc561
GIT binary patch
literal 2419
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

literal 0
HcmV?d00001

diff --git a/static/my/share/WhatsApp.png b/static/my/share/WhatsApp.png
new file mode 100644
index 0000000000000000000000000000000000000000..3133f75a3910cb75ee45f45817cd8fc3aeff762e
GIT binary patch
literal 3721
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

literal 0
HcmV?d00001

diff --git a/static/my/share/share.png b/static/my/share/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..c947750fc9abdcacf8c6e383aab9125856efdf7d
GIT binary patch
literal 1330
zcmV-21<m@2P)<h;3K|Lk000e1NJLTq001fg001fo1^@s6#ly*4000E%Nkl<Zcmd3q
z`)?Fg6vw~!(ig3z?QRQ85iGS41+-}*BH*K;!H^(o4Dy4CKWJ10WBkFt!yo)XtdEEq
z6Jj(`V_U1WsX-%;#)<@`H9%Tgv@hCXUt7AJ>-o;?%It%Euw}cOIrq*z_sl(?Idkus
zyQ2~D8yhp5Cq~WNW22^9>e=y86UdOviNA9qhp&#BEfHAwA9Qfg6pdXmjmpCB1~{aE
z4N@1#1<NuddE)PGk%Ja+N?6|O?>EcEw|&^4R21Z(O&J^zt*w)KNe^Lpsdzcs89;*A
zP(_7!OYUSF71<<Y%FD%@WYU}uq-P@=g=}0mTBu*hMnD&n))o%((bv0_*?PK@5v|Tv
zIu}<JBg*vS(q-SNOwU|`E-9I{Ant`k%DBhUfC|{?-v*uE8+_Ghp{Gj}aWQfI&6L1y
zQMv=yfQx4h+CQ_<@wq|oIfI1&uq-F>@EM8d#E3yxhe6Ya7Jid@d^jAeY^4fU#Aw|z
zP)6!fkHL>$Soq<n!G$vh9s#PkFB~c-7bq!@K^CD}bkNCh;LOhk%@Vzntp+2PfqdCo
zJp6>h>h-{1rwxp2N|tyP2pho_)m#)%Bio(J7Yu&-+QN6A%HsIdU~bm&byuCj(}y&!
z3<9T*xd@$ZlvV^!5>#n{&P)P-oG@tl$igp827|o-q3P4J3fS|!#*W7oPPAJ1^Hek>
z?YxyN6HCgVd~8FP430M&eEYEgoHQVC$W=}raDRisQwKCEDuK46maOzpZ**N+5k6<5
zEgVhKp#B-4M;>YGCl-!<X)ti!z)sfAICi;igTlU7HR>K!xaJ31<VFV0+g&k>T)C+g
zo|s)x%7mb^Q$S~%LCX=#UL;c!QDdO67--n9@Yu5o#bv<MRiH`ihX<l<-5N$yB^S`d
z34gH9ps(9W%x)(<r;~fPD?Ia>M)hU|w#SBmZ$7XvF+z*@;_=1rclRcY==x0xyPwmj
zeMF&R4Qv<$e@r`@9#qK9cNC0ZvqX{+bu{tIMFpj++e!hZnfiSidtcPpvP(%$RCWsL
zlh+`l&N<6D$+^sH5(%SUmgGX>SP3IaBe&!i0#zFo9+Cvk6g1RtFh3^?tqXSTwvBgQ
zPy`gNh-VSrmn>-bRl!!}oeF&1kQC{kks_#1rsDgZQBB5{HtB&@D=-U8$||3e^u+;_
zl`?rDBx_5%v_P2yDZ~A+^CkyOR=mDsEgieGKsf{-|3AG3v(s!j;;T~N{B>HfOXkqn
zJ+ZZEgRZFtrvC*3^Ns`G9SYm`C@@3R)G9|AQ8J4#wMD4oHq!<zTcuD`;`k`91hxqz
zckGn9dS$1w$ZcFIX~`KGiQh~i!yDCHxf{1C@IAj{ua4SVGL`MzukBYWf<N!-;7JNq
z+7YF%s(Tc+?pDYvU@Ka<gD33mHOl^fv~rz7sz06T1vhKYo8Yu~Qnr63-qc6Q7-$HM
zb2oIJO0DG~1lMaSmu1{`K|YkBFXL`gbSS~RsO8zWr+D2`n0IJP;~nuV|0AW$(nBJ8
zM0-5ytWkJBOBq47l5*84PhK_@^LRt3k7pY!nWks(I=O66pHEFs&Z2?zRAzx#!t$;^
zfL&|XD*IE04N5R7JYMy(C?1eIX%y)ey?lQIzhK^S5r2M>Zjr-AqgGg6VE~1}KK=s$
o0RR70p_&^2000I_L_t&o0Pa8aBV<{dLI3~&07*qoM6N<$f(#3C00000

literal 0
HcmV?d00001

diff --git a/static/my/share/success.png b/static/my/share/success.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa4754c77fcef6b8fd3ed056eac8bb0c14912f5c
GIT binary patch
literal 1669
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
P00000NkvXXu0mjf=d>t5

literal 0
HcmV?d00001


From 5d5bc36596468e860c1e37a9b4c6be8cdf56d5da Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Wed, 29 Oct 2025 21:37:15 +0800
Subject: [PATCH 02/12] =?UTF-8?q?marketOverview=E5=BC=95=E5=85=A5tcp?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/marketSituation/marketCondition.vue |   4 +-
 pages/marketSituation/marketOverview.vue  | 268 +++++++++++++++++++++++++++++-
 2 files changed, 269 insertions(+), 3 deletions(-)

diff --git a/pages/marketSituation/marketCondition.vue b/pages/marketSituation/marketCondition.vue
index 5c29c5e..d322372 100644
--- a/pages/marketSituation/marketCondition.vue
+++ b/pages/marketSituation/marketCondition.vue
@@ -413,7 +413,7 @@ const startTcp = () => {
     initTcpListeners();
     connectTcp();
   } catch (error) {
-    console.error("建立连接并设置监听:", error);
+    console.error("建立连接并设置监听出错:", error);
     uni.showToast({
       title: "建立连接并设置监听",
       icon: "none",
@@ -2202,7 +2202,7 @@ onLoad((options) => {
 // 保存定时器，用于页面卸载时清理
 onUnmounted(() => {
   removeTcpListeners();
-  disconnect();
+  disconnectTcp();
   if (timer) {
     console.log("卸载定时器");
     clearInterval(timer);
diff --git a/pages/marketSituation/marketOverview.vue b/pages/marketSituation/marketOverview.vue
index fa68843..72ba052 100644
--- a/pages/marketSituation/marketOverview.vue
+++ b/pages/marketSituation/marketOverview.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, watch, nextTick, computed } from "vue";
+import { ref, onMounted, onUnmounted, watch, nextTick, computed } from "vue";
 import util from "../../common/util.js";
 import IndexCard from "../../components/IndexCard.vue";
 import { useMarketSituationStore } from "../../stores/modules/marketSituation.js";
@@ -168,8 +168,274 @@ const getGlobalIndex = async () => {
   }
 };
 
+// TCP相关响应式变量
+import tcpConnection, { TCPConnection, TCP_CONFIG } from "@/api/tcpConnection.js";
+const tcpConnected = ref(false);
+const connectionListener = ref(null);
+const messageListener = ref(null);
+// 初始化TCP监听器
+const initTcpListeners = () => {
+  // 创建连接状态监听器并保存引用
+  connectionListener.value = (status, result) => {
+    tcpConnected.value = status === "connected";
+    console.log("TCP连接状态变化:", status, tcpConnected.value);
+
+    // 显示连接状态提示
+    uni.showToast({
+      title: status === "connected" ? "TCP连接成功" : "TCP连接断开",
+      icon: status === "connected" ? "success" : "none",
+      duration: 2000,
+    });
+    // 如果连接，发送获取批量数据
+    if (status === "connected") {
+      if (klineTab.value == 1) {
+        sendTcpMessage("batch_real_time");
+      }
+    }
+  };
+
+  // 创建消息监听器并保存引用
+  messageListener.value = (type, message, parsedArray) => {
+    const messageObj = {
+      type: type,
+      content: message,
+      parsedArray: parsedArray,
+      timestamp: new Date().toLocaleTimeString(),
+      direction: "received",
+    };
+
+    // 解析股票数据
+    parseStockData(message);
+  };
+
+  // 注册监听器
+  tcpConnection.onConnectionChange(connectionListener.value);
+  tcpConnection.onMessage(messageListener.value);
+};
+
+// 连接TCP服务器
+const connectTcp = () => {
+  console.log("开始连接TCP服务器...");
+  tcpConnection.connect();
+};
+
+// 断开TCP连接
+const disconnectTcp = () => {
+  console.log("断开TCP连接...");
+  tcpConnection.disconnect();
+  tcpConnected.value = false;
+};
+
+// 发送TCP消息
+const sendTcpMessage = (command) => {
+  let messageData;
+  let messageDataArray = [];
+  if (command == "batch_real_time") {
+    messageDataArray = globalIndexArray.value.map((item) => item.stockCode);
+  }
+
+  switch (command) {
+    // 实时行情推送
+    case "real_time":
+      messageData = {
+        command: "real_time",
+        stock_code: "SH.000001",
+      };
+      break;
+    // 初始化获取行情历史数据
+    case "init_real_time":
+      messageData = {
+        command: "init_real_time",
+        stock_code: "SH.000001",
+      };
+      break;
+    case "stop_real_time":
+      messageData = {
+        command: "stop_real_time",
+      };
+      break;
+    // 股票列表
+    case "stock_list":
+      messageData = {
+        command: "stock_list",
+      };
+      break;
+    case "batch_real_time":
+      messageData = {
+        command: "batch_real_time",
+        stock_codes: ["SH.000001", "SH.000002"],
+      };
+      break;
+    case "help":
+      messageData = {
+        command: "help",
+      };
+      break;
+  }
+  if (!messageData) {
+    uni.showToast({
+      title: "命令不存在",
+      icon: "none",
+      duration: 1000,
+    });
+    return;
+  } else {
+    try {
+      // 发送消息
+      const success = tcpConnection.send(messageData);
+      if (success) {
+        console.log("home发送TCP消息:", messageData);
+        uni.showToast({
+          title: "消息发送成功",
+          icon: "success",
+          duration: 1000,
+        });
+      }
+    } catch (error) {
+      console.error("发送TCP消息时出错:", error);
+      uni.showToast({
+        title: "消息发送失败",
+        icon: "none",
+        duration: 1000,
+      });
+    }
+  }
+};
+
+// 获取TCP连接状态
+const getTcpStatus = () => {
+  const status = tcpConnection.getConnectionStatus();
+  uni.showModal({
+    title: "TCP连接状态",
+    content: `当前状态: ${status ? "已连接" : "未连接"}`,
+    showCancel: false,
+  });
+};
+
+let isMorePacket = {
+  batch_real_time: false,
+};
+let receivedMessage;
+const findJsonPacket = (message, command) => {
+  let jsonStartIndex = 0;
+  let jsonEndIndex = message.indexOf(command);
+  let jsonStartCount = 0;
+  let jsonEndCount = 0;
+
+  for (let i = 0; i < message.length - 1; ++i) {
+    if (message[i] == "{") {
+      jsonStartCount++;
+      if (jsonStartCount == 2) {
+        jsonStartIndex = i;
+        break;
+      }
+    }
+  }
+  for (let i = message.indexOf(command); i >= 0; --i) {
+    if (message[i] == "}" || i == jsonStartIndex) {
+      jsonEndCount++;
+      if (jsonEndCount == 1) {
+        jsonEndIndex = i;
+        break;
+      }
+    }
+  }
+
+  // 检查JSON字符串是否有效
+  if (jsonStartIndex >= jsonEndIndex) {
+    return { error: true };
+  }
+
+  return { json: JSON.parse(message.substring(jsonStartIndex, jsonEndIndex + 1)) };
+};
+
+// 解析TCP股票数据
+const parseStockData = (message) => {
+  try {
+    console.log("进入parseStockData, message类型:", typeof message);
+
+    let parsedMessage;
+    // 如果isMorePacket是true，说明正在接受分包数据，无条件接收
+    // 如果message是字符串且以{开头，说明是JSON字符串，需要解析
+    // 如果不属于以上两种情况，说明是普通字符串，不预解析
+    if (message.includes("欢迎连接到股票数据服务器")) {
+      console.log("服务器命令列表，不予处理");
+      return;
+    }
+    if (message.includes("real_time")) {
+      let startIndex = 0;
+      let endIndex = message.length;
+      for (let i = 0; i < message.length - 1; ++i) {
+        if (message[i] == "{") {
+          startIndex = i;
+          break;
+        }
+      }
+      for (let i = message.length - 1; i >= 0; --i) {
+        if (message[i] == "}") {
+          endIndex = i;
+          break;
+        }
+      }
+      parsedMessage = JSON.parse(message.substring(startIndex, endIndex + 1));
+      console.log("实时数据解析", parsedMessage);
+      
+      
+      
+      return;
+    }else {
+      // 没有通过JSON解析判断，说明不是需要的数据
+      console.log("不是需要的数据，不做处理");
+    }
+  } catch (error) {
+    console.error("解析TCP股票数据失败:", error.message);
+    console.error("错误详情:", error);
+  }
+};
+
+// 移除TCP监听器
+const removeTcpListeners = () => {
+  if (connectionListener.value) {
+    tcpConnection.removeConnectionListener(connectionListener.value);
+    connectionListener.value = null;
+    console.log("已移除TCP连接状态监听器");
+  }
+
+  if (messageListener.value) {
+    tcpConnection.removeMessageListener(messageListener.value);
+    messageListener.value = null;
+    console.log("已移除TCP消息监听器");
+  }
+};
+
+const startTcp = () => {
+  try {
+    removeTcpListeners();
+    disconnectTcp();
+    initTcpListeners();
+    connectTcp();
+  } catch (error) {
+    console.error("建立连接并设置监听出错:", error);
+    uni.showToast({
+      title: "建立连接并设置监听",
+      icon: "none",
+      duration: 1500,
+    });
+  }
+};
+
+onUnmounted(() => {
+  sendTcpMessage("stop_real_time");
+  removeTcpListeners();
+  disconnectTcp();
+});
+
 onMounted(async () => {
   await getGlobalIndex();
+  initTcpListeners();
+  await nextTick();
+  // 开始连接
+  startTcp();
   // 状态栏高度
   iSMT.value = uni.getSystemInfoSync().statusBarHeight;
 

From f28d600e16f823e3ae3d6ecf6af783a50d041467 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Wed, 29 Oct 2025 22:09:33 +0800
Subject: [PATCH 03/12] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=89=93=E5=8D=B0?=
 =?UTF-8?q?=E8=AF=AD=E5=8F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/IndexCard.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/components/IndexCard.vue b/components/IndexCard.vue
index ad1ae69..69a3de3 100644
--- a/components/IndexCard.vue
+++ b/components/IndexCard.vue
@@ -64,7 +64,6 @@ const props = defineProps({
 });
 
 const getMarketFlag = (market) => {
-  console.log("market", market);
   let imagePath;
 
   if (market === "cn") {
@@ -86,8 +85,6 @@ const getMarketFlag = (market) => {
   } else {
     imagePath = "/static/marketSituation-image/country-flag/global.png";
   }
-
-  console.log("返回的图片路径:", imagePath);
   return imagePath;
 };
 

From d0c1a19d3e997496b57185569af201eaa69fe987 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Wed, 29 Oct 2025 22:42:55 +0800
Subject: [PATCH 04/12] =?UTF-8?q?=E4=BB=8A=E6=97=A5=E5=B8=82=E5=9C=BA?=
 =?UTF-8?q?=E6=A6=82=E8=A7=88=E4=B8=AD=E7=82=B9=E5=87=BB=E6=97=A9=E7=9B=98?=
 =?UTF-8?q?=E8=A7=A3=E6=9E=90=E8=B7=B3=E8=BD=AC=E5=88=B0=E8=AF=A5=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/MarketOverview.vue | 8 +++++++-
 pages.json                    | 7 +++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/MarketOverview.vue b/components/MarketOverview.vue
index c5f56a1..31c04df 100644
--- a/components/MarketOverview.vue
+++ b/components/MarketOverview.vue
@@ -47,7 +47,7 @@
                 <text class="analysis-dot blue"></text>
                 <text class="analysis-text">市场风险评级: 需警惕潜在风险</text>
               </view>
-              <view class="analysis-item">
+              <view class="analysis-item" @click="goToMorningAnalysis">
                 <text class="analysis-dot green"></text>
                 <text class="analysis-text">早盘解析: 今日高开, 芯片、稀土、公共</text>
               </view>
@@ -142,6 +142,12 @@ export default {
     }
   },
   methods: {
+    // 跳转到早盘解析页面
+    goToMorningAnalysis() {
+      uni.navigateTo({
+        url: '/pages/morningMarketAnalysis/morningMarketAnalysis'
+      })
+    },
     showMarketSelector() {
       // 切换显示外汇市场内容
       this.showForexMarket = !this.showForexMarket;
diff --git a/pages.json b/pages.json
index 8549911..8c0cf25 100644
--- a/pages.json
+++ b/pages.json
@@ -88,6 +88,13 @@
 			}
 		},
 		{
+			"path" : "pages/morningMarketAnalysis/morningMarketAnalysis",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
+		},
+		{
 			"path": "pages/marketSituation/marketSituation",
 			"style": {
 				"navigationStyle": "custom",

From 6345303249a09a65d35de7dd5c1c262f5801647e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Wed, 29 Oct 2025 22:43:58 +0800
Subject: [PATCH 05/12] =?UTF-8?q?=E6=B3=A8=E9=87=8A=E6=8E=89=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8C=96tcp=E8=BF=9E=E6=8E=A5=E7=9A=84=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/home/home.vue | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/pages/home/home.vue b/pages/home/home.vue
index 3abff99..525941b 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -373,21 +373,21 @@ export default {
 		uni.$on('visitorLoginSuccess', this.handleVisitorLoginSuccess)
 		
 		// 页面渲染完成后自动连接两个TCP连接
-		this.$nextTick(() => {
-			console.log('页面渲染完成，开始自动连接TCP服务器...')
-			// 延迟一小段时间确保页面完全加载后再连接
-			setTimeout(() => {
-				// 连接今日市场概览TCP（channel 1）
-				console.log('连接今日市场概览TCP（channel 1）...')
-				this.connectTcp()
+		// this.$nextTick(() => {
+		// 	console.log('页面渲染完成，开始自动连接TCP服务器...')
+		// 	// 延迟一小段时间确保页面完全加载后再连接
+		// 	setTimeout(() => {
+		// 		// 连接今日市场概览TCP（channel 1）
+		// 		console.log('连接今日市场概览TCP（channel 1）...')
+		// 		this.connectTcp()
 				
-				// 稍微延迟后连接我的自选TCP（channel 2）
-				setTimeout(() => {
-					console.log('连接我的自选TCP（channel 2）...')
-					this.connectMyStocksTcp()
-				}, 500)
-			}, 1000)
-		})
+		// 		// 稍微延迟后连接我的自选TCP（channel 2）
+		// 		setTimeout(() => {
+		// 			console.log('连接我的自选TCP（channel 2）...')
+		// 			this.connectMyStocksTcp()
+		// 		}, 500)
+		// 	}, 1000)
+		// })
 	},
 
 	// 页面销毁前的清理工作

From 64a4aec3053d9057b7066e159f50e7fe4ee265bc Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Wed, 29 Oct 2025 22:45:10 +0800
Subject: [PATCH 06/12] =?UTF-8?q?add=EF=BC=9A=E5=88=86=E4=BA=AB=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/setting/share.js    | 10 ++++------
 pages/setting/share.vue | 30 ++++++++++++++++++++++++------
 2 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/api/setting/share.js b/api/setting/share.js
index 4cc7d1c..e7806cc 100644
--- a/api/setting/share.js
+++ b/api/setting/share.js
@@ -1,17 +1,15 @@
-import { http } from '../utils/http'
+import { http } from '../../utils/http'
 
 
 /**
- * 分享接口
+ * 分享接口获取dccode
  * @param data
  * @returns {*}
  */
-export const getUserInfo = (data) => {
+export const Share = (data) => {
     return http({
         method: 'POST',
         url: '/api/my/share',
-        data:
-        data
-        ,
+        data: data,
     })
 }
diff --git a/pages/setting/share.vue b/pages/setting/share.vue
index b279937..4fc7447 100644
--- a/pages/setting/share.vue
+++ b/pages/setting/share.vue
@@ -52,6 +52,7 @@
 import {ref} from 'vue'
 import SharePopup from '@/components/SharePopup.vue'
 import {getUserInfo} from "@/api/member";
+import {Share} from "@/api/setting/share";
 
 /* =============== 数据与引用 =============== */
 const shareRef = ref(null)
@@ -81,19 +82,36 @@ const platformIconMap = ref({
   '复制链接': '/static/my/share/share.png'
 })
 
+// 用户信息
+const userInfoRes = ref()
+
+// 分享人的dccode
+const shareLink = ref('')
 
 /* =============== 方法 =============== */
 
-const userInfoRes = ref()
 userInfoRes.value = getUserInfo()
 userInfoRes.value.then(res => {
   dccode.value = res.data.dccode
   console.log('用户信息', res.data)
 })
 
+const ShareRes = ref()
+ShareRes.value = Share()
+ShareRes.value.then(res => {
+  if (res.code === 200){
+    shareLink.value = res.message
+    console.log('分享接口返回', res.data)
+  }else {
+    console.log('分享接口返回失败', res.data)
+  }
+})
+
+
 
 // 打开分享弹窗
 function openShare() {
+  Share()
   shareRef.value.open()
 }
 
@@ -109,14 +127,14 @@ function onShareSelect({item}) {
   console.log('选择了：', item.name)
   selectedPlatform.value = item.name // 记录选中的平台
 
-  // 生成动态助力链接 todo 这里只能传代参的，header传不了
-  const baseUrl = '下载链接'
-  // const shareLink = `${baseUrl}?token=${encodeURIComponent(token.value)}&deviceId=${encodeURIComponent(deviceId.value)}&version=${encodeURIComponent(version.value)}&client=${encodeURIComponent(client.value)}`
-  const shareLink = `${baseUrl}`
+  // // 生成动态助力链接
+  // const baseUrl = 'https:'
+  // // const shareLink = `${baseUrl}?token=${encodeURIComponent(token.value)}&deviceId=${encodeURIComponent(deviceId.value)}&version=${encodeURIComponent(version.value)}&client=${encodeURIComponent(client.value)}`
+  // const shareLink = `$ `
 
   // 关闭第一个弹窗
   shareRef.value.close()
-  popupMsg.value = `【DeepChart】邀请你加入，点击链接帮我助力: ${shareLink}`
+  popupMsg.value = `【DeepChart】邀请你加入，点击链接帮我助力: ${shareLink.value}`
 
 
   uni.setClipboardData({

From c5cf0d8a9d4f5b255dfa43018d5cd46c982c8354 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Wed, 29 Oct 2025 22:53:30 +0800
Subject: [PATCH 07/12] =?UTF-8?q?=E6=97=A9=E7=9B=98=E8=A7=A3=E6=9E=90?=
 =?UTF-8?q?=E7=BC=BA=E7=9C=81=E9=A1=B5=E9=9D=A2=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                         |  2 +-
 .../morningMarketAnalysis.vue                      | 39 ++++++++++++++++++++--
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/pages.json b/pages.json
index 8c0cf25..576244a 100644
--- a/pages.json
+++ b/pages.json
@@ -91,7 +91,7 @@
 			"path" : "pages/morningMarketAnalysis/morningMarketAnalysis",
 			"style" : 
 			{
-				"navigationBarTitleText" : ""
+				"navigationBarTitleText" : "早盘解析"
 			}
 		},
 		{
diff --git a/pages/morningMarketAnalysis/morningMarketAnalysis.vue b/pages/morningMarketAnalysis/morningMarketAnalysis.vue
index d6e5f63..bd8dc48 100644
--- a/pages/morningMarketAnalysis/morningMarketAnalysis.vue
+++ b/pages/morningMarketAnalysis/morningMarketAnalysis.vue
@@ -1,6 +1,13 @@
 <template>
-	<view>
-		早盘解析页面
+	<view class="container">
+		<view class="content">
+			<image 
+				class="no-data-image" 
+				src="https://d31zlh4on95l9h.cloudfront.net/images/f5a9bd32c81bc7cca47252b51357c12f.png" 
+				mode="aspectFit"
+			></image>
+			<text class="no-data-text">暂无数据~</text>
+		</view>
 	</view>
 </template>
 
@@ -18,5 +25,31 @@
 </script>
 
 <style>
+.container {
+	width: 100%;
+	height: 100vh;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: #f5f5f5;
+}
 
-</style>
+.content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.no-data-image {
+	width: 200px;
+	height: 200px;
+	margin-bottom: 20px;
+}
+
+.no-data-text {
+	font-size: 16px;
+	color: #999999;
+	text-align: center;
+}
+</style>
\ No newline at end of file

From 86eb9a5e3ecf44549cbfd967d01fbf923a5ebc6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Wed, 29 Oct 2025 23:42:06 +0800
Subject: [PATCH 08/12] =?UTF-8?q?=E6=96=B0=E5=BB=BA=E4=BB=8A=E6=97=A5?=
 =?UTF-8?q?=E6=A0=B8=E5=BF=83=E7=9C=8B=E7=82=B9=E7=9A=84=E6=9C=BA=E6=9E=84?=
 =?UTF-8?q?=E5=8A=A8=E5=90=91=E8=A7=A3=E6=9E=90=E7=BC=BA=E7=9C=81=E9=A1=B5?=
 =?UTF-8?q?=E5=B9=B6=E9=85=8D=E7=BD=AE=E8=B7=B3=E8=BD=AC=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                         |  7 +++
 .../analysisInstitutionalTrends.vue                | 55 ++++++++++++++++++++++
 pages/home/home.vue                                |  9 +++-
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 pages/analysisInstitutionalTrends/analysisInstitutionalTrends.vue

diff --git a/pages.json b/pages.json
index 576244a..22eb5c9 100644
--- a/pages.json
+++ b/pages.json
@@ -338,6 +338,13 @@
 				"titleNView": false,
 				"bounce": false
 			}
+		},
+		{
+			"path" : "pages/analysisInstitutionalTrends/analysisInstitutionalTrends",
+			"style" : 
+			{
+				"navigationBarTitleText" : "机构动向解析 "
+			}
 		}
 		
 	],
diff --git a/pages/analysisInstitutionalTrends/analysisInstitutionalTrends.vue b/pages/analysisInstitutionalTrends/analysisInstitutionalTrends.vue
new file mode 100644
index 0000000..bd8dc48
--- /dev/null
+++ b/pages/analysisInstitutionalTrends/analysisInstitutionalTrends.vue
@@ -0,0 +1,55 @@
+<template>
+	<view class="container">
+		<view class="content">
+			<image 
+				class="no-data-image" 
+				src="https://d31zlh4on95l9h.cloudfront.net/images/f5a9bd32c81bc7cca47252b51357c12f.png" 
+				mode="aspectFit"
+			></image>
+			<text class="no-data-text">暂无数据~</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+.container {
+	width: 100%;
+	height: 100vh;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	background-color: #f5f5f5;
+}
+
+.content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.no-data-image {
+	width: 200px;
+	height: 200px;
+	margin-bottom: 20px;
+}
+
+.no-data-text {
+	font-size: 16px;
+	color: #999999;
+	text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 525941b..f0c0a52 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -175,7 +175,7 @@
 			<view class="section-header highlights-title-container">
 				<text class="section-title">今日市场核心看点</text>
 			</view>
-			<view class="highlights-image-container">
+			<view class="highlights-image-container" @click="goToAnalysisInstitutionalTrends">
 				<image src="https://d31zlh4on95l9h.cloudfront.net/images/8d5365af968402a18cedb120c09460b0.png" mode="aspectFit" class="highlights-image"></image>
 			</view>
 			
@@ -430,6 +430,13 @@ export default {
 	},
 	
 	methods: {
+		// 跳转到机构动向解析页面
+		goToAnalysisInstitutionalTrends() {
+			uni.navigateTo({
+				url: '/pages/analysisInstitutionalTrends/analysisInstitutionalTrends'
+			})
+		},
+		
 		// 跳转到深度探索页面
 		goToDeepExploration() {
 			uni.navigateTo({

From 08b584483cb0709f8bb7a0cb09bf85bb40563b8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Wed, 29 Oct 2025 23:46:49 +0800
Subject: [PATCH 09/12] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E6=88=91=E7=9A=84?=
 =?UTF-8?q?=E8=87=AA=E9=80=89=E9=A1=B5=E9=9D=A2=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                |  7 +++++++
 pages/customStockList/customStockList.vue | 22 ++++++++++++++++++++++
 2 files changed, 29 insertions(+)
 create mode 100644 pages/customStockList/customStockList.vue

diff --git a/pages.json b/pages.json
index 22eb5c9..6f0cac4 100644
--- a/pages.json
+++ b/pages.json
@@ -345,6 +345,13 @@
 			{
 				"navigationBarTitleText" : "机构动向解析 "
 			}
+		},
+		{
+			"path" : "pages/customStockList/customStockList",
+			"style" : 
+			{
+				"navigationBarTitleText" : "我的自选"
+			}
 		}
 		
 	],
diff --git a/pages/customStockList/customStockList.vue b/pages/customStockList/customStockList.vue
new file mode 100644
index 0000000..8183fd0
--- /dev/null
+++ b/pages/customStockList/customStockList.vue
@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

From 19e325e83b622fd29451656093bb9ad92b8c0ea7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Wed, 29 Oct 2025 23:50:19 +0800
Subject: [PATCH 10/12] =?UTF-8?q?=E7=82=B9=E5=87=BB=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E6=88=91=E7=9A=84=E8=87=AA=E9=80=89=E7=9A=84=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E6=9B=B4=E5=A4=9A=E8=B7=B3=E8=BD=AC=E5=88=B0=E5=AF=B9=E5=BA=94?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/home/home.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/pages/home/home.vue b/pages/home/home.vue
index f0c0a52..528245e 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -128,7 +128,7 @@
 							<view class="report-stock">{{report.stock}}</view>
 							<view class="report-status">{{report.status}}</view>
 						</view>
-						<view class="view-more">
+						<view class="view-more" @click="goToCustomStockList">
 							<text>查看更多 >></text>
 						</view>
 					</view>
@@ -430,6 +430,13 @@ export default {
 	},
 	
 	methods: {
+		// 跳转到自定义股票列表页面
+		goToCustomStockList() {
+			uni.navigateTo({
+				url: '/pages/customStockList/customStockList'
+			})
+		},
+		
 		// 跳转到机构动向解析页面
 		goToAnalysisInstitutionalTrends() {
 			uni.navigateTo({

From a60d29b0f29c4836a32af6b7f75eaac02dfc1b14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <better_sj@126.com>
Date: Thu, 30 Oct 2025 00:45:08 +0800
Subject: [PATCH 11/12] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E4=BA=86=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E7=9A=84=E6=88=91=E7=9A=84=E8=87=AA=E9=80=89?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=9B=E7=82=B9=E5=87=BB=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=87=AA=E9=80=89=E8=82=A1=E8=B7=B3=E8=BD=AC=E5=88=B0=E8=A1=8C?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                |  11 ++-
 pages/customStockList/customStockList.vue | 127 +++++++++++++++++++++++++++++-
 pages/home/home.vue                       |   9 ++-
 3 files changed, 144 insertions(+), 3 deletions(-)

diff --git a/pages.json b/pages.json
index 6f0cac4..bcb036c 100644
--- a/pages.json
+++ b/pages.json
@@ -350,7 +350,16 @@
 			"path" : "pages/customStockList/customStockList",
 			"style" : 
 			{
-				"navigationBarTitleText" : "我的自选"
+				"navigationBarTitleText" : "我的自选",
+				"app-plus": {
+					"titleNView": false
+				},
+				"h5": {
+					"titleNView": false
+				},
+				"mp-weixin": {
+					"navigationStyle": "custom"
+				}
 			}
 		}
 		
diff --git a/pages/customStockList/customStockList.vue b/pages/customStockList/customStockList.vue
index 8183fd0..33cb034 100644
--- a/pages/customStockList/customStockList.vue
+++ b/pages/customStockList/customStockList.vue
@@ -1,6 +1,39 @@
+
+<!-- 自选股页面 -->
 <template>
-	<view>
+	<view class="container">
+		<!-- 自定义导航栏 -->
+		<view class="custom-navbar">
+			<view class="navbar-content">
+				<view class="navbar-left">
+					<view class="back-btn" @click="goBack">
+						<text class="back-icon">‹</text>
+					</view>
+				</view>
+				<view class="navbar-center">
+					<text class="navbar-title">我的自选</text>
+				</view>
+				<view class="navbar-right">
+					<image 
+						class="navbar-btn" 
+						src="https://d31zlh4on95l9h.cloudfront.net/images/ba5c8a2eda065274e868bcd9b2d7d914.png"
+						@click="onFirstButtonClick"
+						mode="aspectFit"
+					></image>
+					<image 
+						class="navbar-btn" 
+						src="https://d31zlh4on95l9h.cloudfront.net/images/a4ae8952aeae90dac6d2b4c221c65fa9.png"
+						@click="onSecondButtonClick"
+						mode="aspectFit"
+					></image>
+				</view>
+			</view>
+		</view>
 		
+		<!-- 页面内容 -->
+		<view class="page-content">
+			
+		</view>
 	</view>
 </template>
 
@@ -12,11 +45,103 @@
 			}
 		},
 		methods: {
+			// 返回上一页
+			goBack() {
+				uni.navigateBack()
+			},
 			
+			// 第一个按钮点击事件
+			onFirstButtonClick() {
+				console.log('第一个按钮被点击')
+				// 这里可以添加具体的功能逻辑
+			},
+			
+			// 第二个按钮点击事件
+			onSecondButtonClick() {
+				console.log('第二个按钮被点击')
+				// 这里可以添加具体的功能逻辑
+			}
 		}
 	}
 </script>
 
 <style>
+.container {
+	width: 100%;
+	height: 100vh;
+	background-color: #f5f5f5;
+}
+
+/* 自定义导航栏 */
+.custom-navbar {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 999;
+	background-color: #ffffff;
+	border-bottom: 1px solid #e5e5e5;
+}
+
+.navbar-content {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 44px;
+	padding: 0 15px;
+	/* 适配状态栏高度 */
+	padding-top: var(--status-bar-height, 20px);
+	min-height: calc(44px + var(--status-bar-height, 20px));
+}
+
+.navbar-left {
+	flex: 0 0 auto;
+	display: flex;
+	align-items: center;
+}
+
+.back-btn {
+	width: 40px;
+	height: 40px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.back-icon {
+	font-size: 24px;
+	color: #333333;
+	font-weight: bold;
+}
+
+.navbar-center {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.navbar-title {
+	font-size: 18px;
+	font-weight: 500;
+	color: #333333;
+}
+
+.navbar-right {
+	flex: 0 0 auto;
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.navbar-btn {
+	width: 24px;
+	height: 24px;
+}
 
+/* 页面内容 */
+.page-content {
+	padding-top: calc(44px + var(--status-bar-height, 20px) + 1px);
+	min-height: calc(100vh - 44px - var(--status-bar-height, 20px) - 1px);
+}
 </style>
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 528245e..8ffaa85 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -81,7 +81,7 @@
 				<view class="section-header-container">
 					<view class="section-header">
 						<text class="section-title">我的自选</text>
-						<text class="more-btn">添加自选股</text>
+						<text class="more-btn" @click="goToMarketSituation">添加自选股</text>
 					</view>
 					<!-- 我的自选TCP连接状态和控制 -->
 					<!-- <view class="my-stocks-tcp-control">
@@ -437,6 +437,13 @@ export default {
 			})
 		},
 		
+		// 跳转到行情页面
+		goToMarketSituation() {
+			uni.navigateTo({
+				url: '/pages/marketSituation/marketSituation'
+			})
+		},
+		
 		// 跳转到机构动向解析页面
 		goToAnalysisInstitutionalTrends() {
 			uni.navigateTo({

From 8d9267d63b074f1a7e976479b639d6f685910961 Mon Sep 17 00:00:00 2001
From: hongxilin <17663930442@163.com>
Date: Thu, 30 Oct 2025 00:53:20 +0800
Subject: [PATCH 12/12] =?UTF-8?q?=E5=AF=B9=E6=8E=A5tcp=E5=85=A8=E9=83=A8?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=EF=BC=8C=E8=A1=8C=E6=83=85=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=B7=A6=E5=8F=B3=E7=BF=BB=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/tcpConnection.js                      | 234 ++++++++++----------
 pages/marketSituation/globalIndex.vue     | 307 ++++++++++++++++++++++++++-
 pages/marketSituation/marketCondition.vue | 155 ++++++++++----
 pages/marketSituation/marketDetail.vue    | 340 +++++++++++++++++++++++++++---
 pages/marketSituation/marketOverview.vue  | 182 +++++++++-------
 stores/modules/marketSituation.js         |  55 +----
 6 files changed, 948 insertions(+), 325 deletions(-)

diff --git a/api/tcpConnection.js b/api/tcpConnection.js
index c31188e..3201e7e 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连接配置
@@ -21,33 +21,33 @@ const TCP_CONFIG = {
  * TCP连接管理类
  */
 class TCPConnection {
-    constructor() {
-        this.channelConnections = new Map(); // 存储每个channel的连接状态
-        this.connectionCallbacks = [];
-        this.messageCallbacks = [];
-    }
+  constructor() {
+    this.channelConnections = new Map(); // 存储每个channel的连接状态
+    this.connectionCallbacks = [];
+    this.messageCallbacks = [];
+  }
 
-    /**
-     * TCP初始化连接
-     * @param {Object} config - 连接配置 {ip, port, channel, charsetname}
-     * @param {Function} callback - 连接状态回调函数
-     */
-    connect(config = {}, callback = null) {
-        const channel = config.channel || TCP_CONFIG.channel;
-        
-        // 如果该channel已经连接，先断开现有连接
-        if (this.channelConnections.get(channel)) {
-            console.log(`检测到channel ${channel}现有TCP连接，先断开...`);
-            this.disconnect(config);
-            // 等待断开完成后再连接
-            setTimeout(() => {
-                this._performConnect(config, callback);
-            }, 300);
-        } else {
-            // 直接连接
-            this._performConnect(config, callback);
-        }
+  /**
+   * TCP初始化连接
+   * @param {Object} config - 连接配置 {ip, port, channel, charsetname}
+   * @param {Function} callback - 连接状态回调函数
+   */
+  connect(config = {}, callback = null) {
+    const channel = config.channel || TCP_CONFIG.channel;
+
+    // 如果该channel已经连接，先断开现有连接
+    if (this.channelConnections.get(channel)) {
+      console.log(`检测到channel ${channel}现有TCP连接，先断开...`);
+      this.disconnect(config);
+      // 等待断开完成后再连接
+      setTimeout(() => {
+        this._performConnect(config, callback);
+      }, 300);
+    } else {
+      // 直接连接
+      this._performConnect(config, callback);
     }
+  }
 
   /**
    * 执行TCP连接
@@ -66,33 +66,31 @@ class TCPConnection {
       connectionConfig.charsetname = config.charsetname || TCP_CONFIG.charsetname;
     }
 
-        console.log('开始建立TCP连接:', connectionConfig);
-        TCPSocket.connect(
-            connectionConfig,
-            result => {
-                /**
-                 * status : 0 连接成功
-                 * status : 1 断开连接
-                 * receivedMsg : 服务器返回字符串(普通的字符串交互)
-                 * receivedHexMsg : 服务器返回字节数组(单片机、智能家居等硬件数据交互)
-                 */
-                if (result.status == '0') {
-                    // TCP连接成功
-                    this.channelConnections.set(connectionConfig.channel, true);
-                    console.log(`TCP连接成功 - Channel ${connectionConfig.channel}`);
-                    this._notifyConnectionCallbacks('connected', result, connectionConfig.channel);
-                } else if (result.status == '1') {
-                    // TCP断开连接
-                    this.channelConnections.set(connectionConfig.channel, false);
-                    console.log(`TCP断开连接 - Channel ${connectionConfig.channel}`);
-                    this._notifyConnectionCallbacks('disconnected', result, connectionConfig.channel);
-                }
+    console.log("开始建立TCP连接:", connectionConfig);
+    TCPSocket.connect(connectionConfig, (result) => {
+      /**
+       * status : 0 连接成功
+       * status : 1 断开连接
+       * receivedMsg : 服务器返回字符串(普通的字符串交互)
+       * receivedHexMsg : 服务器返回字节数组(单片机、智能家居等硬件数据交互)
+       */
+      if (result.status == "0") {
+        // TCP连接成功
+        this.channelConnections.set(connectionConfig.channel, true);
+        console.log(`TCP连接成功 - Channel ${connectionConfig.channel}`);
+        this._notifyConnectionCallbacks("connected", result, connectionConfig.channel);
+      } else if (result.status == "1") {
+        // TCP断开连接
+        this.channelConnections.set(connectionConfig.channel, false);
+        console.log(`TCP断开连接 - Channel ${connectionConfig.channel}`);
+        this._notifyConnectionCallbacks("disconnected", result, connectionConfig.channel);
+      }
 
-                if (result.receivedMsg) {
-                    // 服务器返回字符串
-                    console.log('收到字符串消息:', result.receivedMsg);
-                    this._notifyMessageCallbacks('string', result.receivedMsg, null, connectionConfig.channel);
-                }
+      if (result.receivedMsg) {
+        // 服务器返回字符串
+        console.log("收到字符串消息:", result.receivedMsg);
+        this._notifyMessageCallbacks("string", result.receivedMsg, null, connectionConfig.channel);
+      }
 
       // if (result.receivedHexMsg) {
       //     // 硬件服务器返回16进制数据
@@ -115,18 +113,18 @@ class TCPConnection {
     });
   }
 
-    /**
-     * TCP发送消息(普通的字符串交互)
-     * @param {String|Object} message - 要发送的消息，如果是对象会自动转换为JSON字符串
-     * @param {Object} config - 发送配置 {channel, charsetname}
-     */
-    send(message, config = {}) {
-        const channel = config.channel || '1';
-        
-        if (!this.channelConnections.get(channel)) {
-            console.warn(`TCP Channel ${channel}未连接，无法发送消息`);
-            return false;
-        }
+  /**
+   * TCP发送消息(普通的字符串交互)
+   * @param {String|Object} message - 要发送的消息，如果是对象会自动转换为JSON字符串
+   * @param {Object} config - 发送配置 {channel, charsetname}
+   */
+  send(message, config = {}) {
+    const channel = config.channel || "1";
+
+    if (!this.channelConnections.get(channel)) {
+      console.warn(`TCP Channel ${channel}未连接，无法发送消息`);
+      return false;
+    }
 
     // 如果message是对象，转换为JSON字符串
     let messageStr = message;
@@ -149,20 +147,20 @@ class TCPConnection {
     return true;
   }
 
-    /**
-     * TCP断开连接
-     * @param {Object} config - 断开配置 {channel}
-     */
-    disconnect(config = {}) {
-        const channel = config.channel || TCP_CONFIG.channel;
-        const disconnectConfig = {
-            channel: channel
-        };
+  /**
+   * TCP断开连接
+   * @param {Object} config - 断开配置 {channel}
+   */
+  disconnect(config = {}) {
+    const channel = config.channel || TCP_CONFIG.channel;
+    const disconnectConfig = {
+      channel: channel,
+    };
 
-        TCPSocket.disconnect(disconnectConfig);
-        this.channelConnections.set(channel, false);
-        console.log(`TCP连接已断开 - Channel ${channel}`, disconnectConfig);
-    }
+    TCPSocket.disconnect(disconnectConfig);
+    this.channelConnections.set(channel, false);
+    console.log(`TCP连接已断开 - Channel ${channel}`, disconnectConfig);
+  }
 
   /**
    * 添加连接状态监听器
@@ -206,50 +204,50 @@ class TCPConnection {
     }
   }
 
-    /**
-     * 获取连接状态
-     * @param {String} channel - 要检查的channel，如果不指定则返回所有channel的连接状态
-     * @returns {Boolean|Object} 连接状态
-     */
-    getConnectionStatus(channel = null) {
-        if (channel) {
-            return this.channelConnections.get(channel) || false;
-        }
-        // 返回所有channel的连接状态
-        const allConnections = {};
-        for (const [ch, status] of this.channelConnections) {
-            allConnections[ch] = status;
-        }
-        return allConnections;
+  /**
+   * 获取连接状态
+   * @param {String} channel - 要检查的channel，如果不指定则返回所有channel的连接状态
+   * @returns {Boolean|Object} 连接状态
+   */
+  getConnectionStatus(channel = null) {
+    if (channel) {
+      return this.channelConnections.get(channel) || false;
     }
-
-    /**
-     * 通知连接状态回调
-     * @private
-     */
-    _notifyConnectionCallbacks(status, result, channel) {
-        this.connectionCallbacks.forEach(callback => {
-            try {
-                callback(status, result, channel);
-            } catch (error) {
-                console.error('连接状态回调执行错误:', error);
-            }
-        });
+    // 返回所有channel的连接状态
+    const allConnections = {};
+    for (const [ch, status] of this.channelConnections) {
+      allConnections[ch] = status;
     }
+    return allConnections;
+  }
 
-    /**
-     * 通知消息回调
-     * @private
-     */
-    _notifyMessageCallbacks(type, message, parsedArray = null, channel = null) {
-        this.messageCallbacks.forEach(callback => {
-            try {
-                callback(type, message, parsedArray, channel);
-            } catch (error) {
-                console.error('消息回调执行错误:', error);
-            }
-        });
-    }
+  /**
+   * 通知连接状态回调
+   * @private
+   */
+  _notifyConnectionCallbacks(status, result, channel) {
+    this.connectionCallbacks.forEach((callback) => {
+      try {
+        callback(status, result, channel);
+      } catch (error) {
+        console.error("连接状态回调执行错误:", error);
+      }
+    });
+  }
+
+  /**
+   * 通知消息回调
+   * @private
+   */
+  _notifyMessageCallbacks(type, message, parsedArray = null, channel = null) {
+    this.messageCallbacks.forEach((callback) => {
+      try {
+        callback(type, message, parsedArray, channel);
+      } catch (error) {
+        console.error("消息回调执行错误:", error);
+      }
+    });
+  }
 }
 
 // 创建TCP连接实例
diff --git a/pages/marketSituation/globalIndex.vue b/pages/marketSituation/globalIndex.vue
index 662c11d..e80ce2d 100644
--- a/pages/marketSituation/globalIndex.vue
+++ b/pages/marketSituation/globalIndex.vue
@@ -32,7 +32,7 @@
     <!-- 内容区域 -->
     <scroll-view class="content" :style="{ top: contentTopPosition + 'px' }" scroll-y="true">
       <!-- 亚太-中华 -->
-      <view class="market-section" v-for="item in globalIndexArray" :key="item">
+      <view class="market-section" v-for="(item, parentIndex) in marketSituationStore.gloablCardData" :key="item">
         <view class="market-header">
           <text class="market-title">{{ item.ac }}</text>
           <view class="market-more" @click="viewMore(item.ac)">
@@ -41,7 +41,7 @@
           </view>
         </view>
         <view class="cards-grid-three">
-          <view v-for="iitem in item.list" :key="iitem" class="card-item">
+          <view v-for="(iitem, index) in item.list" :key="iitem" class="card-item">
             <IndexCard
               :market="iitem.market"
               :stockName="iitem.name"
@@ -49,7 +49,7 @@
               :changeAmount="iitem.changeAmount"
               :changePercent="iitem.changePercent"
               :isRising="iitem.isRising"
-              @click="viewIndexDetail(iitem)"
+              @click="viewIndexDetail(iitem, parentIndex, index)"
             />
           </view>
         </view>
@@ -65,11 +65,12 @@
 </template>
 
 <script setup>
-import { ref, onMounted, computed, nextTick, watch } from "vue";
+import { ref, onMounted, onUnmounted, computed, nextTick, watch } from "vue";
 import footerBar from "../../components/footerBar.vue";
 import IndexCard from "../../components/IndexCard.vue";
 import { getRegionalGroupAPI } from "../../api/marketSituation/marketSituation.js";
-
+import { useMarketSituationStore } from "../../stores/modules/marketSituation.js";
+const marketSituationStore = useMarketSituationStore();
 // 响应式数据
 const iSMT = ref(0); // 状态栏高度
 const contentHeight = ref(0);
@@ -259,7 +260,7 @@ const viewMore = (market) => {
 };
 
 // 方法：查看指数详情
-const viewIndexDetail = (item) => {
+const viewIndexDetail = (item, parentIndex, index) => {
   console.log("查看指数详情:", item.stockName);
   // uni.showToast({
   //     title: `查看 ${item.stockName} 详情`,
@@ -268,7 +269,7 @@ const viewIndexDetail = (item) => {
   // })
   // 这里可以跳转到具体的指数详情页面
   uni.navigateTo({
-    url: `/pages/marketSituation/marketCondition?stockInformation=${encodeURIComponent(JSON.stringify(item))}`,
+    url: `/pages/marketSituation/marketCondition?stockInformation=${encodeURIComponent(JSON.stringify(item))}&parentIndex=${parentIndex}&index=${index}&from=globalIndex`,
   });
 };
 
@@ -276,14 +277,306 @@ const getRegionalGroup = async () => {
   try {
     const result = await getRegionalGroupAPI();
     globalIndexArray.value = result.data;
+    marketSituationStore.gloablCardData = result.data;
   } catch (e) {
     console.log("获取区域指数失败", e);
   }
 };
 
+// TCP相关响应式变量
+import tcpConnection, { TCPConnection, TCP_CONFIG } from "@/api/tcpConnection.js";
+const tcpConnected = ref(false);
+const connectionListener = ref(null);
+const messageListener = ref(null);
+// 初始化TCP监听器
+const initTcpListeners = () => {
+  // 创建连接状态监听器并保存引用
+  connectionListener.value = (status, result) => {
+    tcpConnected.value = status === "connected";
+    console.log("TCP连接状态变化:", status, tcpConnected.value);
+
+    // 显示连接状态提示
+
+    // 如果连接，发送获取批量数据
+    if (status === "connected") {
+      sendTcpMessage("batch_real_time");
+    }
+  };
+
+  // 创建消息监听器并保存引用
+  messageListener.value = (type, message, parsedArray) => {
+    const messageObj = {
+      type: type,
+      content: message,
+      parsedArray: parsedArray,
+      timestamp: new Date().toLocaleTimeString(),
+      direction: "received",
+    };
+
+    // 解析股票数据
+    parseStockData(message);
+  };
+
+  // 注册监听器
+  tcpConnection.onConnectionChange(connectionListener.value);
+  tcpConnection.onMessage(messageListener.value);
+};
+
+// 连接TCP服务器
+const connectTcp = () => {
+  console.log("开始连接TCP服务器...");
+  tcpConnection.connect();
+};
+
+// 断开TCP连接
+const disconnectTcp = () => {
+  console.log("断开TCP连接...");
+  tcpConnection.disconnect();
+  tcpConnected.value = false;
+};
+
+// 发送TCP消息
+const sendTcpMessage = (command) => {
+  let messageData;
+  let messageDataArray = [];
+  if (command == "batch_real_time") {
+    for (let i = 0; i < globalIndexArray.value.length; ++i) {
+      for (let j = 0; j < globalIndexArray.value[i].list.length; ++j) {
+        messageDataArray.push(globalIndexArray.value[i].list[j].code);
+      }
+    }
+  }
+  console.log(messageDataArray);
+
+  switch (command) {
+    // 实时行情推送
+    case "real_time":
+      messageData = {
+        command: "real_time",
+        stock_code: "SH.000001",
+      };
+      break;
+    // 初始化获取行情历史数据
+    case "init_real_time":
+      messageData = {
+        command: "init_real_time",
+        stock_code: "SH.000001",
+      };
+      break;
+    case "stop_real_time":
+      messageData = {
+        command: "stop_real_time",
+      };
+      break;
+    // 股票列表
+    case "stock_list":
+      messageData = {
+        command: "stock_list",
+      };
+      break;
+    case "batch_real_time":
+      messageData = {
+        command: "batch_real_time",
+        stock_codes: messageDataArray,
+      };
+      break;
+    case "help":
+      messageData = {
+        command: "help",
+      };
+      break;
+  }
+  if (!messageData) {
+    return;
+  } else {
+    try {
+      // 发送消息
+      const success = tcpConnection.send(messageData);
+      if (success) {
+        console.log("home发送TCP消息:", messageData);
+      }
+    } catch (error) {
+      console.error("发送TCP消息时出错:", error);
+    }
+  }
+};
+
+// 获取TCP连接状态
+const getTcpStatus = () => {
+  const status = tcpConnection.getConnectionStatus();
+  uni.showModal({
+    title: "TCP连接状态",
+    content: `当前状态: ${status ? "已连接" : "未连接"}`,
+    showCancel: false,
+  });
+};
+
+let isMorePacket = {
+  init_batch_real_time: false,
+  batch_real_time: false,
+};
+let receivedMessage;
+
+// 解析TCP股票数据
+const parseStockData = (message) => {
+  try {
+    console.log("进入parseStockData, message类型:", typeof message);
+
+    let parsedMessage;
+    // 如果isMorePacket是true，说明正在接受分包数据，无条件接收
+    // 如果message是字符串且以{开头，说明是JSON字符串，需要解析
+    // 如果不属于以上两种情况，说明是普通字符串，不预解析
+    if (message.includes("欢迎连接到股票数据服务器")) {
+      console.log("服务器命令列表，不予处理");
+      return;
+    }
+    if ((typeof message === "string" && message.includes("batch_data_start")) || isMorePacket.init_batch_real_time) {
+      if (typeof message === "string" && message.includes("batch_data_start")) {
+        console.log("开始接受分包数据");
+        receivedMessage = "";
+      } else {
+        console.log("接收分包数据过程中");
+      }
+      isMorePacket.init_batch_real_time = true;
+      receivedMessage += message;
+      // 如果当前消息包含}，说明收到JSON字符串结尾，结束接收，开始解析
+      if (receivedMessage.includes("batch_data_complete")) {
+        console.log("接受分包数据结束");
+        isMorePacket.init_batch_real_time = false;
+
+        console.log("展示数据", receivedMessage);
+        let startIndex = 0;
+        let startCount = 0;
+        let endIndex = receivedMessage.indexOf("batch_data_complete");
+        for (let i = 0; i < receivedMessage.length; ++i) {
+          if (receivedMessage[i] == "{") {
+            startCount++;
+            if (startCount == 2) {
+              startIndex = i;
+              break;
+            }
+          }
+        }
+        for (let i = receivedMessage.indexOf("batch_data_complete"); i >= 0; --i) {
+          if (receivedMessage[i] == "}" || startIndex == endIndex) {
+            endIndex = i;
+            break;
+          }
+        }
+        if (startIndex >= endIndex) {
+          throw new Error("JSON字符串格式错误");
+        }
+        console.log("message", startIndex, endIndex, receivedMessage[endIndex], receivedMessage[startIndex]);
+        parsedMessage = JSON.parse(receivedMessage.substring(startIndex, endIndex + 1));
+
+        console.log("JSON解析成功，解析后类型:", typeof parsedMessage, parsedMessage);
+
+        const stockDataArray = parsedMessage.data;
+        for (let i = 0; i < globalIndexArray.value.length; ++i) {
+          for (let j = 0; j < globalIndexArray.value[i].list.length; ++j) {
+            const stockCode = globalIndexArray.value[i].list[j].code;
+            marketSituationStore.gloablCardData[i].list[j].currentPrice = stockDataArray[stockCode][0].current_price.toFixed(2);
+            marketSituationStore.gloablCardData[i].list[j].changeAmount = (stockDataArray[stockCode][0].current_price - stockDataArray[stockCode][0].pre_close).toFixed(2);
+            marketSituationStore.gloablCardData[i].list[j].changePercent = ((100 * (stockDataArray[stockCode][0].current_price - stockDataArray[stockCode][0].pre_close)) / stockDataArray[stockCode][0].pre_close).toFixed(2) + "%";
+            marketSituationStore.gloablCardData[i].list[j].isRising = stockDataArray[stockCode][0].current_price - stockDataArray[stockCode][0].pre_close >= 0;
+          }
+        }
+      }
+    } else if ((typeof message === "string" && message.includes('{"count')) || isMorePacket.batch_real_time) {
+      if (typeof message === "string" && message.includes('{"count')) {
+        console.log("开始接受分包数据");
+        receivedMessage = "";
+      } else {
+        console.log("接收分包数据过程中");
+      }
+      isMorePacket.batch_real_time = true;
+      receivedMessage += message;
+      // 如果当前消息包含}，说明收到JSON字符串结尾，结束接收，开始解析
+      if (receivedMessage.includes("batch_realtime_data")) {
+        console.log("接受分包数据结束");
+        isMorePacket.batch_real_time = false;
+
+        console.log("展示数据", receivedMessage);
+        let startIndex = 0;
+        let endIndex = receivedMessage.length - 1;
+        for (let i = 0; i < receivedMessage.length; ++i) {
+          if (receivedMessage[i] == "{") {
+            startIndex = i;
+            break;
+          }
+        }
+        for (let i = receivedMessage.length - 1; i >= 0; --i) {
+          if (receivedMessage[i] == "}" || startIndex == endIndex) {
+            endIndex = i;
+            break;
+          }
+        }
+        if (startIndex >= endIndex) {
+          throw new Error("JSON字符串格式错误");
+        }
+        parsedMessage = JSON.parse(receivedMessage.substring(startIndex, endIndex + 1));
+
+        console.log("JSON解析成功，解析后类型:", typeof parsedMessage, parsedMessage);
+        const stockDataArray = parsedMessage.data;
+        for (let i = 0; i < globalIndexArray.value.length; ++i) {
+          for (let j = 0; j < globalIndexArray.value[i].list.length; ++j) {
+            const stockCode = globalIndexArray.value[i].list[j].code;
+            marketSituationStore.gloablCardData[i].list[j].currentPrice = stockDataArray[stockCode][0].current_price.toFixed(2);
+            marketSituationStore.gloablCardData[i].list[j].changeAmount = (stockDataArray[stockCode][0].current_price - stockDataArray[stockCode][0].pre_close).toFixed(2);
+            marketSituationStore.gloablCardData[i].list[j].changePercent = ((100 * (stockDataArray[stockCode][0].current_price - stockDataArray[stockCode][0].pre_close)) / stockDataArray[stockCode][0].pre_close).toFixed(2) + "%";
+            marketSituationStore.gloablCardData[i].list[j].isRising = stockDataArray[stockCode][0].current_price - stockDataArray[stockCode][0].pre_close >= 0;
+          }
+        }
+      }
+    } else {
+      // 没有通过JSON解析判断，说明不是需要的数据
+      console.log("不是需要的数据，不做处理");
+    }
+  } catch (error) {
+    console.error("解析TCP股票数据失败:", error.message);
+    console.error("错误详情:", error);
+  }
+};
+
+// 移除TCP监听器
+const removeTcpListeners = () => {
+  if (connectionListener.value) {
+    tcpConnection.removeConnectionListener(connectionListener.value);
+    connectionListener.value = null;
+    console.log("已移除TCP连接状态监听器");
+  }
+
+  if (messageListener.value) {
+    tcpConnection.removeMessageListener(messageListener.value);
+    messageListener.value = null;
+    console.log("已移除TCP消息监听器");
+  }
+};
+
+const startTcp = () => {
+  try {
+    removeTcpListeners();
+    disconnectTcp();
+    initTcpListeners();
+    connectTcp();
+  } catch (error) {
+    console.error("建立连接并设置监听出错:", error);
+  }
+};
+
+onUnmounted(() => {
+  sendTcpMessage("stop_real_time");
+  removeTcpListeners();
+  disconnectTcp();
+});
+
 // 生命周期：页面挂载
 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 d322372..227b97e 100644
--- a/pages/marketSituation/marketCondition.vue
+++ b/pages/marketSituation/marketCondition.vue
@@ -210,15 +210,15 @@
     </view>
 
     <view class="bottomTool">
-      <view class="index">
+      <view class="index" @click="goToIndexRepository">
         <image class="icon" src="/static/marketSituation-image/marketCondition-image/index.png" mode="指标仓库图标"> </image>
         指标仓库
       </view>
-      <view class="function">
+      <view class="function" @click="goToFunction">
         <image class="icon" src="/static/marketSituation-image/marketCondition-image/function.png" mode="功能图标"> </image>
         功能
       </view>
-      <view class="favorites">
+      <view class="favorites" @click="goToFavorites">
         <image class="icon" src="/static/marketSituation-image/marketCondition-image/favorites.png" mode="加自选图标"></image>
         加自选
       </view>
@@ -233,8 +233,9 @@ const instance = getCurrentInstance();
 import { prevClosePrice, timeData as testTimeData, klineData as testKlineData } from "@/common/stockTimeInformation.js";
 import { throttle } from "@/common/util.js";
 import { HCharts } from "@/common/canvasMethod.js";
-import tcpConnection, { TCPConnection, TCP_CONFIG } from "@/api/tcpConnection.js";
-
+import tcpConnection, { TCPConnection, TCP_CONFIG } from "../../api/tcpConnection";
+import { useMarketSituationStore } from "../../stores/modules/marketSituation.js";
+const marketSituationStore = useMarketSituationStore();
 // TCP相关响应式变量
 const tcpConnected = ref(false);
 const connectionListener = ref(null);
@@ -244,6 +245,7 @@ const messageListener = ref(null);
 const currentStockFrom = ref();
 // 当前股票位置
 const currentStockIndex = ref(-1);
+const currentStockParentIndex = ref(-1);
 // 股票信息栏变量
 const stockInformation = ref({
   stockName: "----", //股票名称
@@ -414,11 +416,6 @@ const startTcp = () => {
     connectTcp();
   } catch (error) {
     console.error("建立连接并设置监听出错:", error);
-    uni.showToast({
-      title: "建立连接并设置监听",
-      icon: "none",
-      duration: 1500,
-    });
   }
 };
 
@@ -516,25 +513,75 @@ const backToHomepage = () => {
 };
 
 const toLeftPage = () => {
-	if(currentStockFrom.value == "marketOverview"){
-		return;
-	}
-  if (currentStockIndex.value > 0) {
-    currentStockIndex.value--;
-    // updateStockInformation();
-  } else {
+  if (currentStockIndex.value == 0) {
     uni.showToast({
       title: "没有更多股票了",
       icon: "none",
       duration: 1000,
     });
+    return;
+  } else {
+    currentStockIndex.value--;
+    let nextStockInformation;
+    if (currentStockFrom.value == "marketOverview") {
+      nextStockInformation = marketSituationStore.cardData[currentStockIndex.value];
+    } else if (currentStockFrom.value == "marketDetail") {
+      nextStockInformation = marketSituationStore.marketDetailCardData[currentStockIndex.value];
+    } else if (currentStockFrom.value == "globalIndex") {
+      nextStockInformation = marketSituationStore.gloablCardData[currentStockParentIndex.value].list[currentStockIndex.value];
+    } else {
+      uni.showToast({
+        title: "没有更多股票了",
+        icon: "none",
+        duration: 1000,
+      });
+      return;
+    }
+    updateStockInformation(nextStockInformation);
   }
 };
 
 const toRightPage = () => {
-  if (currentStockIndex.value < stockList.length - 1) {
-    currentStockIndex.value++;
-    // updateStockInformation();
+  let nextStockInformation;
+  if (currentStockFrom.value == "marketOverview") {
+    if (currentStockIndex.value == marketSituationStore.cardData.length) {
+      uni.showToast({
+        title: "没有更多股票了",
+        icon: "none",
+        duration: 1000,
+      });
+      return;
+    } else {
+      currentStockIndex.value++;
+      nextStockInformation = marketSituationStore.cardData[currentStockIndex.value];
+      updateStockInformation(nextStockInformation);
+    }
+  } else if (currentStockFrom.value == "marketDetail") {
+    if (currentStockIndex.value == marketSituationStore.marketDetailCardData.length) {
+      uni.showToast({
+        title: "没有更多股票了",
+        icon: "none",
+        duration: 1000,
+      });
+      return;
+    } else {
+      currentStockIndex.value++;
+      nextStockInformation = marketSituationStore.marketDetailCardData[currentStockIndex.value];
+      updateStockInformation(nextStockInformation);
+    }
+  } else if (currentStockFrom.value == "globalIndex") {
+    if (currentStockIndex.value == marketSituationStore.gloablCardData[currentStockParentIndex.value].list.length) {
+      uni.showToast({
+        title: "没有更多股票了",
+        icon: "none",
+        duration: 1000,
+      });
+      return;
+    } else {
+      currentStockIndex.value++;
+      nextStockInformation = marketSituationStore.gloablCardData[currentStockParentIndex.value].list[currentStockIndex.value];
+      updateStockInformation(nextStockInformation);
+    }
   } else {
     uni.showToast({
       title: "没有更多股票了",
@@ -544,6 +591,38 @@ const toRightPage = () => {
   }
 };
 
+const updateStockInformation = (stock) => {
+  klineTab.value = 1;
+  stockInformation.value.stockName = stock.stockName||stock.name;
+  stockInformation.value.stockCode = stock.stockCode||stock.code;
+  sendTcpMessage("stop_real_time");
+  sendTcpMessage("init_real_time");
+};
+
+const goToIndexRepository = () => {
+  uni.showToast({
+    title: "指标仓库",
+    icon: "none",
+    duration: 1000,
+  });
+};
+
+const goToFunction = () => {
+  uni.showToast({
+    title: "功能",
+    icon: "none",
+    duration: 1000,
+  });
+};
+
+const goToFavorites = () => {
+  uni.showToast({
+    title: "加自选",
+    icon: "none",
+    duration: 1000,
+  });
+};
+
 const openStockDetail = () => {
   isStockDetail.value = true;
 };
@@ -1451,11 +1530,6 @@ const initTcpListeners = () => {
     console.log("TCP连接状态变化:", status, tcpConnected.value);
 
     // 显示连接状态提示
-    uni.showToast({
-      title: status === "connected" ? "TCP连接成功" : "TCP连接断开",
-      icon: status === "connected" ? "success" : "none",
-      duration: 2000,
-    });
 
     if (status === "connected") {
       if (klineTab.value == 1) {
@@ -1600,11 +1674,6 @@ const sendTcpMessage = (command) => {
       break;
   }
   if (!messageData) {
-    uni.showToast({
-      title: "命令不存在",
-      icon: "none",
-      duration: 1000,
-    });
     return;
   } else {
     try {
@@ -1612,19 +1681,9 @@ const sendTcpMessage = (command) => {
       const success = tcpConnection.send(messageData);
       if (success) {
         console.log("home发送TCP消息:", messageData);
-        uni.showToast({
-          title: "消息发送成功",
-          icon: "success",
-          duration: 1000,
-        });
       }
     } catch (error) {
       console.error("发送TCP消息时出错:", error);
-      uni.showToast({
-        title: "消息发送失败",
-        icon: "none",
-        duration: 1000,
-      });
     }
   }
 };
@@ -2177,8 +2236,8 @@ onLoad((options) => {
 
       // 更新stockInformation
       if (stockData) {
-        stockInformation.value.stockName = stockData.stockName;
-        stockInformation.value.stockCode = stockData.stockCode;
+        stockInformation.value.stockName = stockData.stockName||stockData.name;
+        stockInformation.value.stockCode = stockData.stockCode||stockData.code;
       }
     } catch (error) {
       console.error("解析股票数据失败：", error);
@@ -2193,9 +2252,17 @@ onLoad((options) => {
     currentStockIndex.value = stockIndex;
   }
 
+  // 处理index参数（股票在列表中的位置）
+  if (options.parentIndex) {
+    const stockParentIndex = parseInt(options.parentIndex);
+    console.log("股票在列表中的父索引：", stockParentIndex);
+    // 将index保存到响应式变量中，用于后续的左右切换功能
+    currentStockParentIndex.value = stockParentIndex;
+  }
+
   // 处理stockFrom参数（股票来源）
-  if (options.stockFrom) {
-    currentStockFrom.value = options.stockFrom;
+  if (options.from) {
+    currentStockFrom.value = options.from;
   }
 });
 
diff --git a/pages/marketSituation/marketDetail.vue b/pages/marketSituation/marketDetail.vue
index 945d194..98e52a3 100644
--- a/pages/marketSituation/marketDetail.vue
+++ b/pages/marketSituation/marketDetail.vue
@@ -36,19 +36,19 @@
     <scroll-view class="content" :style="{ top: contentTopPosition + 'px' }" scroll-y="true">
       <!-- 股票列表 -->
       <view class="stock-list">
-        <view class="stock-row" v-for="(stock, index) in sortedStockList" :key="index" @click="viewIndexDetail(stock)">
+        <view class="stock-row" v-for="(item,index) in sortedStockList" :key="item" @click="viewIndexDetail(item,index)">
           <view class="stock-cell name-column">
-            <view class="stock-name">{{ stock.stockName }}</view>
-            <view class="stock-code">{{ stock.stockCode }}</view>
+            <view class="stock-name">{{ item.stockName }}</view>
+            <view class="stock-code">{{ item.stockCode }}</view>
           </view>
           <view class="stock-cell price-column">
-            <text class="stock-price" :class="stock.isRising ? 'rising' : 'falling'">
-              {{ typeof stock.price === "number" ? stock.price.toFixed(2) : stock.price }}
+            <text class="stock-price" :class="item.isRising ? 'rising' : 'falling'">
+              {{ typeof item.currentPrice === "number" ? item.currentPrice.toFixed(2) : item.currentPrice }}
             </text>
           </view>
           <view class="stock-cell change-column">
-            <text class="stock-change" :class="stock.isRising ? 'rising' : 'falling'">
-              {{ stock.change || stock.changePercent }}
+            <text class="stock-change" :class="item.isRising ? 'rising' : 'falling'">
+              {{ item.changePercent }}
             </text>
           </view>
         </view>
@@ -64,10 +64,12 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, watch } from "vue";
+import { ref, computed, onMounted, onUnmounted, nextTick, watch } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import footerBar from "@/components/footerBar.vue";
 import { getRegionalGroupListAPI } from "../../api/marketSituation/marketSituation.js";
+import { useMarketSituationStore } from "../../stores/modules/marketSituation.js";
+const marketSituationStore = useMarketSituationStore();
 // 响应式数据
 const iSMT = ref(0);
 const contentHeight = ref(0);
@@ -185,8 +187,8 @@ const contentTopPosition = computed(() => {
 });
 
 const sortedStockList = computed(() => {
-  console.log("计算sortedStockList，原始数据长度:", stockList.value.length);
-  let list = [...stockList.value];
+  console.log("计算sortedStockList，原始数据长度:", marketSituationStore.marketDetailCardData.length);
+  let list = [...marketSituationStore.marketDetailCardData];
 
   if (sortType.value === "price") {
     list.sort((a, b) => {
@@ -194,8 +196,8 @@ const sortedStockList = computed(() => {
     });
   } else if (sortType.value === "change") {
     list.sort((a, b) => {
-      const aChange = parseFloat(a.change.replace(/[+%-]/g, ""));
-      const bChange = parseFloat(b.change.replace(/[+%-]/g, ""));
+      const aChange = parseFloat(a.changePercent.replace(/[+%-]/g, ""));
+      const bChange = parseFloat(b.changePercent.replace(/[+%-]/g, ""));
       return sortOrder.value === "asc" ? aChange - bChange : bChange - aChange;
     });
   }
@@ -210,35 +212,23 @@ const getRegionalGroupList = async () => {
       name: marketTitle.value,
     });
     regionalGroupArray.value = result.data;
+    marketSituationStore.marketDetailCardData = result.data;
   } catch (e) {
     console.error("获取区域分组列表失败:", e);
   }
 };
 
-// 页面加载时接收参数
-onLoad(async (options) => {
-  if (options && options.market) {
-    marketTitle.value = options.market;
-    await getRegionalGroupList();
-  }
-});
-
 // 方法
 const goBack = () => {
   uni.navigateBack();
 };
 
 // 方法：查看指数详情
-const viewIndexDetail = (item) => {
+const viewIndexDetail = (item,index) => {
   console.log("查看指数详情:", item.stockName);
-  // uni.showToast({
-  //     title: `查看 ${item.stockName} 详情`,
-  //     icon: 'none',
-  //     duration: 2000
-  // })
   // 这里可以跳转到具体的指数详情页面
   uni.navigateTo({
-    url: `/pages/marketSituation/marketCondition?stockInformation=${encodeURIComponent(JSON.stringify(item))}`,
+    url: `/pages/marketSituation/marketCondition?stockInformation=${encodeURIComponent(JSON.stringify(item))}&index=${index}&from=marketDetail`,
   });
 };
 
@@ -260,6 +250,302 @@ const sortByChange = () => {
   }
 };
 
+// TCP相关响应式变量
+import tcpConnection, { TCPConnection, TCP_CONFIG } from "@/api/tcpConnection.js";
+const tcpConnected = ref(false);
+const connectionListener = ref(null);
+const messageListener = ref(null);
+// 初始化TCP监听器
+const initTcpListeners = () => {
+  // 创建连接状态监听器并保存引用
+  connectionListener.value = (status, result) => {
+    tcpConnected.value = status === "connected";
+    console.log("TCP连接状态变化:", status, tcpConnected.value);
+
+    // 如果连接，发送获取批量数据
+    if (status === "connected") {
+      sendTcpMessage("batch_real_time");
+    }
+  };
+
+  // 创建消息监听器并保存引用
+  messageListener.value = (type, message, parsedArray) => {
+    const messageObj = {
+      type: type,
+      content: message,
+      parsedArray: parsedArray,
+      timestamp: new Date().toLocaleTimeString(),
+      direction: "received",
+    };
+
+    // 解析股票数据
+    parseStockData(message);
+  };
+
+  // 注册监听器
+  tcpConnection.onConnectionChange(connectionListener.value);
+  tcpConnection.onMessage(messageListener.value);
+};
+
+// 连接TCP服务器
+const connectTcp = () => {
+  console.log("开始连接TCP服务器...");
+  tcpConnection.connect();
+};
+
+// 断开TCP连接
+const disconnectTcp = () => {
+  console.log("断开TCP连接...");
+  tcpConnection.disconnect();
+  tcpConnected.value = false;
+};
+
+// 发送TCP消息
+const sendTcpMessage = (command) => {
+  let messageData;
+  let messageDataArray = [];
+  if (command == "batch_real_time") {
+    messageDataArray = regionalGroupArray.value.map((item) => item.code);
+  }
+  console.log(messageDataArray);
+
+  switch (command) {
+    // 实时行情推送
+    case "real_time":
+      messageData = {
+        command: "real_time",
+        stock_code: "SH.000001",
+      };
+      break;
+    // 初始化获取行情历史数据
+    case "init_real_time":
+      messageData = {
+        command: "init_real_time",
+        stock_code: "SH.000001",
+      };
+      break;
+    case "stop_real_time":
+      messageData = {
+        command: "stop_real_time",
+      };
+      break;
+    // 股票列表
+    case "stock_list":
+      messageData = {
+        command: "stock_list",
+      };
+      break;
+    case "batch_real_time":
+      messageData = {
+        command: "batch_real_time",
+        stock_codes: messageDataArray,
+      };
+      break;
+    case "help":
+      messageData = {
+        command: "help",
+      };
+      break;
+  }
+  if (!messageData) {
+
+    return;
+  } else {
+    try {
+      // 发送消息
+      const success = tcpConnection.send(messageData);
+      if (success) {
+        console.log("home发送TCP消息:", messageData);
+      }
+    } catch (error) {
+      console.error("发送TCP消息时出错:", error);
+    }
+  }
+};
+
+// 获取TCP连接状态
+const getTcpStatus = () => {
+  const status = tcpConnection.getConnectionStatus();
+  uni.showModal({
+    title: "TCP连接状态",
+    content: `当前状态: ${status ? "已连接" : "未连接"}`,
+    showCancel: false,
+  });
+};
+
+let isMorePacket = {
+  init_batch_real_time: false,
+  batch_real_time: false,
+};
+let receivedMessage;
+
+// 解析TCP股票数据
+const parseStockData = (message) => {
+  try {
+    console.log("进入parseStockData, message类型:", typeof message);
+
+    let parsedMessage;
+    // 如果isMorePacket是true，说明正在接受分包数据，无条件接收
+    // 如果message是字符串且以{开头，说明是JSON字符串，需要解析
+    // 如果不属于以上两种情况，说明是普通字符串，不预解析
+    if (message.includes("欢迎连接到股票数据服务器")) {
+      console.log("服务器命令列表，不予处理");
+      return;
+    }
+    if ((typeof message === "string" && message.includes("batch_data_start")) || isMorePacket.init_batch_real_time) {
+      if (typeof message === "string" && message.includes("batch_data_start")) {
+        console.log("开始接受分包数据");
+        receivedMessage = "";
+      } else {
+        console.log("接收分包数据过程中");
+      }
+      isMorePacket.init_batch_real_time = true;
+      receivedMessage += message;
+      // 如果当前消息包含}，说明收到JSON字符串结尾，结束接收，开始解析
+      if (receivedMessage.includes("batch_data_complete")) {
+        console.log("接受分包数据结束");
+        isMorePacket.init_batch_real_time = false;
+
+        console.log("展示数据", receivedMessage);
+        let startIndex = 0;
+        let startCount = 0;
+        let endIndex = receivedMessage.indexOf("batch_data_complete");
+        for (let i = 0; i < receivedMessage.length; ++i) {
+          if (receivedMessage[i] == "{") {
+            startCount++;
+            if (startCount == 2) {
+              startIndex = i;
+              break;
+            }
+          }
+        }
+        for (let i = receivedMessage.indexOf("batch_data_complete"); i >= 0; --i) {
+          if (receivedMessage[i] == "}" || startIndex == endIndex) {
+            endIndex = i;
+            break;
+          }
+        }
+        if (startIndex >= endIndex) {
+          throw new Error("JSON字符串格式错误");
+        }
+        console.log("message", startIndex, endIndex, receivedMessage[endIndex], receivedMessage[startIndex]);
+        parsedMessage = JSON.parse(receivedMessage.substring(startIndex, endIndex + 1));
+
+        console.log("JSON解析成功，解析后类型:", typeof parsedMessage, parsedMessage);
+
+        const stockDataArray = parsedMessage.data;
+        marketSituationStore.marketDetailCardData = regionalGroupArray.value.map((item) => ({
+          market: item.market,
+          stockCode: item.code,
+          stockName: item.name,
+          id: item.id,
+          currentPrice: stockDataArray[item.code][0].current_price.toFixed(2),
+          changeAmount: (stockDataArray[item.code][0].current_price - stockDataArray[item.code][0].pre_close).toFixed(2),
+          changePercent: ((100 * (stockDataArray[item.code][0].current_price - stockDataArray[item.code][0].pre_close)) / stockDataArray[item.code][0].pre_close).toFixed(2) + "%",
+          isRising: stockDataArray[item.code][0].current_price - stockDataArray[item.code][0].pre_close >= 0,
+        }));
+      }
+    } else if ((typeof message === "string" && message.includes('{"count')) || isMorePacket.batch_real_time) {
+      if (typeof message === "string" && message.includes('{"count')) {
+        console.log("开始接受分包数据");
+        receivedMessage = "";
+      } else {
+        console.log("接收分包数据过程中");
+      }
+      isMorePacket.batch_real_time = true;
+      receivedMessage += message;
+      // 如果当前消息包含}，说明收到JSON字符串结尾，结束接收，开始解析
+      if (receivedMessage.includes("batch_realtime_data")) {
+        console.log("接受分包数据结束");
+        isMorePacket.batch_real_time = false;
+
+        console.log("展示数据", receivedMessage);
+        let startIndex = 0;
+        let endIndex = receivedMessage.length - 1;
+        for (let i = 0; i < receivedMessage.length; ++i) {
+          if (receivedMessage[i] == "{") {
+            startIndex = i;
+            break;
+          }
+        }
+        for (let i = receivedMessage.length - 1; i >= 0; --i) {
+          if (receivedMessage[i] == "}" || startIndex == endIndex) {
+            endIndex = i;
+            break;
+          }
+        }
+        if (startIndex >= endIndex) {
+          throw new Error("JSON字符串格式错误");
+        }
+        parsedMessage = JSON.parse(receivedMessage.substring(startIndex, endIndex + 1));
+
+        console.log("JSON解析成功，解析后类型:", typeof parsedMessage, parsedMessage);
+        const stockDataArray = parsedMessage.data;
+        marketSituationStore.marketDetailCardData = regionalGroupArray.value.map((item) => ({
+          market: item.market,
+          stockCode: item.code,
+          stockName: item.name,
+          id: item.id,
+          currentPrice: stockDataArray[item.code][0].current_price.toFixed(2),
+          changeAmount: (stockDataArray[item.code][0].current_price - stockDataArray[item.code][0].pre_close).toFixed(2),
+          changePercent: ((100 * (stockDataArray[item.code][0].current_price - stockDataArray[item.code][0].pre_close)) / stockDataArray[item.code][0].pre_close).toFixed(2) + "%",
+          isRising: stockDataArray[item.code][0].current_price - stockDataArray[item.code][0].pre_close >= 0,
+        }));
+      }
+    } else {
+      // 没有通过JSON解析判断，说明不是需要的数据
+      console.log("不是需要的数据，不做处理");
+    }
+  } catch (error) {
+    console.error("解析TCP股票数据失败:", error.message);
+    console.error("错误详情:", error);
+  }
+};
+
+// 移除TCP监听器
+const removeTcpListeners = () => {
+  if (connectionListener.value) {
+    tcpConnection.removeConnectionListener(connectionListener.value);
+    connectionListener.value = null;
+    console.log("已移除TCP连接状态监听器");
+  }
+
+  if (messageListener.value) {
+    tcpConnection.removeMessageListener(messageListener.value);
+    messageListener.value = null;
+    console.log("已移除TCP消息监听器");
+  }
+};
+
+const startTcp = () => {
+  try {
+    removeTcpListeners();
+    disconnectTcp();
+    initTcpListeners();
+    connectTcp();
+  } catch (error) {
+    console.error("建立连接并设置监听出错:", error);
+  }
+};
+
+// 页面加载时接收参数
+onLoad(async (options) => {
+  if (options && options.market) {
+    marketTitle.value = options.market;
+    await getRegionalGroupList();
+    initTcpListeners();
+    await nextTick();
+    // 开始连接
+    startTcp();
+  }
+});
+
+onUnmounted(() => {
+  sendTcpMessage("stop_real_time");
+  removeTcpListeners();
+  disconnectTcp();
+});
+
 onMounted(() => {
   // 获取状态栏高度
   iSMT.value = uni.getSystemInfoSync().statusBarHeight;
diff --git a/pages/marketSituation/marketOverview.vue b/pages/marketSituation/marketOverview.vue
index 72ba052..1a10a48 100644
--- a/pages/marketSituation/marketOverview.vue
+++ b/pages/marketSituation/marketOverview.vue
@@ -180,17 +180,9 @@ const initTcpListeners = () => {
     tcpConnected.value = status === "connected";
     console.log("TCP连接状态变化:", status, tcpConnected.value);
 
-    // 显示连接状态提示
-    uni.showToast({
-      title: status === "connected" ? "TCP连接成功" : "TCP连接断开",
-      icon: status === "connected" ? "success" : "none",
-      duration: 2000,
-    });
     // 如果连接，发送获取批量数据
     if (status === "connected") {
-      if (klineTab.value == 1) {
-        sendTcpMessage("batch_real_time");
-      }
+      sendTcpMessage("batch_real_time");
     }
   };
 
@@ -233,6 +225,7 @@ const sendTcpMessage = (command) => {
   if (command == "batch_real_time") {
     messageDataArray = globalIndexArray.value.map((item) => item.stockCode);
   }
+  console.log(messageDataArray);
 
   switch (command) {
     // 实时行情推送
@@ -263,7 +256,7 @@ const sendTcpMessage = (command) => {
     case "batch_real_time":
       messageData = {
         command: "batch_real_time",
-        stock_codes: ["SH.000001", "SH.000002"],
+        stock_codes: messageDataArray,
       };
       break;
     case "help":
@@ -273,11 +266,6 @@ const sendTcpMessage = (command) => {
       break;
   }
   if (!messageData) {
-    uni.showToast({
-      title: "命令不存在",
-      icon: "none",
-      duration: 1000,
-    });
     return;
   } else {
     try {
@@ -285,19 +273,11 @@ const sendTcpMessage = (command) => {
       const success = tcpConnection.send(messageData);
       if (success) {
         console.log("home发送TCP消息:", messageData);
-        uni.showToast({
-          title: "消息发送成功",
-          icon: "success",
-          duration: 1000,
-        });
+
       }
     } catch (error) {
       console.error("发送TCP消息时出错:", error);
-      uni.showToast({
-        title: "消息发送失败",
-        icon: "none",
-        duration: 1000,
-      });
+
     }
   }
 };
@@ -313,41 +293,10 @@ const getTcpStatus = () => {
 };
 
 let isMorePacket = {
+  init_batch_real_time: false,
   batch_real_time: false,
 };
 let receivedMessage;
-const findJsonPacket = (message, command) => {
-  let jsonStartIndex = 0;
-  let jsonEndIndex = message.indexOf(command);
-  let jsonStartCount = 0;
-  let jsonEndCount = 0;
-
-  for (let i = 0; i < message.length - 1; ++i) {
-    if (message[i] == "{") {
-      jsonStartCount++;
-      if (jsonStartCount == 2) {
-        jsonStartIndex = i;
-        break;
-      }
-    }
-  }
-  for (let i = message.indexOf(command); i >= 0; --i) {
-    if (message[i] == "}" || i == jsonStartIndex) {
-      jsonEndCount++;
-      if (jsonEndCount == 1) {
-        jsonEndIndex = i;
-        break;
-      }
-    }
-  }
-
-  // 检查JSON字符串是否有效
-  if (jsonStartIndex >= jsonEndIndex) {
-    return { error: true };
-  }
-
-  return { json: JSON.parse(message.substring(jsonStartIndex, jsonEndIndex + 1)) };
-};
 
 // 解析TCP股票数据
 const parseStockData = (message) => {
@@ -362,28 +311,105 @@ const parseStockData = (message) => {
       console.log("服务器命令列表，不予处理");
       return;
     }
-    if (message.includes("real_time")) {
-      let startIndex = 0;
-      let endIndex = message.length;
-      for (let i = 0; i < message.length - 1; ++i) {
-        if (message[i] == "{") {
-          startIndex = i;
-          break;
+    if ((typeof message === "string" && message.includes("batch_data_start")) || isMorePacket.init_batch_real_time) {
+      if (typeof message === "string" && message.includes("batch_data_start")) {
+        console.log("开始接受分包数据");
+        receivedMessage = "";
+      } else {
+        console.log("接收分包数据过程中");
+      }
+      isMorePacket.init_batch_real_time = true;
+      receivedMessage += message;
+      // 如果当前消息包含}，说明收到JSON字符串结尾，结束接收，开始解析
+      if (receivedMessage.includes("batch_data_complete")) {
+        console.log("接受分包数据结束");
+        isMorePacket.init_batch_real_time = false;
+
+        console.log("展示数据", receivedMessage);
+        let startIndex = 0;
+        let startCount = 0;
+        let endIndex = receivedMessage.indexOf("batch_data_complete");
+        for (let i = 0; i < receivedMessage.length; ++i) {
+          if (receivedMessage[i] == "{") {
+            startCount++;
+            if (startCount == 2) {
+              startIndex = i;
+              break;
+            }
+          }
+        }
+        for (let i = receivedMessage.indexOf("batch_data_complete"); i >= 0; --i) {
+          if (receivedMessage[i] == "}" || startIndex == endIndex) {
+            endIndex = i;
+            break;
+          }
         }
+        if (startIndex >= endIndex) {
+          throw new Error("JSON字符串格式错误");
+        }
+        console.log("message", startIndex, endIndex, receivedMessage[endIndex], receivedMessage[startIndex]);
+        parsedMessage = JSON.parse(receivedMessage.substring(startIndex, endIndex + 1));
+
+        console.log("JSON解析成功，解析后类型:", typeof parsedMessage, parsedMessage);
+
+        const stockDataArray = parsedMessage.data;
+        marketSituationStore.cardData = globalIndexArray.value.map((item) => ({
+          market: item.market,
+          stockCode: item.stockCode,
+          stockName: item.stockName,
+          currentPrice: stockDataArray[item.stockCode][0].current_price.toFixed(2),
+          changeAmount: (stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close).toFixed(2),
+          changePercent: ((100 * (stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close)) / stockDataArray[item.stockCode][0].pre_close).toFixed(2) + "%",
+          isRising: stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close >= 0,
+        }));
+      }
+    } else if ((typeof message === "string" && message.includes('{"count')) || isMorePacket.batch_real_time) {
+      if (typeof message === "string" && message.includes('{"count')) {
+        console.log("开始接受分包数据");
+        receivedMessage = "";
+      } else {
+        console.log("接收分包数据过程中");
       }
-      for (let i = message.length - 1; i >= 0; --i) {
-        if (message[i] == "}") {
-          endIndex = i;
-          break;
+      isMorePacket.batch_real_time = true;
+      receivedMessage += message;
+      // 如果当前消息包含}，说明收到JSON字符串结尾，结束接收，开始解析
+      if (receivedMessage.includes("batch_realtime_data")) {
+        console.log("接受分包数据结束");
+        isMorePacket.batch_real_time = false;
+
+        console.log("展示数据", receivedMessage);
+        let startIndex = 0;
+        let endIndex = receivedMessage.length - 1;
+        for (let i = 0; i < receivedMessage.length; ++i) {
+          if (receivedMessage[i] == "{") {
+            startIndex = i;
+            break;
+          }
         }
+        for (let i = receivedMessage.length - 1; i >= 0; --i) {
+          if (receivedMessage[i] == "}" || startIndex == endIndex) {
+            endIndex = i;
+            break;
+          }
+        }
+        if (startIndex >= endIndex) {
+          throw new Error("JSON字符串格式错误");
+        }
+        parsedMessage = JSON.parse(receivedMessage.substring(startIndex, endIndex + 1));
+
+        console.log("JSON解析成功，解析后类型:", typeof parsedMessage, parsedMessage);
+        const stockDataArray = parsedMessage.data;
+        marketSituationStore.cardData = globalIndexArray.value.map((item) => ({
+          market: item.market,
+          stockCode: item.stockCode,
+          stockName: item.stockName,
+          currentPrice: stockDataArray[item.stockCode][0].current_price.toFixed(2),
+          changeAmount: (stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close).toFixed(2),
+          changePercent: ((100 * (stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close)) / stockDataArray[item.stockCode][0].pre_close).toFixed(2) + "%",
+          isRising: stockDataArray[item.stockCode][0].current_price - stockDataArray[item.stockCode][0].pre_close >= 0,
+        }));
       }
-      parsedMessage = JSON.parse(message.substring(startIndex, endIndex + 1));
-      console.log("实时数据解析", parsedMessage);
-      
-      
-      
-      return;
-    }else {
+    } else {
       // 没有通过JSON解析判断，说明不是需要的数据
       console.log("不是需要的数据，不做处理");
     }
@@ -416,11 +442,7 @@ const startTcp = () => {
     connectTcp();
   } catch (error) {
     console.error("建立连接并设置监听出错:", error);
-    uni.showToast({
-      title: "建立连接并设置监听",
-      icon: "none",
-      duration: 1500,
-    });
+
   }
 };
 
diff --git a/stores/modules/marketSituation.js b/stores/modules/marketSituation.js
index 1f85660..2ae69fe 100644
--- a/stores/modules/marketSituation.js
+++ b/stores/modules/marketSituation.js
@@ -6,57 +6,14 @@ import { ref } from "vue";
 export const useMarketSituationStore = defineStore(
   "marketSituation",
   () => {
-    const cardData = ref([
-      {
-        market: "usa",
-        stockName: "道琼斯",
-        stockCode: "noCode",
-        currentPrice: "45757.90",
-        changeAmount: "-125.22",
-        changePercent: "-0.27%",
-        isRising: false,
-      },
-      {
-        market: "usa",
-        stockName: "纳斯达克",
-        stockCode: "noCode",
-        currentPrice: "22333.96",
-        changeAmount: "+125.22",
-        changePercent: "+0.47%",
-        isRising: true,
-      },
-      {
-        market: "usa",
-        stockName: "标普500",
-        stockCode: "noCode",
-        currentPrice: "6606.08",
-        changeAmount: "+125.22",
-        changePercent: "+0.27%",
-        isRising: true,
-      },
-      {
-        market: "cn",
-        stockName: "上证指数",
-        stockCode: "noCode",
-        currentPrice: "3333.96",
-        changeAmount: "+125.22",
-        changePercent: "+0.27%",
-        isRising: true,
-      },
-      {
-        market: "cn",
-        stockName: "科创50",
-        stockCode: "noCode",
-        currentPrice: "757.90",
-        changeAmount: "-25.22",
-        changePercent: "-0.27%",
-        isRising: false,
-      },
-    ]);
-
+    const cardData = ref([]);
+    const gloablCardData = ref([]);
+    const marketDetailCardData = ref([]);
     // 记得 return
     return {
-        cardData
+      cardData,
+      gloablCardData,
+      marketDetailCardData,
     };
   },
   // TODO: 持久化