From 25b2ba1cf86bc3439e7ad2acf2cd4a9ea7e4b0ed Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Fri, 28 Jun 2024 09:28:04 +0800
Subject: [PATCH] 123
---
src/page/c2cOrder/payment/ConfirmedPaid.vue | 163 ++++++++++++++++++++++++++++++++++++------------------
1 files changed, 108 insertions(+), 55 deletions(-)
diff --git a/src/page/c2cOrder/payment/ConfirmedPaid.vue b/src/page/c2cOrder/payment/ConfirmedPaid.vue
index 63cb14f..937172b 100644
--- a/src/page/c2cOrder/payment/ConfirmedPaid.vue
+++ b/src/page/c2cOrder/payment/ConfirmedPaid.vue
@@ -15,14 +15,21 @@
<div class="mt-32">
<van-icon class="" color="#9399A4" name="arrow-down" />
</div>
- <div class="flex justify-center items-center mt-50" @click="
- $router.push({
- path: '/chat',
- query: JSON.stringify(),
- })
- ">
+ <div
+ class="flex justify-center items-center mt-50"
+ @click="
+ $router.push({
+ path: '/chat',
+ query: JSON.stringify(),
+ })
+ "
+ >
<van-badge class="w-36 h-34 mr-22">
- <img class="w-full h-full" src="~@/assets/image/c2c/Vector.png" alt="" />
+ <img
+ class="w-full h-full"
+ src="~@/assets/image/c2c/Vector.png"
+ alt=""
+ />
</van-badge>
<span class="font-32">{{ $t("联系买家") }}</span>
</div>
@@ -32,12 +39,14 @@
<div class="ml-50 pl-38 pr-32 msg relative">
<div
class="circle absolute top-0 left-0 z-10 w-45 h-45 flex justify-center items-center bg-blue text-white font-26"
- style="border-radius: 50%">
+ style="border-radius: 50%"
+ >
1
</div>
<div
class="circle absolute bottom-90 left-0 z-10 w-45 h-45 flex justify-center items-center bg-blue text-white font-26"
- style="border-radius: 50%">
+ style="border-radius: 50%"
+ >
2
</div>
<div class="font-30 c2cColor">
@@ -45,11 +54,18 @@
</div>
<div class="mt-22 px-24 py-34 mainBackground rounded-2xl msg-wrapper">
<div class="flex items-center">
- <div class="w-6 h-28 rounded-xl mr-20" style="background: #e7bb41"></div>
+ <div
+ class="w-6 h-28 rounded-xl mr-20"
+ style="background: #e7bb41"
+ ></div>
<span class="ml-8 font-30 c2cColor">{{ detail.methodName }}</span>
</div>
<van-cell-group>
- <van-cell class="order-number " v-for="item in params" :key="item.id">
+ <van-cell
+ class="order-number"
+ v-for="item in params"
+ :key="item.id"
+ >
<template #title>
<div>
<span class="mr-14 textColor">{{ item.name }}</span>
@@ -82,12 +98,14 @@
</van-cell-group>
</div>
<div class="mt-39 font-30 c2cColor">
- {{
- $t("确认收到款项后，返回平台，点击下方按钮「我已确认收款」。")
- }}
+ {{ $t("确认收到款项后，返回平台，点击下方按钮「我已确认收款」。") }}
</div>
<div class="flex items-center mt-24">
- <img class="w-24 h-24" src="~@/assets/image/c2c/Group41-2.png" alt="" />
+ <img
+ class="w-24 h-24"
+ src="~@/assets/image/c2c/Group41-2.png"
+ alt=""
+ />
<span class="ml-14 font-20 text-blue">{{
$t("若您未收到款项，请勿点击按钮，避免资产损失。")
}}</span>
@@ -110,12 +128,17 @@
</div>
</div>
<div class="px-40 pt-54 pb-40 flex font-30 mainBackground">
- <van-button class="w-244 h-80 mr-16 rounded-2xl c2cColor greyBg border-none" type="primary"
- @click="$router.push({ path: '/appeal/page' })">{{ $t("帮助") }}
+ <van-button
+ class="w-244 h-80 mr-16 rounded-2xl c2cColor greyBg border-none"
+ type="primary"
+ @click="$router.push({ path: '/appeal/page' })"
+ >{{ $t("帮助") }}
</van-button>
- <van-button class="flex-1 h-80 rounded-2xl bg-blue text-white border-none" type="primary" @click="handleClick">{{
- $t("我已确认收款")
- }}
+ <van-button
+ class="flex-1 h-80 rounded-2xl bg-blue text-white border-none"
+ type="primary"
+ @click="handleClick"
+ >{{ $t("我已确认收款") }}
</van-button>
</div>
@@ -129,9 +152,16 @@
<van-radio-group v-model="radio">
<van-radio name="1" class="p-32" :class="{ active: radio === '1' }">
<span>{{ $t("我还没登陆收款账户确认款项无误。") }}</span>
- <img class="w-40 h-40 gou" src="~@/assets/image/c2c/Group2318.png" alt="" />
+ <img
+ class="w-40 h-40 gou"
+ src="~@/assets/image/c2c/Group2318.png"
+ alt=""
+ />
<template #icon="props">
- <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" />
+ <img
+ class="img-icon"
+ :src="props.checked ? activeIcon : inactiveIcon"
+ />
</template>
</van-radio>
<van-radio name="2" class="p-32" :class="{ active: radio === '2' }">
@@ -140,16 +170,27 @@
"我已确认收款无误，付款人与买家在DOME上的验证姓名一致，确认放行数字货币给买家。"
)
}}</span>
- <img class="w-40 h-40 gou" src="~@/assets/image/c2c/Group2318.png" alt="" />
+ <img
+ class="w-40 h-40 gou"
+ src="~@/assets/image/c2c/Group2318.png"
+ alt=""
+ />
<template #icon="props">
- <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" />
+ <img
+ class="img-icon"
+ :src="props.checked ? activeIcon : inactiveIcon"
+ />
</template>
</van-radio>
</van-radio-group>
</div>
<div class="mt-52">
<div class="flex box-border pl-24 pb-31 pr-52">
- <img class="w-36 h-36 mr-14" src="~@/assets/image/c2c/Group41.png" alt="" />
+ <img
+ class="w-36 h-36 mr-14"
+ src="~@/assets/image/c2c/Group41.png"
+ alt=""
+ />
<div class="font-24">
<p class="font-28" style="color: #454649">{{ $t("温馨提示") }}</p>
<p class="my-14">
@@ -173,15 +214,25 @@
</div>
</div>
<div class="mt-78 px-34 pb-40 flex font-30 tabBackground">
- <van-button class="w-244 h-80 mr-16 rounded-2xl c2cColor bg-grey border-none" type="primary">{{ $t("帮助") }}
+ <van-button
+ class="w-244 h-80 mr-16 rounded-2xl c2cColor bg-grey border-none"
+ type="primary"
+ >{{ $t("帮助") }}
</van-button>
- <van-button class="flex-1 h-80 rounded-2xl bg-blue text-white border-none" type="primary"
- :disabled="radio === '1'" @click="onConfirm">{{ $t("我已确认收款") }}
+ <van-button
+ class="flex-1 h-80 rounded-2xl bg-blue text-white border-none"
+ type="primary"
+ :disabled="radio === '1'"
+ @click="onConfirm"
+ >{{ $t("我已确认收款") }}
</van-button>
</div>
</div>
</van-popup>
- <div v-if="isLoading" class="fixed top-0 left-0 w-full h-full loading-wrapper">
+ <div
+ v-if="isLoading"
+ class="fixed top-0 left-0 w-full h-full loading-wrapper"
+ >
<van-loading color="#fff" />
</div>
</div>
@@ -224,24 +275,26 @@
params: [],
};
},
- mounted() {
-
- },
+ mounted() {},
activated() {
const order_no = this.$store.state.c2c.order_no;
- otcApi.ctcOrderGetDetail({ order_no, language: this.$i18n.locale }).then((res) => {
- this.detail = res.data;
- this.params = [{ id: 0, name: this.$t('姓名'), value: this.detail.realName }];
- for (let i = 1; i < 16; i++) {
- this.params.push({
- id: i,
- name: this.detail["paramName" + i],
- value: this.detail["paramValue" + i],
- });
- }
- this.params = this.params.filter((item) => item.name && item.value);
- console.log(this.detail);
- });
+ otcApi
+ .ctcOrderGetDetail({ order_no, language: this.$i18n.locale })
+ .then((res) => {
+ this.detail = res.data;
+ this.params = [
+ { id: 0, name: this.$t("姓名"), value: this.detail.realName },
+ ];
+ for (let i = 1; i < 16; i++) {
+ this.params.push({
+ id: i,
+ name: this.detail["paramName" + i],
+ value: this.detail["paramValue" + i],
+ });
+ }
+ this.params = this.params.filter((item) => item.name && item.value);
+ console.log(this.detail);
+ });
this.$bus.$on("returnPwd", (pwd) => {
this.passwd = pwd;
this.enterTrade();
@@ -265,15 +318,17 @@
},
enterTrade() {
// 订单放行
- otcApi.ctcOrderPass({
- order_no: this.detail.orderNo,
- safe_password: this.passwd,
- }).then((res) => {
- this.isLoading = false;
- this.$router.replace({
- path: "/tradeSuccessSell",
+ otcApi
+ .ctcOrderPass({
+ order_no: this.detail.orderNo,
+ safe_password: this.passwd,
+ })
+ .then((res) => {
+ this.isLoading = false;
+ this.$router.replace({
+ path: "/tradeSuccessSell",
+ });
});
- });
},
},
// watch: {
@@ -393,8 +448,6 @@
}
}
}
-
-
.active {
background: #fafafa;
--
Gitblit v1.9.3