1

jhzh

2026-05-22 ef52095f5e9f0a9fe2da779bb1573947d77d75b6

 src/views/C2C/c2cOrder/payment/index.vue

@@ -3,9 +3,9 @@
    <order-nav/>
    <div class="mt-10 text-center tabBackground text-black">
      <div>
        <h1 class="font-700 font-40">请向卖家付款</h1>
        <h1 class="font-700 font-40">{{ $t('请向卖家付款') }}</h1>
        <div class="flex justify-center items-center mt-18 font-30 font-700">
          <span>订单将在</span>
          <span>{{ $t('订单将在') }}</span>
          <van-count-down class="flex font-700" :time="time">
            <template #default="timeData">
              <span class="block">{{ timeData.hours }}</span>
@@ -13,7 +13,7 @@
              <span class="block">{{ timeData.minutes }}</span>
            </template>
          </van-count-down>
          <span>后取消</span>
          <span>{{ $t('后取消') }}</span>
        </div>
        <div class="flex justify-center items-end mt-42 font-64 font-700">
          <span class="relative bottom-5 font-48">￥</span>
@@ -22,7 +22,7 @@
        </div>
        <div class="flex justify-center items-center mt-44">
          <img class="w-36 h-34 mr-22" src="@/assets/image/c2c/Vector.png" alt="">
          <span class=" font-32">联系卖家</span>
          <span class=" font-32">{{ $t('联系卖家') }}</span>
        </div>

      </div>
@@ -36,14 +36,14 @@
            class="circle absolute bottom-28 left-0 z-10 w-45 h-45 flex justify-center items-center bg-blue text-white font-26"
            style="border-radius: 50%">2
        </div>
        <div class="font-28">离开APP,登录您与APP上的验证姓名相匹配的银行账户或其他支付方式，转到卖家的以下账户。</div>
        <div class="font-28">{{ $t('离开APP,登录您与APP上的验证姓名相匹配的银行账户或其他支付方式，转到卖家的以下账户。') }}</div>
        <div class="mt-50 pt-32 px-22 pb-38 bg-white rounded-2xl msg-wrapper">
          <div class="flex items-center">
            <div class="w-6 h-28 rounded-xl mr-20" style="background: #E7BB41;"></div>
            <span class="ml-8 font-30 text-black">银行卡</span>
            <span class="ml-8 font-30 text-black">{{ $t('银行卡') }}</span>
          </div>
          <van-cell-group>
            <van-cell class="order-number" title="姓名">
            <van-cell class="order-number" :title="$t('姓名')">
              <template #default>
                <div class="flex justify-end">
                  <span class="mr-14">鸿运当头</span>
@@ -51,33 +51,33 @@
                </div>
              </template>
            </van-cell>
            <van-cell class="order-number" title="银行卡号">
            <van-cell class="order-number" :title="$t('银行卡号')">
              <template #default>
                <div class="flex justify-end">
                  <span class="mr-14">请点击右上角按钮联系商家索取</span>
                  <span class="mr-14">{{ $t('请点击右上角按钮联系商家索取') }}</span>
                  <img class="relative top-8 w-25 h-29" src="@/assets/image/c2c/Group1168.png" alt="">
                </div>
              </template>
            </van-cell>
            <van-cell class="order-number" title="银行名称">
            <van-cell class="order-number" :title="$t('银行名称')">
              <template #default>
                <div class="flex justify-end">
                  <span class="mr-14">请仔细阅读下方交易条款</span>
                  <span class="mr-14">{{ $t('请仔细阅读下方交易条款') }}</span>
                  <img class="relative top-8 w-25 h-29" src="@/assets/image/c2c/Group1168.png" alt="">
                </div>
              </template>
            </van-cell>
            <van-cell class="order-number" title="开户支行">
            <van-cell class="order-number" :title="$t('开户支行')">
              <template #default>
                <div class="flex justify-end">
                  <span class="mr-14">请按照下方交易条款提供相关资料</span>
                  <span class="mr-14">{{ $t('请按照下方交易条款提供相关资料') }}</span>
                  <img class="relative top-8 w-25 h-29" src="@/assets/image/c2c/Group1168.png" alt="">
                </div>
              </template>
            </van-cell>
          </van-cell-group>
        </div>
        <div class="mt-39 font-28">付款后，返回 XX APP，务必点击下方按钮“我已付款”通知卖家。</div>
        <div class="mt-39 font-28">{{ $t('付款后，返回 XX APP，务必点击下方按钮“我已付款”通知卖家。') }}</div>
      </div>
    </div>
    <div class="mt-92 px-40 flex font-30">
@@ -85,12 +85,12 @@
          class="w-244 h-80 mr-16 rounded-2xl text-black bg-grey border-none"
          type="primary"
          @click="show = true"
      >遇到问题？</van-button>
      >{{ $t('遇到问题？') }}</van-button>
      <van-button
          class="flex-1 h-80 rounded-2xl bg-blue text-white border-none"
          type="primary"
          @click="onPayed"
      >我已付款，通知卖家</van-button>
      >{{ $t('我已付款，通知卖家') }}</van-button>
    </div>
<!--  遇到问题  -->
    <div>
@@ -104,9 +104,9 @@
<script>
import {mapState} from "vuex";
import {Cell, CellGroup, CountDown,Button,Popup,} from "vant"
import OrderNav from "@/components/order-nav/OrderNav";
import Question from "@/page/c2cOrder/payment/components/Question";
import otcApi from '@/API/otc';
import OrderNav from "@/components/order-nav/OrderNav.vue";
import Question from "./components/Question.vue";
import otcApi from '@/service/otc';

export default {
  name: "payMent",