You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

179 lines
4.6 KiB

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>专业介绍</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="css/mui.min.css" rel="stylesheet" />
  8. <link href="css/style.css" rel="stylesheet" />
  9. <style>
  10. .mui-table-view {
  11. margin-top: 10px;
  12. }
  13. .span1 {
  14. color: deepskyblue;
  15. margin: 10px;
  16. line-height: 38px;
  17. }
  18. .span2 {
  19. color: #c70f1a;
  20. font-size: 13px;
  21. line-height: 24px;
  22. }
  23. .span3 {
  24. color: #0193df;
  25. margin: 10px;
  26. line-height: 38px;
  27. }
  28. .mui-ellipsis {
  29. color: #000000;
  30. line-height: 26px;
  31. word-wrap: break-all;
  32. }
  33. .mui-content-padded {
  34. margin-top: 10px;
  35. text-align: center;
  36. }
  37. .mui-content {
  38. background-color: #FFFFFF;
  39. }
  40. .mui-content {
  41. width: 100%;
  42. height: 40px;
  43. }
  44. .mui-media-body img {
  45. width: 100%;
  46. max-height: 200px;
  47. }
  48. .mui-btn-blue {
  49. background-color: #0193DF;
  50. border: #0193DF;
  51. font-size: 12px;
  52. float: right;
  53. }
  54. .span3 img {
  55. width: 6px;
  56. height: 15px;
  57. margin-right: 10px;
  58. }
  59. .inst {
  60. font-size: 14px;
  61. line-height: 26px;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <header class="mui-bar mui-bar-nav">
  67. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  68. <h1 class="mui-title">专业介绍</h1>
  69. </header>
  70. <div class="mui-content">
  71. <ul class="mui-table-view">
  72. <li class="mui-table-view-cell mui-media">
  73. <a>
  74. <div class="mui-media-body" id="pimage">
  75. </div>
  76. </a>
  77. </li>
  78. <li class="mui-table-view-cell mui-media">
  79. <a>
  80. <div class="mui-media-body">
  81. <p class='mui-ellipsis' id="schoolname">
  82. </p>
  83. <p class='mui-ellipsis' id="pObject"></p>
  84. <p class='mui-ellipsis' id="developLevel"></p>
  85. <span class="span4">咨询电话:400-712-136</span>
  86. </div>
  87. </a>
  88. </li>
  89. <li class="mui-table-view-cell mui-media">
  90. <a>
  91. <div class="mui-media-body">
  92. <span class="span3"><img src="images/gg_02.png">获取证书</span>
  93. </div>
  94. </a>
  95. <div class='inst' id="zhengshu"></div>
  96. </li>
  97. <li class="mui-table-view-cell mui-media">
  98. <a href="javascript:;">
  99. <div class="mui-media-body">
  100. <span class="span3"><img src="images/gg_02.png">培养目标</span>
  101. </div>
  102. </a>
  103. <div class='inst' id="developTarget"></div>
  104. </li>
  105. <li class="mui-table-view-cell mui-media">
  106. <a>
  107. <div class="mui-media-body">
  108. <span class="span3"><img src="images/gg_02.png">专业介绍</span>
  109. </div>
  110. </a>
  111. <div class='inst' id="introduce"></div>
  112. </li>
  113. </ul>
  114. </div>
  115. </body>
  116. <script src="js/mui.min.js "></script>
  117. <script src="js/serverurl.js"></script>
  118. <script src="js/userinfos.js"></script>
  119. <script type="text/javascript">
  120. mui.plusReady(function() {
  121. CheckLogin();
  122. var departID = plus.webview.currentWebview().departID;
  123. GetData(departID);
  124. });
  125. function Baoming() {
  126. var departID = plus.webview.currentWebview().departID;
  127. mui.openWindow({
  128. url: 'bm.html',
  129. id: 'bm',
  130. show: {
  131. aniShow: 'pop-in'
  132. },
  133. extras: {
  134. departID: departID
  135. }
  136. });
  137. }
  138. function GetData(departID) {
  139. plus.nativeUI.showWaiting('正在加载...');
  140. mui.post(api+'/user/majorDetail',{data:departID},function(res){
  141. plus.nativeUI.closeWaiting();
  142. if(res.code=="200"){
  143. var bmbutton='<button type="button" class="mui-btn mui-btn-blue" id="bm" onclick="Baoming();">我要报名</button>';
  144. var dataobject = res.data;
  145. var imageurl = 'images/xy.jpg';
  146. if(dataobject.pimage != undefined && dataobject.pimage != null && dataobject.pimage != '') {
  147. imageurl = web+ dataobject.pimage;
  148. }
  149. document.getElementById("pimage").innerHTML = '<img id="pimage" src="' + imageurl + '"><br /><br /> 专业名称:' + dataobject.name + '';
  150. document.getElementById("schoolname").innerHTML = '所属校区:' + dataobject.schoolName + ''+
  151. (users.depart!= undefined && users.depart != null && users.depart != "" && users.depart != 0 && users.depart != "0"?'':bmbutton); //
  152. document.getElementById("pObject").innerText = '招生对象:' + dataobject.pObjectName;
  153. document.getElementById("developLevel").innerText = '培养对象:' + dataobject.developLevel;
  154. document.getElementById("zhengshu").innerText = dataobject.pCertificate;
  155. document.getElementById("developTarget").innerText = dataobject.developTarget;
  156. document.getElementById("introduce").innerText = dataobject.introduce;
  157. plus.nativeUI.closeWaiting();//
  158. }
  159. },'json')
  160. }
  161. </script>
  162. </html>