新增统订订单.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  5. <meta charset="utf-8" />
  6. <title>校本课程平台</title>
  7. <meta name="description" content="" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  9. <!-- bootstrap & fontawesome -->
  10. <link rel="stylesheet" href="../css/bootstrap.min.css" />
  11. <link rel="stylesheet" href="../css/font-awesome/4.2.0/css/font-awesome.min.css" />
  12. <!-- page specific plugin styles -->
  13. <!-- text fonts -->
  14. <link rel="stylesheet" href="../css/fonts/fonts.googleapis.com.css" />
  15. <!-- ace styles -->
  16. <link rel="stylesheet" href="../css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
  17. <!--[if lte IE 9]>
  18. <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
  19. <![endif]-->
  20. <link rel="stylesheet" href="../css/style.css" />
  21. <!--[if lte IE 9]>
  22. <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
  23. <![endif]-->
  24. <!-- inline styles related to this page -->
  25. <!-- ace settings handler -->
  26. <script src="../js/ace-extra.min.js"></script>
  27. <script src="../js/jquery-2.2.2.min.js"></script>
  28. <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
  29. <script src="../js/layer/layer.js"></script>
  30. <!--[if lte IE 8]>
  31. <script src="assets/js/html5shiv.min.js"></script>
  32. <script src="assets/js/respond.min.js"></script>
  33. <![endif]-->
  34. <script type="text/javascript">
  35. jQuery(document).ready(function(){
  36. jQuery(window.parent.document).find("#iframe").ready(function(){
  37. jQuery(window.parent.document).find(".menuLi, .menuTop").click(function(){
  38. var url = jQuery(this).attr("url");
  39. window.parent.location.href = "xxx"+url;
  40. });
  41. window.parent.document.url = window.location.href;
  42. var main = jQuery(window.parent.document).find("#iframe");
  43. var thisheight = jQuery("body").height()+30;
  44. main.height(thisheight);
  45. });
  46. jQuery(window.parent.document).find("#iframe").load(function(){
  47. var main = jQuery(window.parent.document).find("#iframe");
  48. var thisheight = jQuery("body").height()+30;
  49. main.height(thisheight);
  50. });
  51. });
  52. </script>
  53. <style type="text/css">
  54. .errorMessage{color:red;margin-left:10px;}
  55. .breadcrumb>li{padding:3px 5px;color:#fff; background:#6fb3e0;}
  56. .breadcrumb>li>a{color:#fff!important;}
  57. .li_backgrond_color{background-color: #00CC99!important;}
  58. .li_backgrond_color>a{color:#fff!important;}
  59. .breadcrumb>li+li:before{display:none;}
  60. </style>
  61. </head>
  62. <body class="no-skin">
  63. <div class="shade"></div>
  64. <div class="main-container" id="main-container">
  65. <script type="text/javascript">
  66. try{ace.settings.check('main-container' , 'fixed')}catch(e){}
  67. </script>
  68. <div class="main-content">
  69. <form method="post" id="orderAdd" enctype="multipart/form-data">
  70. <div class="step-one steps-choose ">
  71. <h3>第一步:选择商品</h3>
  72. <div class="table-hide">
  73. <div class="row marginNo">
  74. <div class="col-xs-6 textCenter lineHeight50">商品规格</div>
  75. <div class="col-xs-6 textCenter lineHeight50">单位(元)</div>
  76. </div>
  77. <div class="row marginNo">
  78. <div class="col-xs-6 lineHeight50">商品类别:&nbsp;<input class="students-search" type="text" placeholder="" style="width:240px"></div>
  79. </div>
  80. <div class="row marginNo">
  81. <div class="col-xs-6 lineHeight50">商品名称:&nbsp;<input class="students-search" type="text" placeholder="" style="width:240px"></div>
  82. </div>
  83. <div class="row marginNo">
  84. <div class="col-xs-6 lineHeight50">适用学期:&nbsp;<input class="students-search" type="text" placeholder="" style="width:240px"></div>
  85. <div class="col-xs-6 textCenter lineHeight50">0.01</div>
  86. </div>
  87. <div class="row marginNo">
  88. <div class="col-xs-6 lineHeight40">适用学期:&nbsp;2016年暑假</div>
  89. </div>
  90. <div class="row marginNo">
  91. <div class="col-xs-6 lineHeight40">适用年级:&nbsp;高三年级</div>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="step-two steps-choose">
  96. <h3>第二步:选择统订班级</h3>
  97. <table style="margin-top: 15px;" class="table-hide">
  98. <tbody>
  99. <tr>
  100. <th><em>*</em>班级:</th>
  101. <td>
  102. <div class='diy_select3' style="width:175px;float: left;">
  103. <input type='hidden' class='diy_select_input3' id="class_id" name="class_id" value="0"/>
  104. <div class='diy_select_txt3' style="width:142px;">请选择班级</div>
  105. <div class='diy_select_btn3'></div>
  106. <ul class='diy_select_list3' style="left:-1px;width:175px;">
  107. <li val="0">请选择班级</li>
  108. </ul>
  109. </div>
  110. </td>
  111. </tr>
  112. <tr>
  113. <th></th>
  114. <td class="students-all clearfix">
  115. <div class="students-add fl">
  116. <input type="text" class="students-search" placeholder="搜索" >
  117. <input type="button" class="add-btn" value="添加全部学生" />
  118. <div class="students-name" id="ajax_students_name">
  119. </div>
  120. </div>
  121. <div class="students-del fr">
  122. <input type="text" class="students-search" placeholder="搜索"/>
  123. <input type="button" class="del-btn" value="去掉全部学生" />
  124. <div class="students-name" id="select_student_name">
  125. </div>
  126. </div>
  127. </td>
  128. </tr>
  129. <tr>
  130. <th></th>
  131. <td>
  132. <ul class="selectedTotal">
  133. <li class="clearfix"><div class="fl">已选班级:10</div><div class="fl">已选学生数:500</div></li>
  134. <li class="clearfix tatal">
  135. <div class="fl">高一(1)班:50人</div>
  136. <div class="fl">高一(2)班:50人</div>
  137. <div class="fl">高一(3)班:50人</div>
  138. <div class="fl">高一(4)班:50人</div>
  139. <div class="fl">高一(5)班:50人</div>
  140. </li>
  141. </ul>
  142. </td>
  143. </tr>
  144. </tbody>
  145. </table>
  146. </div>
  147. <div class="step-three steps-choose show">
  148. <h3>第三步:结算</h3>
  149. <ul class="table-hide">
  150. <li class="mt15">已为<span class="vitalColor">1000</span>名学生创建订单,应付款:<span class="vitalColor">9,820.00(元)</span></li>
  151. <li class="row marginNo table-hide-li pt20">
  152. <div class="textRight lineHeight30 fl" style="width:160px"><span class="vitalColor">*&nbsp;</span><span class="mt15">所属行政部门:</span>&nbsp;</div>
  153. <div class="col-xs-9 paddingNo fl">
  154. <input class="students-search" type="text" placeholder="" style="width:240px">
  155. </div>
  156. </li>
  157. <li class="row marginNo table-hide-li pt20">
  158. <div class="textRight lineHeight30 fl" style="width:160px"><span class="vitalColor">*&nbsp;</span><span class="mt15">金额:</span>&nbsp;</div>
  159. <div class="col-xs-9 paddingNo fl">
  160. <input class="students-search" type="text" placeholder="" style="width:240px">&nbsp;元
  161. </div>
  162. </li>
  163. <li class="row marginNo table-hide-li pt20">
  164. <div class="textRight lineHeight30 fl" style="width:160px"><span class="vitalColor">*&nbsp;</span><span class="mt15">打款金额:</span>&nbsp;</div>
  165. <div class="col-xs-9 paddingNo fl">
  166. <input class="students-search" type="text" placeholder="" style="width:240px">
  167. </div>
  168. </li>
  169. <li class="row marginNo table-hide-li pt20">
  170. <div class="textRight lineHeight30 fl" style="width:160px"><span class="vitalColor">*&nbsp;</span><span class="mt15">凭证:</span>&nbsp;</div>
  171. <div class="col-xs-9 paddingNo fl">
  172. <input class="students-search" type="file" placeholder="" style="width:240px">
  173. </div>
  174. </li>
  175. </ul>
  176. </div>
  177. </div>
  178. <div class="residue">剩余未付款<span class="vitalColor">5,089.00</span>(元)</div>
  179. <div class="residue">
  180. 日历控件
  181. </div>
  182. <div class="create-orders">
  183. <input type="hidden" value="" class="dahei" name="student_ids">
  184. <input type="hidden" value="" id="class_name" name="class_name">
  185. <input type="hidden" value="" id="good_type_name" name="good_type_name">
  186. <input type="button" name="my_submit" id="my_submit" class="btn btn-success btn-sm" value="编辑" style="width:100px">
  187. </div>
  188. </form>
  189. </div><!-- /.main-content -->
  190. </div><!-- /.main-container -->
  191. <!-- basic scripts -->
  192. <!--[if !IE]> -->
  193. <!--<script src="/js/jquery.2.1.1.min.js"></script>-->
  194. <!-- <![endif]-->
  195. <!--[if IE]>
  196. <script src="assets/js/jquery.1.11.1.min.js"></script>
  197. <![endif]-->
  198. <!--[if !IE]> -->
  199. <script type="text/javascript">
  200. window.jQuery || document.write("<script src='../js/jquery.min.js'>"+"<"+"/script>");
  201. </script>
  202. <!-- <![endif]-->
  203. <!--[if IE]>
  204. <script type="text/javascript">
  205. window.jQuery || document.write("<script src='assets/js/jquery1x.min.js'>"+"<"+"/script>");
  206. </script>
  207. <![endif]-->
  208. <script type="text/javascript">
  209. if('ontouchstart' in document.documentElement) document.write("<script src='../js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
  210. </script>
  211. <script src="../js/bootstrap.min.js"></script>
  212. <!-- page specific plugin scripts -->
  213. <!-- ace scripts -->
  214. <script src="../js/ace-elements.min.js"></script>
  215. <script src="../js/ace.min.js"></script>
  216. <!-- 学校管理 js -->
  217. <script src="../js/school.management.js"></script>
  218. <script src="../js/xsgl.js"></script>
  219. <!-- inline scripts related to this page -->
  220. </body>
  221. </html>