登出登入bug修复
This commit is contained in:
+107
-54
@@ -1,13 +1,13 @@
|
||||
|
||||
|
||||
<footer class="footer footer-transparent d-print-none ">
|
||||
<div class="container-xl">
|
||||
<div class="row text-center align-items-center flex-row-reverse">
|
||||
<div class="col-lg-auto ms-lg-auto">
|
||||
<ul class="list-inline list-inline-dots mb-0">
|
||||
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas/-/blob/main/readme.md?ref_type=heads" target="_blank"
|
||||
<li class="list-inline-item"><a
|
||||
href="https://git.lmve.net/kevin/gin_saas/-/blob/main/readme.md?ref_type=heads" target="_blank"
|
||||
class="link-secondary" rel="noopener">文档</a></li>
|
||||
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas/-/blob/main/LICENSE?ref_type=heads" target="_blank" class="link-secondary">开源协议</a>
|
||||
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas/-/blob/main/LICENSE?ref_type=heads"
|
||||
target="_blank" class="link-secondary">开源协议</a>
|
||||
</li>
|
||||
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas" target="_blank"
|
||||
class="link-secondary" rel="noopener">
|
||||
@@ -40,7 +40,8 @@
|
||||
All rights reserved.
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a href="https://git.lmve.net/kevin/gin_saas/-/commits/main" target="_blank" class="link-secondary" rel="noopener">
|
||||
<a href="https://git.lmve.net/kevin/gin_saas/-/commits/main" target="_blank" class="link-secondary"
|
||||
rel="noopener">
|
||||
v0.0.1
|
||||
</a>
|
||||
</li>
|
||||
@@ -50,53 +51,48 @@
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="offcanvas my_offcanvas_top alert alert-important alert-dismissible" role="alert" tabindex="-1" id="offcanvas">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/check -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
|
||||
stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M5 12l5 5l10 -10"></path>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
|
||||
stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path
|
||||
d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z">
|
||||
</path>
|
||||
<path d="M12 9v4"></path>
|
||||
<path d="M12 17h.01"></path>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24"
|
||||
viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
|
||||
stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
|
||||
<path d="M12 8v4"></path>
|
||||
<path d="M12 16h.01"></path>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
||||
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
|
||||
class="icon icon-tabler icons-tabler-outline icon-tabler-brand-hipchat">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path
|
||||
d="M17.802 17.292s.077 -.055 .2 -.149c1.843 -1.425 3 -3.49 3 -5.789c0 -4.286 -4.03 -7.764 -9 -7.764c-4.97 0 -9 3.478 -9 7.764c0 4.288 4.03 7.646 9 7.646c.424 0 1.12 -.028 2.088 -.084c1.262 .82 3.104 1.493 4.716 1.493c.499 0 .734 -.41 .414 -.828c-.486 -.596 -1.156 -1.551 -1.416 -2.29z" />
|
||||
<path d="M7.5 13.5c2.5 2.5 6.5 2.5 9 0" />
|
||||
</svg>
|
||||
<div class="offcanvas my_offcanvas_top" tabindex="-1" id="banner_alf" aria-labelledby="offcanvasTopLabel">
|
||||
<div class="alert alert-dismissible alert-success" id="banner_alf_type">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<!-- Download SVG icon from http://tabler-icons.io/i/check -->
|
||||
<svg id="banner_alf_icon_success" class="d-none" xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24"
|
||||
stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M5 12l5 5l10 -10"></path>
|
||||
</svg>
|
||||
<svg id="banner_alf_icon_warning" class="d-none" xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24"
|
||||
stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path
|
||||
d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z">
|
||||
</path>
|
||||
<path d="M12 9v4"></path>
|
||||
<path d="M12 17h.01"></path>
|
||||
</svg>
|
||||
<svg id="banner_alf_icon_danger" class="d-none" xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24"
|
||||
stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
|
||||
<path d="M12 8v4"></path>
|
||||
<path d="M12 16h.01"></path>
|
||||
</svg>
|
||||
<svg id="banner_alf_icon_info" class="d-none" xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24"
|
||||
stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path>
|
||||
<path d="M12 9h.01"></path>
|
||||
<path d="M11 12h1v4h1"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div id="banner_alf_text">
|
||||
text
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="offcanvas" aria-label="close"></a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div id="alertText">
|
||||
123
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="offcanvas" aria-label="close"></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CSS files -->
|
||||
<link href="/dist/css/tabler.min.css?1692870487" rel="stylesheet" />
|
||||
@@ -114,6 +110,27 @@
|
||||
body {
|
||||
font-feature-settings: "cv03", "cv04", "cv11";
|
||||
}
|
||||
|
||||
.my_offcanvas_top {
|
||||
|
||||
height: 45px;
|
||||
border-radius: 5px;
|
||||
/* 四个角均为圆角 */
|
||||
top: 50px;
|
||||
right: 120px;
|
||||
left: 120px;
|
||||
transform: scaleY(0);
|
||||
transform-origin: top center;
|
||||
transition: transform 0.4s;
|
||||
|
||||
}
|
||||
|
||||
.my_offcanvas_top.show {
|
||||
|
||||
transform: scaleY(1);
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
<!-- Libs JS -->
|
||||
<!-- <script src="/dist/libs/apexcharts/dist/apexcharts.min.js?1692870487" defer></script>
|
||||
@@ -128,15 +145,51 @@
|
||||
<script src="/dist/js/axios.min.js"></script>
|
||||
<script src="/dist/js/jquery-3.7.1.min.js"></script>
|
||||
|
||||
<script src="/dist/libs/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
var banner_offcanvas = new bootstrap.Offcanvas($('#banner_alf'), {
|
||||
backdrop: false // 关闭背景层
|
||||
});
|
||||
|
||||
function banner_alert(type, text, close) {
|
||||
var ban_type = $('#banner_alf_type')
|
||||
var ban_text = $('#banner_alf_text')
|
||||
ban_type.removeClass('alert-success');
|
||||
ban_type.removeClass('alert-warning');
|
||||
ban_type.removeClass('alert-danger');
|
||||
ban_type.removeClass('alert-info');
|
||||
ban_type.addClass('alert-' + type);
|
||||
ban_text.html(text);
|
||||
|
||||
$('#banner_alf_icon_success').addClass('d-none')
|
||||
$('#banner_alf_icon_warning').addClass('d-none')
|
||||
$('#banner_alf_icon_danger').addClass('d-none')
|
||||
$('#banner_alf_icon_info').addClass('d-none')
|
||||
|
||||
switch (type){
|
||||
case 'success':
|
||||
$('#banner_alf_icon_success').removeClass('d-none')
|
||||
break;
|
||||
case 'warning':
|
||||
$('#banner_alf_icon_warning').removeClass('d-none')
|
||||
break;
|
||||
case 'danger':
|
||||
$('#banner_alf_icon_danger').removeClass('d-none')
|
||||
break;
|
||||
case 'info':
|
||||
$('#banner_alf_icon_info').removeClass('d-none')
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
banner_offcanvas.show();
|
||||
setTimeout(() => {
|
||||
banner_offcanvas?.hide()
|
||||
}, close ? close : 1000);
|
||||
}
|
||||
|
||||
//banner_alert('success', '123', 5000)
|
||||
|
||||
</script>
|
||||
@@ -389,7 +389,7 @@
|
||||
<link href="/dist/libs/cropper/cropper.min.css" rel="stylesheet">
|
||||
|
||||
<!-- libs -->
|
||||
<script src="/dist/libs/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
@@ -71,12 +71,12 @@
|
||||
<div id="pass_err" class="invalid-feedback">不能为空</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-2">
|
||||
<!-- <div class="mb-2">
|
||||
<label class="form-check">
|
||||
<input id="keep_login" type="checkbox" class="form-check-input" />
|
||||
<span class="form-check-label">保持登录</span>
|
||||
</label>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="form-footer">
|
||||
<button onclick="sign_in()" class="btn btn-primary w-100">登录</button>
|
||||
</div>
|
||||
@@ -160,20 +160,21 @@
|
||||
post_json("/user/login", {
|
||||
username: username_dom.value,
|
||||
password: password_dom.value,
|
||||
is_keep_login: keep_login_dom.checked
|
||||
is_keep_login: true
|
||||
}, (c) => {
|
||||
if (c.statusCode == 200) {
|
||||
if (c.data.err_code == 0) {
|
||||
save_json("cookie", c.data.return.cookie)
|
||||
//save_json("cookie", c.data.return.cookie)
|
||||
banner_alert('success', "登录成功",9500)
|
||||
save_json("user_info", c.data.return.user_info)
|
||||
setTimeout(() => {
|
||||
location.href = '/'
|
||||
}, 500);
|
||||
}, 1000);
|
||||
} else {
|
||||
//this.$refs.footer.alert('warning', "账号或密码不正确")
|
||||
banner_alert('warning', "账号或密码不正确",3000)
|
||||
}
|
||||
} else {
|
||||
//this.$refs.footer.alert('danger', "网络连接错误:" + c.statusCode)
|
||||
banner_alert('danger', "网络连接错误:" + c.statusCode,3000)
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user