1

admin

2026-02-10 c547081aa61be5c7b6d4c12853c675954c2156eb

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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<template>
  <div id="cryptos">
    <div id="full" class="cancel-success">
      <div>
        <order-nav :back="false" @back="onBack()">
          <template>
            <div class="flex items-center" @click="$router.push({
              path: '/cryptos/chat'
            })">
              <img class="w-9 h-8 mr-5" src="~@/assets/image/c2c/Vector.png" alt="">
              <span class="text-28">{{ $t('联系卖家') }}</span>
            </div>
          </template>
        </order-nav>
        <div class="">
          <div class="flex justify-between items-center pb-8 px-8">
            <div>
              <p class="mb-2 text-48">
                <slot name="title">{{ $t('已取消') }}</slot>
              </p>
              <p class="text-24">
                <slot name="desc">{{ $t('您已取消订单') }}</slot>
              </p>
            </div>
            <div>
              <img class="w-20 h-20" src="~@/assets/image/c2c/Group1212.png" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="px-8 pt-10 mainBackground">
        <order-data :detail="detail" />
      </div>
      <div class="w-full h-4 my-10 diviLine"></div>
      <van-cell-group class="">
        <van-cell @click="enterAppeal">
          <template #title>
            <span class="c2cColor text-30">{{ $t('对订单存在疑问') }}</span>
          </template>
          <template #default>
            <van-icon class="font-bold text-grey" name="arrow" />
          </template>
        </van-cell>
      </van-cell-group>
    </div>
  </div>
</template>
 
<script>
import { Cell, CellGroup, Icon } from 'vant';
import OrderNav from "@/components/Transform/order-nav/OrderNav.vue";
import OrderData from "@/views/cryptos/c2cOrder/components/order-data/OrderData.vue";
 
export default {
  name: "CancelSuccess",
  // props:['title','count', 'totalPrice', 'orderNumber', 'createOrderTime', 'sellerName', 'unitPrice'],
  props: {
    detail: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  methods: {
    enterAppeal() {
      this.$router.replace({
        path: '/cryptos/appeal'
      })
    },
    onBack() {
      this.$router.push('/cryptos/wantBuy')
    }
  },
  components: {
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Icon.name]: Icon,
    OrderNav,
    OrderData,
  }
}
</script>
 
<style lang="scss" scoped>
#cryptos {
  font-size: 30px;
 
  #full {
 
    :deep(.buy_nav) {
      .van-icon {
        color: #000;
      }
    }
 
 
    :deep(.order-number) {
      margin-top: 100px;
    }
 
    :deep(.van-cell) {
      padding: 15px 20px !important;
      background: $main_background;
    }
 
    :deep(.van-cell-group) {
      .van-cell {
        color: $text_color1;
        background: $main_background;
      }
 
      .van-cell__value {
        color: $text_color;
      }
    }
  }
}
</style>