You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.6 KiB
HTML
98 lines
4.6 KiB
HTML
<!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>展厅看板（月报）</title>
|
|
<meta content="箱壳成型数据监控平台" name="description">
|
|
<link href="../../static/css/board/month.css" rel="stylesheet" th:href="@{/css/board/month.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}">
|
|
<link href="../../static/css/vmcSliderstyle.min.css" rel="stylesheet" th:href="@{/css/vmcSliderstyle.min.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/vmc.slide.js" th:src="@{/js/vmc.slide.js}"></script>
|
|
<script src="../../static/js/vmc.slide.effects.js" th:src="@{/js/vmc.slide.effects.js}"></script>
|
|
<script src="../../static/js/cron.min.js" th:src="@{/js/cron.min.js}"></script>
|
|
|
|
</head>
|
|
<body style="display:flex;">
|
|
<div class="cardOne" id="cardOne"></div>
|
|
<div class="cardTwo" id="cardTwo"></div>
|
|
<div class="cardThree" id="cardThree"></div>
|
|
<div class="cardFour" id="cardFour"></div>
|
|
<div class="cardFive" id="cardFive"></div>
|
|
<div class="cardSix" id="cardSix"></div>
|
|
<div class="cardSeven" id="cardSeven"></div>
|
|
<div class="cardEight" id="cardEight"></div>
|
|
<div id="Tips"></div>
|
|
<div id="total"></div>
|
|
<day class="time" id="time"></day>
|
|
<day class="day" id="day"></day>
|
|
|
|
<!--用户满意度-->
|
|
<div class="satisfaction" id="satisfaction"></div>
|
|
|
|
<!--产量统计-->
|
|
<div class="outputStatistics" id="outputStatistics"></div>
|
|
|
|
<!--品质提升-->
|
|
<div class="quality" id="quality"></div>
|
|
|
|
<!--场景升级-->
|
|
<div class="scene" id="scene"></div>
|
|
|
|
<!--工业互联网生态圈-->
|
|
<div class="ecosphere" id="ecosphere"></div>
|
|
|
|
<!--安全-->
|
|
<div class="safe" id="safe"></div>
|
|
|
|
<!--能耗-->
|
|
<div class="energyConsumption" id="energyConsumption"></div>
|
|
<!--异常-->
|
|
<div class="abnormal" id="abnormal"></div>
|
|
<!--<span style="position: absolute;transform: translateX(-50%);top: 7.9%;left: 28.8%;font-size: 0.8vw;font-weight: 800;color: red;">品牌赋能</span>-->
|
|
<!--<span style="position: absolute;transform: translateX(-50%);top: 7.9%;left: 37.2%;font-size: 0.8vw;font-weight: 800;color: red;">全网协同</span>-->
|
|
<!--<span style="position: absolute;transform: translateX(-50%);top: 7.9%;left: 62.8%;font-size: 0.8vw;font-weight: 800;color: red;">生态终端</span>-->
|
|
<!--<span style="position: absolute;transform: translateX(-50%);top: 7.9%;left: 71.1%;font-size: 0.8vw;font-weight: 800;color: red;">感动用户</span>-->
|
|
<!--亮点产品-->
|
|
<div id="slide" class="slide"></div>
|
|
<div class="safeTitle" id="safeTitle"></div>
|
|
</body>
|
|
<script src="../../static/js/board/month.js" th:src="@{/js/board/month.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 safeTitle = (el) => {
|
|
const html = `
|
|
<span style="position: absolute;top: 63%;left: 87%;color: #CFD2D0;transform:translateX(-50%);font-size: 1.4vw;white-space:nowrap;">${new Date().getFullYear()} 年连续安全生产 <span style="color: #26af26">${today()} </span>天</span>
|
|
`
|
|
$(el).html(html)
|
|
}
|
|
safeTitle('#safeTitle')
|
|
}
|
|
day()
|
|
setCronTak(day, "0 * * * * * *");
|
|
})
|
|
</script>
|
|
</html> |