<template>
  <div>
  <div class="box">
    <el-card class="mb60 mt30">
      <div class="text-center mt30">
        <el-icon color="#32B16C" size="80"><SuccessFilled /></el-icon>
        <p class="text-success mb20">{{ language==0?'支付成功':'successfully!' }}</p>

        <el-button type="primary" class="btn-lineG mb60" @click="goBillDetail" round>{{ language==0?'返回订单详情':'Return order details' }}</el-button>
      </div>
    </el-card>
  </div>
  </div>
</template>

<script setup>
import {ref} from "vue";
import cache from "@/plugins/cache";
import {useRoute,useRouter} from "vue-router";
import {onMounted} from "@vue/runtime-core";
import {callbackPalPay} from "@/apiPc/match";
const route = useRoute()
const router = useRouter()
const language = ref(cache.local.get('language') || 0)
const orderId = ref(route.query.orderId)

onMounted(()=>{
  callbackPalPay(route.query.orderId).then(res=>{

  })
})
function goBillDetail() {
  router.push({
    name:`signPay`,
    query: {
      orderId: route.query.orderId
    }
  })
}
</script>

<style scoped lang="scss">

</style>