修改首页

src/main/java/com/gz/config/MountArchiveFileConfig.java

@@ -22,6 +22,8 @@ import java.util.concurrent.LinkedBlockingQueue;
 public class MountArchiveFileConfig {
     /** 扫描根目录*/
     public static String SCAN_BASE_PATH = "";
+    /** 文件传输标识*/
+    public static String FILE_RUNNING = "FILE_RUNNING";
     /** pdf队列*/
     public static final LinkedBlockingQueue<File> PDF_QUEUE = new LinkedBlockingQueue<>();
     /** tif队列*/

src/main/java/com/gz/scheduled/ScanArchiveFileScheduled.java

@@ -1,9 +1,7 @@
 package com.gz.scheduled;
 
-import cn.hutool.core.date.DateTime;
 import cn.hutool.core.io.FileUtil;
 import cn.hutool.core.util.StrUtil;
-import com.gz.config.FileUploadConfig;
 import com.gz.config.MountArchiveFileConfig;
 import com.gz.core.exception.BusinessException;
 import lombok.extern.slf4j.Slf4j;
@@ -12,7 +10,6 @@ import org.springframework.data.redis.core.StringRedisTemplate;
 import org.springframework.scheduling.annotation.Scheduled;
 import org.springframework.stereotype.Component;
 
-import javax.annotation.PostConstruct;
 import javax.annotation.Resource;
 import java.io.File;
 import java.util.Set;
@@ -31,7 +28,6 @@ public class ScanArchiveFileScheduled {
     @Resource
     private StringRedisTemplate stringRedisTemplate;
 
-
     /**
      * @description 递归扫描文件夹 pdf、tif 文件放入队列 其他文件、空文件夹删除处理
      * @author LiuChangLan
@@ -39,7 +35,9 @@ public class ScanArchiveFileScheduled {
      */
     private void sendFileToQUeue(File directory) throws InterruptedException {
         if (directory.isDirectory()) {
+            // 获取文件夹下的所有文件
             File[] files = directory.listFiles();
+            // 文件夹为空、非扫描根目录、文件夹不在运行 删除目录
             if (files.length == 0 && !directory.getPath().equals(MountArchiveFileConfig.SCAN_BASE_PATH)) {
                 FileUtil.del(directory);
                 log.info("文件夹{}为空，自动删除", directory.getPath());
@@ -86,6 +84,10 @@ public class ScanArchiveFileScheduled {
      */
     @Scheduled(cron = "0/30 * * * * ?")
     public void startScan() throws InterruptedException {
+        if (Boolean.parseBoolean(stringRedisTemplate.opsForValue().get(MountArchiveFileConfig.FILE_RUNNING))){
+            log.warn("文件传输中 跳过扫描");
+            return;
+        }
         if (StrUtil.isEmpty(MountArchiveFileConfig.SCAN_BASE_PATH)) {
             log.warn("未配置扫描根目录 跳过扫描");
             return;

src/main/resources/application-prod.yml

@@ -98,4 +98,4 @@ logging:
   file:
     path: /data/logs
 mount-archive:
-  scan-base-path: /home/挂档根目录
+  scan-base-path: /data/挂档根目录

src/main/resources/logback-spring.xml

@@ -219,7 +219,7 @@
     <!--配置多环境日志输出  可以在application.properties中配置选择哪个profiles : spring.profiles.active=dev-->
     <!--生产环境:输出到文件-->
     <springProfile name="test">
-        <root level="info">
+        <root level="debug">
             <appender-ref ref="DEBUG_FILE" />
             <appender-ref ref="INFO_FILE" />
             <appender-ref ref="ERROR_FILE" />
@@ -227,7 +227,7 @@
         </root>
     </springProfile>
     <springProfile name="prod">
-        <root level="info">
+        <root level="debug">
             <appender-ref ref="DEBUG_FILE" />
             <appender-ref ref="INFO_FILE" />
             <appender-ref ref="ERROR_FILE" />

src/main/resources/static/js/lay-module/layuimini/miniAdmin.js

@@ -4,22 +4,26 @@
  * version:2.0
  * description:layuimini 主体框架扩展
  */
-layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme","http"], function (exports) {
+layui.define(["jquery", "miniMenu", "element", "miniTab", "miniTheme", "http"], function (exports) {
     var $ = layui.$,
         layer = layui.layer,
         miniMenu = layui.miniMenu,
         miniTheme = layui.miniTheme,
-        element = layui.element ,
+        element = layui.element,
         http = layui.http,
         miniTab = layui.miniTab;
 
+    let menuInfo = []
+
     // if (!/http(s*):\/\//.test(location.href)) {
     //     var tips = "请先将项目部署至web容器（Apache/Tomcat/Nginx/IIS/等），否则部分数据将无法显示";
     //     return layer.alert(tips);
     // }
 
     var miniAdmin = {
-
+        getMenuInfo: function () {
+            return layui.data('menuInfo').data
+        },
         /**
          * 后台框架初始化
          * @param options.iniUrl   后台初始化接口地址
@@ -42,12 +46,16 @@ layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme","http"], fu
             options.loadingTime = options.loadingTime || 1;
             options.pageAnim = options.pageAnim || false;
             options.maxTabNum = options.maxTabNum || 20;
-            http.get(options.iniUrl,null,false,function (res) {
-                if (res.code == 200){
+            http.get(options.iniUrl, null, false, function (res) {
+                if (res.code == 200) {
                     let data = res.data
-                    if (res.data == null){
+                    if (res.data == null) {
                         miniAdmin.error('暂无菜单信息')
-                    }else {
+                    } else {
+                        layui.data('menuInfo', {
+                            key: 'data',
+                            value: data.menuInfo
+                        })
                         miniAdmin.renderLogo(data.logoInfo);
                         miniAdmin.renderClear(options.clearUrl);
                         miniAdmin.renderHome(data.homeInfo);
@@ -76,7 +84,7 @@ layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme","http"], fu
                         });
                         miniAdmin.deleteLoader(options.loadingTime);
                     }
-                }else {
+                } else {
                     miniAdmin.error('菜单接口有误');
                 }
             })
@@ -142,7 +150,7 @@ layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme","http"], fu
          * @param clearUrl
          */
         renderClear: function (clearUrl) {
-            $('.layuimini-clear').attr('data-href',clearUrl);
+            $('.layuimini-clear').attr('data-href', clearUrl);
         },
 
         /**
@@ -209,7 +217,7 @@ layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme","http"], fu
                 el.msExitFullscreen();
             } else if (el.oRequestFullscreen) {
                 el.oCancelFullScreen();
-            }else if (el.mozCancelFullScreen) {
+            } else if (el.mozCancelFullScreen) {
                 el.mozCancelFullScreen();
             } else if (el.webkitCancelFullScreen) {
                 el.webkitCancelFullScreen();
@@ -329,14 +337,14 @@ layui.define(["jquery", "miniMenu", "element","miniTab", "miniTheme","http"], fu
                     tips = $(this).prop("innerHTML"),
                     isShow = $('.layuimini-tool i').attr('data-side-fold');
                 if (isShow == 0 && tips) {
-                    tips = "<ul class='layuimini-menu-left-zoom layui-nav layui-nav-tree layui-this'><li class='layui-nav-item layui-nav-itemed'>"+tips+"</li></ul>" ;
+                    tips = "<ul class='layuimini-menu-left-zoom layui-nav layui-nav-tree layui-this'><li class='layui-nav-item layui-nav-itemed'>" + tips + "</li></ul>";
                     window.openTips = layer.tips(tips, $(this), {
                         tips: [2, '#2f4056'],
                         time: 300000,
-                        skin:"popup-tips",
-                        success:function (el) {
-                            var left = $(el).position().left - 10 ;
-                            $(el).css({ left:left });
+                        skin: "popup-tips",
+                        success: function (el) {
+                            var left = $(el).position().left - 10;
+                            $(el).css({left: left});
                             element.render();
                         }
                     });

src/main/resources/static/page/home/welcome.html

@@ -20,28 +20,6 @@
             border-radius: 5px;
         }
 
-        .icon {
-            margin-right: 10px;
-            color: #1aa094;
-        }
-
-        .icon-cray {
-            color: #ffb800 !important;
-        }
-
-        .icon-blue {
-            color: #1e9fff !important;
-        }
-
-        .icon-tip {
-            color: #ff5722 !important;
-        }
-
-        .layuimini-qiuck-module {
-            text-align: center;
-            margin-top: 10px
-        }
-
         .layuimini-qiuck-module a i {
             display: inline-block;
             width: 100%;
@@ -67,424 +45,91 @@
             font-size: 14px;
         }
 
-        .welcome-module {
-            width: 100%;
-            height: 250px;
-        }
-
-        .panel {
-            background-color: #fff;
-            border: 1px solid transparent;
-            border-radius: 3px;
-            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
-            box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
-        }
-
-        .panel-body {
-            padding: 10px
-        }
-
-        .panel-title {
-            margin-top: 0;
-            margin-bottom: 0;
-            font-size: 12px;
-            color: inherit
-        }
-
-        .label {
-            display: inline;
-            padding: .2em .6em .3em;
-            font-size: 75%;
-            font-weight: 700;
-            line-height: 1;
-            color: #fff;
+        .icon {
+            padding: 10px;
             text-align: center;
-            white-space: nowrap;
-            vertical-align: baseline;
-            border-radius: .25em;
-            margin-top: .3em;
-        }
-
-        .layui-red {
-            color: red
-        }
-
-        .main_btn > p {
-            height: 40px;
-        }
-
-        .layui-bg-number {
-            background-color: #F8F8F8;
-        }
-
-        .layuimini-notice:hover {
-            background: #f6f6f6;
-        }
-
-        .layuimini-notice {
-            padding: 7px 16px;
-            clear: both;
-            font-size: 12px !important;
-            cursor: pointer;
-            position: relative;
-            transition: background 0.2s ease-in-out;
-        }
-
-        .layuimini-notice-title, .layuimini-notice-label {
-            padding-right: 70px !important;
-            text-overflow: ellipsis !important;
-            overflow: hidden !important;
-            white-space: nowrap !important;
-        }
-
-        .layuimini-notice-title {
-            line-height: 28px;
-            font-size: 14px;
         }
 
-        .layuimini-notice-extra {
-            position: absolute;
-            top: 50%;
-            margin-top: -8px;
-            right: 16px;
-            display: inline-block;
-            height: 16px;
-            color: #999;
-        }
+        .icon img {
+            width: 80px;
+            height: 80px;
 
-        .jd_info {
-            overflow: scroll;
-            /*display:inline-block;*/
-            /**display:inline;*/
-            /**zoom:1;*/
         }
 
-        .jd_info div {
-            float: left;
-            height: 210px;
-            width: 30%;
+        .title {
+            padding: 10px;
             text-align: center;
-            /*background-color: red;*/
         }
 
-        .jd_info div a {
-            color: red;
+        .layui-card {
             cursor: pointer;
         }
 
-        .jd_info div img {
-            width: 60px;
-            height: 60px;
-            margin-top: 60px;
-        }
-
-        .jd_info div h1 {
-            margin-top: 20px;
+        .layuimini-container{
+            width: 1000px;
         }
 
-        .layui-card-header {
-            font-weight: 600 !important;
-            font-size: 18px !important;
-        }
     </style>
 </head>
 <body>
-<div class="layuimini-container" style="width: 90%;margin: 0 auto;">
+<div class="layuimini-container">
     <div class="layuimini-main">
-        <div class="layui-row layui-col-space15">
-            <div class="layui-col-md15">
-                <div class="layui-row layui-col-space15">
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><img src="../../images/7.png "
-                                                                style="width: 8px;margin-right: 9px;">借阅待处理记录
-                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
-                                   class="fa fa-circle-thin"></i></div>
-                            <div class="layui-card-body" style="height: 230px!important;">
-                                <div style="text-align: center;padding-top: 30px;" id="notWaitHandleRecord">
-                                    <img src="../../images/无记录.png"
-                                    >
-                                    <div>
-                                        暂无数据
-                                    </div>
-                                </div>
-                                <ul id="selectWaitHandleRecord">
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><img src="../../images/7.png "
-                                                                style="width: 8px;margin-right: 9px;">借阅待归还记录
-                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
-                                   class="fa fa-circle-thin"></i></div>
-                            <div class="layui-card-body" style="height: 230px!important;">
-                                <div style="text-align: center;padding-top: 30px" id="notWaitReturnRecord">
-                                    <img src="../../images/无记录.png"
-                                    >
-                                    <div>
-                                        暂无数据
-                                    </div>
-                                </div>
-                                <ul id="selectWaitReturnRecord">
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><img src="../../images/7.png "
-                                                                style="width: 8px;margin-right: 9px;">存档统计记录
-                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
-                                   class="fa fa-circle-thin"></i></div>
-
-                            <div class="layui-card-body">
-                                <section class="panel">
-                                    <div class="panel-body">
-                                        <div class="echarts" id="cundang" style="height:300px; height:350px"></div>
-                                    </div>
-                                </section>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><img src="../../images/7.png "
-                                                                style="width: 8px;margin-right: 9px;">按年统计记录
-                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
-                                   class="fa fa-circle-thin"></i>
-                            </div>
-
-                            <div class="layui-card-body">
-                                <section class="panel">
-                                    <div class="panel-body">
-                                        <div class="echarts" id="years" style="height:300px; height:350px"></div>
-                                    </div>
-                                </section>
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="layui-col-md12">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><img src="../../images/7.png "
-                                                                style="width: 8px;margin-right: 9px;">借阅统计图
-                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
-                                   class="fa fa-circle-thin"></i></div>
-
-                            <div class="layui-card-body">
-                                <section class="panel">
-
-                                    <div class="panel-body">
-                                        <div class="echarts" id="main" style="height:300px; height:350px"></div>
-                                    </div>
-                                </section>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
+        <!--        <div class="layui-row layui-col-space30">-->
+        <!--            <div class="layui-col-md2">-->
+        <!--                <div class="layui-card">-->
+        <!--                    <div class="icon">-->
+        <!--                        <img src="../../images/lzhf.png" alt="">-->
+        <!--                    </div>-->
+        <!--                    <div class="title">-->
+        <!--                        <h2>档案数据管理</h2>-->
+        <!--                    </div>-->
+        <!--                </div>-->
+        <!--            </div>-->
+        <!--        </div>-->
     </div>
 </div>
 <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 src="./js/echart.js"></script> -->
 <script type="text/javascript">
-    layui.use(['table', 'http', 'echarts'], function () {
-
-        let selectWaitHandleRecord = function () {
-            layui.http.get('welcome/statistics/selectWaitHandleRecord', {}, true, res => {
-                if (res.code == 200) {
-                    if (res.data.length !== 0) {
-                        let html = ''
-                        for (let i = 0; i < res.data.length; i++) {
-                            html += '<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;overflow: hidden;\n' +
-                                'text-overflow:ellipsis;\n' +
-                                'white-space: nowrap;">\n' +
-                                '<img src="../../images/人前.png"\n' +
-                                'width="20px" style="margin-right: 10px;   "/>' + res.data[i].adminName + res.data[i].createTime + '申请' + res.data[i].tm + '档案阅读记录\n' +
-                                '</li>'
-                        }
-                        layui.$("#selectWaitHandleRecord").append(html)
-                        layui.$("#selectWaitHandleRecord").show()
-                        layui.$("#notWaitHandleRecord").hide()
-                    } else {
-                        layui.$("#selectWaitHandleRecord").hide()
-                        layui.$("#notWaitHandleRecord").show()
-                    }
-
+    layui.use(['table', 'http', 'echarts', 'miniTab', 'miniAdmin'], function () {
+        let miniTab = layui.miniTab
+        let miniAdmin = layui.miniAdmin
+        let $ = layui.$;
+
+        miniTab.listen()
+
+        let initMenu = function () {
+            let html = '<div class="layui-row layui-col-space30">'
+            miniAdmin.getMenuInfo().forEach(row => {
+                if (row.child) {
+                    row.child.forEach(col => {
+                        html += '<div class="layui-col-md3">\n' +
+                            '                <div class="layui-card" title="' + col.title + '" href="' + col.href + '">\n' +
+                            '                    <div class="icon">\n' +
+                            '                        <img src="' + col.img + '" alt="">\n' +
+                            '                    </div>\n' +
+                            '                    <div class="title">\n' +
+                            '                        <h2>' + col.title + '</h2>\n' +
+                            '                    </div>\n' +
+                            '                </div>\n' +
+                            '            </div>'
+                    })
                 }
             })
+            html += '</div>'
+            $(".layuimini-main").append(html)
         }
-        let selectWaitReturnRecord = () => {
-            layui.http.get('welcome/statistics/selectWaitReturnRecord', {}, true, res => {
-                if (res.code == 200) {
-                    if (res.data.length !== 0) {
-                        let html = ''
-                        for (let i = 0; i < res.data.length; i++) {
-                            html += '<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;overflow: hidden;\n' +
-                                'text-overflow:ellipsis;\n' +
-                                'white-space: nowrap;">\n' +
-                                '<img src="../../images/人前.png"\n' +
-                                'width="20px" style="margin-right: 10px;   "/>' + res.data[i].adminName + '申请' + res.data[i].tm + '于' + res.data[i].estimateReturnTime + '到期待归还'
-                            '</li>'
-                        }
-                        layui.$("#selectWaitReturnRecord").append(html)
-                        layui.$("#selectWaitReturnRecord").show()
-                        layui.$("#notWaitReturnRecord").hide()
-                    } else {
-                        layui.$("#selectWaitReturnRecord").hide()
-                        layui.$("#notWaitReturnRecord").show()
-                    }
-                }
-            })
-        }
-        let selectArchiveByType = () => {
-            layui.http.get('welcome/statistics/selectArchiveByType', {}, true, res => {
-                if (res.code == 200) {
-                    // 基于准备好的dom，初始化echarts实例
-                    var myChart = echarts.init(document.getElementById('cundang'));
-                    // 指定图表的配置项和数据
-                    var option = {
-                        color: ['#3398DB'],
-                        tooltip: {
-                            trigger: 'axis',
-                            axisPointer: { // 坐标轴指示器，坐标轴触发有效
-                                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-                            }
-                        },
-                        grid: {
-                            left: '3%',
-                            right: '4%',
-                            bottom: '3%',
-                            containLabel: true
-                        },
-                        xAxis: [{
-                            type: 'category',
-                            data: res.data.x,
-                            axisTick: {
-                                alignWithLabel: true
-                            }
-                        }],
-                        yAxis: [{
-                            type: 'value'
-                        }],
-                        series: [{
-                            name: '档案数量',
-                            type: 'bar',
-                            barWidth: '40%',
-                            data: res.data.y
-                        }]
-                    };
-                    // 使用刚指定的配置项和数据显示图表。
-                    myChart.setOption(option);
-
-                }
-            })
-        }
-        let selectArchiveByYear = () => {
-            layui.http.get('welcome/statistics/selectArchiveByYear', {}, true, res => {
-                if (res.code == 200) {
-                    // 基于准备好的dom，初始化echarts实例
-                    var myChart = echarts.init(document.getElementById('years'));
-                    // 指定图表的配置项和数据
-                    var option = {
-                        color: ['#3398DB'],
-                        tooltip: {
-                            trigger: 'axis',
-                            axisPointer: { // 坐标轴指示器，坐标轴触发有效
-                                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-                            }
-                        },
-                        grid: {
-                            left: '3%',
-                            right: '4%',
-                            bottom: '3%',
-                            containLabel: true
-                        },
-                        xAxis: [{
-                            type: 'category',
-                            data: res.data.x,
-                            axisTick: {
-                                alignWithLabel: true
-                            }
-                        }],
-                        yAxis: [{
-                            type: 'value'
-                        }],
-                        series: [{
-                            name: '档案数量',
-                            type: 'bar',
-                            barWidth: '60%',
-                            data: res.data.y
-                        }]
-                    };
-                    // 使用刚指定的配置项和数据显示图表。
-                    myChart.setOption(option);
-                }
-            })
-        }
-        let selectBorrowCountByDate = () => {
-            layui.http.get('welcome/statistics/selectBorrowCountByDate', {}, true, res => {
-                if (res.code == 200) {
-                    // 基于准备好的dom，初始化echarts实例
-                    var myChart = layui.echarts.init(document.getElementById('main'));
 
-                    // 指定图表的配置项和数据
-                    var option = {
-                        tooltip: {
-                            trigger: 'axis'
-                        },
-                        grid: {
-                            left: '3%',
-                            right: '4%',
-                            bottom: '3%',
-                            containLabel: true
-                        },
-                        toolbox: {
-                            feature: {
-                                saveAsImage: {}
-                            }
-                        },
-                        xAxis: {
-                            type: 'category',
-                            boundaryGap: false,
-                            data: res.data.x
-                        },
-                        yAxis: {
-                            type: 'value'
-                        },
-                        series: res.data.y
-                    };
-                    // 使用刚指定的配置项和数据显示图表。
-                    myChart.setOption(option);
+        initMenu()
 
-                }
+        $(document).on('click', ".layui-card", function () {
+            miniTab.openNewTabByIframe({
+                "title": $(this).attr('title'),
+                href: $(this).attr('href')
             })
-        }
-
-        selectWaitHandleRecord()
-        selectWaitReturnRecord()
-        selectArchiveByType()
-        selectArchiveByYear()
-        selectBorrowCountByDate()
+        });
     })
 </script>
-
-<script type="text/javascript">
-
-</script>
-<script type="text/javascript">
-
-</script>
-
 </body>
 </html>

src/main/resources/static/page/home/welcomeAdmin.html

@@ -0,0 +1,490 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>首页二</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
+    <link rel="stylesheet" href="../../css/public.css" media="all">
+    <style>
+
+        .layui-col-space15 {
+
+        }
+
+        .layui-card {
+            border: 1px solid #f2f2f2;
+            border-radius: 5px;
+        }
+
+        .icon {
+            margin-right: 10px;
+            color: #1aa094;
+        }
+
+        .icon-cray {
+            color: #ffb800 !important;
+        }
+
+        .icon-blue {
+            color: #1e9fff !important;
+        }
+
+        .icon-tip {
+            color: #ff5722 !important;
+        }
+
+        .layuimini-qiuck-module {
+            text-align: center;
+            margin-top: 10px
+        }
+
+        .layuimini-qiuck-module a i {
+            display: inline-block;
+            width: 100%;
+            height: 60px;
+            line-height: 60px;
+            text-align: center;
+            border-radius: 2px;
+            font-size: 30px;
+            background-color: #F8F8F8;
+            color: #333;
+            transition: all .3s;
+            -webkit-transition: all .3s;
+        }
+
+        .layuimini-qiuck-module a cite {
+            position: relative;
+            top: 2px;
+            display: block;
+            color: #666;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+            font-size: 14px;
+        }
+
+        .welcome-module {
+            width: 100%;
+            height: 250px;
+        }
+
+        .panel {
+            background-color: #fff;
+            border: 1px solid transparent;
+            border-radius: 3px;
+            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+            box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
+        }
+
+        .panel-body {
+            padding: 10px
+        }
+
+        .panel-title {
+            margin-top: 0;
+            margin-bottom: 0;
+            font-size: 12px;
+            color: inherit
+        }
+
+        .label {
+            display: inline;
+            padding: .2em .6em .3em;
+            font-size: 75%;
+            font-weight: 700;
+            line-height: 1;
+            color: #fff;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            border-radius: .25em;
+            margin-top: .3em;
+        }
+
+        .layui-red {
+            color: red
+        }
+
+        .main_btn > p {
+            height: 40px;
+        }
+
+        .layui-bg-number {
+            background-color: #F8F8F8;
+        }
+
+        .layuimini-notice:hover {
+            background: #f6f6f6;
+        }
+
+        .layuimini-notice {
+            padding: 7px 16px;
+            clear: both;
+            font-size: 12px !important;
+            cursor: pointer;
+            position: relative;
+            transition: background 0.2s ease-in-out;
+        }
+
+        .layuimini-notice-title, .layuimini-notice-label {
+            padding-right: 70px !important;
+            text-overflow: ellipsis !important;
+            overflow: hidden !important;
+            white-space: nowrap !important;
+        }
+
+        .layuimini-notice-title {
+            line-height: 28px;
+            font-size: 14px;
+        }
+
+        .layuimini-notice-extra {
+            position: absolute;
+            top: 50%;
+            margin-top: -8px;
+            right: 16px;
+            display: inline-block;
+            height: 16px;
+            color: #999;
+        }
+
+        .jd_info {
+            overflow: scroll;
+            /*display:inline-block;*/
+            /**display:inline;*/
+            /**zoom:1;*/
+        }
+
+        .jd_info div {
+            float: left;
+            height: 210px;
+            width: 30%;
+            text-align: center;
+            /*background-color: red;*/
+        }
+
+        .jd_info div a {
+            color: red;
+            cursor: pointer;
+        }
+
+        .jd_info div img {
+            width: 60px;
+            height: 60px;
+            margin-top: 60px;
+        }
+
+        .jd_info div h1 {
+            margin-top: 20px;
+        }
+
+        .layui-card-header {
+            font-weight: 600 !important;
+            font-size: 18px !important;
+        }
+    </style>
+</head>
+<body>
+<div class="layuimini-container" style="width: 90%;margin: 0 auto;">
+    <div class="layuimini-main">
+        <div class="layui-row layui-col-space15">
+            <div class="layui-col-md15">
+                <div class="layui-row layui-col-space15">
+                    <div class="layui-col-md6">
+                        <div class="layui-card">
+                            <div class="layui-card-header"><img src="../../images/7.png "
+                                                                style="width: 8px;margin-right: 9px;">借阅待处理记录
+                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
+                                   class="fa fa-circle-thin"></i></div>
+                            <div class="layui-card-body" style="height: 230px!important;">
+                                <div style="text-align: center;padding-top: 30px;" id="notWaitHandleRecord">
+                                    <img src="../../images/无记录.png"
+                                    >
+                                    <div>
+                                        暂无数据
+                                    </div>
+                                </div>
+                                <ul id="selectWaitHandleRecord">
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <div class="layui-col-md6">
+                        <div class="layui-card">
+                            <div class="layui-card-header"><img src="../../images/7.png "
+                                                                style="width: 8px;margin-right: 9px;">借阅待归还记录
+                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
+                                   class="fa fa-circle-thin"></i></div>
+                            <div class="layui-card-body" style="height: 230px!important;">
+                                <div style="text-align: center;padding-top: 30px" id="notWaitReturnRecord">
+                                    <img src="../../images/无记录.png"
+                                    >
+                                    <div>
+                                        暂无数据
+                                    </div>
+                                </div>
+                                <ul id="selectWaitReturnRecord">
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <div class="layui-col-md6">
+                        <div class="layui-card">
+                            <div class="layui-card-header"><img src="../../images/7.png "
+                                                                style="width: 8px;margin-right: 9px;">存档统计记录
+                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
+                                   class="fa fa-circle-thin"></i></div>
+
+                            <div class="layui-card-body">
+                                <section class="panel">
+                                    <div class="panel-body">
+                                        <div class="echarts" id="cundang" style="height:300px; height:350px"></div>
+                                    </div>
+                                </section>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="layui-col-md6">
+                        <div class="layui-card">
+                            <div class="layui-card-header"><img src="../../images/7.png "
+                                                                style="width: 8px;margin-right: 9px;">按年统计记录
+                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
+                                   class="fa fa-circle-thin"></i>
+                            </div>
+
+                            <div class="layui-card-body">
+                                <section class="panel">
+                                    <div class="panel-body">
+                                        <div class="echarts" id="years" style="height:300px; height:350px"></div>
+                                    </div>
+                                </section>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <div class="layui-col-md12">
+                        <div class="layui-card">
+                            <div class="layui-card-header"><img src="../../images/7.png "
+                                                                style="width: 8px;margin-right: 9px;">借阅统计图
+                                <i style="float: right;margin-top: 15px;color: #007DDB;cursor: pointer;"
+                                   class="fa fa-circle-thin"></i></div>
+
+                            <div class="layui-card-body">
+                                <section class="panel">
+
+                                    <div class="panel-body">
+                                        <div class="echarts" id="main" style="height:300px; height:350px"></div>
+                                    </div>
+                                </section>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<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 src="./js/echart.js"></script> -->
+<script type="text/javascript">
+    layui.use(['table', 'http', 'echarts'], function () {
+
+        let selectWaitHandleRecord = function () {
+            layui.http.get('welcome/statistics/selectWaitHandleRecord', {}, true, res => {
+                if (res.code == 200) {
+                    if (res.data.length !== 0) {
+                        let html = ''
+                        for (let i = 0; i < res.data.length; i++) {
+                            html += '<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;overflow: hidden;\n' +
+                                'text-overflow:ellipsis;\n' +
+                                'white-space: nowrap;">\n' +
+                                '<img src="../../images/人前.png"\n' +
+                                'width="20px" style="margin-right: 10px;   "/>' + res.data[i].adminName + res.data[i].createTime + '申请' + res.data[i].tm + '档案阅读记录\n' +
+                                '</li>'
+                        }
+                        layui.$("#selectWaitHandleRecord").append(html)
+                        layui.$("#selectWaitHandleRecord").show()
+                        layui.$("#notWaitHandleRecord").hide()
+                    } else {
+                        layui.$("#selectWaitHandleRecord").hide()
+                        layui.$("#notWaitHandleRecord").show()
+                    }
+
+                }
+            })
+        }
+        let selectWaitReturnRecord = () => {
+            layui.http.get('welcome/statistics/selectWaitReturnRecord', {}, true, res => {
+                if (res.code == 200) {
+                    if (res.data.length !== 0) {
+                        let html = ''
+                        for (let i = 0; i < res.data.length; i++) {
+                            html += '<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;overflow: hidden;\n' +
+                                'text-overflow:ellipsis;\n' +
+                                'white-space: nowrap;">\n' +
+                                '<img src="../../images/人前.png"\n' +
+                                'width="20px" style="margin-right: 10px;   "/>' + res.data[i].adminName + '申请' + res.data[i].tm + '于' + res.data[i].estimateReturnTime + '到期待归还'
+                            '</li>'
+                        }
+                        layui.$("#selectWaitReturnRecord").append(html)
+                        layui.$("#selectWaitReturnRecord").show()
+                        layui.$("#notWaitReturnRecord").hide()
+                    } else {
+                        layui.$("#selectWaitReturnRecord").hide()
+                        layui.$("#notWaitReturnRecord").show()
+                    }
+                }
+            })
+        }
+        let selectArchiveByType = () => {
+            layui.http.get('welcome/statistics/selectArchiveByType', {}, true, res => {
+                if (res.code == 200) {
+                    // 基于准备好的dom，初始化echarts实例
+                    var myChart = echarts.init(document.getElementById('cundang'));
+                    // 指定图表的配置项和数据
+                    var option = {
+                        color: ['#3398DB'],
+                        tooltip: {
+                            trigger: 'axis',
+                            axisPointer: { // 坐标轴指示器，坐标轴触发有效
+                                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+                            }
+                        },
+                        grid: {
+                            left: '3%',
+                            right: '4%',
+                            bottom: '3%',
+                            containLabel: true
+                        },
+                        xAxis: [{
+                            type: 'category',
+                            data: res.data.x,
+                            axisTick: {
+                                alignWithLabel: true
+                            }
+                        }],
+                        yAxis: [{
+                            type: 'value'
+                        }],
+                        series: [{
+                            name: '档案数量',
+                            type: 'bar',
+                            barWidth: '40%',
+                            data: res.data.y
+                        }]
+                    };
+                    // 使用刚指定的配置项和数据显示图表。
+                    myChart.setOption(option);
+
+                }
+            })
+        }
+        let selectArchiveByYear = () => {
+            layui.http.get('welcome/statistics/selectArchiveByYear', {}, true, res => {
+                if (res.code == 200) {
+                    // 基于准备好的dom，初始化echarts实例
+                    var myChart = echarts.init(document.getElementById('years'));
+                    // 指定图表的配置项和数据
+                    var option = {
+                        color: ['#3398DB'],
+                        tooltip: {
+                            trigger: 'axis',
+                            axisPointer: { // 坐标轴指示器，坐标轴触发有效
+                                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+                            }
+                        },
+                        grid: {
+                            left: '3%',
+                            right: '4%',
+                            bottom: '3%',
+                            containLabel: true
+                        },
+                        xAxis: [{
+                            type: 'category',
+                            data: res.data.x,
+                            axisTick: {
+                                alignWithLabel: true
+                            }
+                        }],
+                        yAxis: [{
+                            type: 'value'
+                        }],
+                        series: [{
+                            name: '档案数量',
+                            type: 'bar',
+                            barWidth: '60%',
+                            data: res.data.y
+                        }]
+                    };
+                    // 使用刚指定的配置项和数据显示图表。
+                    myChart.setOption(option);
+                }
+            })
+        }
+        let selectBorrowCountByDate = () => {
+            layui.http.get('welcome/statistics/selectBorrowCountByDate', {}, true, res => {
+                if (res.code == 200) {
+                    // 基于准备好的dom，初始化echarts实例
+                    var myChart = layui.echarts.init(document.getElementById('main'));
+
+                    // 指定图表的配置项和数据
+                    var option = {
+                        tooltip: {
+                            trigger: 'axis'
+                        },
+                        grid: {
+                            left: '3%',
+                            right: '4%',
+                            bottom: '3%',
+                            containLabel: true
+                        },
+                        toolbox: {
+                            feature: {
+                                saveAsImage: {}
+                            }
+                        },
+                        xAxis: {
+                            type: 'category',
+                            boundaryGap: false,
+                            data: res.data.x
+                        },
+                        yAxis: {
+                            type: 'value'
+                        },
+                        series: res.data.y
+                    };
+                    // 使用刚指定的配置项和数据显示图表。
+                    myChart.setOption(option);
+
+                }
+            })
+        }
+
+        selectWaitHandleRecord()
+        selectWaitReturnRecord()
+        selectArchiveByType()
+        selectArchiveByYear()
+        selectBorrowCountByDate()
+    })
+</script>
+
+<script type="text/javascript">
+
+</script>
+<script type="text/javascript">
+
+</script>
+
+</body>
+</html>