mirror of https://gitee.com/stylefeng/guns
【file】文件管理列表显示
小庆
parent
08d6bfb0bf
commit
b6b6953c8a
|
|
@ -0,0 +1,24 @@
|
||||||
|
package cn.stylefeng.guns.modular.file.controller;
|
||||||
|
|
||||||
|
import cn.stylefeng.roses.kernel.resource.api.annotation.ApiResource;
|
||||||
|
import cn.stylefeng.roses.kernel.resource.api.annotation.GetResource;
|
||||||
|
import lombok.extern.slf4j.Slf4j;
|
||||||
|
import org.springframework.stereotype.Controller;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 文件管理界面
|
||||||
|
* @author : lgq
|
||||||
|
* @date : 2021/1/9
|
||||||
|
*/
|
||||||
|
@Controller
|
||||||
|
@Slf4j
|
||||||
|
@ApiResource(name = "文件管理界面")
|
||||||
|
public class FileViewController {
|
||||||
|
|
||||||
|
@GetResource(name = "菜单管理首页", path = "/view/file")
|
||||||
|
public String fileIndex() {
|
||||||
|
return "/modular/system/fileInfo/file_info.html";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,135 @@
|
||||||
|
layui.use(['table', 'form', 'func', 'HttpRequest', 'util'], function () {
|
||||||
|
var $ = layui.$;
|
||||||
|
var table = layui.table;
|
||||||
|
var form = layui.form;
|
||||||
|
var func = layui.func;
|
||||||
|
var HttpRequest = layui.HttpRequest;
|
||||||
|
var util = layui.util;
|
||||||
|
|
||||||
|
// 职位表管理
|
||||||
|
var FileInfo = {
|
||||||
|
tableId: "fileTable"
|
||||||
|
};
|
||||||
|
|
||||||
|
// 初始化表格的列
|
||||||
|
FileInfo.initColumn = function () {
|
||||||
|
return [[
|
||||||
|
{type: 'checkbox'},
|
||||||
|
{field: 'fileId', hide: true, title: '主键id'},
|
||||||
|
{field: 'fileLocation', sort: true, title: '位置'},
|
||||||
|
{field: 'fileOriginName', sort: true, title: '文件名称'},
|
||||||
|
{field: 'fileSuffix', sort: true, title: '文件后缀'},
|
||||||
|
{field: 'fileSizeInfo', sort: true, title: '文件大小'},
|
||||||
|
{
|
||||||
|
field: 'createTime', sort: true, title: '创建时间', templet: function (d) {
|
||||||
|
return util.toDateString(d.createTime);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{field: 'createUserName', sort: true, title: '创建人'},
|
||||||
|
{align: 'center', toolbar: '#tableBar', title: '操作'}
|
||||||
|
]];
|
||||||
|
};
|
||||||
|
|
||||||
|
// 点击查询按钮
|
||||||
|
FileInfo.search = function () {
|
||||||
|
var queryData = {};
|
||||||
|
queryData['fileInfoName'] = $("#fileInfoName").val();
|
||||||
|
//queryData['positionCode'] = $("#positionCode").val();
|
||||||
|
table.reload(FileInfo.tableId, {
|
||||||
|
where: queryData,
|
||||||
|
page: {curr: 1}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 弹出添加对话框
|
||||||
|
FileInfo.openAddDlg = function () {
|
||||||
|
func.open({
|
||||||
|
height: 800,
|
||||||
|
title: '添加职位',
|
||||||
|
content: Feng.ctxPath + '/fileInfo/addView',
|
||||||
|
tableId: FileInfo.tableId
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 点击编辑
|
||||||
|
FileInfo.openEditDlg = function (data) {
|
||||||
|
func.open({
|
||||||
|
height: 800,
|
||||||
|
title: '修改职位',
|
||||||
|
content: Feng.ctxPath + '/position/editView?positionId=' + data.positionId,
|
||||||
|
tableId: FileInfo.tableId
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 导出excel按钮
|
||||||
|
FileInfo.exportExcel = function () {
|
||||||
|
var checkRows = table.checkStatus(FileInfo.tableId);
|
||||||
|
if (checkRows.data.length === 0) {
|
||||||
|
Feng.error("请选择要导出的数据");
|
||||||
|
} else {
|
||||||
|
table.exportFile(tableResult.config.id, checkRows.data, 'xls');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 点击删除
|
||||||
|
FileInfo.delete = function (data) {
|
||||||
|
var operation = function () {
|
||||||
|
var httpRequest = new HttpRequest(Feng.ctxPath + "/hrPosition/delete", 'post', function (data) {
|
||||||
|
Feng.success("删除成功!");
|
||||||
|
table.reload(FileInfo.tableId);
|
||||||
|
}, function (data) {
|
||||||
|
Feng.error("删除失败!" + data.message + "!");
|
||||||
|
});
|
||||||
|
httpRequest.set(data);
|
||||||
|
httpRequest.start(true);
|
||||||
|
};
|
||||||
|
Feng.confirm("是否删除?", operation);
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
// 渲染表格
|
||||||
|
var tableResult = table.render({
|
||||||
|
elem: '#' + FileInfo.tableId,
|
||||||
|
url: Feng.ctxPath + '/sysFileInfo/fileInfoListPage',
|
||||||
|
page: true,
|
||||||
|
request: {pageName: 'pageNo', limitName: 'pageSize'}, //自定义分页参数
|
||||||
|
height: "full-158",
|
||||||
|
cellMinWidth: 100,
|
||||||
|
cols: FileInfo.initColumn(),
|
||||||
|
parseData: Feng.parseData
|
||||||
|
});
|
||||||
|
|
||||||
|
// 搜索按钮点击事件
|
||||||
|
$('#btnSearch').click(function () {
|
||||||
|
FileInfo.search();
|
||||||
|
});
|
||||||
|
|
||||||
|
// 添加按钮点击事件
|
||||||
|
$('#btnAdd').click(function () {
|
||||||
|
FileInfo.openAddDlg();
|
||||||
|
});
|
||||||
|
|
||||||
|
// 导出excel
|
||||||
|
$('#btnExp').click(function () {
|
||||||
|
FileInfo.exportExcel();
|
||||||
|
});
|
||||||
|
|
||||||
|
// 工具条点击事件
|
||||||
|
table.on('tool(' + FileInfo.tableId + ')', function (obj) {
|
||||||
|
var data = obj.data;
|
||||||
|
var event = obj.event;
|
||||||
|
if (event === 'edit') {
|
||||||
|
FileInfo.openEditDlg(data);
|
||||||
|
} else if (event === 'delete') {
|
||||||
|
FileInfo.delete(data);
|
||||||
|
}
|
||||||
|
dropdown.hideAll();
|
||||||
|
});
|
||||||
|
|
||||||
|
// 修改状态
|
||||||
|
form.on('switch(status)', function (obj) {
|
||||||
|
var fileInfoId = obj.elem.value;
|
||||||
|
var checked = obj.elem.checked ? 1 : 2;
|
||||||
|
FileInfo.updateStatus(fileInfoId, checked);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,63 @@
|
||||||
|
@layout("/layout/_container.html",{js:["/assets/modular/system/fileInfo/file_info.js"]}){
|
||||||
|
|
||||||
|
<div class="layui-body-header">
|
||||||
|
<span class="layui-body-header-title">系统文件管理</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="layui-fluid">
|
||||||
|
<div class="layui-row layui-col-space15">
|
||||||
|
<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
|
||||||
|
<div class="layui-card">
|
||||||
|
<div class="layui-card-body">
|
||||||
|
<div class="layui-form toolbar">
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<div class="layui-inline">
|
||||||
|
<input id="fileName" class="layui-input" type="text" placeholder="职位名称"/>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="layui-inline">-->
|
||||||
|
<!-- <input id="positionCode" class="layui-input" type="text" placeholder="职位编码"/>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<div class="layui-inline">
|
||||||
|
<button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button>
|
||||||
|
<button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon"></i>添加</button>
|
||||||
|
<button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon"></i>导出</button>
|
||||||
|
<!-- 下拉按钮 -->
|
||||||
|
<!-- <div class="dropdown-menu dropdown-hover">-->
|
||||||
|
<!-- <button class="layui-btn icon-btn" type="button">-->
|
||||||
|
<!-- 更多 <i class="layui-icon layui-icon-drop"></i></button>-->
|
||||||
|
<!-- <ul class="dropdown-menu-nav">-->
|
||||||
|
<!-- <li><a><i class="layui-icon layui-icon-edit"></i>test1</a></li>-->
|
||||||
|
<!-- <li><a><i class="layui-icon layui-icon-delete"></i>test2</a></li>-->
|
||||||
|
<!-- <li><a><i class="layui-icon layui-icon-password"></i>test3</a></li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<table class="layui-table" id="fileTable" lay-filter="fileTable"></table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/html" id="tableBar">
|
||||||
|
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
|
||||||
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
|
||||||
|
<!-- <a class="layui-btn layui-btn-xs" data-dropdown="#userTbDrop{{d.LAY_INDEX}}" no-shade="true">更多<i class="layui-icon layui-icon-drop" style="font-size: 12px;margin-right: 0;"></i></a>-->
|
||||||
|
<!-- <!– 下拉菜单 –>-->
|
||||||
|
<!-- <ul class="dropdown-menu-nav dropdown-bottom-right layui-hide" id="userTbDrop{{d.LAY_INDEX}}">-->
|
||||||
|
<!-- <div class="dropdown-anchor"></div>-->
|
||||||
|
<!-- <li><a lay-event="lock"><i class="layui-icon layui-icon-password"></i>锁定用户</a></li>-->
|
||||||
|
<!-- <li><a lay-event="reset"><i class="layui-icon layui-icon-key"></i>重置密码</a></li>-->
|
||||||
|
<!-- <li class="have-more show-left">-->
|
||||||
|
<!-- <a><i class="layui-icon layui-icon-upload-drag"></i>上传资料 </a>-->
|
||||||
|
<!-- <ul class="dropdown-menu-nav-child">-->
|
||||||
|
<!-- <li><a><i class="layui-icon layui-icon-camera"></i>上传头像</a></li>-->
|
||||||
|
<!-- <li><a><i class="layui-icon layui-icon-picture-fine"></i>上传照片</a></li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
<!-- </li>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
</script>
|
||||||
|
|
||||||
|
@}
|
||||||
Loading…
Reference in New Issue