From 9a9d832dbd364557e070abcd9a7779a2c6c07ffb Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Tue, 20 Jan 2026 17:35:13 +0800
Subject: [PATCH] 1
---
src/views/C2C/c2c-trade/page/SellGenerate.vue | 24 +++++++++++++++++-------
1 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/src/views/C2C/c2c-trade/page/SellGenerate.vue b/src/views/C2C/c2c-trade/page/SellGenerate.vue
index 1b3f2e5..ec4ab5f 100644
--- a/src/views/C2C/c2c-trade/page/SellGenerate.vue
+++ b/src/views/C2C/c2c-trade/page/SellGenerate.vue
@@ -10,11 +10,11 @@
<div class="font-48">{{ $t('等待买家付款') }}</div>
<div class="mt-16 font-24">{{ $t('预计收到付款') }} <span style="color: #1D91FF">{{
orderDetail.expireTime
- }}{{ $t('分钟') }}</span>
+ }}{{ $t('分钟') }}</span>
</div>
</div>
<div class="w-140 h-144">
- <otc-circle :time="orderDetail.expireTime * 60" @finish="finish" class="w-full h-full" />
+ <otc-circle :time="orderDetail.autoCancelTimeRemain" @finish="finish" class="w-full h-full" />
</div>
</div>
<div class="w-full mt-48 pt-46 pl-32 pb-42 box-border border-ra tabBackground c2cColor">
@@ -81,15 +81,16 @@
<van-button class="disable flex-1 h-80 enter" color="#CCCFD6" type="primary">{{ $t('我已确认收款') }}
</van-button>
</div>
- <van-popup class="w-full h-full" position="right" v-model="isShowCancelOrder">
+ <van-popup class="w-full h-full" position="right" v-model:show="isShowCancelOrder">
<cancel-success v-if="!timeout" :title="$t('出售')" :count="orderDetail.coinAmount"
:total-price="orderDetail.amount" :order-number="orderDetail.orderNo"
:create-order-time="fullTime(orderDetail.createTime)" :seller-name="orderDetail.c2cUserNickName"
:unit-price="orderDetail.symbolValue" />
<!-- 已超时 -->
- <cancel-success v-if="timeout" :title="$t('出售')" :count="orderDetail.coinAmount" :total-price="orderDetail.amount"
- :order-number="orderDetail.orderNo" :create-order-time="fullTime(orderDetail.createTime)"
- :seller-name="orderDetail.c2cUserNickName" :unit-price="orderDetail.symbolValue">
+ <cancel-success v-if="timeout" :title="$t('出售')" :count="orderDetail.coinAmount"
+ :total-price="orderDetail.amount" :order-number="orderDetail.orderNo"
+ :create-order-time="fullTime(orderDetail.createTime)" :seller-name="orderDetail.c2cUserNickName"
+ :unit-price="orderDetail.symbolValue">
<template #title>{{ $t('已超时') }}</template>
<template #desc>{{ $t('买家付款超时，您的订单已取消') }}</template>
</cancel-success>
@@ -106,7 +107,7 @@
import OtcCircle from "@/components/otcCircle/index.vue";
import CancelSuccess from "../../c2cOrder/components/order-generation/CancelSuccess.vue";
import loading from "@/components/loading/index.vue";
-
+import { onBeforeUnmount } from "vue";
import otcApi from "@/service/otc";
import { formatTime } from "@/utils/utis";
@@ -139,6 +140,14 @@
if (this.timeStatus) {
clearTimeout(this.timeStatus)
}
+ },
+ setup() {
+ onBeforeUnmount(() => {
+ let end = setInterval(function () { }, 10000);
+ for (let i = 1; i <= end; i++) {
+ clearInterval(i);
+ }
+ })
},
methods: {
async getOrderDetail() {
@@ -244,6 +253,7 @@
<style lang="scss" scoped>
@import "@/assets/css/copy2.scss";
+
.border-ra {
border-radius: 20px;
}
--
Gitblit v1.9.3