|
|
<!DOCTYPE html>
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
|
|
|
name="viewport">
|
|
|
<title> 98寸看板（周报）</title>
|
|
|
<meta content="箱壳成型数据监控平台" name="description">
|
|
|
<link href="../../static/css/board/week.css" rel="stylesheet" th:href="@{/css/board/week.css}"/>
|
|
|
<link href="../../static/css/materialdesignicons.min.css" rel="stylesheet"
|
|
|
th:href="@{/css/materialdesignicons.min.css}"/>
|
|
|
<link href="../../static/css/autoscroll-table.css" rel="stylesheet" th:href="@{/css/autoscroll-table.css}">
|
|
|
<!-- 360浏览器急速模式 -->
|
|
|
<meta content="webkit" name="renderer">
|
|
|
<!-- 避免IE使用兼容模式 -->
|
|
|
<meta content="IE=edge" http-equiv="X-UA-Compatible">
|
|
|
<script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
|
|
|
<th:block th:include="include :: footer"/>
|
|
|
<th:block th:include="include :: echarts-js"/>
|
|
|
<script src="../../static/js/date-time-common.js" th:src="@{/js/date-time-common.js}"></script>
|
|
|
<script src="../../static/js/autoscroll-table.js" th:src="@{/js/autoscroll-table.js}"></script>
|
|
|
<script src="../../static/js/echartsCommon.js" th:src="@{/js/echartsCommon.js}"></script>
|
|
|
<script src="../../static/js/update-split-blocks.js" th:src="@{/js/update-split-blocks.js}"></script>
|
|
|
<script src="../../static/js/auto-update.js" th:src="@{/js/auto-update.js}"></script>
|
|
|
<script src="../../static/js/data-merger.js" th:src="@{/js/data-merger.js}"></script>
|
|
|
<script src="../../static/js/cron.min.js" th:src="@{/js/cron.min.js}"></script>
|
|
|
|
|
|
</head>
|
|
|
<body style="display:flex;">
|
|
|
<div id="safe"></div>
|
|
|
<div id="Tips"></div>
|
|
|
<div id="total"></div>
|
|
|
<div id="importData"></div>
|
|
|
<div id="top3Data"></div>
|
|
|
|
|
|
<!--每日人力出勤-->
|
|
|
<div class="manpowerAttendance" id="manpowerAttendance"></div>
|
|
|
|
|
|
<!--IQC-->
|
|
|
<div class="IQC" id="IQC"></div>
|
|
|
|
|
|
<!--生产效率-->
|
|
|
<div class="productionEfficiency" id="productionEfficiency"></div>
|
|
|
|
|
|
|
|
|
<!--周质量分析-->
|
|
|
<div class="equipmentPowerOne" id="equipmentPowerOne"></div>
|
|
|
<div class="equipmentPowerTwo" id="equipmentPowerTwo"></div>
|
|
|
<div class="equipmentPowerThree" id="equipmentPowerThree"></div>
|
|
|
<div class="equipmentPowerFour" id="equipmentPowerFour"></div>
|
|
|
<div class="equipmentPowerFive" id="equipmentPowerFive"></div>
|
|
|
|
|
|
<!--设备功率-->
|
|
|
<div class="topLeft" id="topLeft"></div>
|
|
|
|
|
|
<!--返回-->
|
|
|
<div class="back" id="back">
|
|
|
<div class="backLeft" id="backLeft"></div>
|
|
|
<div class="backRight" id="backRight"></div>
|
|
|
</div>
|
|
|
</body>
|
|
|
<script src="../../static/js/board/week.js" th:src="@{/js/board/week.js}"></script>
|
|
|
<script>
|
|
|
$(() => {
|
|
|
const day = () => {
|
|
|
const today = () => {
|
|
|
const currentYear = new Date().getFullYear().toString();
|
|
|
const hasTimestamp = new Date() - new Date(currentYear) + (8*60*60*1000);
|
|
|
const hasDays = Math.ceil(hasTimestamp / 86400000);
|
|
|
return hasDays
|
|
|
}
|
|
|
const safe = (el) => {
|
|
|
const html = `
|
|
|
<span style="position: absolute;top: 66%;left: 84%;white-space:nowrap;color: #CBE6F7;font-size: 1.3vw;font-weight:600;transform: translateX(-50%);letter-spacing: 0.3vw">${new Date().getFullYear().toString()}年连续安全生产天数</span>
|
|
|
<span style="position: absolute;top: 74%;left: 84%;color: #08F580;font-size: 2.5vw;transform: translateX(-50%);letter-spacing: 0.3vw">${today()}<span style="font-size: 0.5vw">天</span> </span>
|
|
|
<span style="position: absolute;top: 89%;left: 84%;color: #CBE6F7;font-size: 1vw;transform: translateX(-50%);letter-spacing: 0.3vw">智能冷柜互联工厂</span>
|
|
|
`
|
|
|
$(el).html(html)
|
|
|
}
|
|
|
safe('#safe')
|
|
|
}
|
|
|
|
|
|
function flash() {
|
|
|
location.reload()
|
|
|
}
|
|
|
day()
|
|
|
setCronTak(day, "0 * * * * * *");
|
|
|
})
|
|
|
</script>
|
|
|
</html> |