wuhui_zzw
/
wyyl
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

后台找回密码

This commit is contained in:
pushuo 2022-07-22 17:47:21 +08:00
parent aebe92ac71
commit 07a9e7e41f
5 changed files with 58 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/build/beike/admin/css/app.css vendored
View File

@ -554,7 +554,6 @@ body.page-login button[type=submit] {
}
body.page-login .btn:not(.btn-link) {
padding: 0.7rem 1rem;
border-radius: 0.5rem;
transition: all 0.15s ease-in;
box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07);
}

2
resources/beike/admin/css/login.scss vendored
View File

@ -70,7 +70,7 @@ body.page-login {
.btn:not(.btn-link) {
// padding: .50rem 1.5rem;
padding: 0.7rem 1rem;
border-radius: .5rem;
// border-radius: .5rem;
transition: all .15s ease-in;
box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);

1
resources/beike/admin/views/pages/login/login.blade.php
View File

@ -45,6 +45,7 @@
@endif
<div class="d-grid mb-4"><button type="submit" class="btn btn-lg btn-primary">登录</button></div>
<a href="{{ admin_route('forgotten.index') }}">忘记密码</a>
</form>
</div>
</div>

102
resources/beike/admin/views/pages/user/forgotten.blade.php
View File

@ -1,61 +1,62 @@
@extends('layout.master')
@section('body-class', 'page-forgotten')
@push('header')
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<base href="{{ $admin_base_url }}">
<meta name="csrf-token" content="{{ csrf_token() }}">
<link href="{{ mix('/build/beike/admin/css/bootstrap.css') }}" rel="stylesheet">
<script src="{{ asset('vendor/jquery/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('vendor/layer/3.5.1/layer.js') }}"></script>
<script src="{{ asset('vendor/vue/2.6.14/vue.js') }}"></script>
<script src="{{ asset('vendor/element-ui/2.15.6/js.js') }}"></script>
<link rel="stylesheet" href="{{ asset('vendor/element-ui/2.15.6/css.css') }}">
@endpush
{{-- <link href="{{ mix('build/css/admin/login.css') }}" rel="stylesheet"> --}}
<script src="{{ mix('build/beike/admin/js/app.js') }}"></script>
<link href="{{ mix('build/beike/admin/css/app.css') }}" rel="stylesheet">
<title>forgotten</title>
</head>
<body class="page-login">
<div class="d-flex align-items-center vh-100 pt-2 pt-sm-5 pb-4 pb-sm-5" id="page-forgotten">
<div class="container">
<div class="card">
<div class="w-480">
<div class="card-header mt-3 mb-4">
<h4 class="fw-bold">请根据提示找回您的密码</h4>
<div class="text-muted fw-normal" v-if="!isCode">请输入邮箱地址获取验证码</div>
<div class="text-muted fw-normal" v-else>请输入新密码</div>
</div>
<div class="card-body">
<el-form ref="form" :model="form" :rules="rules">
<div class="card-body p-0">
<el-form-item label="邮箱" prop="email" v-if="!isCode">
<el-input v-model="form.email" placeholder="邮箱地址"></el-input>
</el-form-item>
@section('content')
<div class="container" id="page-forgotten" v-cloak>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
{{-- <div class="hero-content pb-5 text-center"><h1 class="hero-heading">找回密码</h1></div> --}}
<div class="row my-5 justify-content-md-center">
<div class="col-lg-5 col-xxl-4">
<div class="card">
<el-form ref="form" :model="form" :rules="rules">
<div class="card-body p-0">
<h4 class="fw-bold">请根据提示找回您的密码</h4>
<p class="text-muted" v-if="!isCode">请输入邮箱地址获取验证码</p>
<p class="text-muted" v-else>请输入新密码</p>
<el-form-item label="验证码" prop="code" class="mb-3" v-if="isCode">
<el-input v-model="form.code" placeholder="密码"></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="email" v-if="!isCode">
<el-input v-model="form.email" placeholder="邮箱地址"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password" class="mb-3" v-if="isCode">
<el-input type="password" v-model="form.password" placeholder="密码"></el-input>
</el-form-item>
<el-form-item label="验证码" prop="code" class="mb-3" v-if="isCode">
<el-input v-model="form.code" placeholder="密码"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="password_confirmation" v-if="isCode">
<el-input type="password" v-model="form.password_confirmation" placeholder="确认密码"></el-input>
</el-form-item>
<el-form-item label="密码" prop="password" class="mb-3" v-if="isCode">
<el-input type="password" v-model="form.password" placeholder="密码"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="password_confirmation" v-if="isCode">
<el-input type="password" v-model="form.password_confirmation" placeholder="确认密码"></el-input>
</el-form-item>
<div class="mt-5 mb-3 d-flex justify-content-between">
<button type="button" @click="submitForm('form')" class="btn w-50 btn-dark">@{{ !isCode ? '发送验证码' : '提交' }}</button>
<div class="mt-5 mb-3 d-flex justify-content-between">
<button type="button" @click="submitForm('form')" class="btn w-50 btn-dark">@{{ !isCode ? '发送验证码' : '提交' }}</button>
</div>
<a href="javascript:void(0)" v-if="isCode" @click="isCode = false" class="text-muted">返回上一步</a>
</div>
<a href="javascript:void(0)" v-if="isCode" @click="isCode = false" class="text-muted">返回上一步</a>
</div>
</el-form>
</el-form>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('add-scripts')
<script>
var validatePass = (rule, value, callback) => {
if (value === '') {
@ -113,10 +114,10 @@
methods: {
submitForm(form) {
let _data = this.form, url = '{{ admin_name() }}/forgotten/password'
let _data = this.form, url = 'forgotten/password'
if (!this.isCode) {
url = '{{ admin_name() }}/forgotten/send_code'
url = 'forgotten/send_code'
}
this.$refs[form].validate((valid) => {
@ -139,4 +140,9 @@
}
})
</script>
@endpush
</body>
</html>

4
themes/default/account/forgotten.blade.php
View File

@ -113,10 +113,10 @@
methods: {
submitForm(form) {
let _data = this.form, url = '/forgotten/password'
let _data = this.form, url = 'forgotten/password'
if (!this.isCode) {
url = '/forgotten/send_code'
url = 'forgotten/send_code'
}
this.$refs[form].validate((valid) => {