| 提交 | 用户 | 时间 | ||
| 314507 | 1 | <template> |
| H | 2 | <el-row v-show="getShow" style="margin-right: -10px; margin-left: -10px"> |
| 3 | <el-col :span="24" style="padding-right: 10px; padding-left: 10px"> | |
| 4 | <LoginFormTitle style="width: 100%" /> | |
| 5 | </el-col> | |
| 6 | <el-col :span="24" style="padding-right: 10px; padding-left: 10px"> | |
| 7 | <el-card class="mb-10px text-center" shadow="hover"> | |
| 8 | <Qrcode :logo="logoImg" /> | |
| 9 | </el-card> | |
| 10 | </el-col> | |
| 11 | <el-divider class="enter-x">{{ t('login.qrcode') }}</el-divider> | |
| 12 | <el-col :span="24" style="padding-right: 10px; padding-left: 10px"> | |
| 13 | <div class="mt-15px w-[100%]"> | |
| 14 | <XButton :title="t('login.backLogin')" class="w-[100%]" @click="handleBackLogin()" /> | |
| 15 | </div> | |
| 16 | </el-col> | |
| 17 | </el-row> | |
| 18 | </template> | |
| 19 | <script lang="ts" setup> | |
| 20 | import logoImg from '@/assets/imgs/logo.png' | |
| 21 | ||
| 22 | import LoginFormTitle from './LoginFormTitle.vue' | |
| 23 | import { LoginStateEnum, useLoginState } from './useLogin' | |
| 24 | ||
| 25 | defineOptions({ name: 'QrCodeForm' }) | |
| 26 | ||
| 27 | const { t } = useI18n() | |
| 28 | const { handleBackLogin, getLoginState } = useLoginState() | |
| 29 | const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE) | |
| 30 | </script> | |
