<template>
  <qinui-theme v-model="theInited">
    <qinui-submit-button
      minHeight="100vh"
      useLogin
      fixed
      buttonText="提交"
      buttonDisabled
      @click="onSave"
      :logined="theIsLogin"
      :minAfterAuth="onAfterAuth"
      loginContent="登录后创建常用人"
    >
      <qinui-submit-button buttonText="保存" @click="onSave" />
      <div style="height: 2000rpx; background-color: aqua" />
      <div>底部了</div>
    </qinui-submit-button>
  </qinui-theme>
</template>

<script lang="ts" setup>
  import { onShow } from '@fe6/qinjs-app';
  import { onBeforeMount, shallowRef } from 'vue';

  const onSave = (theEv: any) => {
    console.log(theEv, 'theEv');
  };
  const theInited = shallowRef(false);

  const theIsLogin = shallowRef(false);
  const onAfterAuth = (theItem: any) => {
    console.log(theItem, '授权成功');
    theIsLogin.value = true;
  };

  onShow(async () => {
    setTimeout(() => {
      theInited.value = true;
      // 获取 code
    }, 50);
  });
  onBeforeMount(() => {
    // 获取 code
    qin.login({
      complete(resCode) {
        console.log(resCode, 'resCode');
      },
    });
  });
</script>