|
|
|
|
@ -6,7 +6,8 @@
|
|
|
|
|
name="viewport">
|
|
|
|
|
<title> 清单/6S/安全看板</title>
|
|
|
|
|
<meta content="箱壳成型数据监控平台" name="description">
|
|
|
|
|
<link href="../../static/css/board/orderVisualization.css" rel="stylesheet" th:href="@{/css/board/orderVisualization.css}"/>
|
|
|
|
|
<link href="../../static/css/board/orderVisualization.css" rel="stylesheet"
|
|
|
|
|
th:href="@{/css/board/orderVisualization.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}">
|
|
|
|
|
@ -23,6 +24,7 @@
|
|
|
|
|
<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;">
|
|
|
|
|
@ -54,5 +56,26 @@
|
|
|
|
|
</body>
|
|
|
|
|
<script src="../../static/js/board/orderVisualization.js" th:src="@{/js/board/orderVisualization.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: 16%;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: 16%;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: 16%;color: #CBE6F7;font-size: 1vw;transform: translateX(-50%);letter-spacing: 0.3vw">智能冷柜互联工厂</span>
|
|
|
|
|
`
|
|
|
|
|
$(el).html(html)
|
|
|
|
|
}
|
|
|
|
|
safe('#safe')
|
|
|
|
|
}
|
|
|
|
|
day()
|
|
|
|
|
setCronTak(day, "0 * * * * * *");
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</html>
|