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>
|