|
|
@@ -1,177 +1,210 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
<title>Title</title>
|
|
|
- <link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
|
|
|
- <link rel="stylesheet" href="../../css/public.css" media="all">
|
|
|
-</head>
|
|
|
-<style>
|
|
|
-</style>
|
|
|
-<body>
|
|
|
-<div class="layuimini-container">
|
|
|
- <div class="layuimini-main">
|
|
|
+ <link
|
|
|
+ rel="stylesheet"
|
|
|
+ href="../../lib/layui-v2.5.5/css/layui.css"
|
|
|
+ media="all"
|
|
|
+ />
|
|
|
+ <link rel="stylesheet" href="../../css/public.css" media="all" />
|
|
|
+ </head>
|
|
|
+ <style>
|
|
|
+ </style>
|
|
|
+
|
|
|
+ <body>
|
|
|
+ <div class="layuimini-container">
|
|
|
+ <div class="layuimini-main">
|
|
|
<div>
|
|
|
- <div class="layui-form toolbar">
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline" style="width: 300px;">
|
|
|
- <input name="time" id="time" class="layui-input" placeholder="请选择统计时间段" readonly>
|
|
|
- </div>
|
|
|
- <div class="layui-inline">
|
|
|
- <input type="text" name="ml" lay-filter="ml" id="ml" class="layui-input">
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-inline">
|
|
|
- <select name="bgqx" id="bgqx">
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-inline">
|
|
|
- <button id="btnSearch" lay-submit lay-filter="search" class="layui-btn icon-btn"><i
|
|
|
- class="layui-icon"></i>搜索
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="layui-form toolbar">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="layui-inline" style="width: 300px">
|
|
|
+ <input
|
|
|
+ name="time"
|
|
|
+ id="time"
|
|
|
+ class="layui-input"
|
|
|
+ placeholder="请选择统计时间段"
|
|
|
+ readonly
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <input
|
|
|
+ type="text"
|
|
|
+ name="ml"
|
|
|
+ lay-filter="ml"
|
|
|
+ id="ml"
|
|
|
+ class="layui-input"
|
|
|
+ />
|
|
|
</div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <select name="bgqx" id="bgqx"></select>
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <button
|
|
|
+ id="btnSearch"
|
|
|
+ lay-submit
|
|
|
+ lay-filter="search"
|
|
|
+ class="layui-btn icon-btn"
|
|
|
+ >
|
|
|
+ <i class="layui-icon"></i>搜索
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <button
|
|
|
+ onclick="printPage('\[lay-id=table\]')"
|
|
|
+ lay-filter="search"
|
|
|
+ class="layui-btn icon-btn"
|
|
|
+ >
|
|
|
+ <i class="layui-icon layui-icon-print"></i>打印
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <table class="layui-hide" id="table" lay-filter="table"></table>
|
|
|
+ </div>
|
|
|
+ <table class="layui-hide" id="table" lay-filter="table"></table>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
-</body>
|
|
|
+ </body>
|
|
|
</html>
|
|
|
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
|
|
<script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
|
|
|
-<script>
|
|
|
- layui.use(['table', 'http', 'treeSelect', 'laydate', 'form'], function () {
|
|
|
- let searchParam = {}
|
|
|
- var table = layui.table,
|
|
|
- laydate = layui.laydate,
|
|
|
- http = layui.http,
|
|
|
- form = layui.form,
|
|
|
- tree = layui.tree,
|
|
|
- upload = layui.upload,
|
|
|
- url = layui.url,
|
|
|
- $ = layui.jquery;
|
|
|
- layui.laydate.render({
|
|
|
- elem: '#time',
|
|
|
- type: 'year',
|
|
|
- trigger: 'click',
|
|
|
- range: true
|
|
|
- // value: new Date()
|
|
|
- });
|
|
|
-
|
|
|
+<script src="../../js/utils.js" charset="utf-8"></script>
|
|
|
|
|
|
- // 加载下拉框
|
|
|
- layui.treeSelect.render({
|
|
|
- // 选择器
|
|
|
- elem: '#ml',
|
|
|
- // 数据
|
|
|
- data: 'system/archivesTree/selectTree',
|
|
|
- // 异步加载方式：get/post，默认get
|
|
|
- type: 'get',
|
|
|
- // 占位符
|
|
|
- placeholder: '请选择门类',
|
|
|
- // 是否开启搜索功能：true/false，默认false
|
|
|
- search: true,
|
|
|
- // 一些可定制的样式
|
|
|
- style: {
|
|
|
- folder: {
|
|
|
- enable: true
|
|
|
- },
|
|
|
- line: {
|
|
|
- enable: true
|
|
|
- }
|
|
|
+<script>
|
|
|
+ layui.use(["table", "http", "treeSelect", "laydate", "form"], function () {
|
|
|
+ let searchParam = {};
|
|
|
+ var table = layui.table,
|
|
|
+ laydate = layui.laydate,
|
|
|
+ http = layui.http,
|
|
|
+ form = layui.form,
|
|
|
+ tree = layui.tree,
|
|
|
+ upload = layui.upload,
|
|
|
+ url = layui.url,
|
|
|
+ $ = layui.jquery;
|
|
|
+ layui.laydate.render({
|
|
|
+ elem: "#time",
|
|
|
+ type: "year",
|
|
|
+ trigger: "click",
|
|
|
+ range: true,
|
|
|
+ // value: new Date()
|
|
|
+ });
|
|
|
+
|
|
|
+ // 加载下拉框
|
|
|
+ layui.treeSelect.render({
|
|
|
+ // 选择器
|
|
|
+ elem: "#ml",
|
|
|
+ // 数据
|
|
|
+ data: "system/archivesTree/selectTree",
|
|
|
+ // 异步加载方式：get/post，默认get
|
|
|
+ type: "get",
|
|
|
+ // 占位符
|
|
|
+ placeholder: "请选择门类",
|
|
|
+ // 是否开启搜索功能：true/false，默认false
|
|
|
+ search: true,
|
|
|
+ // 一些可定制的样式
|
|
|
+ style: {
|
|
|
+ folder: {
|
|
|
+ enable: true,
|
|
|
+ },
|
|
|
+ line: {
|
|
|
+ enable: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ let renderTable = function () {
|
|
|
+ // 加载表格数据
|
|
|
+ layui.table.render({
|
|
|
+ elem: "#table",
|
|
|
+ url: "statistics/selectArchiveYearStatistics",
|
|
|
+ title: "统计表",
|
|
|
+ limit: 15,
|
|
|
+ limits: [15, 30, 45, 60],
|
|
|
+ page: false,
|
|
|
+ where: searchParam,
|
|
|
+ totalRow: true,
|
|
|
+ request: {
|
|
|
+ pageName: "pageNum",
|
|
|
+ limitName: "pageSize",
|
|
|
+ },
|
|
|
+ response: {
|
|
|
+ statusCode: 200, //重新规定成功的状态码为 200，table 组件默认为 0
|
|
|
+ },
|
|
|
+ parseData: function (res) {
|
|
|
+ return {
|
|
|
+ code: res.code,
|
|
|
+ msg: res.msg,
|
|
|
+ // "count": res.data.,
|
|
|
+ data: res.data,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ done: function (res, curr, count) {
|
|
|
+ let lm = null;
|
|
|
+ res.data.forEach((item) => {
|
|
|
+ lm = item.sumSpace;
|
|
|
+ });
|
|
|
+ // $('th').css({'background-color': '#1aa094', 'color': '#fff','font-weight':'bold'})
|
|
|
+ var divArr = layui.$(".layui-table-total div.layui-table-cell");
|
|
|
+ layui.$.each(divArr, function (index, item) {
|
|
|
+ var _div = layui.$(item);
|
|
|
+ var content = _div.html();
|
|
|
+ content = content.replace(".00", "");
|
|
|
+ _div.html(content);
|
|
|
+ if (index === 4) {
|
|
|
+ _div.html(lm);
|
|
|
}
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- let renderTable = function () {
|
|
|
- // 加载表格数据
|
|
|
- layui.table.render({
|
|
|
- elem: '#table',
|
|
|
- url: 'statistics/selectArchiveYearStatistics',
|
|
|
- title: '统计表',
|
|
|
- limit: 15,
|
|
|
- limits: [15, 30, 45, 60],
|
|
|
- page: false,
|
|
|
- where: searchParam,
|
|
|
- totalRow: true,
|
|
|
- request: {
|
|
|
- pageName: 'pageNum',
|
|
|
- limitName: 'pageSize'
|
|
|
- },
|
|
|
- response: {
|
|
|
- statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
|
|
|
- },
|
|
|
- parseData: function (res) {
|
|
|
- return {
|
|
|
- "code": res.code,
|
|
|
- "msg": res.msg,
|
|
|
- // "count": res.data.,
|
|
|
- "data": res.data
|
|
|
- }
|
|
|
- },
|
|
|
- done: function (res, curr, count) {
|
|
|
- let lm = null
|
|
|
- res.data.forEach(item => {
|
|
|
- lm = item.sumSpace
|
|
|
- })
|
|
|
-
|
|
|
- // $('th').css({'background-color': '#1aa094', 'color': '#fff','font-weight':'bold'})
|
|
|
- var divArr = layui.$(".layui-table-total div.layui-table-cell");
|
|
|
- layui.$.each(divArr,function (index,item) {
|
|
|
- var _div = layui.$(item);
|
|
|
- var content = _div.html();
|
|
|
- content = content.replace(".00","");
|
|
|
- _div.html(content);
|
|
|
- if(index === 4){
|
|
|
- _div.html(lm)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- cols: [[
|
|
|
- {type: 'numbers'},
|
|
|
- {field: 'gdnd', title: '年份', totalRowText: '合计'},
|
|
|
- {field: 'archiveCount', title: '归档案卷数', totalRow: true},
|
|
|
- {field: 'fileCount', title: '归档文件数', totalRow: true},
|
|
|
- {field: 'space', title: '占用磁盘大小', totalRow: true},
|
|
|
- // {templet: '#operating', align: 'center', title: '操作', width: 300}
|
|
|
- ]]
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ cols: [
|
|
|
+ [
|
|
|
+ { type: "numbers" },
|
|
|
+ { field: "gdnd", title: "年份", totalRowText: "合计" },
|
|
|
+ { field: "archiveCount", title: "归档案卷数", totalRow: true },
|
|
|
+ { field: "fileCount", title: "归档文件数", totalRow: true },
|
|
|
+ { field: "space", title: "占用磁盘大小", totalRow: true },
|
|
|
+ // {templet: '#operating', align: 'center', title: '操作', width: 300}
|
|
|
+ ],
|
|
|
+ ],
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ renderTable();
|
|
|
+
|
|
|
+ function initBgqx() {
|
|
|
+ http.get(
|
|
|
+ "system/dict/selectDictByCode",
|
|
|
+ { code: "BAOGUANQIXIANYI" },
|
|
|
+ false,
|
|
|
+ function (res) {
|
|
|
+ let html = "";
|
|
|
+ for (let i in res.data) {
|
|
|
+ html +=
|
|
|
+ '<option value="' +
|
|
|
+ res.data[i].dictCode +
|
|
|
+ '">' +
|
|
|
+ res.data[i].dictName +
|
|
|
+ "</option>";
|
|
|
+ }
|
|
|
+ $("#bgqx").html('<option value="">请选择保管期限</option>');
|
|
|
+ $("#bgqx").append(html);
|
|
|
+ form.render(); //菜单渲染 把内容加载进去
|
|
|
}
|
|
|
-
|
|
|
- renderTable()
|
|
|
-
|
|
|
-
|
|
|
- function initBgqx() {
|
|
|
- http.get('system/dict/selectDictByCode', {code: 'BAOGUANQIXIANYI'}, false, function (res) {
|
|
|
- let html = '';
|
|
|
- for (let i in res.data) {
|
|
|
- html += '<option value="' + res.data[i].dictCode + '">' + res.data[i].dictName + '</option>'
|
|
|
- }
|
|
|
- $("#bgqx").html('<option value="">请选择保管期限</option>')
|
|
|
- $("#bgqx").append(html)
|
|
|
- form.render();//菜单渲染 把内容加载进去
|
|
|
- })
|
|
|
- }
|
|
|
- initBgqx()
|
|
|
-
|
|
|
- layui.form.on('submit(search)', function (data) {
|
|
|
- searchParam = data.field
|
|
|
- var selectedNodes = layui.treeSelect.zTree('ml').getSelectedNodes();
|
|
|
- if (selectedNodes.length > 0) {
|
|
|
- searchParam.ml = selectedNodes[0].id
|
|
|
- } else {
|
|
|
- searchParam.ml = null
|
|
|
- }
|
|
|
- renderTable()
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
- })
|
|
|
+ );
|
|
|
+ }
|
|
|
+ initBgqx();
|
|
|
+
|
|
|
+ layui.form.on("submit(search)", function (data) {
|
|
|
+ searchParam = data.field;
|
|
|
+ var selectedNodes = layui.treeSelect.zTree("ml").getSelectedNodes();
|
|
|
+ if (selectedNodes.length > 0) {
|
|
|
+ searchParam.ml = selectedNodes[0].id;
|
|
|
+ } else {
|
|
|
+ searchParam.ml = null;
|
|
|
+ }
|
|
|
+ renderTable();
|
|
|
+ });
|
|
|
+ });
|
|
|
</script>
|
wyy