Initial commit
This commit is contained in:
BIN
public/information-release/ebtp/background.jpg
Normal file
BIN
public/information-release/ebtp/background.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 45 KiB |
209
public/information-release/ebtp/ebtp-release-jl-screen.html
Normal file
209
public/information-release/ebtp/ebtp-release-jl-screen.html
Normal file
@ -0,0 +1,209 @@
|
||||
<!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>
|
Reference in New Issue
Block a user