| | |
| | | <template> |
| | | <div class="login-container" @keyup.enter="handleLogin"> |
| | | <div class="login-time"> |
| | | <!-- <div class="login-time"> |
| | | {{ time }} |
| | | </div> --> |
| | | <div class="login-header"> |
| | | <div class="title">中图智飞低空智能感知网平台</div> |
| | | </div> |
| | | <div class="login-weaper"> |
| | | <div class="login-left animate__animated animate__fadeInLeft"> |
| | | <img class="img" src="/img/logo.png" alt="" /> |
| | | <p class="title">{{ login.info }}</p> |
| | | </div> |
| | | <div class="login-border animate__animated animate__fadeInRight"> |
| | | <div class="login-main"> |
| | | <p class="login-title"> |
| | | {{ $t('login.title') }}{{ website.title }} |
| | | <top-lang></top-lang> |
| | | </p> |
| | | <userLogin v-if="activeName === 'user'"></userLogin> |
| | | <!-- <codeLogin v-else-if="activeName === 'code'"></codeLogin> |
| | | <thirdLogin v-else-if="activeName === 'third'"></thirdLogin> |
| | | <registerLogin v-else-if="activeName === 'register'"></registerLogin> |
| | | <div class="login-menu"> |
| | | <el-link href="#" @click.stop="activeName = 'user'">{{ |
| | | $t('login.userLogin') |
| | | }}</el-link> |
| | | <el-link href="#" @click.stop="activeName = 'code'">{{ |
| | | $t('login.phoneLogin') |
| | | }}</el-link> |
| | | <el-link href="#" @click.stop="activeName = 'third'">{{ |
| | | $t('login.thirdLogin') |
| | | }}</el-link> |
| | | <el-link |
| | | :href=" |
| | | website.oauth2.ssoBaseUrl + website.oauth2.ssoAuthUrl + website.oauth2.redirectUri |
| | | " |
| | | >{{ $t('login.ssoLogin') }}</el-link |
| | | > |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="login-left-title-new">中国图强 智领飞跃</div> |
| | | <div class="login-left-new"></div> |
| | | <userLogin v-if="activeName === 'user'"></userLogin> |
| | | </div> |
| | | </template> |
| | | <script> |