114 lines
3.2 KiB
Vue
114 lines
3.2 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 { useStore } from "vuex";
|
|
import { useI18n } from 'vue-i18n';
|
|
export default defineComponent({
|
|
components: {
|
|
HeaderComponent,
|
|
RobotAssist,
|
|
payOrder,
|
|
},
|
|
setup() {
|
|
const store = useStore();
|
|
let {t} = useI18n()
|
|
return {
|
|
store,
|
|
t,
|
|
}
|
|
},
|
|
data(){
|
|
return{
|
|
|
|
}
|
|
},
|
|
mounted(){
|
|
// sessionStorage.setItem('newWindow', JSON.stringify(true))
|
|
// let aa:any = sessionStorage.getItem('newWindow')
|
|
// window.alert(aa)
|
|
// aa.close();
|
|
window.close()
|
|
// this.store.commit('setNewWindow',true)
|
|
},
|
|
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 6rem;
|
|
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> |