|
|
@@ -1,5 +1,4 @@
|
|
|
<script setup lang="ts">
|
|
|
-import {ref} from 'vue';
|
|
|
import userIcon from '@assets/images/login/user.webp';
|
|
|
import posswordIcon from '@assets/images/login/passowrd.webp';
|
|
|
import enterpriseIcon from '@assets/images/login/enterprise.webp';
|
|
|
@@ -14,11 +13,6 @@ import {USER_PASSWORD_LOGIN_STORAGE} from '@utils';
|
|
|
|
|
|
defineOptions({name: 'LoginInfo'});
|
|
|
|
|
|
-const active = ref(0);
|
|
|
-function onTabClick(value: number) {
|
|
|
- active.value = value;
|
|
|
-}
|
|
|
-
|
|
|
const [remberPassword, toggleRemberPassword] = useToggle(
|
|
|
Boolean(localStorage.getItem(USER_PASSWORD_LOGIN_STORAGE)),
|
|
|
);
|
|
|
@@ -32,21 +26,6 @@ const [{isLoading, isCompanyLoading}, onSubmit] = useFormState(remberPassword);
|
|
|
<form @submit="onSubmit">
|
|
|
<div class="login-info">
|
|
|
<h2 class="login-title">Login</h2>
|
|
|
- <div class="tab">
|
|
|
- <span
|
|
|
- v-t="'login.tabs[0]'"
|
|
|
- :class="{'tab-item-active': active === 0}"
|
|
|
- @click="onTabClick(0)"
|
|
|
- />
|
|
|
-
|
|
|
- <span
|
|
|
- v-t="'login.tabs[1]'"
|
|
|
- :class="{'tab-item-active': active === 1}"
|
|
|
- @click="onTabClick(1)"
|
|
|
- />
|
|
|
-
|
|
|
- <i class="tab-indicator" />
|
|
|
- </div>
|
|
|
|
|
|
<div class="info">
|
|
|
<LDLoginInput
|