init
This commit is contained in:
132
Web/html/header.html
Normal file
132
Web/html/header.html
Normal file
@@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta name="referrer" content="no-referrer"/>
|
||||
<meta charset="UTF-8">
|
||||
<title>DD监视器</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="layui-header">
|
||||
<ul class="layui-nav" lay-filter="" style="background-color: #1772B4;">
|
||||
<li class="layui-nav-item">DD监视器</li>
|
||||
<div id="admin" style="display: inline-block; font-size: 0px;">
|
||||
<li class="layui-nav-item"><a href="/html/body/bilibili/upInfo.html">UP管理</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="/html/body/bilibili/video.html">录像</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</div>
|
||||
<li class="layui-nav-item">
|
||||
<a href="/html/body/bilibili/realTimeData.html">实时数据</a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="/html/body/bilibili/overview.html">数据统计</a>
|
||||
</li>
|
||||
<li class="layui-nav-item" id='icon'>
|
||||
<a href="javascript:;" id="login"><img src="https://static.hdslb.com/images/akari.jpg" class="layui-nav-img"
|
||||
id="icon_img"><span
|
||||
id='login_text'>登录</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="/html/body/user.html">设置</a></dd>
|
||||
<dd><a href="javascript:;" id="logout">退了</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<div id="loginDialog" style="display: none;width: 80%;height: 100%">
|
||||
<br>
|
||||
<label class="layui-form-label">账号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" id="uname" required="" lay-verify="required" placeholder="请输入账号" autoComplete="off"
|
||||
class="layui-input">
|
||||
</div>
|
||||
<label class="layui-form-label" style="margin-top: 10px">密码</label>
|
||||
<div class="layui-input-block" style="margin-top: 10px">
|
||||
<input type="password" id="pass" required="" lay-verify="required" placeholder="请输入密码" autoComplete="off"
|
||||
class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
let loginStatus = false;
|
||||
$.post('/user/get/test.do', function (json) {
|
||||
console.log(json)
|
||||
if (json.code === 0) {
|
||||
$('#login_text').text(json.data.user);
|
||||
loginStatus = true;
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
$('#login').click(function () {
|
||||
if (loginStatus) {
|
||||
return;
|
||||
}
|
||||
layer.open({
|
||||
title: "登陆",
|
||||
content: $('#loginDialog'),
|
||||
type: 1,
|
||||
btn: ['登陆', '注册'],
|
||||
success: function () {
|
||||
//new QRCode(document.getElementById("qrcode"), json.url);
|
||||
},
|
||||
yes: function (index) {
|
||||
let uname = $('#uname').val();
|
||||
let password = $('#pass').val()
|
||||
$.post('/user/login.do', {user: uname, password: password}, function (json) {
|
||||
layer.msg(json.msg, function () {
|
||||
console.log(json)
|
||||
if (json.code === 0) {
|
||||
layer.close(index)
|
||||
$('#loginDialog').css('display', 'none')
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
btn2: function (index) {
|
||||
let uname = $('#uname').val();
|
||||
let password = $('#pass').val()
|
||||
$.post('/user/reg.do', {user: uname, password: password}, function (json) {
|
||||
layer.msg(json.msg, function () {
|
||||
console.log(json)
|
||||
if (json.code === 0) {
|
||||
layer.close(index)
|
||||
$('#loginDialog').css('display', 'none')
|
||||
window.location.reload();
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
});
|
||||
$('#logout').click(function (){
|
||||
$.post('/user/logout.do',function (json) {
|
||||
layer.msg(json.msg,function (){
|
||||
window.location.reload();
|
||||
})
|
||||
})
|
||||
})
|
||||
$(document).ready(function () {
|
||||
let mobile = layui.device().mobile;
|
||||
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>
|
||||
Reference in New Issue
Block a user