DESKTOP-343LQ2D\十一 4 years ago
parent
commit
2a9bccab03

+ 3 - 3
src/main/resources/static/css/layuimini.css

@@ -11,7 +11,7 @@
 }
 
 .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
-    background-color: #197971 !important;
+    /* background-color: #197971 !important; */
 }
 
 /**logo-配色*/
@@ -49,9 +49,9 @@
 
 .layuimini-header-menu > .layui-nav-item {
     color: #1b1d21;
-    height: 60px !important;
+    height: 80px !important;
     line-height: 85px !important;
-	margin-top: 20px;
+	/* margin-top: 20px; */
 	margin-right: 30px;
 }
 

+ 3 - 3
src/main/resources/static/css/public.css

@@ -1,12 +1,12 @@
 body {
     margin: 15px 15px 15px 15px;
-    background: #f2f2f2;
+    background: rg(247,248,249);
 }
 
 .layuimini-container {
-    border: 1px solid #f2f2f2;
+ /*   border: 1px solid #f2f2f2;
     border-radius: 5px;
-    background-color: #ffffff
+    background-color: #ffffff */
 }
 
 .layuimini-main {

+ 4 - 1
src/main/resources/static/css/themes/default.css

@@ -5,12 +5,15 @@
 
 /*头部右侧选中背景色 headerRightBgThis */
 .layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
-    background-color: #e4e4e4 !important;
+    /* background-color: #e4e4e4 !important; */
+	    /* height: 0px !important; */
+	    /* margin-top: -12px !important; */
 }
 
 /*头部右侧字体颜色 headerRightColor */
 .layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
     color: rgba(107, 107, 107, 0.7);
+	    margin-top: 20px !important;
 }
 
 /**头部右侧下拉字体颜色 headerRightChildColor */

BIN
src/main/resources/static/images/7.png


BIN
src/main/resources/static/images/人前.png


BIN
src/main/resources/static/images/到期未归还.png


BIN
src/main/resources/static/images/历史借阅数.png


BIN
src/main/resources/static/images/无记录.png


BIN
src/main/resources/static/images/申请未处理.png


BIN
src/main/resources/static/images/透明边框.png


+ 194 - 186
src/main/resources/static/index.html

@@ -1,206 +1,214 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <meta charset="utf-8">
-    <title>南京市规划和自然资源局档案管理系统</title>
-    <meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
-    <meta name="description"
-          content="南京市规划和自然资源局档案管理系统">
-    <meta name="renderer" content="webkit">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-    <meta http-equiv="Access-Control-Allow-Origin" content="*">
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="format-detection" content="telephone=no">
-    <link rel="icon" href="images/favicon.ico">
-    <link rel="stylesheet" href="lib/layui-v2.5.5/css/layui.css" media="all">
-    <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
-    <link rel="stylesheet" href="css/themes/default.css" media="all">
-    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
-    <!--[if lt IE 9]>
+	<head>
+		<meta charset="utf-8">
+		<title>南京市规划和自然资源局档案管理系统</title>
+		<meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
+		<meta name="description" content="南京市规划和自然资源局档案管理系统">
+		<meta name="renderer" content="webkit">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<meta http-equiv="Access-Control-Allow-Origin" content="*">
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="format-detection" content="telephone=no">
+		<link rel="icon" href="images/favicon.ico">
+		<link rel="stylesheet" href="lib/layui-v2.5.5/css/layui.css" media="all">
+		<link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
+		<link rel="stylesheet" href="css/themes/default.css" media="all">
+		<link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
+		<!--[if lt IE 9]>
     <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">
+		<style type="text/css">
+			.toum {
+				position: absolute;
+				z-index: 9999;
+				left: 490px;
+				top: 10px;
+					pointer-events: none;
+			}
+
+			.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: 76px;height:30px" src="images/1.png">
+			<img style="margin-right: 95px;height:30px" src="images/2.png">
+			<img style="margin-right: 90px;height:30px" src="images/3.png">
+			<img style="margin-right: 90px;height:30px" src="images/4.png">
+			<img style="margin-right: 55px;height:30px" src="images/5.png">
 		</div>
+		<div class="layui-layout layui-layout-admin">
 
-        <div class="layuimini-header-content">
-        <!--    <a>
+			<div class="layui-header header">
+				<div class="layui-logo layuimini-logo">
+				</div>
+
+				<div class="layuimini-header-content">
+					<!--    <a>
                 <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
             </a> -->
 
-            <!--电脑端头部菜单-->
-			
-           <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">
-            </ul>
+					<!--电脑端头部菜单-->
+					<div class="xs" style="position: absolute;left: 458px;">
+						<img style=" height: 80px;width: 96px;" src="images/透明边框.png">
+					</div>
+
+					<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> -->
-			<div >
-	
-				
-			</div>
+					<div>
 
-            <ul class="layui-nav layui-layout-right">
-<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 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;
+
+					</div>
+
+					<ul class="layui-nav layui-layout-right">
+						<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 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:;" class="login-out">退出系统</a>
-                </li>
-              
-            </ul>
-        </div>
-    </div>
-
-<!--    无限极左侧菜单-->
-  <div style="" class="layui-side layui-bg-black layuimini-menu-left">
-    </div>
-	
-
-    <!--初始化加载层-->
-    <div class="layuimini-loader">
-        <div class="layuimini-loader-inner"></div>
-    </div>
-
-    <!--手机端遮罩层-->
-    <div class="layuimini-make"></div>
-
-    <!-- 移动导航 -->
-    <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
-
-    <div class="layui-body">
-
-        <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
-            <ul class="layui-tab-title">
-                <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
-            </ul>
-            <div class="layui-tab-control">
-                <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
-                <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
-                <li class="layui-tab-tool layui-icon layui-icon-down">
-                    <ul class="layui-nav close-box">
-                        <li class="layui-nav-item">
-                            <a href="javascript:;"><span class="layui-nav-more"></span></a>
-                            <dl class="layui-nav-child">
-                                <dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
-                                <dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
-                                <dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
-                            </dl>
-                        </li>
-                    </ul>
-                </li>
-            </div>
-            <div class="layui-tab-content">
-                <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></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=2.0.0" charset="utf-8"></script>
-<script>
-    layui.use(['jquery', 'layer', 'miniAdmin', 'http','miniTab','miniMenu'], function () {
-        var $ = layui.jquery,
-            layer = layui.layer,
-            miniAdmin = layui.miniAdmin,
-            miniTab = layui.miniTab,
-            miniMenu = layui.miniMenu,
-            websocket = {},
-            http = layui.http;
-
-
-        // 加载用户名
-        let getLoginUserName = function () {
-            http.get('system/auth/getLoginUserName', null, false, function (res) {
-                $("#account").text(res.data.adminName)
-                websocket = new WebSocket("ws://"+http.host+"/webSocket/" + res.data.id);
-            })
-        }
-
-        getLoginUserName()
-        var options = {
-            iniUrl: "system/auth/getLoginMenus",    // 初始化接口
-            clearUrl: "api/clear.json", // 缓存清理接口
-            urlHashLocation: false,      // 是否打开hash定位
-            bgColorDefault: 8,      // 主题默认配置
-            multiModule: true,          // 是否开启多模块
-            menuChildOpen: true,       // 是否默认展开菜单
-            loadingTime: 0,             // 初始化加载时间
-            pageAnim: true,             // iframe窗口动画
-            maxTabNum: 20,              // 最大的tab打开数量
-        };
-        miniAdmin.render(options);
-
-        // 退出登录
-        $('.login-out').on("click", function () {
-            layui.data('accessToken', {
-                key: 'accessToken',
-                value: ''
-            })
-            layer.msg('退出登录成功', function () {
-                window.location = 'login.html';
-            });
-        });
-
-        // 获取参数
-        function getParams(key) {
-            var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
-            var r = window.location.search.substr(1).match(reg);
-            if (r != null) {
-                return unescape(r[2]);
-            }
-            return null;
-        };
-    });
-</script>
-</body>
+				 border-radius: 15px;    margin: 14px -10px 0;">6</span></a>
+						</li>
+						<li class="layui-nav-item layuimini-setting">
+							<a href="javascript:;" class="login-out">退出系统</a>
+						</li>
+
+					</ul>
+				</div>
+			</div>
+
+			<!--    无限极左侧菜单-->
+			<div style="" class="layui-side layui-bg-black layuimini-menu-left">
+			</div>
+
+
+			<!--初始化加载层-->
+			<div class="layuimini-loader">
+				<div class="layuimini-loader-inner"></div>
+			</div>
+
+			<!--手机端遮罩层-->
+			<div class="layuimini-make"></div>
+
+			<!-- 移动导航 -->
+			<div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
+
+			<div class="layui-body">
+
+				<div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
+					<ul class="layui-tab-title">
+						<li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
+					</ul>
+					<div class="layui-tab-control">
+						<li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
+						<li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
+						<li class="layui-tab-tool layui-icon layui-icon-down">
+							<ul class="layui-nav close-box">
+								<li class="layui-nav-item">
+									<a href="javascript:;"><span class="layui-nav-more"></span></a>
+									<dl class="layui-nav-child">
+										<dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
+										<dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
+										<dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
+									</dl>
+								</li>
+							</ul>
+						</li>
+					</div>
+					<div class="layui-tab-content">
+						<div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></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=2.0.0" charset="utf-8"></script>
+		<script>
+			
+			layui.use(['jquery', 'layer', 'miniAdmin', 'http', 'miniTab', 'miniMenu'], function() {
+				var $ = layui.jquery,
+					layer = layui.layer,
+					miniAdmin = layui.miniAdmin,
+					miniTab = layui.miniTab,
+					miniMenu = layui.miniMenu,
+					websocket = {},
+					http = layui.http;
+
+
+				// 加载用户名
+				let getLoginUserName = function() {
+					
+					http.get('system/auth/getLoginUserName', null, false, function(res) {
+						$("#account").text(res.data.adminName)
+						websocket = new WebSocket("ws://" + http.host + "/webSocket/" + res.data.id);
+					})
+				}
+
+				getLoginUserName()
+				var options = {
+					iniUrl: "system/auth/getLoginMenus", // 初始化接口
+					clearUrl: "api/clear.json", // 缓存清理接口
+					urlHashLocation: false, // 是否打开hash定位
+					bgColorDefault: 8, // 主题默认配置
+					multiModule: true, // 是否开启多模块
+					menuChildOpen: true, // 是否默认展开菜单
+					loadingTime: 0, // 初始化加载时间
+					pageAnim: true, // iframe窗口动画
+					maxTabNum: 20, // 最大的tab打开数量
+				};
+				miniAdmin.render(options);
+
+				// 退出登录
+				$('.login-out').on("click", function() {
+					layui.data('accessToken', {
+						key: 'accessToken',
+						value: ''
+					})
+					layer.msg('退出登录成功', function() {
+						window.location = 'login.html';
+					});
+				});
+
+				// 获取参数
+				function getParams(key) {
+					var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
+					var r = window.location.search.substr(1).match(reg);
+					if (r != null) {
+						return unescape(r[2]);
+					}
+					return null;
+				};
+			});
+			
+		</script>
+	</body>
 </html>

File diff suppressed because it is too large
+ 312 - 262
src/main/resources/static/js/lay-module/layuimini/miniMenu.js


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

@@ -297,8 +297,7 @@ layui.define(["jquery", "layer"], function (exports) {
                 '}\n' +
                 '\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 ' +
+                '.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {\n' +'\n ' +
                 '}\n' +
                 '\n' +
                 '/*头部右侧字体颜色 headerRightColor */\n' +

File diff suppressed because it is too large
+ 1 - 1
src/main/resources/static/lib/layui-v2.5.5/css/layui.css


+ 10 - 10
src/main/resources/static/page/home/new_file.html

@@ -211,30 +211,30 @@
 	
 	<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 style="margin-top: 15%;">
+	 			  <img src="../../images/历史借阅数.png"  class="card2" style="width: 90px;">
 	 			  <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 style="margin-top: 15%;">
+				  <img src="../../images/到期未归还.png"  class="card2" style="width: 90px;">
 				  <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 style="margin-top: 15%;">
+	 			  <img src="../../images/申请未处理.png"  class="card2" style="width: 90px;">
 	 			  <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 style="margin-top: 15%;">
+	 			  <img src="../../images/到期未归还.png"  class="card2" style="width: 90px;">
 	 			  <div  class="card2" style="font-size: 25px;font-weight: 600;">12</div>
 	 			  <div  class="card2" style="color: #8C8C8C;">到期未归还</div>
 	 </div>
@@ -249,7 +249,7 @@
 				
                     <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-header"><img src="../../images/7.png " style="width: 10px;margin-right: 5px;" >到期未归还记录</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"
@@ -274,7 +274,7 @@
 
                     <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-header"><img src="../../images/7.png " style="width: 8px;margin-right: 9px;" >借阅待归还记录</div>
                             <div class="layui-card-body">
 								<div style="height: 195px;">
 									<img src="../../images/jcqk.png" >

+ 32 - 22
src/main/resources/static/page/home/welcome.html

@@ -12,7 +12,7 @@
 		<style>
 
 			.layui-col-space15{
-            background-color: #f3f3f3;
+       
         }
         .layui-card {
             border: 1px solid #f2f2f2;
@@ -193,18 +193,19 @@
 						<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-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">
 										<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>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;"><img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;"><img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;"><img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;"><img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
 
 										</ul>
 									</div>
@@ -214,17 +215,22 @@
 
 							<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-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">
 										<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>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;">
+											<img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;">
+												<img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;">
+												<img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
+											<li style=" border-bottom: 1px solid #ccc;    line-height: 50px;font-size: 14px;">
+												<img src="../../images/人前.png"
+												 width="20px" style="margin-right: 10px;   " />李晨2020年3也13号申请XXXXXX档案阅读记录</li>
 										</ul>
 									</div>
 								</div>
@@ -233,7 +239,8 @@
 
 							<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-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">
@@ -247,7 +254,9 @@
 
 							<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-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">
@@ -262,7 +271,8 @@
 
 							<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-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">