登出登入bug修复

This commit is contained in:
2025-06-26 20:33:42 +08:00
parent cd7f61d141
commit a10173d98a
8 changed files with 248 additions and 169 deletions
+107 -54
View File
@@ -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>
+1 -1
View File
@@ -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>
+8 -7
View File
@@ -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)
}
})