新增页面
有登陆过滤器 正式上线1.0
This commit is contained in:
123
web/html/body/nas/bilidown.html
Normal file
123
web/html/body/nas/bilidown.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>NAS</title>
|
||||
<link rel="stylesheet" href="/layui/css/layui.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="layui-layout layui-layout-admin">
|
||||
<div id="header"></div>
|
||||
<div class="layui-body" style="left: 200px;">
|
||||
<div id="side"></div>
|
||||
<blockquote class="layui-elem-quote"><span id="ip">B站直播下载器</span></blockquote>
|
||||
<table id="address" lay-filter="listTools"></table>
|
||||
<div id="footer"></div>
|
||||
</div>
|
||||
|
||||
<script src="/layui/layui.js"></script>
|
||||
<script src="/js/jquery-3.2.1.js"></script>
|
||||
<script type="text/html" id="listTools">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="set">设置</a>
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||||
</script>
|
||||
<script>
|
||||
$.get("/login/check.do", function (data) {
|
||||
let json = JSON.parse(data);
|
||||
if (json.code != 0) {
|
||||
window.location.href = "/"
|
||||
}
|
||||
})
|
||||
layui.use(['layer', 'form', 'element', 'table'], function () {
|
||||
var layer = layui.layer
|
||||
, form = layui.form
|
||||
, table = layui.table;
|
||||
table.render({
|
||||
elem: "#address"
|
||||
, url: '/bili/live/get/url.do'
|
||||
, page: true
|
||||
, cols: [[
|
||||
{ field: "id", title: "id", width: 80, sort: true, fixed: 'left' }
|
||||
, { field: 'cid', title: 'cid', width: 100 }
|
||||
, { field: 'url', title: 'url', width: 400 }
|
||||
, { field: 'status', title: '状态', width: 80 }
|
||||
, { field: "right", width: 200, toolbar: '#listTools' }
|
||||
]]
|
||||
});
|
||||
table.on('tool(listTools)', function (obj) {
|
||||
let data = obj.data;
|
||||
if (obj.event === 'set') {
|
||||
layer.open({
|
||||
title: '设置'
|
||||
, content: '切换状态'
|
||||
, btn: ['启动', '关闭']
|
||||
, yes: function (index, obj) {
|
||||
$.post('/bili/live/set/update.do', { id: data.id, status: '1' }, function (data) {
|
||||
let json = JSON.parse(data);
|
||||
layer.msg(json.msg);
|
||||
table.reload('address')
|
||||
})
|
||||
layer.close(index)
|
||||
},
|
||||
btn2: function (index, obj) {
|
||||
$.post('/bili/live/set/update.do', { id: data.id, status: '0' }, function (data) {
|
||||
let json = JSON.parse(data);
|
||||
layer.msg(json.msg);
|
||||
table.reload('address')
|
||||
})
|
||||
table.reload('address')
|
||||
layer.close(index)
|
||||
}
|
||||
})
|
||||
} else if (obj.event === 'edit') {
|
||||
layer.prompt({
|
||||
title: "请输入链接或cid"
|
||||
}, function (value, index) {
|
||||
$.post('/bili/live/set/update.do', { id: data.id, url: value }, function (data) {
|
||||
let json = JSON.parse(data);
|
||||
layer.msg(json.msg);
|
||||
table.reload('address')
|
||||
})
|
||||
table.reload('address')
|
||||
layer.close(index)
|
||||
})
|
||||
} else {
|
||||
layer.open({
|
||||
title: "删除提示"
|
||||
, content: "确认删除？"
|
||||
, btn: ['确认', '取消']
|
||||
, yes: function (index, layero) {
|
||||
$.post('bili/live/set/delete.do', { id: data.id }, function () {
|
||||
table.reload('address')
|
||||
});
|
||||
layer.close(index)
|
||||
},
|
||||
btn2: function (index, layero) {
|
||||
layer.close(index)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
$.ajax({ cache: false })
|
||||
$('#header').load("/html/header.html");
|
||||
$('#footer').load("/html/footer.html");
|
||||
$('#side').load("/html/body/nas/side.html");
|
||||
|
||||
</script>
|
||||
<style>
|
||||
#icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.body {
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -30,12 +30,17 @@
|
||||
$('#header').load("/html/header.html");
|
||||
$('#footer').load("/html/footer.html");
|
||||
$('#side').load("/html/body/nas/side.html");
|
||||
$.get("/login/check.do", function (data) {
|
||||
let json = JSON.parse(data);
|
||||
if (json.code != 0) {
|
||||
window.location.href = "/"
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
#icon {
|
||||
#icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.body {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@@ -13,14 +13,19 @@
|
||||
<div id="header"></div>
|
||||
<div class="layui-body" style="left: 200px;">
|
||||
<div id="side"></div>
|
||||
<blockquote class="layui-elem-quote" ><span id="ip">当前IP:</span></blockquote>
|
||||
<blockquote class="layui-elem-quote"><span id="ip">当前IP:</span></blockquote>
|
||||
<div id="footer"></div>
|
||||
</div>
|
||||
|
||||
<script src="/layui/layui.js"></script>
|
||||
<script src="/js/jquery-3.2.1.js"></script>
|
||||
<script>
|
||||
|
||||
$.get("/login/check.do", function (data) {
|
||||
let json = JSON.parse(data);
|
||||
if (json.code != 0) {
|
||||
window.location.href = "/"
|
||||
}
|
||||
})
|
||||
layui.use(['layer', 'form', 'element'], function () {
|
||||
var layer = layui.layer
|
||||
, form = layui.form;
|
||||
@@ -30,20 +35,26 @@
|
||||
$('#header').load("/html/header.html");
|
||||
$('#footer').load("/html/footer.html");
|
||||
$('#side').load("/html/body/nas/side.html");
|
||||
$.post("/nas/getIp.do",function(data){
|
||||
var json=JSON.parse(data);
|
||||
if(json.code!=0){
|
||||
$.post("/nas/getIp.do", function (data) {
|
||||
try {
|
||||
var json = JSON.parse(data);
|
||||
} catch (error) {
|
||||
window.location.href = "/"
|
||||
return
|
||||
}
|
||||
|
||||
if (json.code != 0) {
|
||||
$('#ip').html(json.msg);
|
||||
}else{
|
||||
$('#ip').html("当前服务器IP:"+json.data);
|
||||
} else {
|
||||
$('#ip').html("当前服务器IP:" + json.data);
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
<style>
|
||||
#icon {
|
||||
#icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.body {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div class="layui-side layui-bg-black">
|
||||
<div class="layui-side-scroll layui-bg-blue">
|
||||
<div class="layui-side layui-bg-black" id='myside'>
|
||||
<div class="layui-side-scroll layui-bg-blue" id="myside_div">
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree layui-bg-blue" lay-filter="test">
|
||||
<ul class="layui-nav layui-nav-tree layui-bg-blue" lay-filter="test" >
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;">本体管理</a>
|
||||
<dl class="layui-nav-child">
|
||||
@@ -9,20 +9,30 @@
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;">管理后台</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">切换管理后台</a></dd>
|
||||
<dd><a href="javascript:;">管理后台</a></dd>
|
||||
<dd><a href="javascript:;">Jellyfin</a></dd>
|
||||
</dl>
|
||||
<a class="" href="/html/body/nas/switchAdmin.html">管理后台</a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">功能管理</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">B站直播下载器</a></dd>
|
||||
<dd><a href="/html/body/nas/bilidown.html">B站直播下载器</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
let mobile = navigator.userAgent.toLowerCase().match(/android/i) == "android" || navigator.userAgent.toLowerCase().match(/iphone os/i) == "iphone os";
|
||||
if (mobile) {
|
||||
$('#myside').removeClass('layui-side')
|
||||
$('#myside_div').removeClass('layui-side-scroll')
|
||||
$('#myside').addClass('layui-header')
|
||||
$('#myside').css('height','100%')
|
||||
|
||||
</div>
|
||||
} else {
|
||||
$('#myside').removeClass('layui-header')
|
||||
$('#myside').addClass('layui-side')
|
||||
$('#myside_div').addClass('layui-side-scroll')
|
||||
}
|
||||
})
|
||||
</script>
|
||||
@@ -13,37 +13,138 @@
|
||||
<div id="header"></div>
|
||||
<div class="layui-body" style="left: 200px;">
|
||||
<div id="side"></div>
|
||||
<blockquote class="layui-elem-quote" ><span id="ip">当前IP:</span></blockquote>
|
||||
<blockquote class="layui-elem-quote"><span id="ip">当前状态:</span></blockquote>
|
||||
<div style="margin-left: 10px;">
|
||||
<button type="button" id='add' class="layui-btn layui-btn-normal">新增</button>
|
||||
<div style="width: 30%; margin-top: 10px; display: none;" id="adddata">
|
||||
<form class="layui-form" action="">
|
||||
<input type="text" name="title" id="title" required lay-verify="required" placeholder="请输入标题"
|
||||
autocomplete="off" class="layui-input">
|
||||
<input type="text" name="url" id="url" required lay-verify="required" placeholder="请输入URL"
|
||||
autocomplete="off" class="layui-input" style="margin-top: 10px;">
|
||||
<input type="number" name="port" id="port" required lay-verify="required" placeholder="请输入端口"
|
||||
autocomplete="off" class="layui-input" style="margin-top: 10px;">
|
||||
<div class="layui-form-item">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo"
|
||||
style="margin-top: 10px;">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary"
|
||||
style="margin-top: 10px;">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<table id="address" lay-filter="listTools"></table>
|
||||
</div>
|
||||
|
||||
<div id="footer"></div>
|
||||
</div>
|
||||
|
||||
<script src="/layui/layui.js"></script>
|
||||
<script src="/js/jquery-3.2.1.js"></script>
|
||||
<script>
|
||||
|
||||
layui.use(['layer', 'form', 'element'], function () {
|
||||
<script type="text/html" id="listTools">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="set">设置</a>
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
||||
</script>
|
||||
<script>
|
||||
$.get("/login/check.do", function (data) {
|
||||
let json = JSON.parse(data);
|
||||
if (json.code != 0) {
|
||||
window.location.href = "/"
|
||||
}
|
||||
})
|
||||
let editModel = 'edit';
|
||||
let dataId = -1;
|
||||
layui.use(['layer', 'form', 'element', 'table'], function () {
|
||||
var layer = layui.layer
|
||||
, form = layui.form;
|
||||
, form = layui.form
|
||||
, table = layui.table;
|
||||
table.render({
|
||||
elem: "#address"
|
||||
, url: '/auth/nas/address/list.do'
|
||||
, page: true
|
||||
|
||||
, cols: [[
|
||||
{ field: "id", title: "id", width: 80, sort: true, fixed: 'left' }
|
||||
, { field: 'title', title: '标题', width: 80 }
|
||||
, { field: 'url', title: 'url', width: 400 }
|
||||
, { field: 'port', title: '端口', width: 80 }
|
||||
, { field: "right", width: 200, toolbar: '#listTools' }
|
||||
]]
|
||||
});
|
||||
table.on('tool(listTools)', function (obj) {
|
||||
let data = obj.data;
|
||||
if (obj.event === 'set') {
|
||||
$.post('/auth/nas/address/set.do', { id: data.id }, function (deta) {
|
||||
let json = JSON.parse(deta);
|
||||
layer.msg(json.msg)
|
||||
setTimeout(function () {
|
||||
table.reload('address')
|
||||
}, 2000)
|
||||
});
|
||||
|
||||
} else if (obj.event === 'edit') {
|
||||
editModel = 'update';
|
||||
dataId = data.id;
|
||||
$('#title').val(data.title)
|
||||
$('#url').val(data.url)
|
||||
$('#port').val(data.port)
|
||||
$('#adddata').css('display', '')
|
||||
} else {
|
||||
layer.open({
|
||||
title: "删除提示"
|
||||
, content: "确认删除？"
|
||||
, btn: ['确认', '取消']
|
||||
, yes: function (index, layero) {
|
||||
$.post('/auth/nas/address/remove.do', { id: data.id }, function () {
|
||||
table.reload('address')
|
||||
});
|
||||
layer.close(index)
|
||||
},
|
||||
btn2: function (index, layero) {
|
||||
layer.close(index)
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
form.on('submit(formDemo)', function (data) {
|
||||
//layer.msg(JSON.stringify(data.field));
|
||||
$('#adddata').css("display", 'none')
|
||||
let url = '/auth/nas/address/add.do'
|
||||
if (editModel === 'update') {
|
||||
url = '/auth/nas/address/update.do'
|
||||
}
|
||||
$.post(url, { title: data.field.title, url: data.field.url, port: data.field.port, id: dataId }, function (data) {
|
||||
let json = JSON.parse(data);
|
||||
layer.msg(json.msg)
|
||||
table.reload('address')
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
$.ajax({ cache: false })
|
||||
$('#header').load("/html/header.html");
|
||||
$('#footer').load("/html/footer.html");
|
||||
$('#side').load("/html/body/nas/side.html");
|
||||
$.post("/nas/getIp.do",function(data){
|
||||
var json=JSON.parse(data);
|
||||
if(json.code!=0){
|
||||
$.get("/auth/nas/address/get.do", function (data) {
|
||||
var json = JSON.parse(data);
|
||||
if (json.code != 0) {
|
||||
$('#ip').html(json.msg);
|
||||
} else {
|
||||
$('#ip').html(json.msg);
|
||||
}else{
|
||||
$('#ip').html("当前服务器IP:"+json.data);
|
||||
}
|
||||
})
|
||||
$('#add').click(function () {
|
||||
editModel = 'edit'
|
||||
$('#adddata').css("display", '')
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
#icon {
|
||||
#icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.body {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user