| 提交 | 用户 | age | ||
| ec9478 | 1 | <template> |
| a09a0e | 2 | <template v-if="getShow"> |
| V | 3 | <LoginFormTitle class="enter-x" /> |
| 4 | <div class="enter-x min-w-64 min-h-64"> | |
| 5 | <QrCode | |
| 6 | :value="qrCodeUrl" | |
| 7 | class="enter-x flex justify-center xl:justify-start" | |
| 8 | :width="280" | |
| 9 | /> | |
| 10 | <Divider class="enter-x">{{ t('sys.login.scanSign') }}</Divider> | |
| 11 | <Button size="large" block class="mt-4 enter-x" @click="handleBackLogin"> | |
| 12 | {{ t('sys.login.backSignIn') }} | |
| 13 | </Button> | |
| 14 | </div> | |
| 15 | </template> | |
| ec9478 | 16 | </template> |
| bb89c5 | 17 | <script lang="ts" setup> |
| V | 18 | import { computed, unref } from 'vue'; |
| a09a0e | 19 | import LoginFormTitle from './LoginFormTitle.vue'; |
| ec9478 | 20 | import { Button, Divider } from 'ant-design-vue'; |
| a09a0e | 21 | import { QrCode } from '/@/components/Qrcode/index'; |
| ec9478 | 22 | import { useI18n } from '/@/hooks/web/useI18n'; |
| a09a0e | 23 | import { useLoginState, LoginStateEnum } from './useLogin'; |
| V | 24 | |
| 7e7717 | 25 | const qrCodeUrl = 'https://vben.vvbin.cn/login'; |
| ec9478 | 26 | |
| bb89c5 | 27 | const { t } = useI18n(); |
| V | 28 | const { handleBackLogin, getLoginState } = useLoginState(); |
| a09a0e | 29 | |
| bb89c5 | 30 | const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE); |
| ec9478 | 31 | </script> |
