zj
2024-06-03 561ca040085b6fd6766e471a70b4a3c682deadc2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<template>
  <div id="saveAd">
    <div class="mt-100 flex justify-center">
      <img class="w-120 h-120" src="@/assets/image/otc/buy/save_icon.png" alt="">
    </div>
    <div class="font-700 font-52 mt-43 mb-26 text-center">{{ $t('廣告保存成功') }}</div>
    <div class="font-400 font-28 text-grey text-center">
      {{ $t('保存成功,您的广告上家后将被其他用户下单。') }}
    </div>
    <div class="font-400 font-28 mt-20 text-grey text-center">
      {{ $t('请注意新订单提醒!') }}
    </div>
    <div class="px-32 flex justify-between mt-92">
      <span class="text-grey font-400 font-28">{{ $t('广告编号') }}</span>
      <span class=" font-400 font-28">{{ info.id }}</span>
    </div>
    <div class="px-32 py-60 mt-38 box-border bg-grey">
      <div class="bg-white rounded-xl mb-32 ">
        <div class="flex justify-between items-center px-28 pt-26 ">
          <div>
            <span class="text-green font-400 mr-10">{{ info.direction === 'buy' ? $t('购买') : $t('出售') }}</span>
            <span class="font-500 font-32 mr-10">{{ info.symbol.toUpperCase() }}</span>
            <span class="font-400 font-32 mr-10">{{ $t('用') }}</span>
            <span class="font-500 font-32">{{ info.currency }}</span>
          </div>
          <div>
            <van-icon name="arrow" />
          </div>
        </div>
        <div class="px-28 pb-26">
          <div class="mt-34">
            <span class="font-600 font-32 mr-18">¥</span>
            <span class="font-700 font-52">{{ info.symbol_value }}</span>
          </div>
          <div class="flex justify-between mt-30">
            <span class="font-400 font-28 text-grey">{{ $t('交易总额') }}</span>
            <span class="font-600 font-28">{{ (info.symbol_value / 1) * (info.coin_amount / 1) }} {{ info.currency
            }}</span>
          </div>
          <div class="flex justify-between mt-30">
            <span class="font-400 font-28 text-grey">{{ $t('單筆限額') }}</span>
            <span class="font-600 font-28">{{ info.investment_min }} - {{ info.investment_max }} {{ info.currency
            }}</span>
          </div>
          <div class="flex justify-between items-center mt-64">
            <div class="flex items-center">
              <div class="w-7 h-29 col  mr-9"></div>
              <span class="mr-19">{{ info.pay_type_name }}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="px-32 box-border">
      <div class="text-white bg-blue rounded-lg h-97 lh-97 font-36 text-center mt-52"
        @click="$router.push('/c2c/advertise')">
        {{ $t('完成') }}
      </div>
    </div>
 
  </div>
</template>
 
<script>
import { Icon, } from "vant";
export default {
  name: "saveAd",
  components: {
    [Icon.name]: Icon,
  },
  data() {
    return {
      info: {},
    }
  },
  created() {
    this.info = this.$route.query;
  },
}
</script>
 
<style lang="scss" scoped>
#saveAd {
  .col {
    background: #E7BB41;
  }
}
</style>