3.2

src/main/java/com/gz/service/system/impl/AuthServiceImpl.java

@@ -163,7 +163,7 @@ public class AuthServiceImpl implements AuthService {
         initialHomeRVO.getHomeInfo().put("title","首页");
         initialHomeRVO.getHomeInfo().put("href","page/home/welcome.html?t=1");
         // logo信息
-        initialHomeRVO.getLogoInfo().put("title","南京市纪委监委派驻监督管理信息系统");
+        initialHomeRVO.getLogoInfo().put("title","档案管理");
         initialHomeRVO.getLogoInfo().put("image","images/logo.png");
         initialHomeRVO.getLogoInfo().put("href","");
 

src/main/resources/static/css/layuimini.css

@@ -16,7 +16,7 @@
 
 /**logo-配色*/
 .layui-layout-admin .layuimini-logo {
-    background-color: #243346 !important;
+    background-color: rgb(30, 159, 255) !important;
 }
 
 /**左侧-配色*/
@@ -44,13 +44,15 @@
 }
 
 .layuimini-header-menu, .layui-header {
-    height: 60px !important;
+    height: 80px !important;
 }
 
 .layuimini-header-menu > .layui-nav-item {
     color: #1b1d21;
     height: 60px !important;
-    line-height: 60px !important;
+    line-height: 85px !important;
+	margin-top: 20px;
+	margin-right: 30px;
 }
 
 .layui-header > .layui-layout-right > .layui-nav-item {
@@ -59,7 +61,7 @@
 }
 
 .layui-layout-left {
-    left: 295px !important;
+    left: 450px !important;
 }
 
 .layui-nav.layui-layout-left.layuimini-header-menu.layuimini-pc-show {
@@ -347,6 +349,11 @@
 .layuimini-menu-left .layui-nav .layui-nav-item > a {
     padding-top: 5px;
     padding-bottom: 5px;
+	 height: 25px !important;
+    line-height: 25px !important;
+	/* left: 10px; */
+	font-size: 14px;
+	
 }
 
 .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child {
@@ -368,30 +375,12 @@
 
 /**左侧菜单栏 (正常) */
 .layui-layout-body .layui-nav-itemed .layui-nav-child a, .layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child a {
-    padding-left: 35px;
-}
-
-.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child a {
-    padding-left: 45px;
-}
-
-.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a {
-    padding-left: 55px;
-}
-
-.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
-    padding-left: 65px;
-}
 
-.layui-layout-body .layuimini-menu-left .layui-nav .layui-nav-itemed > .layui-nav-child {
-    padding: 5px 0;
-}
 
-/**内容主体（通用） */
 .layui-layout-admin .layui-body {
     overflow: hidden;
     bottom: 0px !important;
-    top: 60px !important;
+    top: 80px !important;
     transition: all .2s;
 }
 
@@ -486,7 +475,7 @@
 }
 
 .layui-layout-admin .layui-side {
-    top: 60px !important;
+    top: 0px !important;
 }
 
 .layui-tab-card {
@@ -779,7 +768,7 @@
 
     /**内容主体（缩放） */
     .layuimini-mini .layui-layout-admin .layui-body {
-        left: 60px !important;
+        left: 0px !important;
     }
 
     .layuimini-mini .layuimini-tool {
@@ -869,7 +858,7 @@
     .layuimini-mini .layui-layout-admin .layui-body {
         left: 0!important;
         transition: left .2s;
-        top: 0;
+        top: 0px;
         z-index: 998;
     }
 

src/main/resources/static/css/themes/default.css

@@ -46,7 +46,7 @@
 
 /*logo背景颜色 headerLogoBg */
 .layui-layout-admin .layuimini-logo {
-    background-color: #192027 !important;
+    background-color: rgb(30, 159, 255) !important;
 }
 
 /*logo字体颜色 headerLogoColor */
@@ -66,7 +66,7 @@
 
 /*左侧菜单背景 leftMenuBg */
 .layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul, .layuimini-menu-left-zoom > ul {
-    background-color: #28333E !important;
+    background-color: rgb(53,116,224)!important;
 }
 
 /*左侧菜单选中背景 leftMenuBgThis */

src/main/resources/static/index.html

@@ -22,73 +22,88 @@
     <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
     <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
+	<style type="text/css">
+.toum{
+	    position: absolute;
+	    z-index: 9999;
+	    left: 500px;
+	    top: 10px;
+	}
+	.sy{
+		position: absolute;
+		z-index: 9999;
+		left: 400px;
+		top: 10px;
+	}
+}
+	</style>
     <style id="layuimini-bg-color">
     </style>
 </head>
+
 <body class="layui-layout-body layuimini-all">
+
+	<div id="" class="toum">
+	<img style="margin-right: 88px;" src="images/4.png" >
+	<img style="margin-right: 85px;" src="images/3.png" >
+	<img style="margin-right: 86px;" src="images/2.png" >
+	<img style="margin-right: 55px;" src="images/5.png" >
+	</div>
 <div class="layui-layout layui-layout-admin">
 
     <div class="layui-header header">
-        <div class="layui-logo layuimini-logo"></div>
+        <div class="layui-logo layuimini-logo">
+		</div>
 
         <div class="layuimini-header-content">
-            <a>
+        <!--    <a>
                 <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
-            </a>
+            </a> -->
 
             <!--电脑端头部菜单-->
-            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
+			
+           <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
             </ul>
 
             <!--手机端头部菜单-->
-            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
+      <!--      <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
                 <li class="layui-nav-item">
                     <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
                     <dl class="layui-nav-child layuimini-menu-header-mobile">
                     </dl>
                 </li>
-            </ul>
+            </ul> -->
+			<div >
+	
+				
+			</div>
 
             <ul class="layui-nav layui-layout-right">
-
-                <li class="layui-nav-item" lay-unselect>
+<li class="layui-nav-item" lay-unselect>
                     <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
                 </li>
-                <li class="layui-nav-item" lay-unselect>
-                    <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
-                </li>
-                <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
-                    <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
-                </li>
+            
+             <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
+                                 <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
+                 </li>
+				 <li class="layui-nav-item" lay-unselect>
+				                 <a href="javascript:;" data-refresh="消息"><i class="fa  fa-bell-o"></i>
+				 				<span class="layui-badge" style="    top: 17px;
+				 font-size: 10px !important;
+				 border-radius: 15px;    margin: -9px -10px 0;">6</span></a>
+				             </li>
                 <li class="layui-nav-item layuimini-setting">
-                    <a href="javascript:;" id="account">111</a>
-                    <dl class="layui-nav-child">
-<!--                        <dd>-->
-<!--                            <a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料"-->
-<!--                               data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>-->
-<!--                        </dd>-->
-                        <dd>
-                            <a href="javascript:;" layuimini-content-href="updatePassword.html" data-title="修改密码"
-                               data-icon="fa fa-gears">修改密码</a>
-                        </dd>
-                        <dd>
-                            <hr>
-                        </dd>
-                        <dd>
-                            <a href="javascript:;" class="login-out">退出登录</a>
-                        </dd>
-                    </dl>
-                </li>
-                <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
-                    <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
+              <a href="javascript:;" class="login-out">退出系统</a>
                 </li>
+              
             </ul>
         </div>
     </div>
 
 <!--    无限极左侧菜单-->
-    <div class="layui-side layui-bg-black layuimini-menu-left">
+  <div style="" class="layui-side layui-bg-black layuimini-menu-left">
     </div>
+	
 
     <!--初始化加载层-->
     <div class="layuimini-loader">

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

@@ -18,9 +18,10 @@ layui.define(["jquery", "layer"], function (exports) {
         config: function (bgcolorId) {
             var bgColorConfig = [
                 {
+					
                     headerRightBg: '#ffffff', //头部右侧背景色
                     headerRightBgThis: '#e4e4e4', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(107, 107, 107, 0.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: 'rgba(107, 107, 107, 0.7)', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#565656', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(160, 160, 160, 0.7)', //头部右侧更多下拉颜色,
@@ -33,14 +34,14 @@ layui.define(["jquery", "layer"], function (exports) {
                     leftMenuBg: '#28333E', //左侧菜单背景,
                     leftMenuBgThis: '#1E9FFF', //左侧菜单选中背景,
                     leftMenuChildBg: '#0c0f13', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
                     leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
                     tabActiveColor: '#1e9fff', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#23262e', //头部右侧背景色
                     headerRightBgThis: '#0c0c0c', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -50,17 +51,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#0c0c0c', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#23262e', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#737373', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#ffffff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#23262e', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#ffa4d1', //头部右侧背景色
                     headerRightBgThis: '#bf7b9d', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -70,17 +71,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#e694bd', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#737373', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#ffffff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#ffa4d1', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#1aa094', //头部右侧背景色
                     headerRightBgThis: '#197971', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -90,17 +91,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#0c0c0c', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#23262e', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#1aa094', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#ffffff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#1aa094', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#1e9fff', //头部右侧背景色
-                    headerRightBgThis: '#0069b7', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightBgThis: 'rgb(30,159,255)', //头部右侧选中背景色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -110,17 +111,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#0c0c0c', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#1e9fff', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#ffffff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#1e9fff', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#ffb800', //头部右侧背景色
                     headerRightBgThis: '#d09600', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -130,17 +131,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#243346', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#8593a7', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#ffb800', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#e82121', //头部右侧背景色
                     headerRightBgThis: '#ae1919', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -153,14 +154,14 @@ layui.define(["jquery", "layer"], function (exports) {
                     leftMenuBg: '#1f1f1f', //左侧菜单背景,
                     leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#e82121', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#963885', //头部右侧背景色
                     headerRightBgThis: '#772c6a', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -173,34 +174,34 @@ layui.define(["jquery", "layer"], function (exports) {
                     leftMenuBg: '#2f4056', //左侧菜单背景,
                     leftMenuBgThis: '#586473', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#963885', //tab选项卡选中颜色,
                 },
                 {
-                    headerRightBg: '#2D8CF0', //头部右侧背景色
-                    headerRightBgThis: '#0069b7', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightBg: 'rgb(30,159,255)', //头部右侧背景色
+                    headerRightBgThis: 'rgb(30,159,255)', //头部右侧选中背景色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
                     headerRightNavMoreBg: '#0069b7', //头部右侧更多下拉列表选中背景色,
                     headerRightNavMoreColor: '#ffffff', //头部右侧更多下拉列表字体色,
                     headerRightToolColor: '#bbe3df', //头部缩放按钮样式,
-                    headerLogoBg: '#0069b7', //logo背景颜色,
+                    headerLogoBg: 'rgb(30,159,255)', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#2D8CF0', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
-                    tabActiveColor: '#2d8cf0', //tab选项卡选中颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
+                    tabActiveColor: 'rgb(30,159,255)', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#ffb800', //头部右侧背景色
                     headerRightBgThis: '#d09600', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -210,17 +211,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#d09600', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#ffb800', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#e82121', //头部右侧背景色
                     headerRightBgThis: '#ae1919', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -230,17 +231,17 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#d91f1f', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#1f1f1f', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#3b3f4b', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
-                    leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
+                    leftMenuColorThis: 'orange', //左侧菜单选中字体颜色,
                     tabActiveColor: '#e82121', //tab选项卡选中颜色,
                 },
                 {
                     headerRightBg: '#963885', //头部右侧背景色
                     headerRightBgThis: '#772c6a', //头部右侧选中背景色,
-                    headerRightColor: 'rgba(255,255,255,.7)', //头部右侧字体颜色,
+                    headerRightColor: '#fff', //头部右侧字体颜色,
                     headerRightChildColor: '#676767', //头部右侧下拉字体颜色,
                     headerRightColorThis: '#ffffff', //头部右侧鼠标选中,
                     headerRightNavMore: 'rgba(255,255,255,.7)', //头部右侧更多下拉颜色,
@@ -250,10 +251,10 @@ layui.define(["jquery", "layer"], function (exports) {
                     headerLogoBg: '#772c6a', //logo背景颜色,
                     headerLogoColor: '#ffffff', //logo字体颜色,
                     leftMenuNavMore: 'rgb(191, 187, 187)', //左侧菜单更多下拉样式,
-                    leftMenuBg: '#2f4056', //左侧菜单背景,
+                    leftMenuBg: 'rgb(74,175,250)', //左侧菜单背景,
                     leftMenuBgThis: '#626f7f', //左侧菜单选中背景,
                     leftMenuChildBg: 'rgba(0,0,0,.3)', //左侧菜单子菜单背景,
-                    leftMenuColor: 'rgb(191, 187, 187)', //左侧菜单字体颜色,
+                    leftMenuColor: '#fff', //左侧菜单字体颜色,
                     leftMenuColorThis: '#ffffff', //左侧菜单选中字体颜色,
                     tabActiveColor: '#963885', //tab选项卡选中颜色,
                 }
@@ -297,7 +298,7 @@ layui.define(["jquery", "layer"], function (exports) {
                 '\n' +
                 '/*头部右侧选中背景色 headerRightBgThis */\n' +
                 '.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {\n' +
-                '    background-color: ' + bgcolorData.headerRightBgThis + ' !important;\n' +
+                '  background-color: ' + bgcolorData.headerRightBgThis + ' !important;\n ' +
                 '}\n' +
                 '\n' +
                 '/*头部右侧字体颜色 headerRightColor */\n' +

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

@@ -0,0 +1,845 @@
+<!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{
+            background-color: #f3f3f3;
+        }
+        .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;
+        }
+		.cardall{
+			margin-left: 12px;
+			 width: 98%;
+			display: flex; 
+			justify-content: space-between;
+		}
+.card1{
+	text-align: center;
+	width: 200px;
+	height: 250px;
+	border: 1px solid #eee;
+	float: left;
+	background-color: #fff;
+
+}
+.card2{
+	margin-bottom: 10px;
+}
+.layui-card-header{
+	font-weight: 600 !important;
+	font-size: 18px !important;
+}
+    </style>
+</head>
+<body>
+	
+	
+
+<div class=""  style="width:1200px; margin: 0 auto;">
+	
+	<div class="cardall">
+	  <div class="layui-col-md3 card1">
+	 <div style="margin-top: 35%;">
+	 			  <img src="../../images/xscz.png"  class="card2" style="width: 50px;">
+	 			  <div  class="card2" style="font-size: 25px;font-weight: 600;">12</div>
+	 			  <div  class="card2" style="color: #8C8C8C;">到期未归还</div>
+	 </div>
+	  </div>
+	  <div class="layui-col-md3 card1">
+	<div style="margin-top: 35%;">
+				  <img src="../../images/xscz.png"  class="card2" style="width: 50px;">
+				  <div  class="card2" style="font-size: 25px;font-weight: 600;">12</div>
+				  <div  class="card2" style="color: #8C8C8C;">到期未归还</div>
+	</div>
+	  
+	  </div>
+	  <div class="layui-col-md3 card1">
+ <div style="margin-top: 35%;">
+	 			  <img src="../../images/xscz.png"  class="card2" style="width: 50px;">
+	 			  <div  class="card2" style="font-size: 25px;font-weight: 600;">12</div>
+	 			  <div  class="card2" style="color: #8C8C8C;">到期未归还</div>
+	 </div>
+	  </div>
+	  <div class="layui-col-md3 card1">
+ <div style="margin-top: 35%;">
+	 			  <img src="../../images/xscz.png"  class="card2" style="width: 50px;">
+	 			  <div  class="card2" style="font-size: 25px;font-weight: 600;">12</div>
+	 			  <div  class="card2" style="color: #8C8C8C;">到期未归还</div>
+	 </div>
+	  </div>
+	</div>
+    <div class="layuimini-main">
+	
+        <div class="layui-row layui-col-space">
+	
+            <div class="layui-col-md">
+                <div class="layui-row layui-col-space">
+				
+                    <div class=""style="margin-right: 125px;width: 527px;float: left;">
+                        <div class="layui-card">
+                    <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>到期未归还记录</div>
+                       <div class="layui-card-body">
+                       	<ul style="height: 195px;    overflow-y: auto;">
+                       		<li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+                       			 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+                       		<li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+                       			 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+                       		<li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+                       			 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+                       		<li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+                       			 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+								 <li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+								 	 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+									 <li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+									 	 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+										 <li style=" border-bottom: 1px solid #E0E0E0;padding-bottom: 10px;margin-bottom: 15px;font-size: 16px;"><img src="../../images/lzhf.png"
+										 	 width="15px" style="margin-right: 10px;   " />李晨申请XXXXXX档案阅读已到期</li>
+                       	</ul>
+                       </div>
+                        </div>
+                    </div>
+
+
+                    <div class=" " style="width: 527px;float: left;">
+                        <div class="layui-card">
+                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>借阅待归还记录</div>
+                            <div class="layui-card-body">
+								<div style="height: 195px;">
+									<img src="../../images/jcqk.png" >
+								</div>
+                            </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>
+    layui.use(['layer', 'miniTab', 'echarts', 'http','form'], function () {
+        var $ = layui.jquery,
+            layer = layui.layer,
+            form = layui.form,
+            miniTab = layui.miniTab,
+            http = layui.http,
+            echarts = layui.echarts;
+
+        miniTab.listen();
+
+        // http.get('analysis/getSuperviseInfo',{},true,function (res) {
+        //     $("#xscz").html(res.data.questionCluesCount)
+        //     $("#lzhf").html(res.data.replyCount)
+        //     $("#jcqk").html(res.data.rewardPunishmentCount)
+        // })
+        //
+        // http.get('analysis/getFinallyResult',{},true,function (res) {
+        //     initFinallyResult(res.data)
+        // })
+        //
+        // http.get('analysis/getProblemClues',{},true,function (res) {
+        //     initWtxs(res.data)
+        // })
+        //
+        // http.get('analysis/getDisposalMethod',{},true,function (res) {
+        //     initCzfs(res.data)
+        // })
+        //
+        // http.get('analysis/getLoginInfo',{},true,function (res) {
+        //     initLoginInfo(res.data)
+        // })
+        //
+        // http.get('analysis/getRewardPunishment',{},true,function (res) {
+        //     initRewardPunishment(res.data)
+        // })
+        //
+        // http.get('analysis/getPolitical',{},true,function (res) {
+        //     initzzmm(res.data)
+        // })
+
+        // 局办
+        // http.get('archives/dept/select', {parentId: -1}, false, function (res) {
+        //     let html = '';
+        //     for (let i in res.data) {
+        //         html += '<option value="' + res.data[i].id + '">' + res.data[i].deptName + '</option>'
+        //     }
+        //     $("#depa").append(html)
+        //     form.render();//菜单渲染 把内容加载进去
+        // })
+
+        // http.get('analysis/getUserAnalysis',{},true,function (res) {
+        //     initDeptPersonNum(res.data)
+        // })
+
+        // 登录情况
+        let initLoginInfo = function (data) {
+            var echartsRecords = echarts.init(document.getElementById('login-info'), 'walden');
+            echartsOptions = {
+                xAxis: {
+                    type: 'category',
+                    data: ['今日访问', '昨日访问', '当前在线人数'],
+                    splitLine: {
+                        show: false
+                    }
+                },
+                yAxis: {
+                    name: '人',
+                    type: 'value',
+                    splitLine: {
+                        show: false
+                    }
+                },
+                series: [
+                    {
+                        data: [data.nowadays, data.yesterday, data.current],
+                        type: 'line',
+                        itemStyle: {
+                            normal: {
+                                label: {
+                                    show: true
+                                },
+                                color: '#ED5454',
+                                lineStyle: {
+                                    color: '#ED5454' //折线颜色
+                                }
+                            }
+                        }
+                    }
+                ],
+                grid: {
+                    top: "10",
+                    left: "10",
+                    right: "10",
+                    bottom: "0",
+                    containLabel: true
+                }
+            };
+            echartsRecords.setOption(echartsOptions)
+
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+        // 最终处理结果
+        let initFinallyResult = function (data) {
+            var echartsRecords = echarts.init(document.getElementById('finally-result'), 'walden');
+            var echartsOptions = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b} : {c} ({d}%)'
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    data: ['第一种形态', '第二种形态', '第三种形态', '第四种形态', '查否了解']
+                },
+                series: [
+                    {
+                        name: '最终处理结果',
+                        type: 'pie',
+                        radius: '55%',
+                        center: ['50%', '60%'],
+                        data: [
+                            {value: 600, name: '第一种形态'},
+                            {value: 310, name: '第二种形态'},
+                            {value: 900, name: '第三种形态'},
+                            {value: 135, name: '第四种形态'},
+                            {value: 1548, name: '查否了解'}
+                        ],
+                        emphasis: {
+                            itemStyle: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        }
+                    }
+                ]
+            };
+            var echartsOptions = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b} : {c} ({d}%)'
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    data: data.key
+                },
+                series: [
+                    {
+                        name: '访问来源',
+                        type: 'pie',
+                        radius: '55%',
+                        center: ['50%', '60%'],
+                        data: data.value,
+                        emphasis: {
+                            itemStyle: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        }
+                    }
+                ]
+            };
+            echartsRecords.setOption(echartsOptions)
+
+            echartsRecords.on('click',function (param) {
+                // let url = '/page/questionClues/list.html?finallyHandleParentResult='
+                let url = '/archives/page/questionClues/list.html?finallyHandleParentResult='
+                switch (param.name) {
+                    case '第一种形态' : url += 'DIYIZHONGXINGTAI'; break;
+                    case '第二种形态' : url += 'DIERZHONGXINGTAI'; break;
+                    case '第三种形态' : url += 'DISANZHONGXINGTAI'; break;
+                    case '第四种形态' : url += 'DISIZHONGXINGTAI'; break;
+                }
+                window.location.href = url;
+            })
+
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+        // 各职级人数统计
+        let initDeptPersonNum = function (data) {
+            var echartsRecords = echarts.init(document.getElementById('dept-person-count'), 'walden');
+            var echartsOptions = {
+                xAxis: {
+                    name: '人',
+                    type: 'value',
+                    splitLine: {
+                        show: false
+                    },
+                    // 去除小数
+                    minInterval: 1
+                },
+                tooltip: {
+                //     formatter: function(params, ticket, callback) {
+                //         return data.key[params.dataIndex] + "<br />" +
+                //              "人数：" + params.value;
+                //     }
+                },
+                yAxis: {
+                    type: 'category',
+                    data: data.key,
+                    splitLine: {
+                        show: false
+                    }
+                },
+                grid: {
+                    top: '0',
+                    left: '10',
+                    right: '10',
+                    bottom: '0',
+                    containLabel: true
+                },
+                series: [{
+                    data: data.value,
+                    type: 'bar',
+                    barWidth: 20,
+                    itemStyle: {
+                        normal: {
+                            color: function () {
+                                return '#91C7AE';
+                            },
+                            label: {
+                                show: true, //开启显示
+                                position: 'right', //在上方显示
+                                textStyle: { //数值样式
+                                    color: '#91C7AE',
+                                    fontSize: 16
+                                }
+                            }
+                        }
+                    },
+                }]
+            };
+
+            echartsRecords.setOption(echartsOptions)
+
+            echartsRecords.on('click',function (param) {
+                // let url = '/page/object/list.html?duty='
+                let url = '/archives/page/object/list.html?duty='
+                switch (param.name) {
+                    case '员工' : url += 'YUANGONG'; break;
+                    case '副科级' : url += 'FUKEJI'; break;
+                    case '正科级' : url += 'ZHENGKEJI'; break;
+                    case '副处级' : url += 'FUCHUJI'; break;
+                    case '正处级' : url += 'ZHENGCHUJI'; break;
+                }
+                window.location.href = url;
+            })
+
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+        // 问题线索
+        let initWtxs = function (data) {
+            var echartsRecords = echarts.init(document.getElementById('wentixiansuo'), 'walden');
+            var echartsOptions = {
+                xAxis: {
+                    name: '线索来源',
+                    type: 'category',
+                    data: data.key,
+                    splitLine: {
+                        show: false
+                    },
+                    axisLabel: {
+                        interval:0,
+                        rotate:40
+                    }
+                },
+                tooltip: {
+                    // formatter: function(params, ticket, callback) {
+                    //     return data.wtxs.key[params.dataIndex] + "<br />" +
+                    //          "人数：" + params.value;
+                    // }
+                },
+                yAxis: {
+                    name: '人',
+                    type: 'value'
+                },
+                series: [{
+                    data: data.value,
+                    type: 'bar',
+                    barWidth: 30,
+                    itemStyle: {
+                        normal: {
+                            color: function () {
+                                return '#9AB7BE';
+                            }
+                        }
+                    }
+                }]
+            };
+
+            echartsRecords.setOption(echartsOptions)
+
+            echartsRecords.on('click',function (param) {
+                // let url = '/page/questionClues/list.html?clueSource='
+                let url = '/archives/page/questionClues/list.html?clueSource='
+                switch (param.name) {
+                    case '信访举报' : url += 'XINFANGJUBAO'; break;
+                    case '上级交办' : url += 'SHANGJIJIAOBAN'; break;
+                    case '公检法机关移送' : url += 'GONGJIANFAJIGUANYISONG'; break;
+                    case '监督检查中发现' : url += 'JIANDUJIANCHAZHONGFAXIAN'; break;
+                    case '审查调查中发现' : url += 'SHENCHADIAOCHAZHONGFAXIAN'; break;
+                    case '审计中发现' : url += 'SHENJIZHONGFAXIAN'; break;
+                    case '巡视巡察中发现' : url += 'XUNSHIXUNCHAZHONGFAXIAN'; break;
+                    case '其他行政执法机关移送' : url += 'QITAXINGZHENGZHIFAJIGUANYISONG'; break;
+                    case '其他' : url += 'QITAXIANSUOLAIYUAN'; break;
+                }
+                window.location.href = url;
+            })
+
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+        // 处置方式
+        let initCzfs = function (data) {
+            var echartsRecords = echarts.init(document.getElementById('chuzhifangshi'), 'walden');
+            var echartsOptions = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b} : {c} ({d}%)'
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    data: data.key
+                },
+                series: [
+                    {
+                        name: '处置方式',
+                        type: 'pie',
+                        radius: '55%',
+                        center: ['50%', '60%'],
+                        data: data.value,
+                        emphasis: {
+                            itemStyle: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        }
+                    }
+                ]
+            };
+            echartsRecords.setOption(echartsOptions)
+
+            echartsRecords.on('click',function (param) {
+                // let url = '/page/questionClues/list.html?hadnleWayParent='
+                let url = '/archives/page/questionClues/list.html?hadnleWayParent='
+                console.log(param)
+                switch (param.name) {
+                    case '拟立案' : url += 'NILIAN'; break;
+                    case '初步核实' : url += 'CHUBUHESHI'; break;
+                    case '谈话函询' : url += 'TANHUAHANXUN'; break;
+                    case '暂存' : url += 'ZANCUN'; break;
+                    case '了结' : url += 'LIAOJIE'; break;
+                }
+                window.location.href = url;
+            })
+
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+        // 奖惩人数
+        let initRewardPunishment = function(data){
+            var echartsRecords = echarts.init(document.getElementById('jianglirenshu'), 'walden');
+            var echartsOptions = {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b} : {c} ({d}%)'
+                },
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    data: data.key
+                },
+                series: [
+                    {
+                        name: '奖惩人数',
+                        type: 'pie',
+                        radius: '55%',
+                        center: ['50%', '60%'],
+                        data: data.value,
+                        emphasis: {
+                            itemStyle: {
+                                shadowBlur: 10,
+                                shadowOffsetX: 0,
+                                shadowColor: 'rgba(0, 0, 0, 0.5)'
+                            }
+                        }
+                    }
+                ]
+            };
+            echartsRecords.setOption(echartsOptions)
+            echartsRecords.on('click', function(param) {
+                if(param.name == '奖励人数'){
+                    window.location.href = '/page/rewardPunishment_copy/list.html?type=1'
+                }else {
+                    window.location.href = '/page/rewardPunishment_copy/list.html?type=2'
+                }
+
+
+            });
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+        // 政治面貌
+        let initzzmm = function(data){
+
+            var echartsRecords = echarts.init(document.getElementById('zzmm'), 'walden');
+            var echartsOptions = {
+                xAxis: {
+                    name: '人',
+                    type: 'value'
+                },
+                tooltip: {
+                    // formatter: function(params, ticket, callback) {
+                    //     return data.wtxs.key[params.dataIndex] + "<br />" +
+                    //          "人数：" + params.value;
+                    // }
+                },
+                yAxis: {
+                    name: '政治面貌',
+                    type: 'category',
+                    data: data.key,
+                    splitLine: {
+                        show: false
+                    }
+                },
+                grid: {
+                    top: '0',
+                    left: '10',
+                    right: '10',
+                    bottom: '0',
+                    containLabel: true
+                },
+                series: [{
+                    data: data.value,
+                    type: 'bar',
+                    barWidth: 20,
+                    itemStyle: {
+                        normal: {
+                            color: function () {
+                                return '#ef9f72';
+                            },
+                            label: {
+                                show: true, //开启显示
+                                position: 'right', //在上方显示
+                                textStyle: { //数值样式
+                                    color: '#ef9f72',
+                                    fontSize: 16
+                                }
+                            }
+                        }
+                    }
+                }]
+            };
+
+            echartsRecords.setOption(echartsOptions)
+
+            echartsRecords.on('click',function (param) {
+                // let url = '/page/object/list.html?political='
+                let url = '/archives/page/object/list.html?political='
+                switch (param.name) {
+                    case '群众' : url += 'QUNZHONG'; break;
+                    case '团员' : url += 'TUANYUAN'; break;
+                    case '无党派人士' : url += 'WUDANGPAIRENSHI'; break;
+                    case '台盟盟员' : url += 'TAIMENGMENGYUAN'; break;
+                    case '九三社员' : url += 'JIUSANSHEYUAN'; break;
+                    case '致公党员' : url += 'ZHIGONGDANGYUAN'; break;
+                    case '农工党员' : url += 'NONGGONGDANGYUAN'; break;
+                    case '民进会员' : url += 'MINJINHUIYUAN'; break;
+                    case '民建会员' : url += 'MINJIANHUIYUAN'; break;
+                    case '民盟盟员' : url += 'MINMENGMENGYUAN'; break;
+                    case '民革党员' : url += 'MINGEDANGYUAN'; break;
+                    case '中共党员' : url += 'ZHONGGONGDANGYUAN'; break;
+                }
+                window.location.href = url;
+            })
+
+            // echarts 窗口缩放自适应
+            window.onresize = function () {
+                echartsRecords.resize();
+            }
+        }
+
+
+        form.on('select(depa)', function (data) {
+            if (data.value != ''){
+            http.get('archives/dept/select', {parentId: data.value}, false, function (res) {
+                let html = '';
+                for (let i in res.data) {
+                    html += '<option value="' + res.data[i].id + '">' + res.data[i].deptName + '</option>'
+                }
+                $("#dept").empty()
+                $("#dept").append(html)
+                form.render();//菜单渲染 把内容加载进去
+            })}else {
+                $("#dept").empty()
+            }
+        })
+
+        form.on('select(dept)', function (data) {
+            http.get('analysis/getUserAnalysis',{deptId: data.value},true,function (res) {
+                initDeptPersonNum(res.data)
+            })
+        })
+
+        $("#xscz").click(function () {
+            miniTab.openNewTabByIframe({
+                "title": "问题线索",
+                href: 'page/questionClues/list.html'
+            })
+        })
+
+        $("#lzhf").click(function () {
+            miniTab.openNewTabByIframe({
+                "title": "廉政回复",
+                href: 'page/reply/list.html'
+            })
+        })
+
+
+        $("#jcqk").click(function () {
+            miniTab.openNewTabByIframe({
+                "title": "个人奖惩情况",
+                href: 'page/rewardPunishment/list.html'
+            })
+        })
+    });
+</script>
+</body>
+</html>

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

@@ -1,17 +1,17 @@
 <!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{
+	<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{
             background-color: #f3f3f3;
         }
         .layui-card {
@@ -179,611 +179,247 @@
         .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">
-    <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"><i class="fa fa-warning icon"></i>借阅待处理记录</div>
-                            <div class="layui-card-body">
-
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>借阅待归还记录</div>
-                            <div class="layui-card-body">
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><i class="fa fa-warning icon"></i>存档统计记录</div>
-                            <div class="layui-card-body">
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="layui-col-md6">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><i class="fa fa-line-chart icon"></i>按年统计记录</div>
-                            <div class="layui-card-body">
-                            </div>
-                        </div>
-                    </div>
-
-
-                    <div class="layui-col-md12">
-                        <div class="layui-card">
-                            <div class="layui-card-header"><i class="fa fa-line-chart icon"></i>借阅统计图</div>
-                            <div class="layui-card-body">
-                            </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>
-    layui.use(['layer', 'miniTab', 'echarts', 'http','form'], function () {
-        var $ = layui.jquery,
-            layer = layui.layer,
-            form = layui.form,
-            miniTab = layui.miniTab,
-            http = layui.http,
-            echarts = layui.echarts;
-
-        miniTab.listen();
-
-        // http.get('analysis/getSuperviseInfo',{},true,function (res) {
-        //     $("#xscz").html(res.data.questionCluesCount)
-        //     $("#lzhf").html(res.data.replyCount)
-        //     $("#jcqk").html(res.data.rewardPunishmentCount)
-        // })
-        //
-        // http.get('analysis/getFinallyResult',{},true,function (res) {
-        //     initFinallyResult(res.data)
-        // })
-        //
-        // http.get('analysis/getProblemClues',{},true,function (res) {
-        //     initWtxs(res.data)
-        // })
-        //
-        // http.get('analysis/getDisposalMethod',{},true,function (res) {
-        //     initCzfs(res.data)
-        // })
-        //
-        // http.get('analysis/getLoginInfo',{},true,function (res) {
-        //     initLoginInfo(res.data)
-        // })
-        //
-        // http.get('analysis/getRewardPunishment',{},true,function (res) {
-        //     initRewardPunishment(res.data)
-        // })
-        //
-        // http.get('analysis/getPolitical',{},true,function (res) {
-        //     initzzmm(res.data)
-        // })
-
-        // 局办
-        // http.get('archives/dept/select', {parentId: -1}, false, function (res) {
-        //     let html = '';
-        //     for (let i in res.data) {
-        //         html += '<option value="' + res.data[i].id + '">' + res.data[i].deptName + '</option>'
-        //     }
-        //     $("#depa").append(html)
-        //     form.render();//菜单渲染 把内容加载进去
-        // })
-
-        // http.get('analysis/getUserAnalysis',{},true,function (res) {
-        //     initDeptPersonNum(res.data)
-        // })
-
-        // 登录情况
-        let initLoginInfo = function (data) {
-            var echartsRecords = echarts.init(document.getElementById('login-info'), 'walden');
-            echartsOptions = {
-                xAxis: {
-                    type: 'category',
-                    data: ['今日访问', '昨日访问', '当前在线人数'],
-                    splitLine: {
-                        show: false
-                    }
-                },
-                yAxis: {
-                    name: '人',
-                    type: 'value',
-                    splitLine: {
-                        show: false
-                    }
-                },
-                series: [
-                    {
-                        data: [data.nowadays, data.yesterday, data.current],
-                        type: 'line',
-                        itemStyle: {
-                            normal: {
-                                label: {
-                                    show: true
-                                },
-                                color: '#ED5454',
-                                lineStyle: {
-                                    color: '#ED5454' //折线颜色
-                                }
-                            }
-                        }
-                    }
-                ],
-                grid: {
-                    top: "10",
-                    left: "10",
-                    right: "10",
-                    bottom: "0",
-                    containLabel: true
-                }
-            };
-            echartsRecords.setOption(echartsOptions)
-
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-        // 最终处理结果
-        let initFinallyResult = function (data) {
-            var echartsRecords = echarts.init(document.getElementById('finally-result'), 'walden');
-            var echartsOptions = {
-                tooltip: {
-                    trigger: 'item',
-                    formatter: '{a} <br/>{b} : {c} ({d}%)'
-                },
-                legend: {
-                    orient: 'vertical',
-                    left: 'left',
-                    data: ['第一种形态', '第二种形态', '第三种形态', '第四种形态', '查否了解']
-                },
-                series: [
-                    {
-                        name: '最终处理结果',
-                        type: 'pie',
-                        radius: '55%',
-                        center: ['50%', '60%'],
-                        data: [
-                            {value: 600, name: '第一种形态'},
-                            {value: 310, name: '第二种形态'},
-                            {value: 900, name: '第三种形态'},
-                            {value: 135, name: '第四种形态'},
-                            {value: 1548, name: '查否了解'}
-                        ],
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            var echartsOptions = {
-                tooltip: {
-                    trigger: 'item',
-                    formatter: '{a} <br/>{b} : {c} ({d}%)'
-                },
-                legend: {
-                    orient: 'vertical',
-                    left: 'left',
-                    data: data.key
-                },
-                series: [
-                    {
-                        name: '访问来源',
-                        type: 'pie',
-                        radius: '55%',
-                        center: ['50%', '60%'],
-                        data: data.value,
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            echartsRecords.setOption(echartsOptions)
-
-            echartsRecords.on('click',function (param) {
-                // let url = '/page/questionClues/list.html?finallyHandleParentResult='
-                let url = '/archives/page/questionClues/list.html?finallyHandleParentResult='
-                switch (param.name) {
-                    case '第一种形态' : url += 'DIYIZHONGXINGTAI'; break;
-                    case '第二种形态' : url += 'DIERZHONGXINGTAI'; break;
-                    case '第三种形态' : url += 'DISANZHONGXINGTAI'; break;
-                    case '第四种形态' : url += 'DISIZHONGXINGTAI'; break;
-                }
-                window.location.href = url;
-            })
-
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-        // 各职级人数统计
-        let initDeptPersonNum = function (data) {
-            var echartsRecords = echarts.init(document.getElementById('dept-person-count'), 'walden');
-            var echartsOptions = {
-                xAxis: {
-                    name: '人',
-                    type: 'value',
-                    splitLine: {
-                        show: false
-                    },
-                    // 去除小数
-                    minInterval: 1
-                },
-                tooltip: {
-                //     formatter: function(params, ticket, callback) {
-                //         return data.key[params.dataIndex] + "<br />" +
-                //              "人数：" + params.value;
-                //     }
-                },
-                yAxis: {
-                    type: 'category',
-                    data: data.key,
-                    splitLine: {
-                        show: false
-                    }
-                },
-                grid: {
-                    top: '0',
-                    left: '10',
-                    right: '10',
-                    bottom: '0',
-                    containLabel: true
-                },
-                series: [{
-                    data: data.value,
-                    type: 'bar',
-                    barWidth: 20,
-                    itemStyle: {
-                        normal: {
-                            color: function () {
-                                return '#91C7AE';
-                            },
-                            label: {
-                                show: true, //开启显示
-                                position: 'right', //在上方显示
-                                textStyle: { //数值样式
-                                    color: '#91C7AE',
-                                    fontSize: 16
-                                }
-                            }
-                        }
-                    },
-                }]
-            };
-
-            echartsRecords.setOption(echartsOptions)
-
-            echartsRecords.on('click',function (param) {
-                // let url = '/page/object/list.html?duty='
-                let url = '/archives/page/object/list.html?duty='
-                switch (param.name) {
-                    case '员工' : url += 'YUANGONG'; break;
-                    case '副科级' : url += 'FUKEJI'; break;
-                    case '正科级' : url += 'ZHENGKEJI'; break;
-                    case '副处级' : url += 'FUCHUJI'; break;
-                    case '正处级' : url += 'ZHENGCHUJI'; break;
-                }
-                window.location.href = url;
-            })
-
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-        // 问题线索
-        let initWtxs = function (data) {
-            var echartsRecords = echarts.init(document.getElementById('wentixiansuo'), 'walden');
-            var echartsOptions = {
-                xAxis: {
-                    name: '线索来源',
-                    type: 'category',
-                    data: data.key,
-                    splitLine: {
-                        show: false
-                    },
-                    axisLabel: {
-                        interval:0,
-                        rotate:40
-                    }
-                },
-                tooltip: {
-                    // formatter: function(params, ticket, callback) {
-                    //     return data.wtxs.key[params.dataIndex] + "<br />" +
-                    //          "人数：" + params.value;
-                    // }
-                },
-                yAxis: {
-                    name: '人',
-                    type: 'value'
-                },
-                series: [{
-                    data: data.value,
-                    type: 'bar',
-                    barWidth: 30,
-                    itemStyle: {
-                        normal: {
-                            color: function () {
-                                return '#9AB7BE';
-                            }
-                        }
-                    }
-                }]
-            };
-
-            echartsRecords.setOption(echartsOptions)
-
-            echartsRecords.on('click',function (param) {
-                // let url = '/page/questionClues/list.html?clueSource='
-                let url = '/archives/page/questionClues/list.html?clueSource='
-                switch (param.name) {
-                    case '信访举报' : url += 'XINFANGJUBAO'; break;
-                    case '上级交办' : url += 'SHANGJIJIAOBAN'; break;
-                    case '公检法机关移送' : url += 'GONGJIANFAJIGUANYISONG'; break;
-                    case '监督检查中发现' : url += 'JIANDUJIANCHAZHONGFAXIAN'; break;
-                    case '审查调查中发现' : url += 'SHENCHADIAOCHAZHONGFAXIAN'; break;
-                    case '审计中发现' : url += 'SHENJIZHONGFAXIAN'; break;
-                    case '巡视巡察中发现' : url += 'XUNSHIXUNCHAZHONGFAXIAN'; break;
-                    case '其他行政执法机关移送' : url += 'QITAXINGZHENGZHIFAJIGUANYISONG'; break;
-                    case '其他' : url += 'QITAXIANSUOLAIYUAN'; break;
-                }
-                window.location.href = url;
-            })
-
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-        // 处置方式
-        let initCzfs = function (data) {
-            var echartsRecords = echarts.init(document.getElementById('chuzhifangshi'), 'walden');
-            var echartsOptions = {
-                tooltip: {
-                    trigger: 'item',
-                    formatter: '{a} <br/>{b} : {c} ({d}%)'
-                },
-                legend: {
-                    orient: 'vertical',
-                    left: 'left',
-                    data: data.key
-                },
-                series: [
-                    {
-                        name: '处置方式',
-                        type: 'pie',
-                        radius: '55%',
-                        center: ['50%', '60%'],
-                        data: data.value,
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            echartsRecords.setOption(echartsOptions)
-
-            echartsRecords.on('click',function (param) {
-                // let url = '/page/questionClues/list.html?hadnleWayParent='
-                let url = '/archives/page/questionClues/list.html?hadnleWayParent='
-                console.log(param)
-                switch (param.name) {
-                    case '拟立案' : url += 'NILIAN'; break;
-                    case '初步核实' : url += 'CHUBUHESHI'; break;
-                    case '谈话函询' : url += 'TANHUAHANXUN'; break;
-                    case '暂存' : url += 'ZANCUN'; break;
-                    case '了结' : url += 'LIAOJIE'; break;
-                }
-                window.location.href = url;
-            })
-
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-        // 奖惩人数
-        let initRewardPunishment = function(data){
-            var echartsRecords = echarts.init(document.getElementById('jianglirenshu'), 'walden');
-            var echartsOptions = {
-                tooltip: {
-                    trigger: 'item',
-                    formatter: '{a} <br/>{b} : {c} ({d}%)'
-                },
-                legend: {
-                    orient: 'vertical',
-                    left: 'left',
-                    data: data.key
-                },
-                series: [
-                    {
-                        name: '奖惩人数',
-                        type: 'pie',
-                        radius: '55%',
-                        center: ['50%', '60%'],
-                        data: data.value,
-                        emphasis: {
-                            itemStyle: {
-                                shadowBlur: 10,
-                                shadowOffsetX: 0,
-                                shadowColor: 'rgba(0, 0, 0, 0.5)'
-                            }
-                        }
-                    }
-                ]
-            };
-            echartsRecords.setOption(echartsOptions)
-            echartsRecords.on('click', function(param) {
-                if(param.name == '奖励人数'){
-                    window.location.href = '/page/rewardPunishment_copy/list.html?type=1'
-                }else {
-                    window.location.href = '/page/rewardPunishment_copy/list.html?type=2'
-                }
-
-
-            });
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-        // 政治面貌
-        let initzzmm = function(data){
-
-            var echartsRecords = echarts.init(document.getElementById('zzmm'), 'walden');
-            var echartsOptions = {
-                xAxis: {
-                    name: '人',
-                    type: 'value'
-                },
-                tooltip: {
-                    // formatter: function(params, ticket, callback) {
-                    //     return data.wtxs.key[params.dataIndex] + "<br />" +
-                    //          "人数：" + params.value;
-                    // }
-                },
-                yAxis: {
-                    name: '政治面貌',
-                    type: 'category',
-                    data: data.key,
-                    splitLine: {
-                        show: false
-                    }
-                },
-                grid: {
-                    top: '0',
-                    left: '10',
-                    right: '10',
-                    bottom: '0',
-                    containLabel: true
-                },
-                series: [{
-                    data: data.value,
-                    type: 'bar',
-                    barWidth: 20,
-                    itemStyle: {
-                        normal: {
-                            color: function () {
-                                return '#ef9f72';
-                            },
-                            label: {
-                                show: true, //开启显示
-                                position: 'right', //在上方显示
-                                textStyle: { //数值样式
-                                    color: '#ef9f72',
-                                    fontSize: 16
-                                }
-                            }
-                        }
-                    }
-                }]
-            };
-
-            echartsRecords.setOption(echartsOptions)
-
-            echartsRecords.on('click',function (param) {
-                // let url = '/page/object/list.html?political='
-                let url = '/archives/page/object/list.html?political='
-                switch (param.name) {
-                    case '群众' : url += 'QUNZHONG'; break;
-                    case '团员' : url += 'TUANYUAN'; break;
-                    case '无党派人士' : url += 'WUDANGPAIRENSHI'; break;
-                    case '台盟盟员' : url += 'TAIMENGMENGYUAN'; break;
-                    case '九三社员' : url += 'JIUSANSHEYUAN'; break;
-                    case '致公党员' : url += 'ZHIGONGDANGYUAN'; break;
-                    case '农工党员' : url += 'NONGGONGDANGYUAN'; break;
-                    case '民进会员' : url += 'MINJINHUIYUAN'; break;
-                    case '民建会员' : url += 'MINJIANHUIYUAN'; break;
-                    case '民盟盟员' : url += 'MINMENGMENGYUAN'; break;
-                    case '民革党员' : url += 'MINGEDANGYUAN'; break;
-                    case '中共党员' : url += 'ZHONGGONGDANGYUAN'; break;
-                }
-                window.location.href = url;
-            })
-
-            // echarts 窗口缩放自适应
-            window.onresize = function () {
-                echartsRecords.resize();
-            }
-        }
-
-
-        form.on('select(depa)', function (data) {
-            if (data.value != ''){
-            http.get('archives/dept/select', {parentId: data.value}, false, function (res) {
-                let html = '';
-                for (let i in res.data) {
-                    html += '<option value="' + res.data[i].id + '">' + res.data[i].deptName + '</option>'
-                }
-                $("#dept").empty()
-                $("#dept").append(html)
-                form.render();//菜单渲染 把内容加载进去
-            })}else {
-                $("#dept").empty()
-            }
-        })
-
-        form.on('select(dept)', function (data) {
-            http.get('analysis/getUserAnalysis',{deptId: data.value},true,function (res) {
-                initDeptPersonNum(res.data)
-            })
-        })
-
-        $("#xscz").click(function () {
-            miniTab.openNewTabByIframe({
-                "title": "问题线索",
-                href: 'page/questionClues/list.html'
-            })
-        })
-
-        $("#lzhf").click(function () {
-            miniTab.openNewTabByIframe({
-                "title": "廉政回复",
-                href: 'page/reply/list.html'
-            })
-        })
-
-
-        $("#jcqk").click(function () {
-            miniTab.openNewTabByIframe({
-                "title": "个人奖惩情况",
-                href: 'page/rewardPunishment/list.html'
-            })
-        })
-    });
-</script>
-</body>
+	</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"><i class="fa fa-warning icon"></i>借阅待处理记录</div>
+
+									<div class="layui-card-body">
+										<ul>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+
+										</ul>
+									</div>
+								</div>
+							</div>
+
+
+							<div class="layui-col-md6">
+								<div class="layui-card">
+									<div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>借阅待归还记录</div>
+									<div class="layui-card-body">
+										<ul>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;font-size: 16px;"><img src="../../images/lzhf.png"
+												 width="15px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+										</ul>
+									</div>
+								</div>
+							</div>
+
+
+							<div class="layui-col-md6">
+								<div class="layui-card">
+									<div class="layui-card-header"><i class="fa fa-warning icon"></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"><i class="fa fa-line-chart icon"></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"><i class="fa fa-line-chart icon"></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/index.js"></script>
+		<script src="../../js/lay-module/echarts/echarts.js"></script>
+		<!-- <script src="./js/echart.js"></script> -->
+		<script type="text/javascript">
+			// 基于准备好的dom，初始化echarts实例
+			var myChart = echarts.init(document.getElementById('main'));
+
+			// 指定图表的配置项和数据
+			var option = {
+				tooltip: {
+					trigger: 'axis'
+				},
+				legend: {
+					data: ['会计类', '科技类', '文书类']
+				},
+				grid: {
+					left: '3%',
+					right: '4%',
+					bottom: '3%',
+					containLabel: true
+				},
+				toolbox: {
+					feature: {
+						saveAsImage: {}
+					}
+				},
+				xAxis: {
+					type: 'category',
+					boundaryGap: false,
+					data: ['202001', '202002', '202003', '202004', '202005', '202006', '202007', '202008', '202009', '202010',
+						'202011', '202012'
+					]
+				},
+				yAxis: {
+					type: 'value'
+				},
+				series: [{
+						name: '科技类',
+						type: 'line',
+						stack: '总量',
+						data: [120, 132, 101, 134, 90, 230, 300, 120, 132, 101, 134, 90, 220]
+					},
+					{
+						name: '文书类',
+						type: 'line',
+						stack: '总量',
+						data: [220, 182, 191, 234, 290, 330, 220, 182, 191, 234, 290, 330]
+					},
+					{
+						name: '会计类',
+						type: 'line',
+						stack: '总量',
+						data: [150, 232, 201, 154, 190, 330, 150, 232, 201, 154, 190, 10]
+					}
+				]
+			};
+
+
+			// 使用刚指定的配置项和数据显示图表。
+			myChart.setOption(option);
+		</script>
+
+		<script type="text/javascript">
+			// 基于准备好的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: ['2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021'],
+					axisTick: {
+						alignWithLabel: true
+					}
+				}],
+				yAxis: [{
+					type: 'value'
+				}],
+				series: [{
+					name: '活跃度',
+					type: 'bar',
+					barWidth: '60%',
+					data: [50, 22, 100, 234, 490, 330, 220, 20]
+				}]
+			};
+			// 使用刚指定的配置项和数据显示图表。
+			myChart.setOption(option);
+		</script>
+		<script type="text/javascript">
+			// 基于准备好的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: ['文书', '会议', '科技', '专业', '音响', '业务', '实物', '新媒体'],
+					axisTick: {
+						alignWithLabel: true
+					}
+				}],
+				yAxis: [{
+					type: 'value'
+				}],
+				series: [{
+					name: '活跃度',
+					type: 'bar',
+					barWidth: '60%',
+					data: [10, 52, 200, 334, 390, 330, 220, 200]
+				}]
+			};
+			// 使用刚指定的配置项和数据显示图表。
+			myChart.setOption(option);
+		</script>
+
+	</body>
 </html>