支付页面

src/views/paySucceed.vue

@@ -0,0 +1,108 @@
+<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>