admin-editclass.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!-- include 'admin-header' -->
  2. <div class="mainWrap">
  3. <!-- include 'admin-leftWrap' -->
  4. <div class="mainContent">
  5. <div class="page-header pageHeader">
  6. <h4>
  7. <ol class="breadcrumb breadcrumbNot">
  8. <li><a href="{{rootUrl}}m/classlist">课程列表</a></li>
  9. <li class="active"><!-- if isset({{edit}}) -->编辑<!-- else -->新建<!-- endif -->课程</li>
  10. </ol>
  11. </h4>
  12. </div>
  13. <div class="tableContent clearfix">
  14. <form class="form-horizontal" role="form" method="post" action="{{rootUrl}}m/doclass" onsubmit="return checkclassMsg();" enctype="multipart/form-data">
  15. <table class="tableForm">
  16. <thead>
  17. <tr>
  18. <th width="120"></th>
  19. <th width="550"></th>
  20. </tr>
  21. </thead>
  22. <tr>
  23. <td>课程预览图:</td>
  24. <td>
  25. <input type="file" name="avatar" id="avatar" accept="image/png,image/gif,image/jpeg" <!-- if isset({{classinfo}}) -->style="display: none;"<!-- endif -->>
  26. <!-- if isset({{classinfo}}) --><img src="{{rootUrl}}{{classinfo.avatar}}" id="img" width="130" height="73">&nbsp;<a id="changeimg">替换</a><!-- endif -->
  27. </td>
  28. </tr>
  29. <tr>
  30. <td>课程名称:</td>
  31. <td><input type="text" name="classname" class="form-control" id="classname" placeholder="" value="<!-- if isset({{classinfo}}) -->{{classinfo.classname}}<!-- endif -->"></td>
  32. </tr>
  33. <tr>
  34. <td>课程价格:</td>
  35. <td><input type="number" class="form-control" id="price" name="price" step="0.01" style="width:120px; display:inline-block;" value="<!-- if isset({{classinfo}}) -->{{classinfo.price}}<!-- endif -->">&nbsp;元</td>
  36. </tr>
  37. <tr>
  38. <td>总课时:</td>
  39. <td>
  40. <div class="fL">
  41. <input type="number" class="form-control" name="totalnum" id="totalnum" style="width:120px; display:inline-block;" value="<!-- if isset({{classinfo}}) -->{{classinfo.classnum}}<!-- endif -->">&nbsp;课时
  42. </div>
  43. <div class="fR">
  44. <span>每课时长:</span>
  45. <span><input type="number" class="form-control" name="classtime" id="classtime" style="width:120px; display:inline-block;" value="<!-- if isset({{classinfo}}) -->{{classinfo.classtime}}<!-- endif -->">&nbsp;分钟</span>
  46. </div>
  47. </td>
  48. </tr>
  49. <tr>
  50. <td>截至报名时间:</td>
  51. <td><input type="date" class="form-control" name="stoptime" id="stoptime" placeholder="" style="width:200px; display:inline-block;" value="<!-- if isset({{classinfo}}) -->{{classinfo.stoptime}}<!-- endif -->"></td>
  52. </tr>
  53. <tr>
  54. <td>课程简介:</td>
  55. <td>
  56. <textarea class="form-control" rows="5" name="desc" id="desc"><!-- if isset({{classinfo}}) -->{{classinfo.description}}<!-- endif --></textarea>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td></td>
  61. <td>
  62. <a href="{{rootUrl}}m/classlist" type="submit" class="btn btn-default">取消</a>
  63. <button type="submit" class="btn btn-primary">确定</button>
  64. </td>
  65. </tr>
  66. <input type="hidden" id="hadavatar" name="hadavatar" value="<!-- if isset({{classinfo}}) -->{{classinfo.avatar}}<!-- endif -->">
  67. <input type="hidden" id="createtime" name="createtime" value="<!-- if isset({{classinfo}}) -->{{classinfo.createtime}}<!-- endif -->">
  68. <input type="hidden" id="classid" name="classid" value="<!-- if isset({{classinfo}}) -->{{classinfo.classid}}<!-- endif -->">
  69. </table>
  70. </form>
  71. </div>
  72. </div>
  73. </div>
  74. <script>
  75. function checkclassMsg(){
  76. var classname=document.getElementById('classname').value;
  77. var price=document.getElementById('price').value;
  78. var totalnum=document.getElementById('totalnum').value;
  79. var classtime=document.getElementById('classtime').value;
  80. var stoptime=document.getElementById('stoptime').value;
  81. var desc=document.getElementById('desc').value;
  82. var hadavatar=document.getElementById('hadavatar').value;
  83. var avatar=document.getElementById('avatar').value;
  84. if(classname.trim() == ''){
  85. alert("输入课程名");
  86. return false;
  87. }
  88. if(price.trim() == ''){
  89. alert("输入价格");
  90. return false;
  91. }
  92. if(isNaN(price)){
  93. alert("价格 - 请输入数字");
  94. return false;
  95. }
  96. if(price < 0){
  97. alert("价格 - 请输入正数");
  98. return false;
  99. }
  100. if(totalnum.trim() == ''){
  101. alert("输入总课时");
  102. return false;
  103. }
  104. if(isNaN(totalnum)){
  105. alert("总课时 - 请输入数字");
  106. return false;
  107. }
  108. if(totalnum < 0){
  109. alert("总课时 - 请输入正数");
  110. return false;
  111. }
  112. if(classtime.trim() == ''){
  113. alert("输入时长");
  114. return false;
  115. }
  116. if(isNaN(classtime)){
  117. alert("时长 - 请输入数字");
  118. return false;
  119. }
  120. if(classtime < 0){
  121. alert("时长 - 请输入正数");
  122. return false;
  123. }
  124. if(stoptime.trim() == ''){
  125. alert("输入日期");
  126. return false;
  127. }
  128. if(desc.trim() == ''){
  129. alert("输入简介");
  130. return false;
  131. }
  132. if(hadavatar.trim() == '' && avatar.trim() == ''){
  133. alert("请上传预览图");
  134. return false;
  135. }
  136. }
  137. <!-- if isset({{classinfo}}) -->
  138. $('#changeimg').click(function() {
  139. if ($(this).text() == '不想替换了') {
  140. $(this).text('替换');
  141. $('#avatar').hide();
  142. $('#img').show();
  143. } else {
  144. $(this).text('不想替换了');
  145. $('#avatar').show();
  146. $('#img').hide();
  147. }
  148. });
  149. <!-- endif -->
  150. </script>
  151. </body>
  152. </html>