20240416陈天仲本地代码提交

bdbddbd5 · 陈天仲 · b39c28c8 · bdbddbd5 · bdbddbd5
Commit bdbddbd5 authored Apr 16, 2024 by 陈天仲
Hide whitespace changes
Inline Side-by-side

Showing with 82 additions and 18 deletions

src/main/resources/templates/app/casLoginView.html
+77 -18

src/main/resources/templates/app/configure.json
+5 -0

No files found.
--- a/src/main/resources/templates/app/casLoginView.html
+++ b/src/main/resources/templates/app/casLoginView.html
@@ -22,6 +22,10 @@
        .shadow {
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
        }
+        /*去除ie edge的密码框默认出现的小眼睛，给人添乱这一块，巨硬从来都没让我失望过*/
+        input[type="password"]::-ms-reveal{
+            display: none;
+        }
    </style>
 </head>
 <body style="background-color: #EDEDED;">
@@ -54,8 +58,10 @@
                    <div class="form-group" style="height:78px" id="username-block">
                        <div class="label text-blue">
                            <label for="username">用户名： </label>
-                            <a style="cursor:pointer;text-decoration:none;color: #0f4bac" onclick="queryAccount();">忘记用户名?点这里...</a>
-<!--                            <input class="button  bg-yellow bouncein" id="selectUser" type="button" value="选择用户"/>-->
+
+                            <a style="cursor:pointer;text-decoration:none;color: #0f4bac;display: none" onclick="queryAccount();" id="searchUser">忘记用户名?点这里...</a>
+
+                            <input class="button  bg-yellow bouncein" id="selectUser" type="button" value="选择用户"/>
                        </div>
 <!--                        th:field="*{username}"-->
                        <input id="hideUserId" type="hidden" value=""/>
@@ -74,20 +80,22 @@
                    </div>

                    <div class="form-group" style="height:68px;" id="password-block">
-                        <div class="label text-blue">
-                            <label for="password">密码：</label>
-                        </div>
-                        <div class="field field-icon">
-                            <span class="icon icon-key"></span>
-                            <input class="required input "
-                                   type="password"
-                                   id="password"
-                                   size="25"
-                                   tabindex="2"
-                                   th:accesskey="#{screen.welcome.label.password.accesskey}"
-                                   th:field="*{password}"
-                                   autocomplete="off"/>
-                        </div>
+                            <div class="label text-blue">
+                                <label for="password">密码：</label>
+                            </div>
+                            <div class="field field-icon">
+                                <span class="icon icon-key"></span>
+                                <i class="iconfont icon-eye" id="icons" style="position: absolute; top: 7px; right: 7px" onclick="changeType(this)"></i>
+                                <input class="required input "
+                                       type="password"
+                                       id="password"
+                                       size="25"
+                                       tabindex="2"
+                                       th:accesskey="#{screen.welcome.label.password.accesskey}"
+                                       th:field="*{password}"
+                                       autocomplete="off"/>
+
+                            </div>
                    </div>

                    <div class="form-group" style="height:78px" id="certUser-block">
@@ -112,6 +120,7 @@
                            <input class="required input"
                                   type="password"
                                   id="certPwd"
+                                   autocomplete="off"
                                   size="25"/>
                        </div>
                    </div>
@@ -124,7 +133,7 @@
                    <div class="form-group" style="padding-bottom: 0">
                        <div class="field label">
                            <label class="text-blue" style="display: flex;align-items: center">
-                                <input alt="记住用户名" style="width: 15px;height: 15px;margin-right: 10px" id="rmemberUser" type="checkbox"/> 记住用户名
+                                <input alt="记住用户名" style="width: 15px;height: 15px;margin-right: 10px"   id="rmemberUser" type="checkbox"/> 记住用户名
                            </label>
                        </div>
                    </div>
@@ -200,7 +209,10 @@
 <script type="text/javascript" src="./app/js/myself/login_new.js"></script>
 <script type="text/javascript">

-    // SelectGXFYUsers.init("selectUser", "username", "hideUserId", 3, false);
+
+    SelectGXFYUsers.init("selectUser", "username", "hideUserId", 3, false);
+
+    configure();
    bindKeyup();

    $(function (){
@@ -241,6 +253,52 @@
            }
        });
    }
+
+    function changeType(e){
+        // js原生小眼睛 1.获取元素
+        var pwd = document.getElementById('password');
+
+        var pwdtype = (pwd.type == "password") ? "text" : "password";
+        console.log("pwdtype",pwdtype)
+        var pwdClass = (pwdtype == "password" )? "iconfont icon-eye":'iconfont icon-eye-slash';
+        console.log("pwdClass",pwdClass)
+        pwd.type = pwdtype;
+        e.className = pwdClass;
+    }
+
+    function configure(){
+        $.ajax({
+            url: "configure.json",//同文件夹下的json文件路径
+            type: "GET",//请求方式为get
+            dataType: "json", //返回数据格式为json
+            success: function(data) {//请求成功完成后要执行的方法
+                if (data.index = 0){  //0  显示选人组件   1显示搜人组件
+                    $("#selectUser").show();
+                    $("#searchUser").hide();
+                }else{
+                    $("#selectUser").hide();
+                    $("#searchUser").show();
+                }
+
+            }
+        })
+    }
+
+    // // 2.注册事件 处理程序
+    // var flag = 0;
+    // eye.onclick = function(){
+    //     if(flag == 0){
+    //         pwd.type = 'text';
+    //         //更改元素的类名，以达到变换图标的作用
+    //         eye.className='iconfont icon-eye-close'
+    //         //点击一次之后 flag一定要发生变化
+    //         flag = 1
+    //     }else{
+    //         pwd.type = 'password'
+    //         flag = 0
+    //         eye.className='iconfont icon-eye'
+    //     }
+    // }
 </script>
 </body>
 </html>
\ No newline at end of file
--- a/src/main/resources/templates/app/configure.json
+++ b/src/main/resources/templates/app/configure.json
+
+{
+  //0  显示选人组件   1显示搜人组件
+  "index": 1
+}