From d7306db2dd439d5a86f7d5256e5cefcf42456651 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Wed, 30 Jul 2025 10:25:58 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserHeader.vue |  4 +++-
 src/pages/my-growth.vue       |  2 +-
 src/pages/order-detail.vue    | 23 +++++++++++++++++++++--
 src/pages/orders.vue          | 16 +++++++++++++++-
 src/websocket.js              |  2 --
 5 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/src/components/UserHeader.vue b/src/components/UserHeader.vue
index 41946b3..bab31fb 100644
--- a/src/components/UserHeader.vue
+++ b/src/components/UserHeader.vue
@@ -201,8 +201,10 @@ watch(
 .rank-tag-text {
   position: absolute;
   top: 0;
-  left: 5px;
+  left: 0;
   line-height: 16px;
+  width: 100%;
+  text-align: center;
 }
 
 .rank-info {
diff --git a/src/pages/my-growth.vue b/src/pages/my-growth.vue
index 5a1400d..5e3b87d 100644
--- a/src/pages/my-growth.vue
+++ b/src/pages/my-growth.vue
@@ -59,7 +59,7 @@ const onPractiseLoading = async (page) => {
   <Container title="我的成长脚印" overflow="hidden">
     <view class="tabs">
       <view
-        v-for="(rankType, index) in ['排位赛', '好友约战', '箭馆练习']"
+        v-for="(rankType, index) in ['排位赛', '好友约战', '个人练习']"
         :key="index"
         :style="{
           color: index === selectedIndex ? '#000' : '#fff',
diff --git a/src/pages/order-detail.vue b/src/pages/order-detail.vue
index bba0041..749bc34 100644
--- a/src/pages/order-detail.vue
+++ b/src/pages/order-detail.vue
@@ -1,9 +1,9 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, onUnmounted } from "vue";
 import Container from "@/components/Container.vue";
 import SButton from "@/components/SButton.vue";
 import { payOrderAPI, cancelOrderListAPI, getHomeData } from "@/apis";
-import { orderStatusNames, getStatusColor } from "@/constants";
+import { orderStatusNames, getStatusColor, MESSAGETYPES } from "@/constants";
 import useStore from "@/store";
 const store = useStore();
 const { updateUser } = store;
@@ -11,9 +11,27 @@ const { updateUser } = store;
 const data = ref({});
 const loading = ref(false);
 
+async function onReceiveMessage(messages = []) {
+  messages.forEach((msg) => {
+    if (
+      msg.constructor === MESSAGETYPES.PaySuccess &&
+      data.value.orderId === msg.orderID
+    ) {
+      data.value.orderStatus = 4;
+      data.value.paymentTime = msg.payTime;
+      uni.setStorageSync("order", data.value);
+    }
+  });
+}
+
 onMounted(() => {
   const order = uni.getStorageSync("order");
   data.value = order || {};
+  uni.$on("socket-inbox", onReceiveMessage);
+});
+
+onUnmounted(() => {
+  uni.$off("socket-inbox", onReceiveMessage);
 });
 
 const goPay = async () => {
@@ -46,6 +64,7 @@ const goPay = async () => {
 const cancelOrder = async () => {
   const result = await cancelOrderListAPI(data.value.orderId);
   data.value = result;
+  uni.setStorageSync("order", result);
 };
 </script>
 
diff --git a/src/pages/orders.vue b/src/pages/orders.vue
index aa5d8d9..79bb987 100644
--- a/src/pages/orders.vue
+++ b/src/pages/orders.vue
@@ -1,5 +1,6 @@
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
+import { onShow } from "@dcloudio/uni-app";
 import Container from "@/components/Container.vue";
 import ScrollList from "@/components/ScrollList.vue";
 import { getOrderListAPI } from "@/apis";
@@ -27,6 +28,19 @@ const onLoading = async (page) => {
   }
   return result.length;
 };
+
+onMounted(() => {
+  uni.removeStorageSync("order");
+});
+
+onShow(() => {
+  const order = uni.getStorageSync("order");
+  list.value.forEach((item, index) => {
+    if (item.orderId === order.orderId) {
+      list.value[index] = order;
+    }
+  });
+});
 </script>
 
 <template>
diff --git a/src/websocket.js b/src/websocket.js
index bcab4d9..1dc00cf 100644
--- a/src/websocket.js
+++ b/src/websocket.js
@@ -56,8 +56,6 @@ function createWebSocket(token, onMessage) {
       uni.setStorageSync("latestRank", msg.lvl);
     } else if (msg.constructor === MESSAGETYPES.LvlUpdate) {
       uni.setStorageSync("latestLvl", msg.lvl);
-    } else if (msg.constructor === MESSAGETYPES.PaySuccess) {
-      console.log(1111111, msg);
     }
   });