You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.2 KiB
31 lines
1.2 KiB
<template>
|
|
<el-row v-show="getShow" style="maring-left: -10px; maring-right: -10px">
|
|
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
|
<LoginFormTitle style="width: 100%" />
|
|
</el-col>
|
|
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
|
<el-card class="mb-10px text-center" shadow="hover">
|
|
<!-- <Qrcode :logo="logoUrl" /> -->
|
|
<Qrcode />
|
|
</el-card>
|
|
</el-col>
|
|
<el-divider class="enter-x">{{ t('login.qrcode') }}</el-divider>
|
|
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
|
|
<div class="w-[100%] mt-15px">
|
|
<XButton :title="t('login.backLogin')" class="w-[100%]" @click="handleBackLogin()" />
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
<script lang="ts" name="QrCodeForm" setup>
|
|
import LoginFormTitle from './LoginFormTitle.vue'
|
|
import { LoginStateEnum, useLoginState } from './useLogin'
|
|
// import { useAppStore } from '@/store/modules/app'
|
|
|
|
const { t } = useI18n()
|
|
const { handleBackLogin, getLoginState } = useLoginState()
|
|
// const appStore = useAppStore()
|
|
|
|
const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE)
|
|
// const logoUrl = computed(() => appStore.getAppInfo?.instanceIcon)
|
|
</script>
|
|
|