From 10cba595b0c1576175fcd77d60d2d159659a2b8f Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Mon, 10 Feb 2025 17:02:58 +0800
Subject: [PATCH] =?UTF-8?q?refactor(live):=20=E4=BC=98=E5=8C=96=E7=9B=B4?=
 =?UTF-8?q?=E6=92=AD=E5=AE=A4=E5=8A=9F=E8=83=BD=E5=92=8C=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改艺术品状态更新逻辑，仅在未售出时允许改变状态
- 添加支付按钮点击后跳转到签名协议页面
- 优化侧边按钮组件，增加支付按钮的显示逻辑
---
 .../components/PaymentInput/index.vue         |  2 +
 .../liveRoom/components/SideButton/index.vue  | 41 +++++++++++--------
 app/stores/live/index.js                      |  4 +-
 3 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/app/pages/liveRoom/components/PaymentInput/index.vue b/app/pages/liveRoom/components/PaymentInput/index.vue
index 51d20f3..cf9aa63 100644
--- a/app/pages/liveRoom/components/PaymentInput/index.vue
+++ b/app/pages/liveRoom/components/PaymentInput/index.vue
@@ -9,6 +9,7 @@ const props = defineProps({
     default: 0
   }
 })
+const router = useRouter()
 const emit = defineEmits(['update:show'])
 const payStatus=ref(0)
 const changePayStatus=()=>{
@@ -18,6 +19,7 @@ const close=()=>{
   emit('update:show',false)
 }
 const confirm=()=>{
+  router.push('/signature/protocol')
   emit('update:show',false)
 }
 
diff --git a/app/pages/liveRoom/components/SideButton/index.vue b/app/pages/liveRoom/components/SideButton/index.vue
index 6207636..15d8599 100644
--- a/app/pages/liveRoom/components/SideButton/index.vue
+++ b/app/pages/liveRoom/components/SideButton/index.vue
@@ -1,42 +1,47 @@
 <script setup>
-import { ref } from "vue";
+import {ref} from "vue";
 import lockClosed from "@/static/images/lockdfd@2x.png";
 import lockOpen from "@/static/images/lock4@2x.png";
-import { liveStore } from "@/stores/live/index.js";
+import {liveStore} from "@/stores/live/index.js";
 import xButton from '@/components/x-button/index.vue'
 import tangPopup from './tangPopup.vue'
 import {goodStore} from "@/stores/goods/index.js";
 import {authStore} from "~/stores/auth/index.js";
-const { quoteStatus, changeStatus,show,auctionData ,getSocketData} = liveStore();
+
+const {quoteStatus, changeStatus, show, auctionData, getSocketData} = liveStore();
 const {pageRef} = goodStore();
-const {userInfo}= authStore()
-const showTang=ref(false)
-const openOne=()=>{
-  showTang.value=true
+const {userInfo} = authStore()
+const showTang = ref(false)
+const openOne = () => {
+  showTang.value = true
 }
-const paySide=computed(()=>{
+
+const paySide = computed(() => {
   //当前是否已成交，以及成交人是当前登录用户
-if (auctionData.value.artwork.isSoled&&auctionData.value.artwork.buyInfo.userID===userInfo.value.ID){
-  return  true
-}else {
-  return  false
-}
+  if (auctionData.value.artwork.isSoled && auctionData.value.artwork.buyInfo.userID === userInfo.value.ID) {
+    return true
+  } else {
+    return false
+  }
 })
-console.log('auctionData.value',auctionData.value)
+const goPay = () => {
+  show.value = true
+}
 </script>
 
 <template>
   <div class="bg-white w-60px rounded-l-4px overflow-hidden">
     <!-- 拍品信息 -->
     <van-button class="w-60px !h-60px" @click="openOne" style="border: none;border-radius: 0">
-      <div  class="text-center flex flex-col justify-center items-center text-#7D7D7F text-12px">
+      <div class="text-center flex flex-col justify-center items-center text-#7D7D7F text-12px">
         <div>拍品</div>
-        <div>({{auctionData?.artwork?.index}}/{{pageRef.itemCount??0}})</div>
+        <div>({{ auctionData?.artwork?.index }}/{{ pageRef.itemCount ?? 0 }})</div>
       </div>
     </van-button>
     <tangPopup v-model:show="showTang"></tangPopup>
     <!-- 出价开关 -->
-    <van-button class="w-60px !h-60px" @click="changeStatus" style="border-right: none;border-left: none;border-radius: 0;padding: 0">
+    <van-button class="w-60px !h-60px" @click="changeStatus"
+                style="border-right: none;border-left: none;border-radius: 0;padding: 0">
       <div class="text-center  flex flex-col justify-center items-center">
         <div class="mb-4px">
           <img
@@ -51,7 +56,7 @@ console.log('auctionData.value',auctionData.value)
       </div>
     </van-button>
     <!-- 支付 -->
-    <van-button class="w-60px !h-60px" style="border: none;border-radius: 0" @click="paySide = true">
+    <van-button v-if="paySide" class="w-60px !h-60px" style="border: none;border-radius: 0" @click="goPay">
       <div class="text-center  flex flex-col justify-center items-center text-yellow-600">
         <div class="text-10px">RMB</div>
         <div class="text-12px">5,000</div>
diff --git a/app/stores/live/index.js b/app/stores/live/index.js
index 221c689..8af5dda 100644
--- a/app/stores/live/index.js
+++ b/app/stores/live/index.js
@@ -153,8 +153,8 @@ export const liveStore = createGlobalState(() => {
         })
     }
     const changeStatus = () => {
-        if (auctionData.value.artwork.isSelling){
-            quoteStatus.value = !quoteStatus.value
+        if (auctionData.value.artwork.isSelling&&!auctionData.value.artwork.isSoled){
+            quoteStatus.value = true
         }else {
             if (quoteStatus.value){
                 quoteStatus.value = false