From 0a0443c660f9c569517cfa301e7dce82e58e4fb4 Mon Sep 17 00:00:00 2001
From: shinn-lancelot <945226793@qq.com>
Date: Thu, 23 Aug 2018 20:00:31 +0800
Subject: [PATCH] =?UTF-8?q?1.=20=E5=AE=8C=E5=96=84admin.php=20ui=202.=20?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84verify.php=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin.php            |  17 +++++---
 asset/image/home.png | Bin 0 -> 2541 bytes
 verify.php           |  99 ++++++++++++++++++++++++++++++++++++++++++-
 3 files changed, 109 insertions(+), 7 deletions(-)
 create mode 100644 asset/image/home.png

diff --git a/admin.php b/admin.php
index 87d6605..762a908 100644
--- a/admin.php
+++ b/admin.php
@@ -25,8 +25,13 @@
                 font-size: 4vw;
             }
             .user-size, .logout-size {
+                height: 4vw;
                 line-height: 4vw;
                 font-size: 3vw;
+                margin-left: 2vw;
+                display: inline-block;
+                vertical-align: top;
+                overflow: hidden;
             }
             .logo {
                 margin: 0 auto 10vw;
@@ -44,8 +49,13 @@
                 font-size: calc(640px * 0.04);
             }
             .user-size, .logout-size {
+                height: calc(640px * 0.04);
                 line-height: calc(640px * 0.04);
                 font-size: calc(640px * 0.03);
+                margin-left: 2vw;
+                display: inline-block;
+                vertical-align: top;
+                overflow: hidden;
             }
             .logo {
                 margin: 0 auto calc(640px * 0.1);
@@ -78,19 +88,14 @@
             top: 2vw;
             left: 0;
             z-index: 100;
+            font-size: 0;
         }
 
         .user {
-            margin-left: 1vw;
-            display: inline-block;
-            overflow: hidden;
             color: #36a82e;
         }
 
         .logout-btn {
-            margin-left: 1vw;
-            display: inline-block;
-            overflow: hidden;
             color: #ddd;
             text-decoration: underline;
             cursor: pointer;
diff --git a/asset/image/home.png b/asset/image/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..e63dcbb3fb3f2fab3187447242001dc43285b1b7
GIT binary patch
literal 2541
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
DmBGDd

literal 0
HcmV?d00001

diff --git a/verify.php b/verify.php
index e55b74e..abcb1d1 100644
--- a/verify.php
+++ b/verify.php
@@ -40,12 +40,30 @@
                 right: 2.5vw;
                 cursor: pointer;
             }
+            .user-size, .logout-size {
+                height: 4vw;
+                line-height: 4vw;
+                font-size: 3vw;
+                margin-left: 2vw;
+                display: inline-block;
+                vertical-align: top;
+                overflow: hidden;
+            }
             .logo {
                 margin: 0 auto 10vw;
                 width: 30vw;
                 height: 30vw;
                 background: url("./asset/image/oauth_proxy.png") no-repeat center / contain;
             }
+            .home {
+                width: 4vw;
+                height: 4vw;
+                background: url("./asset/image/home.png") no-repeat center / contain;
+                float: left;
+                display: inline-block;
+                vertical-align: top;
+                cursor: pointer;
+            }
         }
 
         @media screen and (min-width: 640px) {
@@ -71,12 +89,30 @@
                 right: calc(640px * 0.025);
                 cursor: pointer;
             }
+            .user-size, .logout-size {
+                height: calc(640px * 0.04);
+                line-height: calc(640px * 0.04);
+                font-size: calc(640px * 0.03);
+                margin-left: 2vw;
+                display: inline-block;
+                vertical-align: top;
+                overflow: hidden;
+            }
             .logo {
                 margin: 0 auto calc(640px * 0.1);
                 width: calc(640px * 0.3);
                 height: calc(640px * 0.3);
                 background: url("./asset/image/oauth_proxy.png") no-repeat center / contain;
             }
+            .home {
+                width: calc(640px * 0.04);
+                height: calc(640px * 0.04);
+                background: url("./asset/image/home.png") no-repeat center / contain;
+                float: left;
+                display: inline-block;
+                vertical-align: top;
+                cursor: pointer;
+            }
         }
 
         .wrapper {
@@ -93,6 +129,28 @@
             position: relative;
         }
 
+        .user-box {
+            width: 100%;
+            padding: 0 2vw;
+            box-sizing: border-box;
+            text-align: right;
+            position: absolute;
+            top: 2vw;
+            left: 0;
+            z-index: 100;
+            font-size: 0;
+        }
+
+        .user {
+            color: #36a82e;
+        }
+
+        .logout-btn {
+            color: #ddd;
+            text-decoration: underline;
+            cursor: pointer;
+        }
+
         .box {
             width: 100%;
             height: auto;
@@ -170,6 +228,11 @@
 <body>
 <div class="wrapper">
     <div class="container">
+        <div class="user-box">
+            <a href="./admin.php"><div class="home"></div></a>
+            <p class="user user-size"><?php echo $user; ?></p>
+            <p class="logout-btn logout-size">退出登录</p>
+        </div>
         <div class="box">
             <div class="logo"></div>
             <form id="form">
@@ -200,7 +263,9 @@
         txtClass = '',
         clearIconObj = document.getElementsByClassName('icon-clear')[0],
         redirectUrl = window.location.host,
-        formObj = document.getElementById('form');
+        formObj = document.getElementById('form'),
+        loginoutBtnObj = document.getElementsByClassName('logout-btn')[0],
+        logoutState = 1;
 
     if (window.ActiveXObject) {
         xhr = new ActiveXObject("Microsoft.XMLHTTP");
@@ -236,6 +301,34 @@
         }
     }
 
+    var logout = function(e) {
+        e.preventDefault();
+        if (logoutState != 1) {
+            return;
+        }
+        logoutState = 0;
+
+        xhr.open('post', './common/logoutHandle.php', true);
+        xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
+        xhr.send('');
+        xhr.onreadystatechange = function() {
+            if (xhr.readyState == 4) {
+                responseObj = JSON.parse(xhr.response);
+                alert(responseObj.message);
+                if (responseObj.code == 1) {
+                    setTimeout(function() {
+                        window.location.href = './login.php';
+                    }, 500);
+                } else {
+                    logoutState = 1;
+                }
+
+            } else {
+                console.log(xhr.readyState);
+            }
+        }
+    }
+
     var clearFunc = function (e) {
         txtObj.value = '';
         txt = '';
@@ -247,6 +340,10 @@
         submitBtnObj.removeEventListener('click', submitFunc);
     }
 
+    loginoutBtnObj.addEventListener('click', function(e) {
+        confirm('您确定要退出吗？') && logout(e);
+    });
+
     txtObj.addEventListener('input', function (e) {
         submitBtnObj.removeEventListener('click', submitFunc);
         txt = txtObj.value;