From 36fab5a203dc14cd565ef9f8cfe76c6680597cb5 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 12 Mar 2025 15:10:44 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat(puzzleComponent):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E7=8A=B6=E6=80=81=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=AA=8C=E8=AF=81=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 puzzleComponent 中添加加载状态显示
- 优化验证逻辑，修复验证失败时滑块不重置的问题
- 在 login 页面中集成新的加载状态
- 调整验证码按钮的加载状态显示
---
 app/components/puzzleComponent/index.vue | 86 +++++++++++++++++++++---
 app/pages/login/index.vue                | 31 ++-------
 2 files changed, 81 insertions(+), 36 deletions(-)

diff --git a/app/components/puzzleComponent/index.vue b/app/components/puzzleComponent/index.vue
index 2ba50b7..7960117 100644
--- a/app/components/puzzleComponent/index.vue
+++ b/app/components/puzzleComponent/index.vue
@@ -1,20 +1,31 @@
 <template>
     <div class="m-auto bg-white p-15px rd-10px touch-none select-none">
       <div class="relative w-full overflow-hidden bg-#f8f8f8 rd-10px"   :style="{ width: `${options?.canvasWidth}px`, height: `${options?.canvasHeight}px` }">
+        <!-- 加载状态 -->
+        <div v-if="loading" class="absolute inset-0 flex flex-col items-center justify-center bg-#f8f8f8">
+          <div class="fancy-loader">
+            <div class="fancy-loader-bar"></div>
+            <div class="fancy-loader-bar"></div>
+            <div class="fancy-loader-bar"></div>
+            <div class="fancy-loader-bar"></div>
+          </div>
+        </div>
+        
         <!-- 背景图 -->
-        <img 
-          :src="options?.canvasSrc" 
+        <img
+          v-else
+          :src="options?.canvasSrc"
           class="pointer-events-none w-full h-full"
-
-          ref="bgImage" 
-          @load="onImageLoad" 
+          ref="bgImage"
+          @load="onImageLoad"
           @error="onImageError"
         >
+
         <!-- 滑块 -->
         <img 
           :src="options?.blockSrc"
           class="absolute cursor-pointer will-change-transform transform-gpu"
-  
+          v-if="!loading"
           :class="{ 'transition-all duration-300 ease-out': !isDragging }"
           :style="{
             top: `${options?.blockY}px`,
@@ -26,7 +37,7 @@
         <transition name="fade-slide">
           <div 
             v-if="verifyStatus.show" 
-            class="absolute left-0 bottom-0 w-full h-24px leading-24px text-center text-14px text-white"
+            class="absolute left-0 bottom-0 w-full h-25px leading-25px text-center text-14px text-white"
             :class="verifyStatus.type === 'success' ? 'bg-#52c41a' : 'bg-#ff4d4f'"
           >
             {{ verifyStatus.message }}
@@ -64,7 +75,8 @@
   
   // Props
   const props = defineProps({
-    options:Object
+    options:Object,
+    loading: Boolean,
   })
   
   const emit = defineEmits(['leave'])
@@ -143,9 +155,6 @@
     verifyStatus.type = success ? 'success' : 'error'
     verifyStatus.message = success ? '验证成功' : '验证失败'
     isVerifying.value = false
-    
-    if (!success) moveX.value = 0
-    
     setTimeout(() => {
       verifyStatus.show = false
       verifyStatus.message = ''
@@ -190,6 +199,61 @@
     transform: translateY(100%);
     opacity: 0;
   }
+  
+  /* 加载动画样式 */
+  .fancy-loader {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+    width: 60px;
+    height: 40px;
+  }
+  
+  .fancy-loader-bar {
+    width: 6px;
+    height: 15px;
+    margin: 0 3px;
+    background-color: #1890ff;
+    border-radius: 3px;
+    animation: fancy-loading 1s ease-in-out infinite;
+  }
+  
+  .fancy-loader-bar:nth-child(1) {
+    animation-delay: 0s;
+  }
+  
+  .fancy-loader-bar:nth-child(2) {
+    animation-delay: 0.2s;
+  }
+  
+  .fancy-loader-bar:nth-child(3) {
+    animation-delay: 0.4s;
+  }
+  
+  .fancy-loader-bar:nth-child(4) {
+    animation-delay: 0.6s;
+  }
+  
+  @keyframes fancy-loading {
+    0% {
+      transform: scaleY(0.5);
+      opacity: 0.5;
+    }
+    50% {
+      transform: scaleY(1.2);
+      opacity: 1;
+    }
+    100% {
+      transform: scaleY(0.5);
+      opacity: 0.5;
+    }
+  }
+  
+  /* 保留原有的spin动画，用于其他地方 */
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
   </style>
   
   
\ No newline at end of file
diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index c7d29d9..72f70a4 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -24,6 +24,7 @@ definePageMeta({
 const loadingRef=ref({
   loading1:false,
   loading2:false,
+  loading3:false,
 })
 const isExist=ref(false)//帐号是否存在  true存在
 const isReal=ref(false) //isReal 是否实名过
@@ -100,6 +101,7 @@ blockSrc:'',
 blockY:0
 })
 const getCode =async () => {
+  isShow.value=true
 loadingRef.value.loading1=true
   const res=await userCaptcha(captcha.value)
   if (res.status===0){
@@ -107,23 +109,9 @@ loadingRef.value.loading1=true
     captcha.value.blockSrc=`data:image/png;base64,${res.data.blockSrc}`
     captcha.value.blockY=res.data.blockY
     captcha.value.nonceStr=res.data.nonceStr
-    isShow.value=true
+   
     loadingRef.value.loading1=false
   }
-//   loadingRef.value.loading1=true
-//  const res=await senCode({
-//    telNum:phoneNum.value,
-//    zone:selectedZone.value
-//  })
-//   loadingRef.value.loading1=false
-//   if (res.status===0){
-
-
-//   }
-//   pane.value = 1
-//   vanSwipeRef.value?.swipeTo(pane.value)
- 
-//   startCountdown();
 }
 const goBack = () => {
   code.value = ''
@@ -177,15 +165,8 @@ onUnmounted(() => {
   window.removeEventListener('resize', () => {})
 })
 const isShow=ref(false)
-const onSuccess=()=>{
-  // userCaptchaValidate()
-  isShow.value=false
-}
-const onClose=()=>{
-  isShow.value=false
-}
+
 const onLeave =async (moveX, callback) => {
-   loadingRef.value.loading1=true
  const res=await senCode({
    telNum:phoneNum.value,
    zone:selectedZone.value,
@@ -194,7 +175,6 @@ const onLeave =async (moveX, callback) => {
     nonceStr:captcha.value.nonceStr
    }
  })
-  loadingRef.value.loading1=false
   if (res.status===408){
   callback(false)
   getCode()
@@ -249,7 +229,7 @@ const onLeave =async (moveX, callback) => {
             </div>
           </div>
           <div class="mt-[55px]">
-            <van-button :loading="loadingRef.loading1" v-if="phoneNum" :loading-text="$t('login.getCode')" color="#2B53AC" block style="height: 48px" @click="getCode">{{ $t('login.getCode') }}</van-button>
+            <van-button  v-if="phoneNum" :loading-text="$t('login.getCode')" color="#2B53AC" block style="height: 48px" @click="getCode">{{ $t('login.getCode') }}</van-button>
             <van-button v-else type="primary" color="#D3D3D3" block style="height: 48px">{{ $t('login.getCode') }}</van-button>
           </div>
         </div>
@@ -299,6 +279,7 @@ const onLeave =async (moveX, callback) => {
     <van-popup v-model:show="isShow" round style="max-width: initial"  teleport="body">
       <PuzzleComponent
           v-if="isShow"
+          :loading="loadingRef.loading1"
       :options="captcha"
       @leave="onLeave"
     />

From da60cce5d23d66b1d822f1f230a268a8e9b78381 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 12 Mar 2025 15:14:15 +0800
Subject: [PATCH 2/5] =?UTF-8?q?build(dependencies):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=20vue3-puzzle-vcode=20=E4=BE=9D=E8=B5=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 从 package.json 和 pnpm-lock.yaml 中移除了 vue3-puzzle-vcode
- 在 zh-CN.json 中添加了验证成功和失败的提示信息
---
 app/components/puzzleComponent/index.vue | 219 +++++++++++------------
 i18n/locales/zh-CN.json                  |   4 +-
 package.json                             |   3 +-
 pnpm-lock.yaml                           |   8 -
 4 files changed, 113 insertions(+), 121 deletions(-)

diff --git a/app/components/puzzleComponent/index.vue b/app/components/puzzleComponent/index.vue
index 7960117..b636f63 100644
--- a/app/components/puzzleComponent/index.vue
+++ b/app/components/puzzleComponent/index.vue
@@ -1,4 +1,112 @@
-<template>
+
+  
+  <script setup>
+  import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
+  //i18n
+  import { useI18n } from 'vue-i18n'
+  const {t} =useI18n()  
+  const props = defineProps({
+    options:Object,
+    loading: Boolean,
+  })
+  
+  const emit = defineEmits(['leave'])
+  
+  const moveX = ref(0)
+  
+  const loaded = ref(false)
+  const isDragging = ref(false)
+  const isVerifying = ref(false)
+  const maxMoveX = ref(0)
+  const bgImage = ref(null)
+  
+  const verifyStatus = reactive({
+    show: false,
+    type: '',
+    message: ''
+  })
+  
+  const dragState = reactive({
+    startX: 0,
+    oldMoveX: 0
+  })
+  
+  const onImageLoad = () => {
+    if (!bgImage.value?.complete) return
+    
+    const img = bgImage.value
+    const scale = img.width / img.naturalWidth
+    const blockSize = Math.round(50 * scale)
+    maxMoveX.value = img.width - blockSize
+    loaded.value = true
+  }
+  
+  const onImageError = () => {
+    console.error('Image failed to load')
+    maxMoveX.value = 270
+    loaded.value = true
+  }
+  
+  // 拖动处理
+  const startDrag = (e) => {
+    isDragging.value = true
+    dragState.startX = e.touches?.[0].clientX ?? e.clientX
+    dragState.oldMoveX = moveX.value
+  }
+  
+  const onDrag = (e) => {
+    if (!isDragging.value) return
+    
+    const clientX = e.touches?.[0].clientX ?? e.clientX
+    let newMoveX = dragState.oldMoveX + (clientX - dragState.startX)
+    
+    moveX.value = Math.max(0, Math.min(newMoveX, maxMoveX.value))
+  }
+  
+  const endDrag = async () => {
+    if (!isDragging.value) return
+    
+    isDragging.value = false
+    isVerifying.value = true
+    
+    try {
+      emit('leave', moveX.value, (success) => {
+        showVerifyResult(success)
+      })
+    } catch (error) {
+      showVerifyResult(false)
+    }
+  }
+  
+  // 验证结果展示
+  const showVerifyResult = (success) => {
+    verifyStatus.show = true
+    verifyStatus.type = success ? 'success' : 'error'
+    verifyStatus.message = success ? t('components.form.verifySuccess') : t('components.form.verifyFailed')
+    isVerifying.value = false
+    setTimeout(() => {
+      verifyStatus.show = false
+      verifyStatus.message = ''
+      moveX.value = 0
+    }, 1500)
+  }
+  
+  // 事件监听
+  onMounted(() => {
+    window.addEventListener('mousemove', onDrag)
+    window.addEventListener('mouseup', endDrag)
+    window.addEventListener('touchmove', onDrag)
+    window.addEventListener('touchend', endDrag)
+  })
+  
+  onBeforeUnmount(() => {
+    window.removeEventListener('mousemove', onDrag)
+    window.removeEventListener('mouseup', endDrag)
+    window.removeEventListener('touchmove', onDrag)
+    window.removeEventListener('touchend', endDrag)
+  })
+  </script>
+  <template>
     <div class="m-auto bg-white p-15px rd-10px touch-none select-none">
       <div class="relative w-full overflow-hidden bg-#f8f8f8 rd-10px"   :style="{ width: `${options?.canvasWidth}px`, height: `${options?.canvasHeight}px` }">
         <!-- 加载状态 -->
@@ -69,115 +177,6 @@
       </div>
     </div>
   </template>
-  
-  <script setup>
-  import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
-  
-  // Props
-  const props = defineProps({
-    options:Object,
-    loading: Boolean,
-  })
-  
-  const emit = defineEmits(['leave'])
-  
-  // 状态管理
-  const moveX = ref(0)
-  
-  const loaded = ref(false)
-  const isDragging = ref(false)
-  const isVerifying = ref(false)
-  const maxMoveX = ref(0)
-  const bgImage = ref(null)
-  
-  const verifyStatus = reactive({
-    show: false,
-    type: '',
-    message: ''
-  })
-  
-  const dragState = reactive({
-    startX: 0,
-    oldMoveX: 0
-  })
-  
-  // 图片加载处理
-  const onImageLoad = () => {
-    if (!bgImage.value?.complete) return
-    
-    const img = bgImage.value
-    const scale = img.width / img.naturalWidth
-    const blockSize = Math.round(50 * scale)
-    maxMoveX.value = img.width - blockSize
-    loaded.value = true
-  }
-  
-  const onImageError = () => {
-    console.error('Image failed to load')
-    maxMoveX.value = 270
-    loaded.value = true
-  }
-  
-  // 拖动处理
-  const startDrag = (e) => {
-    isDragging.value = true
-    dragState.startX = e.touches?.[0].clientX ?? e.clientX
-    dragState.oldMoveX = moveX.value
-  }
-  
-  const onDrag = (e) => {
-    if (!isDragging.value) return
-    
-    const clientX = e.touches?.[0].clientX ?? e.clientX
-    let newMoveX = dragState.oldMoveX + (clientX - dragState.startX)
-    
-    moveX.value = Math.max(0, Math.min(newMoveX, maxMoveX.value))
-  }
-  
-  const endDrag = async () => {
-    if (!isDragging.value) return
-    
-    isDragging.value = false
-    isVerifying.value = true
-    
-    try {
-      emit('leave', moveX.value, (success) => {
-        showVerifyResult(success)
-      })
-    } catch (error) {
-      showVerifyResult(false)
-    }
-  }
-  
-  // 验证结果展示
-  const showVerifyResult = (success) => {
-    verifyStatus.show = true
-    verifyStatus.type = success ? 'success' : 'error'
-    verifyStatus.message = success ? '验证成功' : '验证失败'
-    isVerifying.value = false
-    setTimeout(() => {
-      verifyStatus.show = false
-      verifyStatus.message = ''
-      moveX.value = 0
-    }, 1500)
-  }
-  
-  // 事件监听
-  onMounted(() => {
-    window.addEventListener('mousemove', onDrag)
-    window.addEventListener('mouseup', endDrag)
-    window.addEventListener('touchmove', onDrag)
-    window.addEventListener('touchend', endDrag)
-  })
-  
-  onBeforeUnmount(() => {
-    window.removeEventListener('mousemove', onDrag)
-    window.removeEventListener('mouseup', endDrag)
-    window.removeEventListener('touchmove', onDrag)
-    window.removeEventListener('touchend', endDrag)
-  })
-  </script>
-  
   <style>
   @keyframes loading {
     from { transform: translate(-50%, -50%) rotate(0deg); }
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 376c725..ee884e5 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -646,7 +646,9 @@
       "submit": "提交",
       "cancel": "取消",
       "pleaseInput": "请输入",
-      "pleaseSelect": "请选择"
+      "pleaseSelect": "请选择",
+      "verifySuccess": "验证成功",
+      "verifyFailed": "验证失败"
     },
     "upload": {
       "text": "点击上传",
diff --git a/package.json b/package.json
index 16eeaef..b0a46f5 100644
--- a/package.json
+++ b/package.json
@@ -38,8 +38,7 @@
     "vue-demi": "^0.14.10",
     "vue-pdf-embed": "^2.1.2",
     "vue-router": "^4.5.0",
-    "vue-signature-pad": "^3.0.2",
-    "vue3-puzzle-vcode": "1.1.6-nuxt"
+    "vue-signature-pad": "^3.0.2"
   },
   "devDependencies": {
     "@iconify-json/carbon": "^1.2.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dcd80b1..60b6b89 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -77,9 +77,6 @@ importers:
       vue-signature-pad:
         specifier: ^3.0.2
         version: 3.0.2(vue@3.5.13(typescript@5.7.3))
-      vue3-puzzle-vcode:
-        specifier: 1.1.6-nuxt
-        version: 1.1.6-nuxt
     devDependencies:
       '@iconify-json/carbon':
         specifier: ^1.2.5
@@ -4621,9 +4618,6 @@ packages:
     peerDependencies:
       vue: ^3.2.0
 
-  vue3-puzzle-vcode@1.1.6-nuxt:
-    resolution: {integrity: sha512-V3DrPIYznxko8jBAtZtmsNPw9QmkPnFicQ0p9B192vC3ncRv4IDazhLC7D/cY/OGq0OeqXmk2DiOcBR7dyt8GQ==}
-
   vue@3.5.13:
     resolution: {integrity: sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==}
     peerDependencies:
@@ -9902,8 +9896,6 @@ snapshots:
       signature_pad: 3.0.0-beta.4
       vue: 3.5.13(typescript@5.7.3)
 
-  vue3-puzzle-vcode@1.1.6-nuxt: {}
-
   vue@3.5.13(typescript@5.7.3):
     dependencies:
       '@vue/compiler-dom': 3.5.13

From 016623b6a45c094c1fe44786f2fa6eb4a4d46a01 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 12 Mar 2025 15:19:11 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat(i18n):=20=E6=B7=BB=E5=8A=A0=E9=AA=8C?=
 =?UTF-8?q?=E8=AF=81=E6=88=90=E5=8A=9F=E5=92=8C=E5=A4=B1=E8=B4=A5=E7=9A=84?=
 =?UTF-8?q?=E5=9B=BD=E9=99=85=E5=8C=96=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 en-US、ja-JP 和 zh-TW 语言文件中添加了 "verifySuccess" 和 "verifyFailed" 两个新的国际化文本
- 这些文本将用于在不同语言环境下显示验证成功或失败的消息
---
 i18n/locales/en-US.json | 4 +++-
 i18n/locales/ja-JP.json | 4 +++-
 i18n/locales/zh-TW.json | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/i18n/locales/en-US.json b/i18n/locales/en-US.json
index c0ec6f9..1f6f939 100644
--- a/i18n/locales/en-US.json
+++ b/i18n/locales/en-US.json
@@ -642,7 +642,9 @@
       "submit": "Submit",
       "cancel": "Cancel",
       "pleaseInput": "Please enter",
-      "pleaseSelect": "Please select"
+      "pleaseSelect": "Please select",
+      "verifySuccess": "Verification successful",
+      "verifyFailed": "Verification failed"
     },
     "upload": {
       "text": "Click to Upload",
diff --git a/i18n/locales/ja-JP.json b/i18n/locales/ja-JP.json
index a316c82..a4017a1 100644
--- a/i18n/locales/ja-JP.json
+++ b/i18n/locales/ja-JP.json
@@ -642,7 +642,9 @@
       "submit": "送信",
       "cancel": "キャンセル",
       "pleaseInput": "入力してください",
-      "pleaseSelect": "選択してください"
+      "pleaseSelect": "選択してください",
+      "verifySuccess": "認証成功",
+      "verifyFailed": "認証失敗"
     },
     "upload": {
       "text": "アップロードするにはクリック",
diff --git a/i18n/locales/zh-TW.json b/i18n/locales/zh-TW.json
index 5e9694f..dc6c247 100644
--- a/i18n/locales/zh-TW.json
+++ b/i18n/locales/zh-TW.json
@@ -642,7 +642,9 @@
       "submit": "提交",
       "cancel": "取消",
       "pleaseInput": "請輸入",
-      "pleaseSelect": "請選擇"
+      "pleaseSelect": "請選擇",
+      "verifySuccess": "驗證成功",
+      "verifyFailed": "驗證失敗"
     },
     "upload": {
       "text": "點擊上傳",

From ffafe1358d1154c4df616f41664740a6c0d92c08 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 12 Mar 2025 15:28:40 +0800
Subject: [PATCH 4/5] =?UTF-8?q?refactor(login):=20=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=9C=AA=E4=BD=BF=E7=94=A8=E7=9A=84=E9=AA=8C=E8=AF=81=E7=A0=81?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 从 login 页面中移除了未使用的 Vcode 组件导入

refactor(publicLiveRoom): 优化拍卖数据获取逻辑

- 重构了 broadcast 组件中的数据获取逻辑
- 添加了定时器，实现每 10 秒自动刷新拍卖数据
-
---
 app/pages/login/index.vue                     |  1 -
 .../components/broadcast/index.vue            | 22 +++++++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index 72f70a4..b3e0ef6 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { useRouter, useRoute } from 'vue-router';
-import Vcode from "vue3-puzzle-vcode";
 import { useI18n } from 'vue-i18n'
 import countryCode from '../countryRegion/data/index.js'
 import {senCode, userLogin,userCaptcha,userCaptchaValidate,} from "@/api/auth/index.js";
diff --git a/app/pages/publicLiveRoom/components/broadcast/index.vue b/app/pages/publicLiveRoom/components/broadcast/index.vue
index 284e48e..10c1c76 100644
--- a/app/pages/publicLiveRoom/components/broadcast/index.vue
+++ b/app/pages/publicLiveRoom/components/broadcast/index.vue
@@ -2,6 +2,7 @@
 import {publicStore} from "@/stores/public/index.js";
 import {useI18n} from 'vue-i18n'
 import {outBuyList} from "@/api-public/public/index.js";
+import { onUnmounted } from 'vue'
 
 const {auctionData} = publicStore()
 function formatThousands(num) {
@@ -26,12 +27,29 @@ const headList=[
   }
 ]
 const buyList=ref([])
+const timer = ref(null)
+
 const headItem=(statusCode)=>{
   return headList.find(x=>x.value===statusCode)
 }
+
+const fetchBuyList = async () => {
+  const res = await outBuyList({uuid: auctionData.value.uuid})
+  buyList.value = res.data.buys
+}
+
 onMounted(async()=>{
- const res=await outBuyList({uuid:auctionData.value.uuid})
- buyList.value=res.data.buys
+  await fetchBuyList()
+  timer.value = setInterval(async () => {
+    await fetchBuyList()
+  }, 10000)
+})
+
+onUnmounted(() => {
+  if (timer.value) {
+    clearInterval(timer.value)
+    timer.value = null
+  }
 })
 </script>
 

From b005d33dcae82dacdcaed757eec99d13910c99a7 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 12 Mar 2025 15:47:52 +0800
Subject: [PATCH 5/5] 1231

---
 app/pages/publicLiveRoom/components/broadcast/index.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/pages/publicLiveRoom/components/broadcast/index.vue b/app/pages/publicLiveRoom/components/broadcast/index.vue
index 10c1c76..9c4235c 100644
--- a/app/pages/publicLiveRoom/components/broadcast/index.vue
+++ b/app/pages/publicLiveRoom/components/broadcast/index.vue
@@ -62,17 +62,16 @@ onUnmounted(() => {
       
       <template v-if="buyList?.length>0">
         <div v-for="(item, index) in buyList" :key="index" class="flex flex-shrink-0">
-          <!-- 将每列宽度改为相等(约86px)，添加文本溢出处理 -->
-          <div class="text-start shrink-0 w-1/4 truncate" :style="`color: ${headItem(item.statusCode).color}`">
+          <div class="text-start shrink-0 w-1/6 break-words" :style="`color: ${headItem(item.statusCode).color}`">
             {{ headItem(item.statusCode).label }}
           </div>
-          <div class="text-start shrink-0 w-1/4 truncate">
+          <div class="text-start shrink-0 w-[28%] break-words">
             {{ item.auctionType==='local'? $t('live_room.spot'):$t('live_room.network') }}
           </div>
-          <div class="text-start shrink-0 w-1/4 truncate">
+          <div class="text-start shrink-0 w-[28%] break-words">
             {{ item.createdAt }}
           </div>
-          <div class="text-start shrink-0 w-1/4 truncate">
+          <div class="text-start shrink-0 w-[28%] break-words">
             {{item.baseCurrency}}{{ formatThousands(item.baseMoney) }}
           </div>
         </div>