108 lines
2.9 KiB
Vue
108 lines
2.9 KiB
Vue
|
<template>
|
||
|
|
<div class="paySucceed_page">
|
||
|
|
<HeaderComponent></HeaderComponent>
|
||
|
|
<div class="paySucceed_centent">
|
||
|
|
<div class="paySucceed_centent_title"><i class="fi fi-ss-check-circle"></i>支付成功</div>
|
||
|
|
<div class="paySucceed_centent_btn">
|
||
|
|
<div class=" button_second" @click="turnToPage('home')">返回首页</div>
|
||
|
|
<div class=" button_second" @click="turnToPage('order')">查看订单</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<payOrder ref="payOrder"></payOrder>
|
||
|
|
<RobotAssist></RobotAssist>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent,ref,createVNode,computed} from 'vue'
|
||
|
|
import HeaderComponent from "@/component/HomePage/Header.vue";
|
||
|
|
import { Https } from "@/tool/https";
|
||
|
|
import { Modal,message } from 'ant-design-vue';
|
||
|
|
import RobotAssist from "@/component/HomePage/RobotAssist.vue";
|
||
|
|
import payOrder from "@/component/Pay/payOrder.vue";
|
||
|
|
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||
|
|
import { useI18n } from 'vue-i18n';
|
||
|
|
export default defineComponent({
|
||
|
|
components: {
|
||
|
|
HeaderComponent,
|
||
|
|
RobotAssist,
|
||
|
|
payOrder,
|
||
|
|
},
|
||
|
|
setup() {
|
||
|
|
|
||
|
|
let {t} = useI18n()
|
||
|
|
return {
|
||
|
|
|
||
|
|
t,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data(){
|
||
|
|
return{
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted(){
|
||
|
|
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
turnToPage(name:any) {
|
||
|
|
if(name == 'order'){
|
||
|
|
let payOrder:any = this.$refs.payOrder
|
||
|
|
payOrder.init()
|
||
|
|
}else {
|
||
|
|
let noRefresh:any = name === "home" ? true : false;
|
||
|
|
this.$router.push({ name: name, params: { noRefresh: noRefresh } });
|
||
|
|
}
|
||
|
|
},
|
||
|
|
//确定修改名字
|
||
|
|
// confrimRename(){
|
||
|
|
// let data = {
|
||
|
|
// timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||
|
|
// userGroupId: this.renameData.id,
|
||
|
|
// userGroupName: this.newCollectionName
|
||
|
|
// }
|
||
|
|
// Https.axiosPost(Https.httpUrls.updateUserGroupName,data).then(
|
||
|
|
// (rv: any) => {
|
||
|
|
// message.success(this.t('HistoryPage.jsContent3'))
|
||
|
|
// this.collectionList[this.renameData.index].name = this.newCollectionName
|
||
|
|
// this.collectionList[this.renameData.index].updateDate = rv.updateDate
|
||
|
|
// this.renameVisivle = false
|
||
|
|
// this.newCollectionName = ''
|
||
|
|
// this.renameData = {}
|
||
|
|
// }
|
||
|
|
// );
|
||
|
|
// },
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<style lang="less">
|
||
|
|
.paySucceed_page {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
padding: 0 9rem;
|
||
|
|
overflow: hidden;
|
||
|
|
// min-width: 1440px;
|
||
|
|
position: relative;
|
||
|
|
.paySucceed_centent{
|
||
|
|
margin-top: 20rem;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
flex-direction: column;
|
||
|
|
.paySucceed_centent_title{
|
||
|
|
font-size: 1.8rem;
|
||
|
|
font-weight: 900;
|
||
|
|
i{
|
||
|
|
color: green;
|
||
|
|
margin-right: 1rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.paySucceed_centent_btn{
|
||
|
|
display: flex;
|
||
|
|
margin-top: 10rem;
|
||
|
|
.button_second{
|
||
|
|
margin: 0 2.5rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|