| | |
| | | <!-- <el-input v-model="loginData.username"></el-input> --> |
| | | <el-input v-model="loginData.username" placeholder="请输入手机号" size="large"> |
| | | <template #prepend> |
| | | <el-select |
| | | v-model="select" |
| | | placeholder="Select" |
| | | class="selectPhone" |
| | | > |
| | | <el-select v-model="select" placeholder="Select" class="selectPhone"> |
| | | <el-option label="中国+86" value="86" /> |
| | | </el-select> |
| | | </template> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="password"> |
| | | <el-input type="password" v-model="loginData.password" placeholder="请输入密码"></el-input> |
| | | <el-input |
| | | type="password" |
| | | v-model="loginData.password" |
| | | placeholder="请输入密码" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <div class="btnBox"> |
| | | <el-button |
| | |
| | | if (route.query.redirect) { |
| | | router.push(route.query.redirect) |
| | | } else { |
| | | router.push('/home') |
| | | router.replace({ |
| | | path: '/home', |
| | | query: { bookId: localStorage.getItem('bookId') } |
| | | }) |
| | | } |
| | | } else if (res.data.isError) { |
| | | ElMessage.error(res.data.errorDescription) |
| | |
| | | let phoneInfo = res.secretList.find((item) => item.type == 'MobilePhone') |
| | | let nameAndPassword = res.secretList.find((item) => item.type == 'LoginNameAndPassword') |
| | | |
| | | if (nameAndPassword) { |
| | | if (teacherRole && teacherInfos) { |
| | | let userInfo = { |
| | | name: nameAndPassword.credential |
| | | } |
| | | localStorage.setItem('userInfo', JSON.stringify(userInfo)) |
| | | } else if (teacherRole && teacherInfos) { |
| | | let userInfo = { |
| | | ...teacherInfos, |
| | | name: teacherInfos.name, |
| | | role: 'Teacher', |
| | | roleId: teacherRole.role.id |
| | |
| | | localStorage.setItem('userInfo', JSON.stringify(userInfo)) |
| | | } else if (phoneInfo) { |
| | | let userInfo = { |
| | | ...phoneInfo, |
| | | name: phoneInfo.credential |
| | | } |
| | | localStorage.setItem('userInfo', JSON.stringify(userInfo)) |
| | |
| | | border-radius: 20px; |
| | | overflow:hidden; |
| | | display: flex; |
| | | background: #FFFFFF; |
| | | background: #ffffff; |
| | | box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1); |
| | | .loginForm { |
| | | width: 410px; |
| | |
| | | } |
| | | } |
| | | } |
| | | @media screen and (max-width: 450px) { |
| | | .rightImg { |
| | | display: none; |
| | | } |
| | | } |
| | | </style> |