customMadeForStudent.php 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>custom made</title>
  8. <script src="http://zsyas2.zhixinhuixue.com/js/jquery-2.2.2.min.js"></script>
  9. <script src="http://zsyas2.zhixinhuixue.com/js/layer/layer.js"></script>
  10. <link href="/css/productset/customMade.css?1f3c9eb7ca528042749e" rel="stylesheet" />
  11. </head>
  12. <body>
  13. <style>
  14. .fl{
  15. float: left;
  16. }
  17. .fr{
  18. float: right;
  19. }
  20. .clearfix:after{
  21. content: '';
  22. display: block;
  23. clear: both;
  24. }
  25. .changeSubjectNav{
  26. position: fixed;
  27. width: 100%;
  28. box-sizing: border-box;
  29. top: 0;
  30. left: 0;
  31. z-index: 1000;
  32. display: flex;
  33. justify-content: space-between;
  34. align-items: center;
  35. padding: 10px 10px;
  36. background: #ddd;
  37. }
  38. .changeSubjectNav .productSettingBtn a{
  39. display: block;
  40. width: 120px;
  41. height: 30px;
  42. background: #01B677;
  43. text-align: center;
  44. line-height: 30px;
  45. color: #fff;
  46. font-size: 16px;
  47. text-decoration: none;
  48. cursor: text;
  49. }
  50. /*切换选择*/
  51. .tab-con{
  52. position: relative;
  53. height: 30px;
  54. width: 200px;
  55. background: #F2F2F2;
  56. border: 1px solid #01B677;
  57. border-radius: 15px;
  58. box-sizing: border-box;
  59. }
  60. .has-sel{
  61. background: #01B677;
  62. color: #fff;
  63. width: 50%;
  64. height: 30px;
  65. border-top-left-radius: 15px;
  66. border-bottom-left-radius: 15px;
  67. text-align: center;
  68. line-height: 30px;
  69. }
  70. .sel-opt{
  71. width: 50%;
  72. position: relative;
  73. color: #01B677;
  74. line-height: 30px;
  75. text-indent: 6px;
  76. cursor: pointer;
  77. }
  78. .sel-opt:after{
  79. content: '';
  80. border-left: 6px solid transparent;
  81. border-right: 6px solid transparent;
  82. border-top: 8px solid #01B677;
  83. position: absolute;
  84. right: 12px;
  85. top: 12px;
  86. }
  87. // .sel-opt select{
  88. // width: 100%;
  89. // height: 30px;
  90. // background: #F2F2F2;
  91. // color: #01B677;
  92. // text-indent: 6px;
  93. // font-size: inherit;
  94. // border-top-right-radius: 15px;
  95. // border-bottom-right-radius: 15px;
  96. // cursor: pointer;
  97. // }
  98. // .sel-opt select option{
  99. // position: relative;
  100. // }
  101. .points{
  102. position: absolute;
  103. top: -2px;
  104. right: 0;
  105. width: 10px;
  106. height: 10px;
  107. background: #F01516;
  108. border-radius: 50%;
  109. }
  110. .sel-cons{
  111. border: 1px solid #01B677;
  112. width: 50%;
  113. position: absolute;
  114. right: 0;
  115. top: 30px;
  116. text-indent: 10px;
  117. display: none;
  118. }
  119. .sc-lis2{
  120. line-height: 30px;
  121. cursor: pointer;
  122. }
  123. .sc-lis2 span{
  124. position: relative;
  125. }
  126. .sc-lis2 .points{
  127. top: 2px;
  128. right: -16px;
  129. }
  130. .subject-change{
  131. margin:8px 11px 0 0;display: block
  132. }
  133. .subject-change-no{
  134. margin:8px 11px 0 0;display: none
  135. }
  136. </style>
  137. <?php include(Yii::app()->basePath.'/views/layouts/view_productset_navigation.php');?>
  138. <script type="text/javascript">
  139. $(document).ready(function() {
  140. $(".sel-opt,.sel-cons").mouseover(function () {
  141. $(".sel-cons").show();
  142. }).mouseout(function () {
  143. $(".sel-cons").hide();
  144. });
  145. $(".sc-lis2").click(function () {
  146. var sub_id = $(this).attr('val');
  147. var data = {
  148. subjectId: sub_id
  149. };
  150. $.post("<?php echo Yii::app()->createUrl('print/setSubjectId')?>", data, function (flags) {
  151. if (flags) {
  152. location.href = "<?php echo $this->createUrl('productset/index');?>";
  153. } else {
  154. alert('网络异常');
  155. }
  156. });
  157. $('.has-sel').text($(this).text());
  158. $(".sel-cons").hide();
  159. });
  160. });
  161. </script>
  162. <div class="hgc_customBox">
  163. <div class="customHead">
  164. <div class="headInfo">
  165. <h1>学生定制</h1>
  166. <span>当前学年:2019学年</span>
  167. <span>当前学期:2019~2020学期</span>
  168. </div>
  169. <div class="back">
  170. <a href="javascript:history.back(-1);" class="theme">返回</a>
  171. </div>
  172. </div>
  173. <div class="step">
  174. <div class="moduleTitle">
  175. <i class="number">1</i>
  176. <strong>选模版</strong>
  177. </div>
  178. <div class="selTemplate">
  179. <div class="h_radioBox" id="templateTypeRadio">
  180. <div class="h_radioItem checked" data-type="1">
  181. <i></i><em>错题本模版</em>
  182. </div>
  183. <div class="h_radioItem" data-type="2">
  184. <i></i><em>两步个性化学习宝模版</em>
  185. </div>
  186. <div class="h_radioItem" data-type="3">
  187. <i></i><em>三步个性化学习宝模版</em>
  188. </div>
  189. </div>
  190. <div class="templateList" id="templateList">
  191. </div>
  192. </div>
  193. </div>
  194. <div class="step">
  195. <div class="moduleTitle">
  196. <i class="number">2</i>
  197. <strong>选学生</strong>
  198. </div>
  199. <div class="filterBox">
  200. <div class="dropDown">
  201. <select id="gradeSelect">
  202. <option value="0">请选择年级</option>
  203. <option value="1">高一</option>
  204. <option value="2">高二</option>
  205. <option value="3">高三</option>
  206. </select>
  207. </div>
  208. <div class="dropDown">
  209. <select id="classSelect">
  210. <option value="0">请选择班级</option>
  211. </select>
  212. </div>
  213. </div>
  214. <div class="h_transfer" id="h_transfer">
  215. <div class="canSelOptions options">
  216. <div class="title">学生</div>
  217. <div class="optionContent">
  218. <div class="h_checkBox">
  219. </div>
  220. </div>
  221. </div>
  222. <div class="transferBtns">
  223. <span class="recover">&lt;</span><span class="lose">&gt;</span>
  224. </div>
  225. <div class="seledOptions options">
  226. <div class="title">已选学生</div>
  227. <div class="optionContent">
  228. <div class="h_checkBox">
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. <div class="btns">
  235. <div class="h-btn" id="saveSetting">保存设置</div>
  236. </div>
  237. </div>
  238. <script>
  239. var currentVersionName = ''
  240. </script>
  241. <script src="/js/productset/customMade.js?1f3c9eb7ca528042749e"></script>
  242. </body>
  243. </html>