Bladeren bron

伊宁项目更改相关 统一app相关 变更login

1037015548@qq.com 1 jaar geleden
bovenliggende
commit
02535e9e14
1 gewijzigde bestanden met toevoegingen van 64 en 7 verwijderingen
  1. 64 7
      ruoyi-admin/src/main/resources/templates/loginYining.html

+ 64 - 7
ruoyi-admin/src/main/resources/templates/loginYining.html

@@ -91,9 +91,14 @@
                         <p style="position: absolute;right: 40px;top: 10px;" onclick="qiehuan()">APP下载→</p>
                         <img class="leftTwoIcon" alt="[ APP下载二维码 ]" th:src="${codeUrl}" src="https://140.246.183.164:9000/base/apply/apk"
                              style="display: inline-block;vertical-align:middle;position: absolute;right: 20px;top: 10px;;margin-left: 1em;width: 20px;height: 20px" onclick="qiehuan()">
-                        <input style="border-radius: 12px!important;margin-top: 40px;margin-left:10px;margin-bottom: 20px;width: 300px;height: 56px!important;" type="text"     name="username" class="form-control uname"     placeholder="用户名" value="admin"    />
-                        <input style="border-radius: 12px!important; margin-bottom: 20px;margin-left:10px;width: 300px;height: 56px!important;" type="password" name="password" class="form-control pword"     placeholder="密码"   value="admin123" />
-                        <div class="row m-t" th:if="${captchaEnabled==true}" style="margin-bottom: 10px">
+                        <input style="border-radius: 12px!important;margin-top: 40px;margin-left:10px;margin-bottom: 20px;width: 300px;height: 56px!important;" type="text"     name="username" class="form-control uname"   placeholder="用户名"  />
+                        <!--<input style="border-radius: 12px!important; margin-bottom: 20px;margin-left:10px;width: 300px;height: 56px!important;" type="password" id="password" name="password" class="form-control pword"  hidden autocomplete="off"   placeholder="密码" />-->
+                        <input type="text" style="border-radius: 12px!important; margin-bottom: -15px;margin-left:10px;width: 300px;height: 56px!important;" id="passwordDisc" class="form-control pword" placeholder="密码"
+                                oncontextmenu="return false;" autocomplete="off" >
+                        <!--密码真实保存位置-->
+                        <input type="text" style="visibility: hidden;border: 0;height: 0;width: 1px;padding: 0;margin: 0" name="password"
+                               id="password" placeholder="密码">
+                    <div class="row m-t" th:if="${captchaEnabled==true}" style="margin-bottom: 10px">
                             <div class="col-xs-6">
                                 <input style="border-radius: 12px!important;margin-left:10px;width: 130px;height: 56px!important;" type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" />
                             </div>
@@ -103,10 +108,10 @@
                                 </a>
                             </div>
                         </div>
-                        <div class="checkbox-custom" style="width: 100%!important;margin-bottom: 15px;margin-left: 10px" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">
-                            <input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住密码</label>
-                            <a style="margin-left: 160px" href="javascript:void(0)"  onclick="forgetpassword()"  >忘记密码&raquo;</a></strong>
-                        </div>
+                        <!--<div class="checkbox-custom" style="width: 100%!important;margin-bottom: 15px;margin-left: 10px" th:if="${isRemembered}" th:classappend="${captchaEnabled==false} ? 'm-t'">-->
+                            <!--<input type="checkbox" id="rememberme" name="rememberme"> <label for="rememberme">记住密码</label>-->
+                            <!--<a style="margin-left: 160px" href="javascript:void(0)"  onclick="forgetpassword()"  >忘记密码&raquo;</a></strong>-->
+                        <!--</div>-->
                         <button class="btn btn-success btn-block" style="border-radius: 12px!important;width: 300px!important;height:50px!important;margin-left: 10px;margin-top: 0;
                                 color: #FFFFFF!important;" id="btnSubmit" data-loading="正在验证登录,请稍候...">登录</button>
                 </form>
@@ -125,7 +130,59 @@
         </div>
     </div>.
 <script type="text/javascript">
+    var passwordDisc = document.getElementById("passwordDisc");
+    var password = document.getElementById("password");
+    // 键盘按下执行,主要用于删除操作
+    passwordDisc.addEventListener("keydown", function (event) {
+        // 后面事件会改变,所以先记录选择的文本坐标
+        this.selectStartIndex = this.selectionStart;
+        this.selectEndIndex = this.selectionEnd;
+        if (event.key === 'Backspace') { // 如果是退格键
+            if (this.selectionStart === this.selectionEnd) {// 未选择文本
+                var str1 = password.value.substring(0, this.selectionStart - 1);
+                var str2 = password.value.substring(this.selectionStart);
+                password.value = str1 + str2;
+            } else { // 选择了文本
+                var str1 = password.value.substring(0, this.selectionStart);
+                var str2 = password.value.substring(this.selectionEnd);
+                password.value = str1 + str2;
+            }
+        } else if (event.key === 'Delete') { // 如果是删除键
+            if (this.selectionStart === this.selectionEnd) {// 未选择文本
+                var str1 = password.value.substring(0, this.selectionStart);
+                var str2 = password.value.substring(this.selectionStart + 1);
+                password.value = str1 + str2;
+            } else { // 选择了文本
+                var str1 = password.value.substring(0, this.selectionStart);
+                var str2 = password.value.substring(this.selectionEnd);
+                password.value = str1 + str2;
+            }
+        }
+    });
+
+    // 输入事件,保存密码
+    passwordDisc.addEventListener("input", function (event) {
+        if ((event.data || event.data != null || event.inputType === 'insertFromPaste') && event.inputType !== 'insertCompositionText') {
+            // 输入有数据或者是粘贴操作,并且不是中文输入
+            var data = event.data || event.data != null ? event.data : this.pasteString;
+            // 除ascii里的都替换为空,避免粘贴有其他符号
+            data = data.replace(/[^\x00-\x7e]/g, '');
+            var str1 = password.value.substring(0, this.selectStartIndex);
+            var str2 = password.value.substring(this.selectEndIndex);
+            password.value = str1 + data + str2;
+        }
+        // 文本框密文显示
+        passwordDisc.value = password.value.replace(/./g, '*');
+        console.log(password.value);
+    })
+    // 获取粘贴板的文本数据
+    passwordDisc.addEventListener("paste", function (event) {
+        this.pasteString = event.clipboardData.getData('text/plain');
+    })
+
     var cordFlag = false;
+
+    $("#password").val("");
     function qiehuan() {
         if(!cordFlag) {
             $(".divHead").hide(100);