【file】文件管理列表显示

pull/65/head
小庆 2021-01-11 17:33:19 +08:00
parent 08d6bfb0bf
commit b6b6953c8a
3 changed files with 222 additions and 0 deletions

View File

@ -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";
}
}

View File

@ -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);
});
});

View File

@ -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">&#xe615;</i>搜索</button>
<button id="btnAdd" class="layui-btn icon-btn"><i class="layui-icon">&#xe654;</i>添加</button>
<button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>
<!-- 下拉按钮 -->
<!-- <div class="dropdown-menu dropdown-hover">-->
<!-- <button class="layui-btn icon-btn" type="button">-->
<!-- &nbsp;更多 <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>-->
<!-- &lt;!&ndash; 下拉菜单 &ndash;&gt;-->
<!-- <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>上传资料&nbsp;&nbsp;</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>
@}