1

李凌

2025-10-18 ca36ea5a26279dabe0ad99870eaba3a1ac0f78b6

 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;
}