<template>
|
<div id="full">
|
<order-nav :title="$t('对订单申诉')" />
|
<div class="px-32 mt-22">
|
<h2 class="font-29 font-400 c2cColor">{{ $t('联系对方协商解决') }}</h2>
|
<div class="rounded-lg px-32 pb-30 pt-49 mt-31 box-border tabBackground c2cColor">
|
<div class="mb-60 text-center">
|
<img class="w-128" src="~@/assets/image/c2c/Vector1.png" alt="">
|
</div>
|
<div class="font-28 text-center">
|
<p>{{ $t('如存在交易问题，直接与对联系处理是最有效的方式。联系对方协商解决') }}</p>
|
<p class="py-5">{{ $t('您可在聊天窗口上传凭证及账号信息，联系对方协商解决') }}</p>
|
<p>{{ $t('以双方协商核实。联系对方协商解决') }}</p>
|
</div>
|
<van-button color="#1D91FF" class="w-full h-80 mt-60 font-30 rounded-xl" type="info" @click="contact">{{
|
$t('联系对方协商解决') }}</van-button>
|
</div>
|
<div class="mt-56">
|
<div class="mb-20 text-grey font-26" @click="$router.push('/chat')">{{ $t('申诉联系对方协商解决') }}</div>
|
<van-divider class="diviLine" />
|
<div class="mb-56 text-grey font-26 ">{{ $t('本次交易已结束，资产已不在平台托管中。平台无法帮您直接追回 资产，请知晓。联系对方协商解决') }}
|
</div>
|
<van-cell-group>
|
<van-cell @click="show = true">
|
<template #title>
|
<span class="textColor font-30">{{ $t('对订单有疑问联系对方协商解决') }}</span>
|
</template>
|
<template #default>
|
<van-icon class="font-700 text-grey" name="arrow" />
|
</template>
|
</van-cell>
|
<!-- <van-cell class="mt-88">
|
<template #title>
|
<span class="text-black font-30">{{$t('其他联系对方协商解决')}}</span>
|
</template>
|
<template #default>
|
<van-icon class="font-700 text-grey" name="arrow"/>
|
</template>
|
</van-cell> -->
|
</van-cell-group>
|
</div>
|
</div>
|
|
<!-- 申诉 -->
|
<van-popup v-model="show">
|
<appeal-msg />
|
</van-popup>
|
</div>
|
</template>
|
|
<script>
|
import {
|
Button,
|
Divider,
|
CellGroup,
|
Cell,
|
Icon,
|
Popup,
|
} from "vant";
|
import OrderNav from "@/components/order-nav/OrderNav";
|
import AppealMsg from "@/page/c2cOrder/components/appeal/AppealMsg";
|
|
export default {
|
name: "AppealPage",
|
data() {
|
return {
|
show: false,
|
}
|
},
|
methods: {
|
contact() { //
|
// console.log(11111)
|
this.$router.push('/chat')
|
}
|
},
|
components: {
|
[Button.name]: Button,
|
[Divider.name]: Divider,
|
[CellGroup.name]: CellGroup,
|
[Cell.name]: Cell,
|
[Icon.name]: Icon,
|
[Popup.name]: Popup,
|
OrderNav,
|
AppealMsg,
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.van-popup {
|
border-radius: 10px;
|
}
|
|
.van-cell {
|
@include themify() {
|
background: themed("main_background");
|
}
|
}
|
|
.van-button--info {
|
@include themify() {
|
background: themed("btn_main");
|
}
|
|
@include themify() {
|
border-color: themed("btn_main");
|
}
|
}
|
</style>
|
