修复登录成功仍然提示验证码错误bug

GST002_old
JayChou 4 months ago
parent bac10262cc
commit 09be7b0592
  1. 3
      src/utils/requset.ts
  2. 73
      src/views/login/index.vue
  3. 6
      src/views/userInfo/components/reacList.vue

@ -19,6 +19,9 @@ server.interceptors.request.use((config) => {
}) })
// 创建相应拦截器 // 创建相应拦截器
server.interceptors.response.use((response) => { server.interceptors.response.use((response) => {
if(response.data.code === 412){
return Promise.reject(response)
}
return response.data return response.data
}) })

@ -30,9 +30,9 @@
</el-form> </el-form>
<!-- <div class="submit gradient" @click="submit">登录</div> --> <!-- <div class="submit gradient" @click="submit">登录</div> -->
<div class="btn"> <div class="btn">
<div @click="Router.push('/')">返回首页</div> <div @click="Router.push('/')">返回首页</div>
<div class="gradient" @click="submit">登录</div> <div class="gradient" @click="submit">登录</div>
</div> </div>
</div> </div>
<div class="registered"> <div class="registered">
还没账号 还没账号
@ -48,7 +48,7 @@ import { onMounted, reactive, ref, toRefs, watch } from 'vue'
import { getCode } from '@/api/user' import { getCode } from '@/api/user'
import userStore from '@/store/module/user' import userStore from '@/store/module/user'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import { useRouter,useRoute } from 'vue-router' import { useRouter, useRoute } from 'vue-router'
import RegisTered from './registered.vue' import RegisTered from './registered.vue'
const route = useRoute() const route = useRoute()
const useUserStore = userStore() const useUserStore = userStore()
@ -80,17 +80,20 @@ const submit = async () => {
password: form.value.password, password: form.value.password,
username: form.value.account, username: form.value.account,
} }
const res = await useUserStore.login(data) try {
console.log(res) const res = await useUserStore.login(data)
console.log(res)
if (res === 0) { if (res === 0) {
ElMessage('验证码错误') ElMessage('验证码错误')
getcodeinfo() getcodeinfo()
} else if (res === 1) { } else if (res === 1) {
ElMessage('账号或密码错误') ElMessage('账号或密码错误')
getcodeinfo() getcodeinfo()
} else { } else {
Router.push('/') Router.push('/')
}
} catch (error: any) {
ElMessage(error.data.message)
} }
} }
onMounted(() => { onMounted(() => {
@ -98,7 +101,7 @@ onMounted(() => {
// setTimeout(() => { // setTimeout(() => {
// getcodeinfo() // getcodeinfo()
// },6000) // },6000)
if(route.query.registered){ if (route.query.registered) {
registered() registered()
} }
}) })
@ -191,26 +194,26 @@ const backLoginEvent = () => {
} }
} }
.btn { .btn {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 45px; margin-top: 45px;
div { div {
width: 210px; width: 210px;
height: 42px; height: 42px;
text-align: center; text-align: center;
line-height: 42px; line-height: 42px;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
border-radius: 10px; border-radius: 10px;
} }
div:nth-child(1) { div:nth-child(1) {
border: 1px solid #dbdbdb; border: 1px solid #dbdbdb;
color: #3c3c3c; color: #3c3c3c;
}
div:nth-child(2) {
color: #fff;
}
} }
div:nth-child(2) {
color: #fff;
}
}
:deep(.el-form-item) { :deep(.el-form-item) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

@ -6,9 +6,13 @@
</template> </template>
<el-table :data="list" v-loading="isLoading"> <el-table :data="list" v-loading="isLoading">
<el-table-column <el-table-column
label="年度比赛名称"
prop="compName"
/>
<!-- <el-table-column
label="年度比赛项目名称" label="年度比赛项目名称"
prop="annualCompid_dictText" prop="annualCompid_dictText"
/> /> -->
<el-table-column label="比赛类型" prop="entryFormat" /> <el-table-column label="比赛类型" prop="entryFormat" />
<el-table-column label="报名编号" prop="enrollCode" /> <el-table-column label="报名编号" prop="enrollCode" />
<el-table-column label="比赛状态" prop="enrollStatic_dictText" /> <el-table-column label="比赛状态" prop="enrollStatic_dictText" />

Loading…
Cancel
Save