108 lines
3.4 KiB
HTML
108 lines
3.4 KiB
HTML
<!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>
|
|
<table id="oss" lay-filter="myOssFilter"></table>
|
|
<div id="footer"></div>
|
|
</div>
|
|
</div>
|
|
<script type="text/html" id="topTools">
|
|
<div>
|
|
<a class="layui-btn layui-btn-xs" lay-event="addAddress">新增路径</a>
|
|
|
|
</div>
|
|
</script>
|
|
<script type="text/html" id="listTools">
|
|
<div class="layui-btn-container">
|
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
|
|
|
</div>
|
|
</script>
|
|
<script src="/js/jquery-3.2.1.js"></script>
|
|
<script src="/layui/layui.js"></script>
|
|
<script>
|
|
|
|
layui.use(['table'], function () {
|
|
let table = layui.table;
|
|
console.log(2)
|
|
let ta=table.render({
|
|
elem: "#oss",
|
|
url: "/nas/depot/list.do",
|
|
page: false,
|
|
toolbar: '#topTools',
|
|
parseData: function (json) {
|
|
let item = [];
|
|
for (let i in json.data) {
|
|
item[i] =JSON.parse(json.data[i])
|
|
}
|
|
return {
|
|
"code": 0,
|
|
"msg": json.msg,
|
|
"data": item
|
|
}
|
|
},
|
|
cols: [[
|
|
{field: 'path', title: '地址', width: 400,sort: true},
|
|
{field: 'type', title: '类型',width: 150, sort: true},
|
|
{ field: "right", width: 200, toolbar: '#listTools' }
|
|
]],
|
|
done:function (){
|
|
table.on('tool(myOssFilter)', function (obj) {
|
|
console.log(obj.data)
|
|
if (obj.event === 'del') {
|
|
layer.msg(obj.data.item)
|
|
$.post('/nas/depot/remove.do',{'path':JSON.stringify(obj.data)},function (json) {
|
|
layer.msg(json.msg)
|
|
});
|
|
}
|
|
})
|
|
table.on('toolbar(myOssFilter)', function (obj) {
|
|
console.log('add')
|
|
if (obj.event === 'addAddress') {
|
|
layer.prompt({
|
|
formType: 2,
|
|
value: '/media/yutou/4t/public/',
|
|
title: '请输入地址',
|
|
}, function(path, index, elem){
|
|
layer.prompt({
|
|
formType: 2,
|
|
value: 'depot/photo/music',
|
|
title: '请选择类型',
|
|
},function (type,index,elem) {
|
|
$.post('/nas/depot/add.do',{'path':path,'type':type},function (json) {
|
|
layer.msg(json.msg)
|
|
});
|
|
layer.close(index);
|
|
})
|
|
|
|
layer.close(index);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
$('#header').load("/html/header.html");
|
|
$('#footer').load("/html/footer.html");
|
|
$('#side').load("/html/body/nas/side.html");
|
|
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |