| | |
| | | if(file.indexOf('src/views/chat')> -1 ){ |
| | | return false |
| | | } |
| | | if(file.indexOf('src/views/advertiserDetail')> -1 ){ |
| | | return false |
| | | } |
| | | return true |
| | | } |
| | | }, |
| | |
| | | name: 'tradeOrderDetail', |
| | | component: () => import(/* webpackChunkName: "tradeOrderDetail" */ /* webpackPrefetch: true */"@/views/C2C/c2c-order-list/tradeOrderDetail.vue"), |
| | | }, |
| | | {// 买家交易成功 |
| | | path: '/tradeSuccessBuyer', |
| | | component: () => import(/* webpackChunkName: "tradeSuccessBuyer" */ /* webpackPrefetch: true */"@/views/C2C/c2c-trade/page/TradeSuccessBuyer.vue") |
| | | }, |
| | | {// 卖家交易 |
| | | path: '/tradeSuccessSell', |
| | | component: () => import(/* webpackChunkName: "tradeSuccessSell" */ /* webpackPrefetch: true */"@/views/C2C/c2c-trade/page/TradeSuccessSell.vue") |
| | | }, |
| | | {// 买家交易成功详情 |
| | | path: '/tradeSuccessDetailBuyer', |
| | | component: () => import(/* webpackChunkName: "tradeSuccessDetailBuyer" */ /* webpackPrefetch: true */"@/views/C2C/c2c-trade/page/TradeSuccessDetailBuyer.vue") |
| | | }, |
| | | {// 卖家交易成功详情 |
| | | path: '/tradeSuccessDetailSell', |
| | | component: () => import(/* webpackChunkName: "tradeSuccessDetailSell" */ /* webpackPrefetch: true */"@/views/C2C/c2c-trade/page/TradeSuccessDetailSell.vue") |
| | | }, |
| | | {// c2c出售订单生成 |
| | | path: '/sellGenerate', |
| | | component: () => import(/* webpackChunkName: "sellGenerate" */ /* webpackPrefetch: true */"@/views/C2C/c2c-trade/page/SellGenerate.vue"), |
| | |
| | | ...route.query, |
| | | } |
| | | }, |
| | | }, |
| | | {// c2c帮助 |
| | | path: '/c2cHelp', |
| | | name: 'C2cHelp', |
| | | meta: { requireAuth: true }, |
| | | component: () => import(/* webpackChunkName: "c2cHelp" */ /* webpackPrefetch: true */"@/views/C2C/c2c-trade/page/c2cHelp.vue") |
| | | }, |
| | | { |
| | | // 取消订单 |
| | |
| | | /* webpackChunkName: "SecurityVerification" */ /* webpackPrefetch: true */"@/views/C2C/withdraw/withdrawalSecurityVerification.vue" |
| | | ), |
| | | }, |
| | | { |
| | | // 付款详情 |
| | | path: '/paymentDetail', |
| | | name: 'paymentDetail', |
| | | component: () => import(/* webpackChunkName: "paymentDetail" */ /* webpackPrefetch: true */'@/views/C2C/c2cOrder/payment/PaymentDetail.vue'), |
| | | }, |
| | | // {// 收款方式 |
| | | // path: "/paymentMethod", |
| | | // name: 'paymentMethod', |
| | |
| | | const ctcUserGet = (params) => { |
| | | return httpJson({ |
| | | url: "/api/c2cUser!get.action", |
| | | // url: "/c2cUser/getDesc", |
| | | method: "get", |
| | | isLoading: false |
| | | }, params) |
| | |
| | | isLoading: false |
| | | }, params) |
| | | }; |
| | | //订单放行 |
| | | const ctcOrderPass= (params) => { |
| | | return httpJson({ |
| | | url: "/api/c2cOrder!order_pass.action", |
| | | method: "get", |
| | | isLoading: false |
| | | }, params) |
| | | }; |
| | | |
| | | |
| | | const otcApi = { |
| | |
| | | paymentMethodConfigDetail, getUserName, |
| | | c2cGetPayCurrencyList, |
| | | c2cAppeal, |
| | | c2cgetBestPrice, ctcOrderPayFinish |
| | | c2cgetBestPrice, ctcOrderPayFinish, ctcOrderPass |
| | | } |
| | | |
| | | export default otcApi |
| | |
| | | //提现,进入页面,获取session_token |
| | | const GetSessionToken = (params) => { |
| | | return httpJson({ |
| | | url: "api/withdraw!withdraw_open.action", |
| | | url: "api/withdraw/withdrawOpen", |
| | | method: "get", |
| | | isLoading: false |
| | | }, params) |
| | |
| | | <van-button class="w-360 h-92 rounded-lg bg-blue" type="info" |
| | | @click="$router.push('/tradeSuccessDetailBuyer')">{{ $t('完成') }}</van-button> |
| | | </div> |
| | | <div class="mt-46 font-32 font-400 text-blue " @click="$router.push('/funds')">{{ $t('查看资产') }}</div> |
| | | <div class="mt-46 font-32 font-400 text-blue " @click="$router.push('/my/assets')">{{ $t('查看资产') }}</div> |
| | | </div> |
| | | <!-- <div class="absolute bottom-0 left-0 w-full text-center">--> |
| | | <!-- <van-divider />--> |
| | |
| | | Button, |
| | | Divider, |
| | | } from "vant"; |
| | | import OrderNav from "@/components/order-nav/OrderNav"; |
| | | import Evaluation from "@/page/c2cOrder/payment/components/Evaluation"; |
| | | import OrderNav from "@/components/order-nav/OrderNav.vue"; |
| | | import Evaluation from "../../c2cOrder/payment/components/Evaluation.vue"; |
| | | export default { |
| | | name: "TradeSuccess", |
| | | components: { |
| | |
| | | CellGroup, |
| | | Icon, |
| | | } from "vant"; |
| | | import OrderNav from "@/components/order-nav/OrderNav"; |
| | | import OrderData from "@/page/c2cOrder/components/order-data/OrderData"; |
| | | import Evaluation from "@/page/c2cOrder/payment/components/Evaluation"; |
| | | import otcApi from "@/API/otc"; |
| | | import OrderNav from "@/components/order-nav/OrderNav.vue"; |
| | | import OrderData from "../../c2cOrder/components/order-data/OrderData.vue"; |
| | | import Evaluation from "../../c2cOrder/payment/components/Evaluation.vue"; |
| | | import otcApi from "@/service/otc"; |
| | | export default { |
| | | name: "TradeSuccessDetail", |
| | | props: ['title', 'back'], |
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/init.scss"; |
| | | @import "@/assets/css/copy2.scss"; |
| | | |
| | | .tradeSuccessDetail { |
| | | .arrow-left-icon { |
| | |
| | | <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" |
| | |
| | | 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"; |
| | |
| | | clearTimeout(this.timeStatus) |
| | | } |
| | | }, |
| | | setup() { |
| | | onBeforeUnmount(()=>{ |
| | | let end = setInterval(function () { }, 10000); |
| | | for (let i = 1; i <= end; i++) { |
| | | clearInterval(i); |
| | | } |
| | | }) |
| | | }, |
| | | methods: { |
| | | async getOrderDetail() { |
| | | console.log(this.orderNumber) |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import TradeSuccess from "@/page/c2c-trade/components/TradeSuccess"; |
| | | import otcApi from '@/API/otc'; |
| | | import TradeSuccess from "../components/TradeSuccess.vue"; |
| | | import otcApi from '@/service/otc'; |
| | | |
| | | export default { |
| | | name: "TradeSuccessBuyer", |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | @import "@/assets/css/copy2.scss"; |
| | | .info-tilte { |
| | | color: $text_color; |
| | | } |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import TradeSuccessDetail from "@/page/c2c-trade/components/TradeSuccessDetail"; |
| | | import TradeSuccessDetail from "../components/TradeSuccessDetail.vue"; |
| | | export default { |
| | | name: "TradeSuccessDetailBuyer", |
| | | components: { |
| | |
| | | import { |
| | | mapState |
| | | } from "vuex"; |
| | | import TradeSuccessDetail from "@/page/c2c-trade/components/TradeSuccessDetail"; |
| | | import TradeSuccessDetail from "../components/TradeSuccessDetail.vue"; |
| | | export default { |
| | | name: "TradeSuccessDetailSell", |
| | | computed: { |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | ::v-deep .order-data { |
| | | .title { |
| | | padding-left: 32px; |
| | |
| | | Badge, |
| | | CountDown |
| | | } from "vant"; |
| | | import assetsHead from "@/components/assets-head"; |
| | | import assetsHead from "@/components/normal-head/index.vue"; |
| | | export default { |
| | | props: ['expireTimeRemain'], |
| | | computed: { |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | .currentColor { |
| | | color: $color_main; |
| | | } |
| | |
| | | </div> |
| | | |
| | | <!-- 弹窗 --> |
| | | <van-popup v-model="show" round position="bottom"> |
| | | <van-popup v-model:show="show" round position="bottom"> |
| | | <div class="pt-44"> |
| | | <div class="mb-42 font-600 font-32 text-center"> |
| | | {{ $t("您是否已收到款项?") }} |
| | |
| | | type: "sell", |
| | | }, |
| | | }); |
| | | // this.$router.go(-1) |
| | | }, |
| | | back() { |
| | | this.show = false; |
| | |
| | | onPayed() { |
| | | // 我已支付 |
| | | this.$router.push("/withdraw/securityVerification?type=buy"); |
| | | // this.$router.push("/cryptos/withdraw/securityVerification?type=buy"); |
| | | }, |
| | | async copy(text) { |
| | | await toClipboard(text); |
| | |
| | | <script> |
| | | import { mapState } from "vuex" |
| | | import { Badge, Collapse, CollapseItem, Divider, } from "vant" |
| | | import OrderNav from "@/components/order-nav/OrderNav"; |
| | | import OtcCircle from "@/components/otcCircle"; |
| | | import OrderNav from "@/components/order-nav/OrderNav.vue"; |
| | | import OtcCircle from "@/components/otcCircle/index.vue"; |
| | | // import TradeSuccess from "@/page/c2c-trade/components/TradeSuccess"; |
| | | // import TradeSuccessDetail from "@/page/c2c-trade/components/TradeSuccessDetail"; |
| | | import TradeData from "@/page/c2cOrder/components/trade-data/TradeData"; |
| | | import otcApi from '@/API/otc'; |
| | | import TradeData from "../components/trade-data/TradeData.vue"; |
| | | import otcApi from '@/service/otc'; |
| | | import { onBeforeUnmount } from "vue"; |
| | | |
| | | export default { |
| | | name: "PaymentDetail", |
| | |
| | | beforeDestroy() { |
| | | clearTimeout(this.timeout) |
| | | }, |
| | | setup() { |
| | | onBeforeUnmount(()=>{ |
| | | let end = setInterval(function () { }, 10000); |
| | | for (let i = 1; i <= end; i++) { |
| | | clearInterval(i); |
| | | } |
| | | }) |
| | | }, |
| | | components: { |
| | | [Badge.name]: Badge, |
| | | [Divider.name]: Divider, |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | ::v-deep { |
| | | .order-msg-divider { |
| | | margin: 48px 0; |
| | |
| | | class="w-full h-122 pl-40 pr-31 box-border flex items-center" |
| | | > |
| | | <van-icon name="arrow-left" @click="goback"/> |
| | | <div class="flex-1 text-right mr-100" @click="showPopup"> |
| | | <!-- <div class="flex-1 text-right mr-100" @click="showPopup"> --> |
| | | <div class="flex-1 text-right mr-100"> |
| | | <span class="font-35 mr-8">{{ $t('自选区') }}</span> |
| | | <van-icon name="arrow-down" /> |
| | | <!-- <van-icon name="arrow-down" /> --> |
| | | </div> |
| | | <van-popup round position="top" class="pt-30" v-model:show="show" :closeable="true"> |
| | | <div class="flex justify-around mt-40 pb-48"> |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | .withdraw_verify { |
| | | width: 100%; |
| | | box-sizing: border-box; |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | .main { |
| | | //padding: 0 30px; |
| | | color: #868d9a; |
| | |
| | | <div class="main-box"> |
| | | <div class="main-nav"> |
| | | <span class="info">{{ $t('信息') }}</span> |
| | | <span class="gen" style="color: #868d9a" @click="linkToDetail"> |
| | | <span class="gen flex justify-center items-center" style="color: #868d9a" @click="linkToDetail"> |
| | | {{ $t('更多数据') }} |
| | | <img class="right" src="@/assets/image/icon-right.png" alt="" /> |
| | | </span> |
| | |
| | | <span class="textColor">$</span><span class="textColor">{{ item.symbolValue }}</span> |
| | | </p> |
| | | <p class="mar-9"> |
| | | {{ $t('数量') }}<span style="color: #fff">{{ item.coinAmount }} USDT</span> |
| | | {{ $t('数量') }}<span style="color: #666">{{ item.coinAmount }} USDT</span> |
| | | </p> |
| | | <p class="mar-30"> |
| | | {{ $t('限额') }} |
| | | <span style="color: #fff">${{ item.investmentMin }} - ${{ item.investmentMax }}</span> |
| | | <span style="color: #666">${{ item.investmentMin }} - ${{ item.investmentMax }}</span> |
| | | </p> |
| | | <div class="flex"> |
| | | <div class="flex items-center mar-23"> |
| | |
| | | </div> |
| | | </van-dialog> |
| | | |
| | | <van-popup class="w-full h-full" v-model="showDetail" position="right"> |
| | | <van-popup class="w-full h-full" v-model:show="showDetail" position="right"> |
| | | <detail :detail="c2cUser" @back="back" /> |
| | | </van-popup> |
| | | </div> |
| | |
| | | created() { |
| | | console.log(this.uid); |
| | | otcApi.ctcUserGet({ c2c_user_id: this.uid, language: this.$i18n.locale }).then(res => { |
| | | // otcApi.ctcUserGet({ id: this.uid, language: this.$i18n.locale }).then(res => { |
| | | this.userInfo = res.data; |
| | | }) |
| | | }, |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | @import "@/assets/css/copy2.scss"; |
| | | .box-radius { |
| | | border-radius: 40px; |
| | | } |