Login.cshtml 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @using System.Web.Optimization
  2. @using Abp.Timing
  3. @using ShwasherSys
  4. @model ShwasherSys.Models.Account.LoginFormViewModel
  5. @{
  6. Layout = null;
  7. SetAntiForgeryCookie();
  8. }
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  14. <meta name="viewport" content="width=device-width, initial-scale=1">
  15. <meta name="description" content="">
  16. <meta name="author" content="">
  17. <link rel="shortcut icon" href="~/favicon.ico">
  18. <title>@ViewBag.SystemName</title>
  19. @Styles.Render("~/Bundles/Account/css")
  20. <script type="text/javascript">
  21. //This is used to get the application's root path from javascript. It's useful if you're running application in a virtual directory under IIS.
  22. var abp = abp || {}; abp.appPath = '@ApplicationPath';
  23. </script>
  24. </head>
  25. <body style="height: 100vh">
  26. <div class="body img-bg">
  27. <div class="login-box ">
  28. <div class="left-box img-bg">
  29. <div class="left-box-bg">
  30. <div class="login-logo-box img-bg">
  31. @*<img src="~/Content/images/login/logo.jpg" />*@
  32. </div>
  33. <div class="login-title-box">
  34. <span>@ViewBag.SystemName</span>
  35. @*<span><a href="http://v.youku.com/v_show/id_XMzk2OTY3NjEwNA==.html?spm=a2h4v.8841035.uerCenter.5!2~5~5!2~5~DL~DD~A" style="color:#fff;text-decoration:none;" target="_blank" >@ViewBag.SystemName</a></span>*@
  36. </div>
  37. </div>
  38. </div>
  39. <div class="right-box">
  40. <form class="form" id="LoginForm">
  41. <div class="input-group">
  42. <span class="input-icon" id="basic-addon1">
  43. <i class="iconfont icon-user-fill"></i>
  44. </span>
  45. <input type="text" class="form-input" id="UsernameOrEmailAddress" name="UsernameOrEmailAddress" placeholder="用户名" aria-describedby="basic-addon1">
  46. </div>
  47. <div class="input-group">
  48. <span class="input-icon" id="basic-addon2">
  49. <i class="iconfont icon-lock-fill"></i>
  50. </span>
  51. <input type="password" class="form-input" id="Password" name="Password" placeholder="密码" aria-describedby="basic-addon1">
  52. </div>
  53. <div class="checkbox-box">
  54. <input class="filled-in" type="checkbox" id="Remember" name="Remember" onchange="SetCheckBoxVal(this)" value="false" autocomplete="off">
  55. <label for="Remember">记住密码</label>
  56. </div>
  57. <div class="input-group">
  58. <button class="form-button" id="LoginButton" disabled="disabled" type="submit">
  59. <span>登陆</span>
  60. </button>
  61. </div>
  62. <input type="hidden" id="ReturnUrl" name="returnUrl" value="@Model.ReturnUrl" />
  63. <input type="hidden" id="ReturnUrlHash" name="returnUrlHash" value="" />
  64. </form>
  65. </div>
  66. </div>
  67. </div>
  68. @Scripts.Render("~/bundles/jquery")
  69. <script>
  70. abp.localization.defaultSourceName = '@LocalizationSourceName';
  71. </script>
  72. @Scripts.Render("~/Bundles/Account/js")
  73. @Scripts.Render("~/Bundles/Util")
  74. <script>
  75. $(function () {
  76. var $loginForm = $('#LoginForm');
  77. $loginForm.submit(function (e) {
  78. e.preventDefault();
  79. if (!$loginForm.valid()) {
  80. return;
  81. }
  82. SaveAjax({
  83. url: "@Url.Action("Login","Account")",
  84. data: {
  85. UsernameOrEmailAddress: $("#UsernameOrEmailAddress").val(),
  86. Password: $("#Password").val(),
  87. Remember: $("#Remember").val(),
  88. ReturnUrl: $("#ReturnUrl").val(),
  89. ReturnUrlHash: $("#ReturnUrlHash").val()
  90. },
  91. isAlert: false,
  92. isValidate:false,
  93. success: function() {
  94. abp.ui.setBusy();
  95. },
  96. error: function() {
  97. abp.ui.clearBusy();
  98. }
  99. });
  100. });
  101. $loginForm.keydown(function(e) {
  102. e = e || event;
  103. var keycode = e.which || e.keyCode;
  104. if (keycode===13) {
  105. $("#LoginButton").trigger("click");
  106. }
  107. });
  108. $('input[name=returnUrlHash]').val(location.hash);
  109. $('#LoginForm input:first-child').focus();
  110. $('#LoginButton').prop("disabled",false);
  111. });
  112. function SetCheckBoxVal(that) {
  113. var checked = $(that).prop("checked");
  114. //console.log(checked);
  115. if (checked) {
  116. $(that).val("true");
  117. } else {
  118. $(that).val("false");
  119. }
  120. //console.log($(that).val());
  121. }
  122. </script>
  123. @Html.PartialViewScripts()
  124. </body>
  125. </html>