<!DOCTYPE html>
|
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<meta charset="utf-8"/>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<title>控制台</title>
|
<link rel="stylesheet" th:href="@{/ajax/libs/layui/css/layui.css}"/>
|
<!-- <link rel="stylesheet" href="${ctxPath}/assets/module/admin.css">-->
|
<!--[if lt IE 9]>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
<style>
|
/** 统计快捷方式样式 */
|
.console-link-block {
|
font-size: 16px;
|
padding: 20px 20px;
|
border-radius: 4px;
|
background-color: #40D4B0;
|
color: #FFFFFF !important;
|
box-shadow: 0 2px 3px rgba(0, 0, 0, .05);
|
position: relative;
|
overflow: hidden;
|
display: block;
|
}
|
|
.console-link-block .console-link-block-num {
|
font-size: 40px;
|
margin-bottom: 5px;
|
opacity: .9;
|
}
|
|
.console-link-block .console-link-block-text {
|
opacity: .8;
|
}
|
|
.console-link-block .console-link-block-icon {
|
position: absolute;
|
top: 50%;
|
right: 20px;
|
width: 50px;
|
height: 50px;
|
font-size: 50px;
|
line-height: 50px;
|
margin-top: -25px;
|
color: #FFFFFF;
|
opacity: .8;
|
}
|
|
.console-link-block .console-link-block-band {
|
color: #fff;
|
width: 100px;
|
font-size: 12px;
|
padding: 2px 0 3px 0;
|
background-color: #E32A16;
|
line-height: inherit;
|
text-align: center;
|
position: absolute;
|
top: 8px;
|
right: -30px;
|
transform-origin: center;
|
transform: rotate(45deg) scale(.8);
|
opacity: .95;
|
z-index: 2;
|
}
|
|
/** //统计快捷方式样式 */
|
|
/** 设置每个快捷块的颜色 */
|
.layui-row > div:nth-child(2) .console-link-block {
|
background-color: #55A5EA;
|
}
|
|
.layui-row > div:nth-child(3) .console-link-block {
|
background-color: #9DAFFF;
|
}
|
|
.layui-row > div:nth-child(4) .console-link-block {
|
background-color: #F591A2;
|
}
|
|
.layui-row > div:nth-child(5) .console-link-block {
|
background-color: #FEAA4F;
|
}
|
|
.layui-row > div:last-child .console-link-block {
|
background-color: #9BC539;
|
}
|
</style>
|
</head>
|
<body>
|
<!-- 正文开始 -->
|
<div class="layui-fluid ew-console-wrapper">
|
<!-- 统计图表 -->
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md8 layui-col-sm12">
|
<div class="layui-card" style="overflow: hidden;">
|
<div class="layui-card-header">待办事项</div>
|
<div class="layui-card-body"
|
style="height: 300px;-webkit-tap-highlight-color: transparent;user-select: none;position: relative;">
|
<div class="layui-col-md6 layui-col-sm4 layui-col-xs6" style="padding: 5px">
|
<div class="console-link-block">
|
<div class="console-link-block-num" style="font-size: 28px">P01仓档案归档审批</div>
|
<div class="console-link-block-text">单仓档案</div>
|
<i class="console-link-block-icon layui-icon layui-icon-email"></i>
|
<div class="console-link-block-band">待审批</div>
|
</div>
|
</div>
|
<div class="layui-col-md6 layui-col-sm4 layui-col-xs6" style="padding: 5px">
|
<div class="console-link-block">
|
<div class="console-link-block-num" style="font-size: 28px">张三每月小结审批</div>
|
<div class="console-link-block-text">保管员日志</div>
|
<i class="console-link-block-icon layui-icon layui-icon-email"></i>
|
<div class="console-link-block-band">待审批</div>
|
</div>
|
</div>
|
<div class="layui-col-md6 layui-col-sm4 layui-col-xs6" style="padding: 5px">
|
<div class="console-link-block">
|
<div class="console-link-block-num" style="font-size: 28px">P01仓机械通风审批表</div>
|
<div class="console-link-block-text">机械通风审批</div>
|
<i class="console-link-block-icon layui-icon layui-icon-email"></i>
|
<div class="console-link-block-band">待审批</div>
|
</div>
|
</div>
|
<div class="layui-col-md6 layui-col-sm4 layui-col-xs6" style="padding: 5px">
|
<div class="console-link-block">
|
<div class="console-link-block-num" style="font-size: 28px">P02仓机械通风审批表</div>
|
<div class="console-link-block-text">机械通风审批</div>
|
<i class="console-link-block-icon layui-icon layui-icon-email"></i>
|
<div class="console-link-block-band">待审批</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4 layui-col-sm6">
|
<div class="layui-card" style="overflow: hidden;">
|
<div class="layui-card-header">库区鸟瞰图</div>
|
<div class="layui-card-body"
|
style="height: 300px;-webkit-tap-highlight-color: transparent;user-select: none;position: relative;">
|
<img th:src='@{/img/archives/nkt.jpg}' style="height: 100%;width: 100%;">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md2 layui-col-sm6 layui-col-space15" style="margin-right: 6px">
|
|
<div class="layui-col-md12 layui-col-sm4 layui-col-xs6" onclick="toArchive()">
|
<div class="console-link-block" style="height: 180px;background-color: #FEAA4F;">
|
<div class="console-link-block-num" style="text-align: center;">单仓档案</div>
|
<img th:src='@{/img/archives/da-01.png}' style="height: 60%;width: 60%;margin: 10px 10px 10px 45px">
|
</div>
|
</div>
|
|
<div class="layui-col-md12 layui-col-sm4 layui-col-xs6" onclick="toKeep()">
|
<div class="console-link-block" style="height: 180px;background-color: #9BC539;">
|
<div class="console-link-block-num" style="text-align: center;">保管员日志</div>
|
<img th:src='@{/img/archives/rz-01.png}' style="height: 60%;width: 60%;margin: 10px 10px 10px 45px">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md6 layui-col-sm6">
|
<div class="layui-card" style="overflow: hidden;">
|
<div class="layui-card-header">档案统计</div>
|
<div class="layui-card-body" style="height: 395px;">
|
<div id="consoleChartsMonth" style="height: 300px;"></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4 layui-col-sm6">
|
<div class="layui-card" style="overflow: hidden;">
|
<div class="layui-card-header">每日记事</div>
|
<div class="layui-card-body">
|
<div style="height: 159px;"></div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4 layui-col-sm6">
|
<div class="layui-card" style="overflow: hidden;">
|
<div class="layui-card-header">每月小结</div>
|
<div class="layui-card-body">
|
<div style="height: 159px;"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- js部分 -->
|
<script th:src="@{/js/jquery.min.js}"></script>
|
<script th:src="@{/ajax/libs/layui/layui.js}"></script>
|
<script th:src="@{/ruoyi/js/ry-ui.js?v=4.7.8}"></script>
|
<script th:src="@{/ruoyi/js/common.js?v=4.7.8}"></script>
|
<script th:inline="javascript">
|
var ctx = [[@{/}]];
|
var lockscreen = [[${session.lockscreen}]];
|
if (lockscreen) {
|
window.top.location = ctx + "lockscreen";
|
}
|
/* 单仓档案 */
|
function toArchive() {
|
var url = ctx + 'archive/archive-manage';
|
$.modal.openTab("单仓档案", url);
|
}
|
|
/* 保管员日志 */
|
function toKeep() {
|
var url = ctx + 'archive/keep-manage';
|
$.modal.openTab("保管员日志", url);
|
}
|
</script>
|
</body>
|
</html>
|
