新增页面

有登陆过滤器
正式上线1.0

web/html/header.html

@@ -12,13 +12,13 @@
             <li class="layui-nav-item"><a href="http://blog.yutou233.cn">博客</a></li>
             <div id="admin" style="display: inline-block; font-size: 0px;">
                 <li class="layui-nav-item"><a href="/html/body/nas/index.html">NAS管理</a>
-                   
+
                 </li>
             </div>
             <li class="layui-nav-item">
                 <a href="javascript:;">工具集</a>
                 <dl class="layui-nav-child">
-                    <dd><a href="javascript:;" target="_blank">密码管理器</a></dd>
+                    <dd><a href="/html/body/tools/password.html">密码管理器</a></dd>
                 </dl>
             </li>
             <li class="layui-nav-item">
@@ -29,27 +29,63 @@
                 </dl>
             </li>
             <li class="layui-nav-item" id='icon'>
-                <a href="javascript:;" id="login"><img src="//t.cn/RCzsdCq" class="layui-nav-img">登录</a>
+                <a href="javascript:;" id="login"><img src="//t.cn/RCzsdCq" class="layui-nav-img"><span
+                        id='login_text'>登录</span></a>
                 <dl class="layui-nav-child">
-                    <dd><a href="javascript:;">退了</a></dd>
+                    <dd><a href="javascript:;" id="logout">退了</a></dd>
                 </dl>
             </li>
         </ul>
     </div>
 </body>
 <script>
-
+    let loginStatus = false;
+    $.get("/login/check.do", function (data) {
+        let json = JSON.parse(data);
+        if (json.code == 0) {
+            $('#login_text').text('已登录')
+            loginStatus = true;
+        }
+    })
     $('#login').click(function () {
+        if (loginStatus) {
+            return;
+        }
         $.post('/login/sendCaptcha.do', function () {
             layer.prompt({
                 title: '安全登录码'
             }, function (value, index, elem) {
-                alert(value); //得到value
+                $.post('/login/login.do', { code: value }, function (data) {
+                    let json = JSON.parse(data);
+                    layer.msg(json.msg)
+                    window.location.reload()
+                });
                 layer.close(index);
             })
         })
+    })
+    $('#logout').click(function () {
+        $.post('/login/logout.do', function (data) {
+            let json = JSON.parse(data);
+            layer.msg(json.msg)
+            window.location.href = "/"
+        })
+    })
+    $(document).ready(function () {
+        let mobile = navigator.userAgent.toLowerCase().match(/android/i) == "android" || navigator.userAgent.toLowerCase().match(/iphone os/i) == "iphone os";
+        if (mobile) {
+            $('.layui-body').css('left', '0')
+            $('.layui-body').css('top', '150px')
+            $('.layui-body').css('height', '200%')
+            $('#icon').css('float', 'none')
+            
 
+        } else {
+            $('.layui-body').css('padding-right', '100px')
+            $('#icon').css('float', 'right')
+        }
     })
 </script>
-
+<style>
+</style>
 </html>