index.blade.php 5.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @extends('user.layouts')
  2. @section('title', '双重验证设置')
  3. @section('content')
  4. <div class="container">
  5. <div class="row justify-content-center">
  6. <div class="col-md-8">
  7. <div class="card">
  8. <div class="card-header">双重验证设置</div>
  9. <div class="card-body">
  10. @if (session('success'))
  11. <div class="alert alert-success" role="alert">
  12. {{ session('success') }}
  13. </div>
  14. @endif
  15. @if (session('error'))
  16. <div class="alert alert-danger" role="alert">
  17. {{ session('error') }}
  18. </div>
  19. @endif
  20. <div class="alert alert-warning" role="alert">
  21. <i class="icon wb-info-circle" aria-hidden="true"></i>
  22. <strong>注意:</strong> 登录时的双重验证功能已暂时禁用,但修改邮箱和密码时仍需要双重验证。
  23. </div>
  24. <div class="mb-4">
  25. <h4>什么是双重验证?</h4>
  26. <p>双重验证是一种额外的安全层,可以保护您的账户免受未经授权的访问。启用后,除了密码外,您还需要输入由手机应用生成的验证码才能登录。</p>
  27. </div>
  28. <div class="mb-4">
  29. <h4>如何设置:</h4>
  30. <ol>
  31. <li>下载并安装 Google Authenticator 应用(<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2" target="_blank">Android</a> / <a href="https://apps.apple.com/app/google-authenticator/id388497605" target="_blank">iOS</a>)</li>
  32. <li>使用应用扫描下方二维码</li>
  33. <li>输入应用生成的 6 位验证码</li>
  34. </ol>
  35. </div>
  36. <div class="row">
  37. <div class="col-md-6">
  38. <div class="text-center mb-4">
  39. {!! $qrCode !!}
  40. </div>
  41. <div class="text-center mb-4">
  42. <p>密钥:<code>{{ $secret }}</code></p>
  43. <p class="text-muted">如果无法扫描二维码,请手动输入上面的密钥</p>
  44. </div>
  45. </div>
  46. <div class="col-md-6">
  47. @if ($user->google2fa_enable)
  48. <div class="alert alert-info">
  49. 双重验证已启用。如需禁用,请输入验证码。
  50. </div>
  51. <form method="POST" action="{{ route('user.2fa.disable') }}">
  52. @csrf
  53. <div class="form-group">
  54. <label for="code">验证码</label>
  55. <input id="code" type="text" class="form-control @error('code') is-invalid @enderror" name="code" required autocomplete="off" autofocus>
  56. @error('code')
  57. <span class="invalid-feedback" role="alert">
  58. <strong>{{ $message }}</strong>
  59. </span>
  60. @enderror
  61. </div>
  62. <button type="submit" class="btn btn-danger">禁用双重验证</button>
  63. </form>
  64. @else
  65. <div class="alert alert-warning">
  66. 双重验证尚未启用。请扫描二维码并输入验证码以启用。
  67. </div>
  68. <form method="POST" action="{{ route('user.2fa.enable') }}">
  69. @csrf
  70. <div class="form-group">
  71. <label for="code">验证码</label>
  72. <input id="code" type="text" class="form-control @error('code') is-invalid @enderror" name="code" required autocomplete="off" autofocus>
  73. @error('code')
  74. <span class="invalid-feedback" role="alert">
  75. <strong>{{ $message }}</strong>
  76. </span>
  77. @enderror
  78. </div>
  79. <button type="submit" class="btn btn-primary">启用双重验证</button>
  80. </form>
  81. @endif
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. @endsection