209 lines
6.3 KiB
HTML
209 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>信息发布屏</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="document-flex">
|
||
<div class="document-left">
|
||
<div class="document-left-content">
|
||
<span class="document-time" id="time">--:--:--</span>
|
||
<span class="document-date" id="date">----.--.-- 星期--</span>
|
||
<span class="document-title" id="title">吉林联通电子评标室</span>
|
||
<span class="document-num" id="num">（该会议室最多可容纳人数：--）</span>
|
||
</div>
|
||
<div class="document-left-bottom">
|
||
</div>
|
||
</div>
|
||
<div class="document-right">
|
||
<div class="document-right-block">
|
||
<p class="white-text">
|
||
会议名称：<span id="meetingName">——</span><br />
|
||
会议事项：<span id="meetingItem">——</span><br />
|
||
会议时间：<span id="meetingTimes">——</span><br />
|
||
预约人员：<span id="bookBy">——</span><br />
|
||
联系方式：<span id="bookTel">——</span><br />
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<style>
|
||
body {
|
||
width: 100%;
|
||
/* background: #efefef; */
|
||
background-image: url("background.jpg");
|
||
background-size: 100% 100%;
|
||
background-repeat: no-repeat;
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
text-decoration: none;
|
||
border: none;
|
||
}
|
||
|
||
.document-flex {
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
height: 100vh;
|
||
}
|
||
|
||
.document-left {
|
||
background: #40415df2;
|
||
width: 33vw;
|
||
}
|
||
|
||
.document-right {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 67vw;
|
||
}
|
||
|
||
.document-right-block {
|
||
background: linear-gradient(to top, #d91615cc, #df6859cc) no-repeat center;
|
||
width: 60vw;
|
||
overflow: hidden;
|
||
font-size: 32px;
|
||
font-family: 黑体;
|
||
line-height: 64px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
/* height: 100%; */
|
||
/* width: 100%; */
|
||
}
|
||
|
||
.document-right-block p {
|
||
width: 60vw;
|
||
}
|
||
|
||
.document-right-block .white-text {
|
||
color: #fefefe;
|
||
}
|
||
|
||
.document-left-content {
|
||
height: calc(100vh - 40px);
|
||
color: #FFFFFF;
|
||
font-family: 黑体;
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
|
||
.document-left-content span {
|
||
display: block;
|
||
margin-top: 40px;
|
||
}
|
||
|
||
.document-time {
|
||
font-size: 48px;
|
||
}
|
||
|
||
.document-title {
|
||
font-size: 38px;
|
||
letter-spacing: 1px;
|
||
line-height: 60px;
|
||
}
|
||
|
||
.document-date,
|
||
.document-num {
|
||
font-size: 24px;
|
||
}
|
||
|
||
.document-left-bottom {
|
||
background: #da251e;
|
||
height: 40px;
|
||
width: 33vw;
|
||
}
|
||
</style>
|
||
<script src="../../officecontrol/jquery.js"></script>
|
||
<script type="text/javascript">
|
||
function show(data) {
|
||
$("#meetingName").html(data.meetingName);
|
||
$("#meetingItem").html("评标");
|
||
$("#meetingTimes").html(data.meetingTimes);
|
||
$("#num").html("（该会议室最多可容纳人数：" + data.roomCapacity + "）");
|
||
$("#bookBy").html(data.bookBy);
|
||
$("#bookTel").html(data.bookTel);
|
||
}
|
||
function hidden() {
|
||
$("#meetingName").html("——");
|
||
$("#meetingItem").html("——");
|
||
$("#meetingTimes").html("——");
|
||
$("#num").html("（该会议室最多可容纳人数：--）");
|
||
$("#bookBy").html("——");
|
||
$("#bookTel").html("——");
|
||
}
|
||
function time() {
|
||
var now = new Date(); // 获取当前时间
|
||
var year = now.getFullYear(); // 获取年份
|
||
var month = now.getMonth() + 1; // 获取月份(从0开始计数)
|
||
var day = now.getDate(); // 获取日期
|
||
var hour = now.getHours(); // 获取小时
|
||
var minute = now.getMinutes(); // 获取分钟
|
||
var second = now.getSeconds(); // 获取秒钟
|
||
var weekday = now.getDay(); // 获取星期几(从0开始计数，0代表星期日)
|
||
var weekMap = { 0: "星期日", 1: "星期一", 2: "星期二", 3: "星期三", 4: "星期四", 5: "星期五", 6: "星期六" };
|
||
$("#time").html((hour < 10 ? "0" + hour : hour) + ":" + (minute < 10 ? "0" + minute : minute) + ":" + (second < 10 ? "0" + second : second));
|
||
$("#date").html(year + "." + month + "." + day + " " + weekMap[weekday]);
|
||
}
|
||
function search() {
|
||
$.ajax({
|
||
url: "/api/biz-service-ebtp-evaluation/v1/informationscreen/getInformationScreenToday/0022",
|
||
type: "GET",
|
||
success: function (res) {
|
||
if (res.data) {
|
||
show(res.data);
|
||
}
|
||
},
|
||
error: function (re) {
|
||
hidden();
|
||
}
|
||
});
|
||
}
|
||
search();
|
||
|
||
var interval1 = setInterval(function () {
|
||
search();
|
||
}, 600000);
|
||
var interval2 = setInterval(function () {
|
||
time();
|
||
}, 1000);
|
||
var elem = document.documentElement;
|
||
function openFullscreen() {
|
||
if (elem.requestFullscreen) {
|
||
elem.requestFullscreen();
|
||
} else if (elem.webkitRequestFullscreen) { /* Safari */
|
||
elem.webkitRequestFullscreen();
|
||
} else if (elem.msRequestFullscreen) { /* IE11 */
|
||
elem.msRequestFullscreen();
|
||
}
|
||
}
|
||
function closeFullscreen() {
|
||
if (document.exitFullscreen) {
|
||
document.exitFullscreen();
|
||
} else if (document.webkitExitFullscreen) { /* Safari */
|
||
document.webkitExitFullscreen();
|
||
} else if (document.msExitFullscreen) { /* IE11 */
|
||
document.msExitFullscreen();
|
||
}
|
||
}
|
||
document.addEventListener('click', function () {
|
||
if (document.fullscreenElement) {
|
||
closeFullscreen();
|
||
} else {
|
||
openFullscreen();
|
||
}
|
||
});
|
||
|
||
</script>
|
||
|
||
</html> |