<!--
  微信官方： 【签约开通】 页面内容

  @author terrfly
  @site https://www.jeequan.com
  @date 2022/11/03 08:35
-->
<template>
  <div v-if="vdata.recordId">
    <div v-if="(vdata.detailData.state == 4 || vdata.detailData.state == 5) && vdata.detailData.applyErrorInfo">
      <p style="font-size:20px;font-weight:600;">扫码签约</p>
      <p style="font-size:16px;padding-bottom: 20px;">请超级管理员使用微信扫描二维码，根据页面指引完成签约</p>
      <QrcodeVue :value="vdata.detailData.applyErrorInfo" :size="200" class="qrcode" />
    </div>

    <div v-else>
      <a-result title="暂无更多操作">
        <template #icon>
          <smile-twoTone />
        </template>
      </a-result>
    </div>
  </div>
</template>

<script lang="ts" setup>

import {reactive, inject} from 'vue'
import QrcodeVue from 'qrcode.vue'

// 接收父组件的参数注入： 进件详细欣欣
let applyRecord : any = inject('applyRecord')

const vdata : any = reactive({
  recordId: null, // 更新对象ID
  detailData: {} as any, // 进件对象
})

// 对外暴露的 页面渲染函数  也用作初始化
function pageRender (recordId){
  vdata.recordId = recordId
  vdata.detailData = applyRecord
}

defineExpose({ pageRender })
</script>
