<template>
  <div class="donate-certificate-page content-bg">
    <donate-cert :item="certItem" />
  </div>
  <shortcut-fixed type="C" :item="shortcutItem" />
</template>

<script setup>
import DonateCert from '@/components/DonateCert/index'
import ShortcutFixed from '@/components/ShortcutFixed/index'

import { ref } from 'vue'
import { useRoute } from 'vue-router'
import axios from '@/utils/axios';
import { Toast } from 'vant';
import { useShortcutBar } from '@/composables';

const $route = useRoute();

// 配置快捷跳转条
// const shortcutItem = ref(['home']);
const { shortcutItem } = useShortcutBar(['home']); // 配置快捷跳转条

const certItem = ref('')
// 捐款成功后，查询生成捐赠证书
axios.get('/srv/?a=one_cert', {
  params: {
    donate_id: $route.query.donate_id
  }
})
.then(res => {
  if (res.data.code === 1) {
    certItem.value = res.data.data;
  } else {
    console.warn(res);
    if (!res.data.show) return false;
    Toast({
      icon: 'close',
      message: res.data.msg
    });
  }
})
.catch(err => {
  console.error(err); 
})
</script>

<style lang="less" scoped>
@import url('@css/content-bg.less');
.donate-certificate-page {
  height: 96vh;
  padding: 2vh;
}
</style>