No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 
 
 
 

415 líneas
22 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
  7. <title>新生指引</title>
  8. <link rel="stylesheet" href="../Content/phone/css/css/normalize.css" />
  9. <link rel="stylesheet" href="../Content/phone/css/css/common.css" />
  10. <link rel="stylesheet" href="../Content/phone/css/css/index.css" />
  11. <link rel="stylesheet" href="../Content/phone/css/css/swiper-3.3.1.min.css" />
  12. <link rel="stylesheet" type="text/css" href="../Content/phone/css/title_search.css" />
  13. <link rel="stylesheet" href="../Content/phone/css/split.css">
  14. <link rel="stylesheet" href="../Content/phone/css/menu.css">
  15. <link rel="stylesheet" href="../Content/phone/css/survey.css">
  16. </head>
  17. <body class="surveyCon">
  18. <div class="title_search">
  19. <div style="width: 46.4%;">
  20. <img src="../Content/phone/imgs/newStudentGui/title.png" alt="" width="100%">
  21. </div>
  22. <!--<div>
  23. <input type="text" id="search" placeholder="课程搜索..." />
  24. <img src="../Content/phone/imgs/search_icon.png" alt="" id="search_icon">
  25. </div>-->
  26. </div>
  27. <div class="menu">
  28. <a href="javascript:history.back();">
  29. <img src="../Content/phone/imgs/backBtn.png" alt="" width="100%">
  30. </a>
  31. <div class="menuTab">
  32. <div class="active">学校简介</div>
  33. <div>历史沿革</div>
  34. <div>学校荣誉</div>
  35. <div>校历</div>
  36. </div>
  37. </div>
  38. <div class="split"></div>
  39. <div class="survey">
  40. <div class="surveyBox">
  41. <!--学校简介-->
  42. <div class="surveyT surveyT1">
  43. <img src="../Content/phone/imgs/survey1.png" alt="">
  44. </div>
  45. <div class="surveyLine">
  46. <img src="../Content/phone/imgs/survey2.png" alt="">
  47. </div>
  48. <div class="monthText" id="BriefIntroduction">
  49. </div>
  50. </div>
  51. <div class="surveyBox">
  52. <!--历史沿革-->
  53. <div class="surveyTxt">
  54. 建校半个多世纪以来,学校性质由技工改为中专,又由中专改为技工,继而进行半工半读教改实验,最后恢复中专性质。其间学校8易归属
  55. </div>
  56. <div class="history">
  57. <div class="year">1993</div>
  58. <!-- <div class="historyCard"></div> -->
  59. <div class="month right">
  60. <span class="line"></span>
  61. <div class="monthTime">2月</div>
  62. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  63. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  64. </div>
  65. <div class="month left">
  66. <span class="line"></span>
  67. <div class="monthTime">3月</div>
  68. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  69. </div>
  70. <div class="month right">
  71. <span class="line"></span>
  72. <div class="monthTime">4月</div>
  73. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  74. </div>
  75. <div class="month left">
  76. <span class="line"></span>
  77. <div class="monthTime">5月</div>
  78. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  79. </div>
  80. </div>
  81. <div class="history">
  82. <div class="year">1995</div>
  83. <!-- <div class="historyCard"></div> -->
  84. <div class="month right">
  85. <span class="line"></span>
  86. <div class="monthTime">2月</div>
  87. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  88. </div>
  89. <div class="month left">
  90. <span class="line"></span>
  91. <div class="monthTime">3月</div>
  92. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  93. </div>
  94. <div class="month right">
  95. <span class="line"></span>
  96. <div class="monthTime">4月</div>
  97. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  98. </div>
  99. <div class="month left">
  100. <span class="line"></span>
  101. <div class="monthTime">5月</div>
  102. <div class="monthTxt">学校名称:中华人民共和国重工业部建筑材料工业管理局琉璃河技工学校 办学性质:技工 隶属上级:重工业部建筑材料工业管理局</div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="surveyBox">
  107. <!--学校荣誉-->
  108. <div class="surveyT">
  109. <img src="../Content/phone/imgs/survey3.png" alt="">
  110. </div>
  111. <div class="surveyLine">
  112. <img src="../Content/phone/imgs/survey2.png" alt="">
  113. </div>
  114. <div class="surveyList">
  115. <div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div>
  116. <div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div>
  117. <div>1980年11月,学校被国家教育部命名为“全国重点中等专业学校1980年11月,学校被国家教育部命名为“全国重点中等专业学校</div>
  118. </div>
  119. </div>
  120. <div class="surveyBox">
  121. <!--校历-->
  122. <div class="cour-box">
  123. <div class="loading loading1 covers">
  124. <div class="loading-bj"></div>
  125. <p>加载中...</p>
  126. </div>
  127. <!-- 加载ing END -->
  128. <section class="out-wrap">
  129. <div class="kebiao">
  130. <div class="header-main">
  131. <section class="header">
  132. <div class="child return">
  133. <!-- <i></i> -->
  134. </div>
  135. <div class="child date"> <em class="f34" id="ymym">2016年06月</em> <i></i> </div>
  136. </section>
  137. <section class="day">
  138. <section class="grid clearfix">
  139. <div class="day-left clearfix">
  140. <h1 id="top_shu">20</h1>
  141. <div class="top-contrl">
  142. <p><em id="top_week">星期二</em></p>
  143. <div><i id="top_yue">八月廿十</i></div>
  144. </div>
  145. </div>
  146. <div class="day-right clearfix">
  147. <div class="yun"> <span class="js_jin">今</span> </div>
  148. </div>
  149. </section>
  150. </section>
  151. <!-- end day -->
  152. </div>
  153. <!-- end header -->
  154. <section class="content">
  155. <section class="week">
  156. <ul class="clearfix f28">
  157. <li><a href="#">日</a></li>
  158. <li><a href="#">一</a></li>
  159. <li><a href="#">二</a></li>
  160. <li><a href="#">三</a></li>
  161. <li><a href="#">四</a></li>
  162. <li><a href="#">五</a></li>
  163. <li><a href="#">六</a></li>
  164. </ul>
  165. </section>
  166. <section class="calenda">
  167. <div class="swiper-container">
  168. <div class="swiper-wrapper" id="swiperBox">
  169. <div class="swiper-slide">
  170. <table id="now1" class="tables">
  171. <tr class="">
  172. <td class=" list"><i>12</i><em>中秋</em></td>
  173. </tr>
  174. </table>
  175. </div>
  176. <div class="swiper-slide">
  177. <table id="now2" class="tables">
  178. <tr class=""></tr>
  179. </table>
  180. </div>
  181. <div class="swiper-slide">
  182. <table id="now3" class="tables">
  183. <tr class="">
  184. <td class="list"><i>12</i><em>中秋</em></td>
  185. </tr>
  186. </table>
  187. </div>
  188. </div>
  189. </div>
  190. </section>
  191. <!-- end calenda -->
  192. </section>
  193. </div>
  194. <!-- end content -->
  195. <section class="prorup"></section>
  196. <!-- 弹窗 -->
  197. <div class="tc"></div>
  198. <div class="tc-innner">
  199. <h2> 选择日期 </h2>
  200. <div class="current-time">
  201. <i class="i-year">2018</i><i class="i-month">5</i><i class="i-date">4</i>
  202. </div>
  203. <div class="swiper-box">
  204. <i class="i1"></i> <i class="i2"></i> <i class="i3"></i>
  205. <div class="swiper-box-li">
  206. <div class="swiper-container2 nbxs">
  207. <div class="swiper-wrapper year">
  208. <div class="swiper-slide">2000年</div>
  209. <div class="swiper-slide">2001年</div>
  210. <div class="swiper-slide">2002年</div>
  211. <div class="swiper-slide">2003年</div>
  212. <div class="swiper-slide">2004年</div>
  213. <div class="swiper-slide">2005年</div>
  214. <div class="swiper-slide">2006年</div>
  215. <div class="swiper-slide">2007年</div>
  216. <div class="swiper-slide">2008年</div>
  217. <div class="swiper-slide">2009年</div>
  218. <div class="swiper-slide">2010年</div>
  219. <div class="swiper-slide">2011年</div>
  220. <div class="swiper-slide">2012年</div>
  221. <div class="swiper-slide">2013年</div>
  222. <div class="swiper-slide">2014年</div>
  223. <div class="swiper-slide">2015年</div>
  224. <div class="swiper-slide">2016年</div>
  225. <div class="swiper-slide">2017年</div>
  226. <div class="swiper-slide">2018年</div>
  227. <div class="swiper-slide">2019年</div>
  228. <div class="swiper-slide">2020年</div>
  229. <div class="swiper-slide">2021年</div>
  230. <div class="swiper-slide">2022年</div>
  231. <div class="swiper-slide">2023年</div>
  232. <div class="swiper-slide">2024年</div>
  233. <div class="swiper-slide">2025年</div>
  234. <div class="swiper-slide">2026年</div>
  235. <div class="swiper-slide">2027年</div>
  236. <div class="swiper-slide">2028年</div>
  237. <div class="swiper-slide">2029年</div>
  238. <div class="swiper-slide">2030年</div>
  239. <div class="swiper-slide">2031年</div>
  240. <div class="swiper-slide">2032年</div>
  241. <div class="swiper-slide">2033年</div>
  242. <div class="swiper-slide">2034年</div>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="swiper-box-li">
  247. <div class="swiper-container3 nbxs">
  248. <div class="swiper-wrapper month">
  249. <div class="swiper-slide">1月</div>
  250. <div class="swiper-slide">2月</div>
  251. <div class="swiper-slide">3月</div>
  252. <div class="swiper-slide">4月</div>
  253. <div class="swiper-slide">5月</div>
  254. <div class="swiper-slide">6月</div>
  255. <div class="swiper-slide">7月</div>
  256. <div class="swiper-slide">8月</div>
  257. <div class="swiper-slide">9月</div>
  258. <div class="swiper-slide">10月</div>
  259. <div class="swiper-slide">11月</div>
  260. <div class="swiper-slide">12月</div>
  261. </div>
  262. </div>
  263. </div>
  264. <div class="swiper-box-li">
  265. <div class="swiper-container4 nbxs">
  266. <div class="swiper-wrapper date">
  267. <div class="swiper-slide">1日</div>
  268. <div class="swiper-slide">2日</div>
  269. <div class="swiper-slide">3日</div>
  270. <div class="swiper-slide">4日</div>
  271. <div class="swiper-slide">5日</div>
  272. <div class="swiper-slide">6日</div>
  273. <div class="swiper-slide">7日</div>
  274. <div class="swiper-slide">8日</div>
  275. <div class="swiper-slide">9日</div>
  276. <div class="swiper-slide">10日</div>
  277. <div class="swiper-slide">11日</div>
  278. <div class="swiper-slide">12日</div>
  279. <div class="swiper-slide">13日</div>
  280. <div class="swiper-slide">14日</div>
  281. <div class="swiper-slide">15日</div>
  282. <div class="swiper-slide">16日</div>
  283. <div class="swiper-slide">17日</div>
  284. <div class="swiper-slide">18日</div>
  285. <div class="swiper-slide">19日</div>
  286. <div class="swiper-slide">20日</div>
  287. <div class="swiper-slide">21日</div>
  288. <div class="swiper-slide">22日</div>
  289. <div class="swiper-slide">23日</div>
  290. <div class="swiper-slide">24日</div>
  291. <div class="swiper-slide">25日</div>
  292. <div class="swiper-slide">26日</div>
  293. <div class="swiper-slide">27日</div>
  294. <div class="swiper-slide">28日</div>
  295. <div class="swiper-slide">29日</div>
  296. <div class="swiper-slide">30日</div>
  297. <div class="swiper-slide">31日</div>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. <div class="tc-bot">
  303. <div class="tc-bot-left">回到今天</div>
  304. <div class="tc-bot-right">确定</div>
  305. <i></i>
  306. </div>
  307. </div>
  308. </section>
  309. </div>
  310. <div class="course-card">
  311. <div class="split" style="margin: 0 -2.6%;"></div>
  312. <div class="courseBox">
  313. <div class="courseTxt">
  314. <span>学年: 2021-2022</span>
  315. <span>学期: 第一学期</span>
  316. </div>
  317. <div class="courseTxt">
  318. <span>时间: 2021-05-21 ~ 2021-05-21</span>
  319. </div>
  320. <div class="courseCon">
  321. 此情此景,与当年纵横币圈的李笑来何其相似,那么,将马斯克与李笑来混为一谈,有何道理?昔日叱咤风云的币圈大佬,如今又怎么样了?监管加码,这波虚拟货币行情是否正在退潮?
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div>
  327. <!-- <div style="height: 10px;"></div> -->
  328. <script src="../Content/phone/js/jquery.min.js"></script>
  329. <script src="../Content/phone/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
  330. <script src="../Content/phone/js/swiper-3.3.1.min.js"></script>
  331. <script src="../Content/phone/js/calendar.js" type="text/javascript" charset="utf-8"></script>
  332. <script src="../Content/phone/js/getSize.js"></script>
  333. <script src="../Content/phone/js/title_search.js"></script>
  334. <script src="../Content/phone/js/menu.js"></script>
  335. <script src="server.js"></script>
  336. <script type="text/javascript">
  337. //有课时间 state 2 1 3 dataK不可改
  338. var xlFlag = true;
  339. var dataK = [
  340. {
  341. y: 2021,
  342. m: 5,
  343. d: 23,
  344. state: 2
  345. },
  346. {
  347. y: 2021,
  348. m: 5,
  349. d: 20,
  350. state: 2
  351. }
  352. ];
  353. //日历点击
  354. $('.survey').on('click',
  355. '.tables td',
  356. function() {
  357. if ($(this).hasClass('active')) {
  358. $('.course-card').css('display', 'block');
  359. } else {
  360. $('.course-card').css('display', 'none');
  361. }
  362. });
  363. //设置头部
  364. menu.style.height = (pageHeight * 0.056) + 'px';
  365. //tab 切换
  366. $('.menuTab').on('click',
  367. 'div',
  368. function() {
  369. if ($(this).hasClass('active')) {
  370. return;
  371. }
  372. var ind = $(this).index();
  373. $(this).addClass('active').siblings().removeClass('active');
  374. $('.surveyBox').css('display', 'none').eq(ind).fadeIn()
  375. if (ind == 3 && xlFlag) {
  376. xlFlag = false;
  377. calenderInit(LunarDate);
  378. }
  379. });
  380. $(function () {
  381. GetMonthText();
  382. });
  383. //获取校区简介
  384. function GetMonthText() {
  385. $.ajax({
  386. url: serverurl + '/arrangelesson/getBriefIntroductionById?companyId=' + '207fa1a9-160c-4943-a89b-8fa4db0547ce',
  387. type: "GET",
  388. dataType: "json",
  389. async: true,
  390. cache: false,
  391. success: function (data) {
  392. $('#BriefIntroduction').html(data);
  393. },
  394. error: function (XMLHttpRequest, textStatus, errorThrown) {
  395. },
  396. beforeSend: function () {
  397. },
  398. complete: function () {
  399. }
  400. });
  401. }
  402. </script>
  403. </body>
  404. </html>