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