<template>
  <div class="step3">
    <AResult status="success" title="企业认证" sub-title="已认证">
      <template #extra>
        <a-button @click="handleViewInfo">查看企业信息</a-button>
      </template>
    </AResult>
    <ThirdPartyModal @register="registerModal"/>
  </div>
</template>
<script lang="ts" setup>
  import { Result } from 'ant-design-vue';
  const AResult = Result;
  import { useModal } from '/@/components/Modal';
  import ThirdPartyModal from '/@/views/common/push/pushThirdParty/ThirdPartyModal.vue';
  import { useUserStore } from '/@/store/modules/user';

  const userStore = useUserStore();
  const userInfoStore = userStore.getUserInfo;
  const [registerModal, { openModal }] = useModal();

  function handleViewInfo() {
    openModal(true, { _tag: 'view', record: { id: userInfoStore.id } });
  }

</script>
<style lang="less" scoped>
  .step3 {
    width: 600px;
    margin: 0 auto;
  }
</style>
