| | |
| | | <template> |
| | | <el-form size="large" class="login-content-form"> |
| | | <el-form-item class="login-animation1"> |
| | | <el-input |
| | | type="text" |
| | | :placeholder="$t('message.account.accountPlaceholder1')" |
| | | v-model="ruleForm.username" |
| | | clearable |
| | | autocomplete="off" |
| | | size="large" |
| | | > |
| | | <el-input type="text" :placeholder="$t('message.account.accountPlaceholder1')" v-model="ruleForm.username" clearable autocomplete="off" size="large"> |
| | | <template #prefix> |
| | | <el-icon class="el-input__icon" style="margin-right: 20px" |
| | | ><img src="../../../assets/loginPage/login_icon_user.png" style="width: 24px; height: 24px" |
| | | /></el-icon> |
| | | <el-icon class="el-input__icon" style="margin-right: 20px"><img src="../../../assets/loginPage/login_icon_user.png" style="width: 24px; height: 24px" /></el-icon> |
| | | </template> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item class="login-animation2"> |
| | | <el-input |
| | | :type="isShowPassword ? 'text' : 'password'" |
| | | :placeholder="$t('message.account.accountPlaceholder2')" |
| | | v-model="ruleForm.password" |
| | | autocomplete="off" |
| | | size="large" |
| | | @keyup.enter.native="onSignIn" |
| | | > |
| | | <el-input :type="isShowPassword ? 'text' : 'password'" :placeholder="$t('message.account.accountPlaceholder2')" v-model="ruleForm.password" autocomplete="off" size="large" @keyup.enter.native="onSignIn"> |
| | | <template #prefix> |
| | | <el-icon class="el-input__icon" style="margin-right: 20px" |
| | | ><img src="../../../assets/loginPage/login_icon_password.png" style="width: 24px; height: 24px" |
| | | /></el-icon> |
| | | <el-icon class="el-input__icon" style="margin-right: 20px"><img src="../../../assets/loginPage/login_icon_password.png" style="width: 24px; height: 24px" /></el-icon> |
| | | </template> |
| | | <template #suffix> |
| | | <i |
| | | class="iconfont el-input__icon login-content-password" |
| | | :class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'" |
| | | @click="isShowPassword = !isShowPassword" |
| | | > |
| | | </i> |
| | | <i class="iconfont el-input__icon login-content-password" :class="isShowPassword ? 'icon-yincangmima' : 'icon-xianshimima'" @click="isShowPassword = !isShowPassword"> </i> |
| | | </template> |
| | | </el-input> |
| | | </el-form-item> |
| | |
| | | // 登录成功,跳到转首页 |
| | | // 如果是复制粘贴的路径,非首页/登录页,那么登录成功后重定向到对应的路径中 |
| | | if (route.query?.redirect) { |
| | | router.push('/homeMenu'); |
| | | router.push('/newMenu'); |
| | | // router.push({ |
| | | // path: <string>route.query?.redirect, |
| | | // query: Object.keys(<string>route.query?.params).length > 0 ? JSON.parse(<string>route.query?.params) : '', |