@@ -0,0 +1,123 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>导航</title> | |||
<style> | |||
*{ | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.bg{ | |||
position: fixed; | |||
width: 100%; | |||
height: 100%; | |||
left: 0; | |||
top: 0; | |||
z-index: -1; | |||
} | |||
.bg img{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.title{ | |||
width: 70%; | |||
margin: 0 auto; | |||
/* margin-top: 8%; */ | |||
} | |||
.list{ | |||
padding: 0 2.6%; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-between; | |||
} | |||
.list>a{ | |||
width: 48.5%; | |||
/* float: left; */ | |||
position: relative; | |||
display: block; | |||
} | |||
.list>a>img{ | |||
height: 100%; | |||
} | |||
.list_main{ | |||
position: absolute; | |||
font-weight: 400; | |||
color: #FFFFFF; | |||
left: 24px; top: 21.59px; font-size: 16.8px; | |||
} | |||
.list_main span{ | |||
opacity: .6; | |||
} | |||
.list_main p { | |||
opacity: .9; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="bg"> | |||
<img src="../Content/phone/imgs/bg.png" alt=""> | |||
</div> | |||
<div class="title"> | |||
<img src="../Content/phone/imgs/title.png" alt="" width="100%"> | |||
</div> | |||
<div class="list"> | |||
<a style="margin-right: 3%;" class="list_child" href="/PhonePage/survey.html"> | |||
<img src="../Content/phone/imgs/list_1.png" alt="" width="100%"> | |||
<div class="list_main"> | |||
<p>学校概况</p> | |||
<span>Go</span> | |||
</div> | |||
</a> | |||
<a class="list_child" href="/PhonePage/proDsc.html"> | |||
<img src="../Content/phone/imgs/list_2.png" alt="" width="100%"> | |||
<div class="list_main"> | |||
<p>专业介绍</p> | |||
<span>Go</span> | |||
</div> | |||
</a> | |||
<a style="margin-right: 3%;" class="list_child" href="/PhonePage/schoolNewsList.html"> | |||
<img src="../Content/phone/imgs/list_3.png" alt="" width="100%"> | |||
<div class="list_main" style="color: #313131;"> | |||
<p >学校新闻</p> | |||
<span>Go</span> | |||
</div> | |||
</a> | |||
<a class="list_child" href="/PhonePage/schoolSceneryList.html"> | |||
<img src="../Content/phone/imgs/list_4.png" alt="" width="100%"> | |||
<div class="list_main"> | |||
<p>校园风光</p> | |||
<span>Go</span> | |||
</div> | |||
</a> | |||
<a class="list_child" style="width: 100%;" href="/PhonePage/newStudentGui.html"> | |||
<img src="../Content/phone/imgs/list_botom.png" alt="" width="100%"> | |||
<div class="list_main"> | |||
<p>新生指引</p> | |||
<span>Go</span> | |||
</div> | |||
</a> | |||
</div> | |||
<script type="text/javascript"> | |||
var pageHeight = window.screen.height | |||
var pageWidth = window.screen.width | |||
var title = document.getElementsByClassName('title')[0] | |||
var lists = document.getElementsByClassName('list_child') | |||
var list_main = document.getElementsByClassName('list_main') | |||
for(var i=0;i<lists.length;i++){ | |||
lists[i].style.marginBottom = (pageHeight*0.02)+'px'; | |||
} | |||
for(var i=0;i<list_main.length;i++){ | |||
list_main[i].style.left = (pageWidth*0.06)+'px'; | |||
list_main[i].style.top = (pageHeight*0.034)+'px'; | |||
list_main[i].style.fontSize = (pageWidth*0.042)+'px'; | |||
} | |||
title.style.marginTop=(pageHeight*0.059)+'px'; | |||
title.style.marginBottom=(pageHeight*0.05)+'px'; | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,46 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>新生指引</title> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css"/> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<style> | |||
*{ | |||
padding: 0; | |||
margin: 0; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<!--<div> | |||
<input type="text" id="search"placeholder="课程搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div>--> | |||
</div> | |||
<div class="menu"> | |||
<a href="index.html"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%" > | |||
</a> | |||
<div>新生指引</div> | |||
</div> | |||
<div class="split"></div> | |||
<div> | |||
<img src="../Content/phone/imgs/newStudentGui/process.png" alt="" width="100%"> | |||
</div> | |||
<div style="height: 10px;"></div> | |||
<script src="../Content/phone/js/getSize.js"></script> | |||
<script src="../Content/phone/js/title_search.js"></script> | |||
<script src="../Content/phone/js/menu.js"></script> | |||
<script type="text/javascript"> | |||
menu.style.height = (pageHeight * 0.056) + 'px' | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,191 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<link rel="stylesheet" href="../Content/phone/css/title_search.css"> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/menu.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<title>专业介绍</title> | |||
<style> | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.list { | |||
padding: 0 2.6%; | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
} | |||
.list_child { | |||
width: 47%; | |||
border: solid 1px #E7EDEF; | |||
text-align: center; | |||
/* position: relative; */ | |||
display: block; | |||
text-decoration: none; | |||
} | |||
.list_child img { | |||
width: 100%; | |||
} | |||
.list_child > div { | |||
/* margin: 12px 0; */ | |||
color: #414141; | |||
font-size: 13px; | |||
position: relative; | |||
} | |||
.list_names { | |||
text-align: left; | |||
padding: 0 10px; | |||
font-size: 13px; | |||
line-height: 20px; | |||
color: #414141; | |||
} | |||
.img_names { | |||
position: absolute; | |||
top: 0; | |||
width: 126px; | |||
color: #FFFFFF !important; | |||
font-size: 18px !important; | |||
font-weight: bold !important; | |||
left: 50%; | |||
top: 50%; | |||
transform: translate(-50%,-50%); | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<!--<input type="text" id="search" placeholder="专业搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">--> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<div onclick="go('index.html')"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</div> | |||
<div>专业介绍</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="list" id="list"> | |||
<!--<a class="list_child" href="schoolNewsDetails.html"> | |||
<div> | |||
<img src="../Content/phone/imgs/proDsc/list_2.png" alt=""> | |||
<div class="img_names">建筑装饰技术</div> | |||
</div> | |||
<div class="list_names">建筑装饰技术</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<div> | |||
<img src="../Content/phone/imgs/proDsc/list_3.png" alt=""> | |||
<div class="img_names"> | |||
<div>人工智能</div> | |||
<div>技术与应用</div> | |||
</div> | |||
</div> | |||
<div class="list_names">人工智能技术与应用</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<div> | |||
<img src="../Content/phone/imgs/proDsc/list_4.png" alt=""> | |||
<div class="img_names">数控技术应用</div> | |||
</div> | |||
<div class="list_names">数控技术应用</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<div> | |||
<img src="../Content/phone/imgs/proDsc/list_5.png" alt=""> | |||
<div class="img_names">学前教育</div> | |||
</div> | |||
<div class="list_names">学前教育</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<div> | |||
<img src="../Content/phone/imgs/proDsc/list_6.png" alt=""> | |||
<div class="img_names">建筑工程造价</div> | |||
</div> | |||
<div class="list_names">建筑工程造价</div> | |||
</a>--> | |||
</div> | |||
<div style="height: 10px;"></div> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/getSize.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/title_search.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/menu.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
$(function () { | |||
GetList(""); | |||
}); | |||
var lists = document.getElementsByClassName('list_child'); | |||
var names = document.getElementsByClassName('list_names'); | |||
for (var i = 0; i < lists.length; i++) { | |||
lists[i].style.marginTop = (pageHeight * 0.017) + 'px'; | |||
} | |||
for (var i = 0; i < names.length; i++) { | |||
names[i].style.marginTop = (pageHeight * 0.009) + 'px'; | |||
names[i].style.marginBottom = (pageHeight * 0.017) + 'px'; | |||
} | |||
function go(url) { | |||
window.location.href = url; | |||
} | |||
//获取专业列表 | |||
function GetList(keyword) { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getCdMajorList?keyword=' + keyword, | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
var photo = '../Content/phone/imgs/proDsc/list_5.png'; | |||
if (data.Photo) { | |||
photo = data[i].Photo; | |||
} | |||
var html = ''; | |||
for (var i = 0; i < data.length; i++) { | |||
html += '<a class="list_child" href="/PhonePage/schoolNewsDetails.html?Id=' + data[i].ID + '&type=3">'; | |||
html += '<div>'; | |||
html += '<img src="' + photo + '" alt="">'; | |||
html += '<div class="img_names">' + data[i].MajorName + '</div>'; | |||
html += '</div>'; | |||
html += '<div class="list_names">' + data[i].MajorName + '</div>'; | |||
html += '</a>'; | |||
} | |||
$('#list').html(html); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
//关键字搜索 | |||
$('#search_icon').on('click', function () { | |||
GetList($('#search').val()); | |||
}); | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,117 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>学校新闻</title> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
<style> | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.menu { | |||
background-color: #0064D6; | |||
} | |||
.main_title { | |||
color: #282828; | |||
font-size: 17px; | |||
font-weight: bold; | |||
} | |||
.main_time { | |||
color: #9A9A9A; | |||
font-size: 12px; | |||
text-align: right; | |||
} | |||
.main_content { | |||
color: #5E5E5E; | |||
font-size: 14px; | |||
} | |||
.main { | |||
padding: 0px 20px; | |||
margin: 30px 0 10px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="menu"> | |||
<a href="javascript:history.back();"> | |||
<img src="../Content/phone/imgs/backBtn_white.png" alt="" width="100%"> | |||
</a> | |||
<div style="color: #FFFFFF;font-weight: bold;" id="title">学校新闻</div> | |||
</div> | |||
<div class="main"> | |||
<div class="main_title"> | |||
</div> | |||
<div class="main_time"> | |||
</div> | |||
<div class="main_content" style="margin-top: 10px;" id="main_content"> | |||
</div> | |||
</div> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/getSize.js"></script> | |||
<script src="../Content/phone/js/menu.js"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
//type: 1学校新闻,2校园风光,3 专业介绍 | |||
var type = getQueryString('type'); | |||
var Id = getQueryString('Id'); | |||
$(function () { | |||
GetDetails(); | |||
}); | |||
//获取详情 | |||
function GetDetails() { | |||
console.log(type + "," + Id); | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/GetSchoolNewsDetails?type=' + type + '&Id=' + Id, | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
var title = ""; | |||
if (type == '1') { | |||
title = '学校新闻'; | |||
} else if (type == '2') { | |||
title = '校园风光'; | |||
} | |||
else if (type == '3') { | |||
title = '专业介绍'; | |||
} | |||
$('#title').html(title); | |||
$('.main_title').html(data.title); | |||
$('.main_time').html(data.time); | |||
//$('.main_content').innerHTML(data.desc); | |||
document.getElementById('main_content').innerHTML = data.desc; | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
function getQueryString(name){ | |||
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); | |||
var r = window.location.search.substr(1).match(reg); | |||
if(r!=null)return unescape(r[2]); return null; | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,165 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>学校新闻</title> | |||
<link rel="stylesheet" href="../Content/phone/css/title_search.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<style> | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.total { | |||
padding: 17px 2.6%; | |||
font-size: 12px; | |||
color: #AEAEAE; | |||
border-bottom: 1px solid #F8F8F8; | |||
} | |||
.total span { | |||
color: #0064D6; | |||
font-size: 16px; | |||
margin: 0 8px; | |||
} | |||
.list { | |||
padding: 10px 2.6%; | |||
color: #282828; | |||
font-size: 14px; | |||
border-bottom: 1px solid #F8F8F8; | |||
display: block; | |||
/* text-indent: none; */ | |||
text-decoration: none; | |||
} | |||
.list > div:first-child { | |||
margin-bottom: 5px; | |||
display: flex; | |||
width: calc(100% - 10px); | |||
align-items: center; | |||
} | |||
.list > div:first-child > div:first-child { | |||
margin-right: 10px; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
overflow: hidden; | |||
word-break: break-all; | |||
} | |||
.list > div:first-child > div:last-child { | |||
display: flex; | |||
align-items: center; | |||
width: 60px; | |||
} | |||
.time { | |||
color: #AEAEAE; | |||
font-size: 12px; | |||
text-align: right; | |||
} | |||
.newCss { | |||
width: 30px; | |||
} | |||
</style> | |||
</head> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<input type="text" id="search" placeholder="新闻搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<a href="index.html"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div>学校新闻</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="total"> | |||
共有<span id="totalCount"></span>条新闻资讯 | |||
</div> | |||
<div id="content"> | |||
<!--<a class="list" href="schoolNewsDetails.html"> | |||
<div> | |||
<div> | |||
学校召开专业建设规划研讨会学校召开专业建设规划研讨会学校召开专业建设规划研讨会 | |||
</div> | |||
<div> | |||
<img src="../Content/phone/imgs/new_icon.png" alt="" class="newCss"> | |||
</div> | |||
</div> | |||
<div class="time">2021-03-29</div> | |||
</a> | |||
<a class="list" href="schoolNewsDetails.html"> | |||
<div> | |||
<div> | |||
学校召开专业建设规划研讨会 | |||
</div> | |||
<div> | |||
<img src="../Content/phone/imgs/new_icon.png" alt="" class="newCss"> | |||
</div> | |||
</div> | |||
<div class="time">2021-03-29</div> | |||
</a>--> | |||
</div> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/getSize.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/menu.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/title_search.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
$(function () { | |||
GetNews(); | |||
}); | |||
//获取学校新闻 | |||
function GetNews() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/GetSchoolNewList?categoryId=0', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
$('#totalCount').html(data.length); | |||
var html = ''; | |||
for (var i = 0; i < data.length; i++) { | |||
html += '<a class="list" href="schoolNewsDetails.html?type=1&Id=' + data[i].F_NewsId+'">'; | |||
html += '<div>'; | |||
html += '<div>' + data[i].F_FullHead +'</div>'; | |||
//html += '<div>'; | |||
//html += '<img src="../Content/phone/imgs/new_icon.png" alt="" class="newCss">'; | |||
//html += '</div>'; | |||
html += '</div>'; | |||
html += '<div class="time">' + data[i].F_ReleaseTime + '</div>'; | |||
html += '</a>'; | |||
} | |||
$('#content').html(html); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
</script> | |||
<body> | |||
</body> | |||
</html> |
@@ -0,0 +1,139 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<link rel="stylesheet" href="../Content/phone/css/title_search.css"> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/menu.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<title>校园风光</title> | |||
<style> | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.list { | |||
padding: 0 2.6%; | |||
display: flex; | |||
justify-content: space-between; | |||
flex-wrap: wrap; | |||
} | |||
.list_child { | |||
width: 47%; | |||
border: solid 1px #E7EDEF; | |||
text-align: center; | |||
display: block; | |||
text-decoration: none; | |||
} | |||
.list_child img { | |||
width: 100%; | |||
} | |||
.list_child > div { | |||
/* margin: 12px 0; */ | |||
color: #414141; | |||
font-size: 13px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<input type="text" id="search" placeholder="校园风光搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<a href="index.html"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div>校园风光</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="list"> | |||
<!--<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a> | |||
<a class="list_child" href="schoolNewsDetails.html"> | |||
<img src="../Content/phone/imgs/schoolNews/list_main.png" alt=""> | |||
<div class="list_names">校园风光</div> | |||
</a>--> | |||
</div> | |||
<div style="height: 10px;"></div> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/getSize.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/title_search.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/menu.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
var lists = document.getElementsByClassName('list_child'); | |||
var names = document.getElementsByClassName('list_names'); | |||
for (var i = 0; i < lists.length; i++) { | |||
lists[i].style.marginTop = (pageHeight * 0.017) + 'px'; | |||
} | |||
for (var i = 0; i < names.length; i++) { | |||
names[i].style.marginTop = (pageHeight * 0.009) + 'px'; | |||
names[i].style.marginBottom = (pageHeight * 0.017) + 'px'; | |||
} | |||
$(function () { | |||
GetNews(); | |||
}); | |||
//获取校园风光 | |||
function GetNews() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/GetSchoolNewList?categoryId=1', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
var html = ''; | |||
for (var i = 0; i < data.length; i++) { | |||
var img = '../Content/phone/imgs/schoolNews/list_main.png'; | |||
if (data[i].F_NewsImage) { | |||
var path = data[i].F_NewsImage; | |||
var index = (data[i].F_NewsImage).lastIndexOf("Resource"); | |||
path = path.substring(index, path.length); | |||
img = "/" + path; | |||
} | |||
html += '<a class="list_child" href="schoolNewsDetails.html?type=2&Id=' + data[i].F_NewsId + '">'; | |||
html += '<img src="' + img + '" alt="">'; | |||
html += '<div class="list_names">' + data[i].F_FullHead + '</div>'; | |||
html += '</a>'; | |||
} | |||
$('.list').html(html); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,14 @@ | |||
//api地址 | |||
var serverurl = "http://localhost:31173"; | |||
//当前项目地址 | |||
var currentUrl = "http://192.168.50.3:8082"; | |||
//地址栏传参 | |||
function request(d) { | |||
for (var c = location.search.slice(1).split("&"), a = 0; a < c.length; a++) { | |||
var b = c[a].split("="); | |||
if (b[0] == d) | |||
if ("undefined" == unescape(b[1])) break; | |||
else return unescape(b[1]) | |||
} | |||
return "" | |||
}; |
@@ -0,0 +1,664 @@ | |||
| |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>新生指引</title> | |||
<link rel="stylesheet" href="../Content/phone/css/css/normalize.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/common.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/index.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/swiper-3.3.1.min.css" /> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/survey.css"> | |||
</head> | |||
<body class="surveyCon"> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<div> | |||
<!--<input type="text" id="search" placeholder="课程搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">--> | |||
</div> | |||
</div> | |||
<div class="menu"> | |||
<a href="javascript:history.back();"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div class="menuTab"> | |||
<div class="active">学校简介</div> | |||
<div>历史沿革</div> | |||
<div>学校荣誉</div> | |||
<div>校历</div> | |||
</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="survey"> | |||
<div class="surveyBox"> | |||
<div class="surveyT surveyT1"> | |||
<img src="../Content/phone/imgs/survey1.png" alt=""> | |||
</div> | |||
<div class="surveyLine"> | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="monthText" id="BriefIntroduction"> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<div class="surveyTxt"> | |||
建校半个多世纪以来,学校性质由技工改为中专,又由中专改为技工,继而进行半工半读教改实验,最后恢复中专性质。其间学校8易归属,10次更改校名,变化繁复,详见下表。 | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1955</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">6月</div> | |||
<div class="monthTxt">学校名称:琉璃河建筑材料工业技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1956</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:建筑材料工业部琉璃河建筑材料工业工人技术学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑材料工业部教育司</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1957</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">1月</div> | |||
<div class="monthTxt">学校名称:琉璃河技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑材料工业部教育司</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1958</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:琉璃河建筑材料工业技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑工程部劳资司</div> | |||
</div> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">7月</div> | |||
<div class="monthTxt">学校名称:琉璃河建筑材料工业技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1959</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">8月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:建筑工程部水泥局</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1962</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥工业学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑工程部水泥局</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1964</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:北京水泥技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:建筑工程部水泥局</div> | |||
</div> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">10月</div> | |||
<div class="monthTxt">学校名称:北京水泥技工学校</div> | |||
<div class="monthTxt">办学性质:技工</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1965</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:琉璃河水泥厂半工半读中等技术学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1967</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">1月</div> | |||
<div class="monthTxt">学校名称:首都水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:琉璃河水泥厂</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1975</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">6月</div> | |||
<div class="monthTxt">学校名称:首都水泥工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:北京市建筑材料工业局水泥工业公司</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">1978</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx left"> | |||
<span class="line"></span> | |||
<div class="monthTime">至今</div> | |||
<div class="monthTxt">学校名称:北京市建筑材料工业学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:北京市建材局(后改为北京市建筑材料集团有限责任公司现为北京金隅集团有限责任公司)</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="yearx">2008</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="monthx right"> | |||
<span class="line"></span> | |||
<div class="monthTime">至今</div> | |||
<div class="monthTxt">学校名称:北京金隅科技学校</div> | |||
<div class="monthTxt">办学性质:中专</div> | |||
<div class="monthTxt">隶属上级:北京金隅集团有限责任公司</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<div class="surveyT"> | |||
<img src="../Content/phone/imgs/survey3.png" alt=""> | |||
</div> | |||
<div class="surveyLine"> | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="surveyList"> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校”。</div> | |||
<div>1984年,学校被北京市人民政府确定为北京市中等专业学校六所改革试点学校之。</div> | |||
<div>1991年1月,学校被国家教育委员会、国家计划委员会、劳动部、人事部、财政部授予“全国职业技术教育先进单位”。</div> | |||
<div>1993年8月被确定为北京市重点中等专业学校。</div> | |||
<div>1994年8月,学校被国家教委确定为“国家级重点普通中等专业学校”。</div> | |||
<div>1999年,被劳动部确定为“行业特有工种职业技能鉴定站”。</div> | |||
<div>2000年6月,学校再次被评为“国家级重点中等职业学校”。</div> | |||
<div>2003年12月被评为北京市现代化标志性中等职业学校。</div> | |||
<div>2005年11月被评为全国职业教育先进单位。</div> | |||
<div>2006年6月被确定为建材行业特有工种职业技能鉴定站(010站)。</div> | |||
<div>2007年9月,学校被国家教育部和人事部授予“全国教育系统先进集体”。</div> | |||
<div>2012年5月牵头成立“建材行业北京职教集团”。</div> | |||
<div>2010-2012年连续三年我校学生在全国职业院校技能大赛中荣获冠军。</div> | |||
<div>2012年11月数控技术应用、硅酸盐工艺及工业控制专业被评为北京市示范专业。</div> | |||
<div>2011年,经北京市教委和教育部批准,学校成为首批“国家中等职业教育改革发展示范学校”的项目建设校。2013年8月通过北京市教委验收,2014年6月, 学校正式被教育部确定为首批“国家中等职业教育改革发展示范学校”。</div> | |||
<div>2014年9月,学校再次被教育部和人社部授予“全国教育系统先进集体”的荣誉称号。</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<div class="cour-box"> | |||
<div class="loading loading1 covers"> | |||
<div class="loading-bj"></div> | |||
<p>加载中...</p> | |||
</div> | |||
<!-- 加载ing END --> | |||
<section class="out-wrap"> | |||
<div class="kebiao"> | |||
<div class="header-main"> | |||
<section class="header"> | |||
<div class="child return"> | |||
<!-- <i></i> --> | |||
</div> | |||
<div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div> | |||
</section> | |||
<section class="day"> | |||
<section class="grid clearfix"> | |||
<div class="day-left clearfix"> | |||
<h1 id="top_shu">20</h1> | |||
<div class="top-contrl"> | |||
<p><em id="top_week">星期二</em></p> | |||
<div><i id="top_yue">八月廿十</i></div> | |||
</div> | |||
</div> | |||
<div class="day-right clearfix"> | |||
<div class="yun"> <span class="js_jin">今</span> </div> | |||
</div> | |||
</section> | |||
</section> | |||
<!-- end day --> | |||
</div> | |||
<!-- end header --> | |||
<section class="content"> | |||
<section class="week"> | |||
<ul class="clearfix f28"> | |||
<li><a href="#">日</a></li> | |||
<li><a href="#">一</a></li> | |||
<li><a href="#">二</a></li> | |||
<li><a href="#">三</a></li> | |||
<li><a href="#">四</a></li> | |||
<li><a href="#">五</a></li> | |||
<li><a href="#">六</a></li> | |||
</ul> | |||
</section> | |||
<section class="calenda"> | |||
<div class="swiper-container"> | |||
<div class="swiper-wrapper" id="swiperBox"> | |||
<div class="swiper-slide"> | |||
<table id="now1" class="tables"> | |||
<tr class=""> | |||
<td class=" list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now2" class="tables"> | |||
<tr class=""></tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now3" class="tables"> | |||
<tr class=""> | |||
<td class="list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- end calenda --> | |||
</section> | |||
</div> | |||
<!-- end content --> | |||
<section class="prorup"></section> | |||
<!-- 弹窗 --> | |||
<div class="tc"></div> | |||
<div class="tc-innner"> | |||
<h2> 选择日期 </h2> | |||
<div class="current-time"> | |||
<i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i> | |||
</div> | |||
<div class="swiper-box"> | |||
<i class="i1"></i> <i class="i2"></i> <i class="i3"></i> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container2 nbxs"> | |||
<div class="swiper-wrapper year"> | |||
<div class="swiper-slide">2000年</div> | |||
<div class="swiper-slide">2001年</div> | |||
<div class="swiper-slide">2002年</div> | |||
<div class="swiper-slide">2003年</div> | |||
<div class="swiper-slide">2004年</div> | |||
<div class="swiper-slide">2005年</div> | |||
<div class="swiper-slide">2006年</div> | |||
<div class="swiper-slide">2007年</div> | |||
<div class="swiper-slide">2008年</div> | |||
<div class="swiper-slide">2009年</div> | |||
<div class="swiper-slide">2010年</div> | |||
<div class="swiper-slide">2011年</div> | |||
<div class="swiper-slide">2012年</div> | |||
<div class="swiper-slide">2013年</div> | |||
<div class="swiper-slide">2014年</div> | |||
<div class="swiper-slide">2015年</div> | |||
<div class="swiper-slide">2016年</div> | |||
<div class="swiper-slide">2017年</div> | |||
<div class="swiper-slide">2018年</div> | |||
<div class="swiper-slide">2019年</div> | |||
<div class="swiper-slide">2020年</div> | |||
<div class="swiper-slide">2021年</div> | |||
<div class="swiper-slide">2022年</div> | |||
<div class="swiper-slide">2023年</div> | |||
<div class="swiper-slide">2024年</div> | |||
<div class="swiper-slide">2025年</div> | |||
<div class="swiper-slide">2026年</div> | |||
<div class="swiper-slide">2027年</div> | |||
<div class="swiper-slide">2028年</div> | |||
<div class="swiper-slide">2029年</div> | |||
<div class="swiper-slide">2030年</div> | |||
<div class="swiper-slide">2031年</div> | |||
<div class="swiper-slide">2032年</div> | |||
<div class="swiper-slide">2033年</div> | |||
<div class="swiper-slide">2034年</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container3 nbxs"> | |||
<div class="swiper-wrapper month"> | |||
<div class="swiper-slide">1月</div> | |||
<div class="swiper-slide">2月</div> | |||
<div class="swiper-slide">3月</div> | |||
<div class="swiper-slide">4月</div> | |||
<div class="swiper-slide">5月</div> | |||
<div class="swiper-slide">6月</div> | |||
<div class="swiper-slide">7月</div> | |||
<div class="swiper-slide">8月</div> | |||
<div class="swiper-slide">9月</div> | |||
<div class="swiper-slide">10月</div> | |||
<div class="swiper-slide">11月</div> | |||
<div class="swiper-slide">12月</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container4 nbxs"> | |||
<div class="swiper-wrapper date"> | |||
<div class="swiper-slide">1日</div> | |||
<div class="swiper-slide">2日</div> | |||
<div class="swiper-slide">3日</div> | |||
<div class="swiper-slide">4日</div> | |||
<div class="swiper-slide">5日</div> | |||
<div class="swiper-slide">6日</div> | |||
<div class="swiper-slide">7日</div> | |||
<div class="swiper-slide">8日</div> | |||
<div class="swiper-slide">9日</div> | |||
<div class="swiper-slide">10日</div> | |||
<div class="swiper-slide">11日</div> | |||
<div class="swiper-slide">12日</div> | |||
<div class="swiper-slide">13日</div> | |||
<div class="swiper-slide">14日</div> | |||
<div class="swiper-slide">15日</div> | |||
<div class="swiper-slide">16日</div> | |||
<div class="swiper-slide">17日</div> | |||
<div class="swiper-slide">18日</div> | |||
<div class="swiper-slide">19日</div> | |||
<div class="swiper-slide">20日</div> | |||
<div class="swiper-slide">21日</div> | |||
<div class="swiper-slide">22日</div> | |||
<div class="swiper-slide">23日</div> | |||
<div class="swiper-slide">24日</div> | |||
<div class="swiper-slide">25日</div> | |||
<div class="swiper-slide">26日</div> | |||
<div class="swiper-slide">27日</div> | |||
<div class="swiper-slide">28日</div> | |||
<div class="swiper-slide">29日</div> | |||
<div class="swiper-slide">30日</div> | |||
<div class="swiper-slide">31日</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="tc-bot"> | |||
<div class="tc-bot-left">回到今天</div> | |||
<div class="tc-bot-right">确定</div> | |||
<i></i> | |||
</div> | |||
</div> | |||
</section> | |||
</div> | |||
<div class="course-card"> | |||
<div class="split" style="margin: 0 -2.6%;"></div> | |||
<div class="courseBox" id="calendarDetail"> | |||
<!-- 校历详情 --> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- <div style="height: 10px;"></div> --> | |||
<script src="../Content/phone/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/swiper-3.3.1.min.js"></script> | |||
<script src="../Content/phone/js/calendar.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/getSize.js"></script> | |||
<!--<script src="../Content/phone/js/title_search.js"></script>--> | |||
<script src="../Content/phone/js/menu.js"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
$(function () { | |||
GetMonthText(); | |||
GetCalendarList(); | |||
}); | |||
//有课时间 state 2 1 3 dataK不可改 | |||
var xlFlag = true; | |||
//var dataK = [ | |||
// { | |||
// y: 2021, | |||
// m: 5, | |||
// d: 23, | |||
// state: 2 | |||
// }, | |||
// { | |||
// y: 2021, | |||
// m: 5, | |||
// d: 20, | |||
// state: 2 | |||
// } | |||
//]; | |||
var dataK = []; | |||
//日历点击 | |||
$('.survey').on('click', | |||
'.tables td', | |||
function () { | |||
if ($(this).hasClass('active')) { | |||
var id = ''; | |||
var data_y = $(this).attr('data_y'); | |||
var data_m = $(this).attr('data_m'); | |||
var data_d = $(this).attr('data_d'); | |||
$.each(dataK, | |||
function (i, n) { | |||
if (data_y == n.y && data_m == n.m && data_d == n.d) { | |||
id = n.id; | |||
} | |||
}); | |||
GetCalendarDetails(id); | |||
$('.course-card').css('display', 'block'); | |||
} else { | |||
$('.course-card').css('display', 'none'); | |||
} | |||
}); | |||
//设置头部 | |||
menu.style.height = (pageHeight * 0.056) + 'px'; | |||
//tab 切换 | |||
$('.menuTab').on('click', | |||
'div', | |||
function () { | |||
if ($(this).hasClass('active')) { | |||
return; | |||
} | |||
var ind = $(this).index(); | |||
console.log(ind); | |||
$(this).addClass('active').siblings().removeClass('active'); | |||
$('.surveyBox').css('display', 'none').eq(ind).fadeIn(); | |||
if (ind == 3 && xlFlag) { | |||
xlFlag = false; | |||
calenderInit(LunarDate); | |||
} | |||
}); | |||
//获取校区简介 | |||
function GetMonthText() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getBriefIntroductionById', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
$('#BriefIntroduction').html(data.info); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
//获取校历 | |||
function GetCalendarList() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getCalendarList', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
data = data.data; | |||
for (var i = 0; i < data.length; i++) { | |||
var start = data[i].StartTime; | |||
var end = data[i].EndTime; | |||
var id = data[i].ID; | |||
getdiffdate(start, end, id); | |||
} | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
//获取两日期之间日期列表函数 | |||
function getdiffdate(stime, etime, id) { | |||
//初始化日期列表,数组 | |||
var diffdate = new Array(); | |||
var i = 0; | |||
//开始日期小于等于结束日期,并循环 | |||
while (stime <= etime) { | |||
diffdate[i] = stime; | |||
var obj = {}; | |||
var time = new Date(stime); | |||
obj['y'] = time.getFullYear(); | |||
obj['m'] = time.getMonth() + 1; | |||
obj['d'] = time.getDate(); | |||
obj['state'] = 2; | |||
obj['id'] = id; | |||
dataK.push(Object.assign({}, obj)); | |||
//获取开始日期时间戳 | |||
var stime_ts = new Date(stime).getTime(); | |||
//增加一天时间戳后的日期 | |||
var next_date = stime_ts + (24 * 60 * 60 * 1000); | |||
//拼接年月日,这里的月份会返回(0-11),所以要+1 | |||
var next_dates_y = new Date(next_date).getFullYear() + '-'; | |||
var next_dates_m = (new Date(next_date).getMonth() + 1 < 10) ? '0' + (new Date(next_date).getMonth() + 1) + '-' : (new Date(next_date).getMonth() + 1) + '-'; | |||
var next_dates_d = (new Date(next_date).getDate() < 10) ? '0' + new Date(next_date).getDate() : new Date(next_date).getDate(); | |||
stime = next_dates_y + next_dates_m + next_dates_d; | |||
//增加数组key | |||
i++; | |||
} | |||
//console.log(dataK); | |||
} | |||
//获取校历详情 | |||
function GetCalendarDetails(id) { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getCalendarDetails?keyValue=' + id, | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
var data = data.data; | |||
console.log(data); | |||
var str = ''; | |||
str += '<div class="courseTxt">'; | |||
str += '<span>学年:' + data.AcademicYearNo + '</span>'; | |||
str += '<span>学期:' + data.Semester + '</span>'; | |||
str += '</div>'; | |||
str += '<div class="courseTxt">'; | |||
str += '<span>时间:' + GetDate(data.StartTime) + '~' + GetDate(data.EndTime) + '</span>'; | |||
str += '</div>'; | |||
str += '<div class="courseCon">'; | |||
str += data.Content; | |||
str += '</div>'; | |||
$('#calendarDetail').html(str); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
//获取年月日格式 | |||
function GetDate(date) { | |||
date = new Date(date); | |||
var year = date.getFullYear(); | |||
var month = date.getMonth() + 1; | |||
var day = date.getDate(); | |||
if (month < 10) { | |||
month = "0" + month; | |||
} | |||
if (day < 10) { | |||
day = "0" + day; | |||
} | |||
var nowDate = year + "-" + month + "-" + day; | |||
return nowDate; | |||
} | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,414 @@ | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> | |||
<title>新生指引</title> | |||
<link rel="stylesheet" href="../Content/phone/css/css/normalize.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/common.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/index.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/css/swiper-3.3.1.min.css" /> | |||
<link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css" /> | |||
<link rel="stylesheet" href="../Content/phone/css/split.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/menu.css"> | |||
<link rel="stylesheet" href="../Content/phone/css/survey.css"> | |||
</head> | |||
<body class="surveyCon"> | |||
<div class="title_search"> | |||
<div style="width: 46.4%;"> | |||
<img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%"> | |||
</div> | |||
<!--<div> | |||
<input type="text" id="search" placeholder="课程搜索..." /> | |||
<img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon"> | |||
</div>--> | |||
</div> | |||
<div class="menu"> | |||
<a href="javascript:history.back();"> | |||
<img src="../Content/phone/imgs/backBtn.png" alt="" width="100%"> | |||
</a> | |||
<div class="menuTab"> | |||
<div class="active">学校简介</div> | |||
<div>历史沿革</div> | |||
<div>学校荣誉</div> | |||
<div>校历</div> | |||
</div> | |||
</div> | |||
<div class="split"></div> | |||
<div class="survey"> | |||
<div class="surveyBox"> | |||
<!--学校简介--> | |||
<div class="surveyT surveyT1"> | |||
<img src="../Content/phone/imgs/survey1.png" alt=""> | |||
</div> | |||
<div class="surveyLine"> | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="monthText" id="BriefIntroduction"> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--历史沿革--> | |||
<div class="surveyTxt"> | |||
建校半个多世纪以来,学校性质由技工改为中专,又由中专改为技工,继而进行半工半读教改实验,最后恢复中专性质。其间学校8易归属 | |||
</div> | |||
<div class="history"> | |||
<div class="year">1993</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
</div> | |||
<div class="history"> | |||
<div class="year">1995</div> | |||
<!-- <div class="historyCard"></div> --> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">2月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">3月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month right"> | |||
<span class="line"></span> | |||
<div class="monthTime">4月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
<div class="month left"> | |||
<span class="line"></span> | |||
<div class="monthTime">5月</div> | |||
<div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--学校荣誉--> | |||
<div class="surveyT"> | |||
<img src="../Content/phone/imgs/survey3.png" alt=""> | |||
</div> | |||
<div class="surveyLine"> | |||
<img src="../Content/phone/imgs/survey2.png" alt=""> | |||
</div> | |||
<div class="surveyList"> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
<div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div> | |||
</div> | |||
</div> | |||
<div class="surveyBox"> | |||
<!--校历--> | |||
<div class="cour-box"> | |||
<div class="loading loading1 covers"> | |||
<div class="loading-bj"></div> | |||
<p>加载中...</p> | |||
</div> | |||
<!-- 加载ing END --> | |||
<section class="out-wrap"> | |||
<div class="kebiao"> | |||
<div class="header-main"> | |||
<section class="header"> | |||
<div class="child return"> | |||
<!-- <i></i> --> | |||
</div> | |||
<div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div> | |||
</section> | |||
<section class="day"> | |||
<section class="grid clearfix"> | |||
<div class="day-left clearfix"> | |||
<h1 id="top_shu">20</h1> | |||
<div class="top-contrl"> | |||
<p><em id="top_week">星期二</em></p> | |||
<div><i id="top_yue">八月廿十</i></div> | |||
</div> | |||
</div> | |||
<div class="day-right clearfix"> | |||
<div class="yun"> <span class="js_jin">今</span> </div> | |||
</div> | |||
</section> | |||
</section> | |||
<!-- end day --> | |||
</div> | |||
<!-- end header --> | |||
<section class="content"> | |||
<section class="week"> | |||
<ul class="clearfix f28"> | |||
<li><a href="#">日</a></li> | |||
<li><a href="#">一</a></li> | |||
<li><a href="#">二</a></li> | |||
<li><a href="#">三</a></li> | |||
<li><a href="#">四</a></li> | |||
<li><a href="#">五</a></li> | |||
<li><a href="#">六</a></li> | |||
</ul> | |||
</section> | |||
<section class="calenda"> | |||
<div class="swiper-container"> | |||
<div class="swiper-wrapper" id="swiperBox"> | |||
<div class="swiper-slide"> | |||
<table id="now1" class="tables"> | |||
<tr class=""> | |||
<td class=" list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now2" class="tables"> | |||
<tr class=""></tr> | |||
</table> | |||
</div> | |||
<div class="swiper-slide"> | |||
<table id="now3" class="tables"> | |||
<tr class=""> | |||
<td class="list"><i>12</i><em>中秋</em></td> | |||
</tr> | |||
</table> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- end calenda --> | |||
</section> | |||
</div> | |||
<!-- end content --> | |||
<section class="prorup"></section> | |||
<!-- 弹窗 --> | |||
<div class="tc"></div> | |||
<div class="tc-innner"> | |||
<h2> 选择日期 </h2> | |||
<div class="current-time"> | |||
<i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i> | |||
</div> | |||
<div class="swiper-box"> | |||
<i class="i1"></i> <i class="i2"></i> <i class="i3"></i> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container2 nbxs"> | |||
<div class="swiper-wrapper year"> | |||
<div class="swiper-slide">2000年</div> | |||
<div class="swiper-slide">2001年</div> | |||
<div class="swiper-slide">2002年</div> | |||
<div class="swiper-slide">2003年</div> | |||
<div class="swiper-slide">2004年</div> | |||
<div class="swiper-slide">2005年</div> | |||
<div class="swiper-slide">2006年</div> | |||
<div class="swiper-slide">2007年</div> | |||
<div class="swiper-slide">2008年</div> | |||
<div class="swiper-slide">2009年</div> | |||
<div class="swiper-slide">2010年</div> | |||
<div class="swiper-slide">2011年</div> | |||
<div class="swiper-slide">2012年</div> | |||
<div class="swiper-slide">2013年</div> | |||
<div class="swiper-slide">2014年</div> | |||
<div class="swiper-slide">2015年</div> | |||
<div class="swiper-slide">2016年</div> | |||
<div class="swiper-slide">2017年</div> | |||
<div class="swiper-slide">2018年</div> | |||
<div class="swiper-slide">2019年</div> | |||
<div class="swiper-slide">2020年</div> | |||
<div class="swiper-slide">2021年</div> | |||
<div class="swiper-slide">2022年</div> | |||
<div class="swiper-slide">2023年</div> | |||
<div class="swiper-slide">2024年</div> | |||
<div class="swiper-slide">2025年</div> | |||
<div class="swiper-slide">2026年</div> | |||
<div class="swiper-slide">2027年</div> | |||
<div class="swiper-slide">2028年</div> | |||
<div class="swiper-slide">2029年</div> | |||
<div class="swiper-slide">2030年</div> | |||
<div class="swiper-slide">2031年</div> | |||
<div class="swiper-slide">2032年</div> | |||
<div class="swiper-slide">2033年</div> | |||
<div class="swiper-slide">2034年</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container3 nbxs"> | |||
<div class="swiper-wrapper month"> | |||
<div class="swiper-slide">1月</div> | |||
<div class="swiper-slide">2月</div> | |||
<div class="swiper-slide">3月</div> | |||
<div class="swiper-slide">4月</div> | |||
<div class="swiper-slide">5月</div> | |||
<div class="swiper-slide">6月</div> | |||
<div class="swiper-slide">7月</div> | |||
<div class="swiper-slide">8月</div> | |||
<div class="swiper-slide">9月</div> | |||
<div class="swiper-slide">10月</div> | |||
<div class="swiper-slide">11月</div> | |||
<div class="swiper-slide">12月</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="swiper-box-li"> | |||
<div class="swiper-container4 nbxs"> | |||
<div class="swiper-wrapper date"> | |||
<div class="swiper-slide">1日</div> | |||
<div class="swiper-slide">2日</div> | |||
<div class="swiper-slide">3日</div> | |||
<div class="swiper-slide">4日</div> | |||
<div class="swiper-slide">5日</div> | |||
<div class="swiper-slide">6日</div> | |||
<div class="swiper-slide">7日</div> | |||
<div class="swiper-slide">8日</div> | |||
<div class="swiper-slide">9日</div> | |||
<div class="swiper-slide">10日</div> | |||
<div class="swiper-slide">11日</div> | |||
<div class="swiper-slide">12日</div> | |||
<div class="swiper-slide">13日</div> | |||
<div class="swiper-slide">14日</div> | |||
<div class="swiper-slide">15日</div> | |||
<div class="swiper-slide">16日</div> | |||
<div class="swiper-slide">17日</div> | |||
<div class="swiper-slide">18日</div> | |||
<div class="swiper-slide">19日</div> | |||
<div class="swiper-slide">20日</div> | |||
<div class="swiper-slide">21日</div> | |||
<div class="swiper-slide">22日</div> | |||
<div class="swiper-slide">23日</div> | |||
<div class="swiper-slide">24日</div> | |||
<div class="swiper-slide">25日</div> | |||
<div class="swiper-slide">26日</div> | |||
<div class="swiper-slide">27日</div> | |||
<div class="swiper-slide">28日</div> | |||
<div class="swiper-slide">29日</div> | |||
<div class="swiper-slide">30日</div> | |||
<div class="swiper-slide">31日</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="tc-bot"> | |||
<div class="tc-bot-left">回到今天</div> | |||
<div class="tc-bot-right">确定</div> | |||
<i></i> | |||
</div> | |||
</div> | |||
</section> | |||
</div> | |||
<div class="course-card"> | |||
<div class="split" style="margin: 0 -2.6%;"></div> | |||
<div class="courseBox"> | |||
<div class="courseTxt"> | |||
<span>学年: 2021-2022</span> | |||
<span>学期: 第一学期</span> | |||
</div> | |||
<div class="courseTxt"> | |||
<span>时间: 2021-05-21 ~ 2021-05-21</span> | |||
</div> | |||
<div class="courseCon"> | |||
此情此景,与当年纵横币圈的李笑来何其相似,那么,将马斯克与李笑来混为一谈,有何道理?昔日叱咤风云的币圈大佬,如今又怎么样了?监管加码,这波虚拟货币行情是否正在退潮? | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- <div style="height: 10px;"></div> --> | |||
<script src="../Content/phone/js/jquery.min.js"></script> | |||
<script src="../Content/phone/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/swiper-3.3.1.min.js"></script> | |||
<script src="../Content/phone/js/calendar.js" type="text/javascript" charset="utf-8"></script> | |||
<script src="../Content/phone/js/getSize.js"></script> | |||
<script src="../Content/phone/js/title_search.js"></script> | |||
<script src="../Content/phone/js/menu.js"></script> | |||
<script src="server.js"></script> | |||
<script type="text/javascript"> | |||
//有课时间 state 2 1 3 dataK不可改 | |||
var xlFlag = true; | |||
var dataK = [ | |||
{ | |||
y: 2021, | |||
m: 5, | |||
d: 23, | |||
state: 2 | |||
}, | |||
{ | |||
y: 2021, | |||
m: 5, | |||
d: 20, | |||
state: 2 | |||
} | |||
]; | |||
//日历点击 | |||
$('.survey').on('click', | |||
'.tables td', | |||
function() { | |||
if ($(this).hasClass('active')) { | |||
$('.course-card').css('display', 'block'); | |||
} else { | |||
$('.course-card').css('display', 'none'); | |||
} | |||
}); | |||
//设置头部 | |||
menu.style.height = (pageHeight * 0.056) + 'px'; | |||
//tab 切换 | |||
$('.menuTab').on('click', | |||
'div', | |||
function() { | |||
if ($(this).hasClass('active')) { | |||
return; | |||
} | |||
var ind = $(this).index(); | |||
$(this).addClass('active').siblings().removeClass('active'); | |||
$('.surveyBox').css('display', 'none').eq(ind).fadeIn() | |||
if (ind == 3 && xlFlag) { | |||
xlFlag = false; | |||
calenderInit(LunarDate); | |||
} | |||
}); | |||
$(function () { | |||
GetMonthText(); | |||
}); | |||
//获取校区简介 | |||
function GetMonthText() { | |||
$.ajax({ | |||
url: serverurl + '/arrangelesson/getBriefIntroductionById?companyId=' + '207fa1a9-160c-4943-a89b-8fa4db0547ce', | |||
type: "GET", | |||
dataType: "json", | |||
async: true, | |||
cache: false, | |||
success: function (data) { | |||
$('#BriefIntroduction').html(data); | |||
}, | |||
error: function (XMLHttpRequest, textStatus, errorThrown) { | |||
}, | |||
beforeSend: function () { | |||
}, | |||
complete: function () { | |||
} | |||
}); | |||
} | |||
</script> | |||
</body> | |||
</html> |