customMadeCenter.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  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/customMadeCenter.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="tabBar">
  164. <a href="<?php echo $this->createUrl('productset/template')?>" class="current">模版中心</a>
  165. <a href="<?php echo $this->createUrl('productset/productClassSet')?>" >班级定制</a>
  166. <a href="<?php echo $this->createUrl('productset/productStudentSet')?>">学生定制</a>
  167. <?php if($isShowCustomCard):?>
  168. <a href="<?php echo $this->createUrl('productset/CustomProductStudentSet')?>">学生自选卡</a>
  169. <?php endif;?>
  170. </div>
  171. <div class="customMadeList">
  172. <div class="moduleTitle">
  173. <strong>错题本模版</strong>
  174. </div>
  175. <div class="selTemplate">
  176. <div class="templateList" id="errorTemplateList" data-type="error">
  177. </div>
  178. </div>
  179. </div>
  180. <div class="customMadeList">
  181. <div class="moduleTitle">
  182. <strong>两步个性化学习宝模版</strong>
  183. </div>
  184. <div class="selTemplate">
  185. <div class="templateList" id="step2TemplateList" data-type="step2">
  186. </div>
  187. </div>
  188. </div>
  189. <div class="customMadeList">
  190. <div class="moduleTitle">
  191. <strong>三步个性化学习宝模版</strong>
  192. </div>
  193. <div class="selTemplate">
  194. <div class="templateList" id="step3TemplateList" data-type="step3">
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <script>
  200. var productSetUrl = "<?php echo $this->createUrl('productset/getTemplate')?>";
  201. </script>
  202. <script src="/js/productset/customMadeCenter.js?1f3c9eb7ca528042749e"></script>
  203. </body>
  204. </html>