|
|
|
|
@ -15,8 +15,8 @@
|
|
|
|
|
|
|
|
|
|
<script type="text/html" id="toolbarDemo">
|
|
|
|
|
<div class="layui-btn-container">
|
|
|
|
|
<button class="layui-btn layui-btn-sm" lay-event="getCheckData">添加目录</button>
|
|
|
|
|
<button class="layui-btn layui-btn-sm" lay-event="getCheckLength">添加下载</button>
|
|
|
|
|
<button class="layui-btn layui-btn-sm" lay-event="addData">添加目录</button>
|
|
|
|
|
<button class="layui-btn layui-btn-sm" lay-event="addDownload">添加下载</button>
|
|
|
|
|
</div>
|
|
|
|
|
</script>
|
|
|
|
|
<script type="text/html" id="barDemo">
|
|
|
|
|
@ -66,26 +66,16 @@
|
|
|
|
|
]]
|
|
|
|
|
, page: true
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
//工具栏事件
|
|
|
|
|
//头工具栏事件
|
|
|
|
|
table.on('toolbar(test)', function (obj) {
|
|
|
|
|
var checkStatus = table.checkStatus(obj.config.id);
|
|
|
|
|
switch (obj.event) {
|
|
|
|
|
case 'getCheckData':
|
|
|
|
|
var data = checkStatus.data;
|
|
|
|
|
layer.alert(JSON.stringify(data));
|
|
|
|
|
break;
|
|
|
|
|
case 'getCheckLength':
|
|
|
|
|
var data = checkStatus.data;
|
|
|
|
|
layer.msg('选中了：' + data.length + ' 个');
|
|
|
|
|
break;
|
|
|
|
|
case 'isAll':
|
|
|
|
|
layer.msg(checkStatus.isAll ? '全选' : '未全选')
|
|
|
|
|
break;
|
|
|
|
|
var data = obj.data;
|
|
|
|
|
//console.log(obj)
|
|
|
|
|
if (obj.event === 'addData') {
|
|
|
|
|
addDir(data);
|
|
|
|
|
} else if (obj.event === 'addDownload') {
|
|
|
|
|
addDownload(data);
|
|
|
|
|
}
|
|
|
|
|
;
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
//监听行工具事件
|
|
|
|
|
table.on('tool(test)', function(obj){
|
|
|
|
|
var data = obj.data;
|
|
|
|
|
@ -115,11 +105,337 @@
|
|
|
|
|
selectOne(data);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|
function selectOne(data) {
|
|
|
|
|
//弹框
|
|
|
|
|
layer.open({
|
|
|
|
|
type: 1,
|
|
|
|
|
content: $("#updateForm").html(),
|
|
|
|
|
title: ['修改页面', 'font-size:18px;'],
|
|
|
|
|
area: ['600px', '600px'],
|
|
|
|
|
|
|
|
|
|
//弹出后回调
|
|
|
|
|
success: function () {
|
|
|
|
|
$("#id").val(data.id);
|
|
|
|
|
$("#downloadName").val(data.downloadName);
|
|
|
|
|
$("#downloadBrief").val(data.downloadBrief);
|
|
|
|
|
$("#downloadUrl").val(data.downloadUrl);
|
|
|
|
|
$("#dirName").val(data.dirName);
|
|
|
|
|
$("#downloadImg").val(data.downloadImg);
|
|
|
|
|
//渲染页面
|
|
|
|
|
layui.form.render();
|
|
|
|
|
},
|
|
|
|
|
btn: ['提交', '取消']
|
|
|
|
|
, yes: function (index, layero) {
|
|
|
|
|
//修改操作
|
|
|
|
|
$.post("http://localhost:8080/download/updateDownload", $("#updateDownload").serialize(),
|
|
|
|
|
function (data) {
|
|
|
|
|
if ("success" == data.msg) {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
$(".layui-laypage-btn").click();
|
|
|
|
|
parent.layer.close(index);
|
|
|
|
|
} else {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
, btn2: function (index, layero) {
|
|
|
|
|
// alert("取消")
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
layui.use(['form'], function () {
|
|
|
|
|
var form = layui.form;
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: 'http://localhost:8080/application/queryDir',
|
|
|
|
|
type: "get",
|
|
|
|
|
success: function (data) {
|
|
|
|
|
if (data.msg === "success") {
|
|
|
|
|
//给一个默认值（‘请选择’）
|
|
|
|
|
var opt = '<option value="" selected="' + data.dirName + '"></option>';
|
|
|
|
|
//获取返回的数据
|
|
|
|
|
var value = data.data;
|
|
|
|
|
//循环遍历
|
|
|
|
|
for (var i in value) {
|
|
|
|
|
opt += '<option value = "' + value[i].dirName + '">' + value[i].dirName + '</option>'
|
|
|
|
|
console.log(value[i].dirName)
|
|
|
|
|
}
|
|
|
|
|
$("#directorId").html(opt);
|
|
|
|
|
form.render('select');//需要渲染一下
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
layer.alert(data.msg, {icon: 2, title: '提示'}, function (i) {
|
|
|
|
|
layer.closeAll();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
layui.use(['upload', 'element', 'layer'], function(){
|
|
|
|
|
var $ = layui.jquery
|
|
|
|
|
,upload = layui.upload
|
|
|
|
|
,element = layui.element
|
|
|
|
|
,layer = layui.layer;
|
|
|
|
|
|
|
|
|
|
//拖拽上传
|
|
|
|
|
upload.render({
|
|
|
|
|
elem: '#test10'
|
|
|
|
|
,url: 'http://localhost:8080/download/uploadFile?param=upload' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
|
|
|
|
|
,done: function(res){
|
|
|
|
|
layer.msg('上传成功');
|
|
|
|
|
layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
|
|
|
|
|
console.log(res)
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<script type="text/html" id="updateForm">
|
|
|
|
|
|
|
|
|
|
<form class="layui-form" id="updateDownload">
|
|
|
|
|
|
|
|
|
|
<!-- 把id 作为隐藏域传过去 -->
|
|
|
|
|
<input type="hidden" name="id" id="id">
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">下载名称</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="downloadName" id="downloadName" required lay-verify="required" autocomplete="off"
|
|
|
|
|
class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">下载简介</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="downloadBrief" id="downloadBrief" required lay-verify="required" autocomplete="off"
|
|
|
|
|
class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">下载链接</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="downloadUrl" id="downloadUrl" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">归属目录</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<select name="dirName" id="directorId">
|
|
|
|
|
<option value="dirName"></option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">上传程序</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<div class="layui-upload-drag" id="test10">
|
|
|
|
|
<i class="layui-icon"></i>
|
|
|
|
|
<p>点击上传，或将文件拖拽到此处</p>
|
|
|
|
|
<div class="layui-hide" id="uploadDemoView">
|
|
|
|
|
<hr>
|
|
|
|
|
<img src="" alt="上传成功后渲染" style="max-width: 196px">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script type="text/html" id="addForm">
|
|
|
|
|
|
|
|
|
|
<form class="layui-form" id="addDirectory">
|
|
|
|
|
|
|
|
|
|
<!-- 把id 作为隐藏域传过去 -->
|
|
|
|
|
<input type="hidden" name="id" id="id">
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">目录名称</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="dirName" id="dirName" required lay-verify="required" autocomplete="off"
|
|
|
|
|
class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">选择icon</label>
|
|
|
|
|
<div class="layui-container" id="test10">
|
|
|
|
|
<div class="layui-row">
|
|
|
|
|
<div class="layui-col-md4"lay-event="addData">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
<img src="./images/01.png" alt="图片1">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</script>
|
|
|
|
|
<script>
|
|
|
|
|
function addDownload(data) {
|
|
|
|
|
//弹框
|
|
|
|
|
layer.open({
|
|
|
|
|
type: 1,
|
|
|
|
|
content: $("#addForm1").html(),
|
|
|
|
|
title: ['添加下载', 'font-size:18px;'],
|
|
|
|
|
area: ['600px', '600px'],
|
|
|
|
|
btn: ['提交', '取消']
|
|
|
|
|
, yes: function (index, layero) {
|
|
|
|
|
//修改操作
|
|
|
|
|
$.post("http://localhost:8080/download/addDownload", $("#addDownload").serialize(),
|
|
|
|
|
function (data) {
|
|
|
|
|
if ("success" == data.msg) {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
$(".layui-laypage-btn").click();
|
|
|
|
|
parent.layer.close(index);
|
|
|
|
|
} else {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
, btn2: function (index, layero) {
|
|
|
|
|
// alert("取消")
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
layui.use(['form'], function() {
|
|
|
|
|
var form = layui.form;
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: 'http://localhost:8080/application/queryDir',
|
|
|
|
|
type:"get",
|
|
|
|
|
success: function(data) {
|
|
|
|
|
if(data.msg === "success"){
|
|
|
|
|
//给一个默认值（‘请选择’）
|
|
|
|
|
var opt = '<option value="" selected=""></option>';
|
|
|
|
|
//获取返回的数据
|
|
|
|
|
var value = data.data;
|
|
|
|
|
//循环遍历
|
|
|
|
|
for (var i in value) {
|
|
|
|
|
opt += '<option value = "' + value[i].dirName + '">' + value[i].dirName + '</option>'
|
|
|
|
|
console.log(value[i].dirName)
|
|
|
|
|
}
|
|
|
|
|
$("#directorId").html(opt);
|
|
|
|
|
form.render('select');//需要渲染一下
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
layer.alert(data.msg,{ icon:2,title:'提示'},function(i){ layer.closeAll();});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
layui.use(['upload', 'element', 'layer'], function(){
|
|
|
|
|
var $ = layui.jquery
|
|
|
|
|
,upload = layui.upload
|
|
|
|
|
,element = layui.element
|
|
|
|
|
,layer = layui.layer;
|
|
|
|
|
|
|
|
|
|
upload.render({
|
|
|
|
|
elem: '#test10'
|
|
|
|
|
,url: 'http://localhost:8080/download/upload?param=file' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
|
|
|
|
|
,done: function(res){
|
|
|
|
|
layer.msg('上传成功');
|
|
|
|
|
layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.data);
|
|
|
|
|
console.log(res.data)
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script type="text/html" id="addForm1">
|
|
|
|
|
|
|
|
|
|
<form class="layui-form" id="addDownload" enctype="multipart/form-data">
|
|
|
|
|
|
|
|
|
|
<!-- 把id 作为隐藏域传过去 -->
|
|
|
|
|
<input type="hidden" name="id" id="id">
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">下载名称</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="downloadName" id="downloadName" required lay-verify="required" autocomplete="off"
|
|
|
|
|
class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">下载简介</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="downloadBrief" id="downloadBrief" required lay-verify="required" autocomplete="off"
|
|
|
|
|
class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">下载链接</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<input type="text" name="downloadUrl" id="downloadUrl" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">归属目录</label>
|
|
|
|
|
<div class="layui-input-block">
|
|
|
|
|
<select name="dirName" id="directorId" >
|
|
|
|
|
<option value="">直接选择或搜索选择</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<label class="layui-form-label">上传程序</label>
|
|
|
|
|
<div class="layui-input-inline">
|
|
|
|
|
<div class="layui-upload-drag" id="test10">
|
|
|
|
|
<i class="layui-icon"></i>
|
|
|
|
|
<p>点击上传，或将文件拖拽到此处</p>
|
|
|
|
|
<div name="downloadImg" class="layui-hide" id="uploadDemoView">
|
|
|
|
|
<hr>
|
|
|
|
|
<img src="" alt="上传成功后渲染" style="max-width: 196px">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</form>
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<!--<script>-->
|
|
|
|
|
<!-- //Demo-->
|
|
|
|
|
<!-- layui.use('form', function(){-->
|
|
|
|
|
<!-- var form = layui.form;-->
|
|
|
|
|
<!-- //监听提交-->
|
|
|
|
|
<!-- form.on('submit(formDemo)', function(data){-->
|
|
|
|
|
<!-- //layer.msg(JSON.stringify(data.field));-->
|
|
|
|
|
<!-- //前端可以进行一些判断...-->
|
|
|
|
|
|
|
|
|
|
<!-- return true;//true表示走action访问后台，false表示不走-->
|
|
|
|
|
<!-- });-->
|
|
|
|
|
<!-- });-->
|
|
|
|
|
<!--</script>-->
|
|
|
|
|
</body>
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|
