7 changed files with 401 additions and 225 deletions
@ -1,10 +0,0 @@ |
|||||
<template> |
|
||||
<div>11</div> |
|
||||
</template> |
|
||||
<script lang="ts" setup> |
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
</style> |
|
||||
@ -0,0 +1,71 @@ |
|||||
|
<template> |
||||
|
<div v-loading="loading" style="display: flex; justify-content: center; align-items: center;"> |
||||
|
<el-form ref="formSmsLogin" :model="loginData" :rules="rules" label-width="130px" label-position="top" size="large"> |
||||
|
<div class="title" style="font-size:25px" margin-left="0px">忘记密码</div> |
||||
|
<el-row type="flex" justify="center" align="middle"> |
||||
|
<el-col :span="13"> |
||||
|
<el-form-item label="请输入用户名" prop="username" align="center"> |
||||
|
<el-input v-model="loginData.username" placeholder="请输入用户名" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="13"> |
||||
|
<el-form-item label="请输入邮箱" prop="email"> |
||||
|
<el-input v-model="loginData.email" placeholder="请输入邮箱" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script lang="ts" setup name="forgetPassword"> |
||||
|
import type { RouteLocationNormalizedLoaded } from 'vue-router' |
||||
|
import { useIcon } from '@/hooks/web/useIcon' |
||||
|
import { setTenantId, setToken } from '@/utils/auth' |
||||
|
import { usePermissionStore } from '@/store/modules/permission' |
||||
|
import { getTenantIdByName, sendSmsCode, smsLogin } from '@/api/login' |
||||
|
import * as UserApi from '@/api/system/user' |
||||
|
|
||||
|
const { t } = useI18n() |
||||
|
const message = useMessage() |
||||
|
const permissionStore = usePermissionStore() |
||||
|
const formSmsLogin = ref() |
||||
|
const loginLoading = ref(false) |
||||
|
const iconHouse = useIcon({ icon: 'ep:house' }) |
||||
|
const iconCellphone = useIcon({ icon: 'ep:cellphone' }) |
||||
|
const iconCircleCheck = useIcon({ icon: 'ep:circle-check' }) |
||||
|
const rules = { |
||||
|
username: [required], |
||||
|
email: [required] |
||||
|
} |
||||
|
const loginData = reactive({ |
||||
|
username: '', |
||||
|
email: '', |
||||
|
|
||||
|
}) |
||||
|
const loading = ref(false); |
||||
|
const submitForm = async () => { |
||||
|
try { |
||||
|
const data = loginData as unknown as UserApi.UserVO |
||||
|
await UserApi.forgetPassword(data) |
||||
|
message.success(t('common.updateSuccess')) |
||||
|
// 发送操作成功的事件 |
||||
|
} finally { |
||||
|
// formLoading.value = false |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
:deep(.anticon) { |
||||
|
&:hover { |
||||
|
color: var(--el-color-primary) !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.smsbtn { |
||||
|
margin-top: 33px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,77 @@ |
|||||
|
<template> |
||||
|
<div v-loading="loading" style="display: flex; justify-content: center; align-items: center;"> |
||||
|
<el-form ref="formSmsLogin" :model="loginData" :rules="rules" label-width="130px" label-position="top" size="large"> |
||||
|
<div class="title" style="font-size:25px" margin-left="0px">重置密码</div> |
||||
|
<el-row type="flex" justify="center" align="middle"> |
||||
|
<el-col :span="13"> |
||||
|
<el-form-item label="新密码" prop="password" align="center"> |
||||
|
<el-input v-model="loginData.password" placeholder="请输入新密码" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="13"> |
||||
|
<el-form-item label="确认新密码" prop="againPassword"> |
||||
|
<el-input v-model="loginData.againPassword" placeholder="请再次新密码" /> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">确 定</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script lang="ts" setup name="bb"> |
||||
|
import type { RouteLocationNormalizedLoaded } from 'vue-router' |
||||
|
import { useIcon } from '@/hooks/web/useIcon' |
||||
|
import { setTenantId, setToken } from '@/utils/auth' |
||||
|
import { usePermissionStore } from '@/store/modules/permission' |
||||
|
import { getTenantIdByName, sendSmsCode, smsLogin } from '@/api/login' |
||||
|
import * as UserApi from '@/api/system/user' |
||||
|
|
||||
|
const { t } = useI18n() |
||||
|
const message = useMessage() |
||||
|
const permissionStore = usePermissionStore() |
||||
|
const formSmsLogin = ref() |
||||
|
const loginLoading = ref(false) |
||||
|
const iconHouse = useIcon({ icon: 'ep:house' }) |
||||
|
const iconCellphone = useIcon({ icon: 'ep:cellphone' }) |
||||
|
const iconCircleCheck = useIcon({ icon: 'ep:circle-check' }) |
||||
|
const route = useRoute() //路由信息 |
||||
|
const rules = { |
||||
|
password: [required], |
||||
|
againPassword: [required] |
||||
|
} |
||||
|
const loginData = reactive({ |
||||
|
password: '', |
||||
|
againPassword: '', |
||||
|
mailKey: '', |
||||
|
}) |
||||
|
const loading = ref(false); |
||||
|
const submitForm = async () => { |
||||
|
try { |
||||
|
loginData.mailKey = route.query.mailKey; |
||||
|
if (loginData.password != loginData.againPassword) { |
||||
|
message.error('两次输入的密码不一致，请重新输入!') |
||||
|
} else { |
||||
|
const data = loginData as unknown as UserApi.UserVO |
||||
|
await UserApi.updatePassword(data) |
||||
|
// 发送操作成功的事件 |
||||
|
message.success(t('common.updateSuccess')) |
||||
|
} |
||||
|
} finally { |
||||
|
// formLoading.value = false |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
:deep(.anticon) { |
||||
|
&:hover { |
||||
|
color: var(--el-color-primary) !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.smsbtn { |
||||
|
margin-top: 33px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue