161 lines
7.7 KiB
Plaintext
161 lines
7.7 KiB
Plaintext
@{
|
||
ViewBag.Title = "Index";
|
||
Layout = "~/Views/Shared/_Index.cshtml";
|
||
}
|
||
<div class="layuimini-container">
|
||
<div class="layuimini-main">
|
||
<fieldset class="table-search-fieldset layui-hide" id="searchField">
|
||
<div>
|
||
<form class="layui-form layui-form-pane">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">关键字:</label>
|
||
<div class="layui-input-inline">
|
||
<input type="text" id="txt_keyword" name="txt_keyword" autocomplete="off" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</fieldset>
|
||
<script type="text/html" id="toolbarDemo">
|
||
<div class="layui-btn-container" id="toolbar">
|
||
<button id="NF-download" name="NF-download" authorize="yes" class="layui-btn layui-btn-sm layui-hide" lay-event="download"><i class="layui-icon"></i>下载</button>
|
||
<button id="NF-details" name="NF-details" authorize class="layui-btn layui-btn-sm layui-btn-normal layui-hide" lay-event="details"> <i class="layui-icon"></i>查看</button>
|
||
</div>
|
||
</script>
|
||
<script type="text/html" id="currentTableBar">
|
||
<a id="NF-download" authorize class="layui-btn layui-btn-xs" lay-event="download">下载</a>
|
||
<a id="NF-details" authorize class="layui-btn layui-btn-xs layui-btn-normal" lay-event="details">查看</a>
|
||
</script>
|
||
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
layui.use(['jquery', 'form', 'table', 'common','commonTable'], function () {
|
||
var form = layui.form,
|
||
table = layui.table,
|
||
commonTable = layui.commonTable,
|
||
common = layui.common;
|
||
//权限控制(js是值传递)
|
||
currentTableBar.innerHTML = common.authorizeButtonNew(currentTableBar.innerHTML);
|
||
toolbarDemo.innerHTML = common.authorizeButtonNew(toolbarDemo.innerHTML);
|
||
commonTable.rendertable({
|
||
elem: '#currentTableId',
|
||
id: 'currentTableId',
|
||
url: '/FileManage/Uploadfile/GetGridJson',
|
||
filter: {
|
||
clearFilter: false,
|
||
//数据量大，data就不需要了
|
||
items: ['column', 'condition', 'editCondition', 'excel']
|
||
},
|
||
cols: [[
|
||
{ type: "radio", width: 50, fixed: 'left' },
|
||
{ field: 'F_FilePath', title: '文件路径', width: 120, sort: true, hide: true, filter: true },
|
||
{ field: 'F_FileName', title: '文件名称', width: 180, sort: true, filter: true },
|
||
{
|
||
field: 'F_FileType', title: '文件类型', width: 120, sort: true, filter: true,
|
||
templet: function (d) {
|
||
if (d.F_FileType == 1) {
|
||
return "图片";
|
||
} else if (d.F_FileType == 2) {
|
||
return "excel";
|
||
}
|
||
else
|
||
return "其他";
|
||
}
|
||
},
|
||
{ field: 'F_FileSize', title: '文件大小', width: 100, sort: true, hide: true, filter: true },
|
||
{ field: 'F_FileExtension', title: '文件扩展名', width: 120, sort: true, hide: true, filter: true },
|
||
{ field: 'F_FileBy', title: '文件所属', width: 120, sort: true, filter: true },
|
||
{
|
||
field: 'F_OrganizeName', title: '所属部门', width: 120
|
||
},
|
||
{
|
||
field: 'F_EnabledMark', title: '状态', width: 80, filter: true,
|
||
templet: function (d) {
|
||
if (d.F_EnabledMark == true) {
|
||
return "<span class='layui-btn layui-btn-normal layui-btn-xs'>有效</span>";
|
||
} else {
|
||
return "<span class='layui-btn layui-btn-warm layui-btn-xs'>无效</span>";
|
||
}
|
||
}
|
||
},
|
||
{
|
||
field: 'F_CreatorTime', title: '创建时间', width: 160, sort: true, filter: { type: 'date[yyyy/MM/dd HH:mm:ss]' }
|
||
},
|
||
{ field: 'F_CreatorUserName', title: '创建用户', width: 120, sort: true, filter: true },
|
||
{ field: 'F_Description', title: '文件备注', minWidth: 150, sort: true, filter: true },
|
||
{ title: '操作', width: 120, toolbar: '#currentTableBar', align: "center", fixed: 'right' }
|
||
]]
|
||
});
|
||
// 监听搜索操作
|
||
form.on('submit(data-search-btn)', function (data) {
|
||
//执行搜索重载
|
||
commonTable.reloadtable({
|
||
elem: 'currentTableId',
|
||
curr: 1,
|
||
where: { keyword: data.field.txt_keyword}
|
||
});
|
||
return false;
|
||
});
|
||
wcLoading.close();
|
||
//行点击事件监听，控制按钮显示
|
||
var oneList = ["NF-download", "NF-details"];//选择1条显示
|
||
commonTable.tableRowClick("radio", "currentTableFilter", "currentTableId", oneList);
|
||
//toolbar监听事件
|
||
table.on('toolbar(currentTableFilter)', function (obj) {
|
||
var data = table.checkStatus('currentTableId').data;
|
||
if (obj.event === 'download') {
|
||
if (data.length == 0) {
|
||
common.modalMsg("未选中数据", "warning");
|
||
return false;
|
||
}
|
||
window.open('/FileManage/Uploadfile/Download?keyValue=' + data[0].F_Id);
|
||
}
|
||
else if (obj.event === 'details') {
|
||
if (data.length == 0) {
|
||
common.modalMsg("未选中数据", "warning");
|
||
return false;
|
||
}
|
||
common.modalOpen({
|
||
title: "查看文件",
|
||
url: "/FileManage/Uploadfile/Details?keyValue=" + data[0].F_Id,
|
||
width: "500px",
|
||
height: "500px",
|
||
btn: []
|
||
});
|
||
}
|
||
else if (obj.event === 'TABLE_SEARCH') {
|
||
var _that = $("#searchField");
|
||
if (_that.hasClass("layui-hide")) {
|
||
_that.removeClass('layui-hide');
|
||
} else {
|
||
_that.addClass('layui-hide');
|
||
}
|
||
table.resize();
|
||
}
|
||
return false;
|
||
});
|
||
//toolrow监听事件
|
||
table.on('tool(currentTableFilter)', function (obj) {
|
||
if (obj.event === 'download') {
|
||
window.open('/FileManage/Uploadfile/Download?keyValue=' + obj.data.F_Id);
|
||
}
|
||
else if (obj.event === 'details') {
|
||
common.modalOpen({
|
||
title: "查看文件",
|
||
url: "/FileManage/Uploadfile/Details?keyValue=" + obj.data.F_Id,
|
||
width: "500px",
|
||
height: "500px",
|
||
btn: []
|
||
});
|
||
}
|
||
return false;
|
||
});
|
||
});
|
||
</script>
|