add.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <?php use common\widgets\UeditorWidget; ?>
  2. <script src="/js/mobiscroll/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
  3. <script src="/js/mobiscroll/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
  4. <link href="/css/mobiscroll/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
  5. <link href="/css/mobiscroll/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
  6. <script src="/js/mobiscroll/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
  7. <script src="/js/mobiscroll/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>
  8. <!-- S 可根据自己喜好引入样式风格文件 -->
  9. <script src="/js/mobiscroll/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
  10. <link href="/css/mobiscroll/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
  11. <!-- E 可根据自己喜好引入样式风格文件 -->
  12. <script src="/js/backend/public/public.js" type="text/javascript"></script>
  13. <script src="/js/backend/active/active.js" type="text/javascript"></script>
  14. <div class="page-title">
  15. <div class="title-env">
  16. <h1 class="title">添加报名</h1>
  17. </div>
  18. <div class="breadcrumb-env">
  19. <ol class="breadcrumb bc-1">
  20. <li>
  21. <a href="/"><i class="fa-home"></i>Home</a>
  22. </li>
  23. <li>
  24. <a href="javascript:void(0)">活动管理</a>
  25. </li>
  26. <li class="active">
  27. <strong>添加报名</strong>
  28. </li>
  29. </ol>
  30. </div>
  31. </div>
  32. <div class="row">
  33. <div class="col-sm-12">
  34. <div class="panel panel-default">
  35. <div class="panel-body">
  36. <form role="form" class="form-horizontal" id="active-form">
  37. <input type="hidden" name="_csrf" value="<?= Yii::$app->request->csrfToken ?>">
  38. <div class="form-group">
  39. <label class="col-sm-2 control-label">*活动名称:</label>
  40. <div class="col-sm-10">
  41. <input type="text" class="form-control validate" name="title" placeholder="">
  42. <p></p>
  43. </div>
  44. </div>
  45. <div class="form-group">
  46. <label class="col-sm-2 control-label">*地点:</label>
  47. <div class="col-sm-10">
  48. <input type="text" class="form-control validate" name="address" placeholder="">
  49. <p></p>
  50. </div>
  51. </div>
  52. <div class="form-group">
  53. <label class="col-sm-2 control-label" for="field-1">*开始时间:</label>
  54. <div class="col-sm-10">
  55. <input type="text" id="startTime" class="form-control validate" name="startTime" placeholder="请点此选择">
  56. <p></p>
  57. </div>
  58. </div>
  59. <div class="form-group">
  60. <label class="col-sm-2 control-label" for="field-1">*结束时间:</label>
  61. <div class="col-sm-10">
  62. <input type="text" id="endTime" class="form-control validate" name="endTime" placeholder="请点此选择">
  63. <p></p>
  64. </div>
  65. </div>
  66. <div class="form-group">
  67. <label class="col-sm-2 control-label">票价:</label>
  68. <div class="col-sm-10">
  69. <input type="tel" data-type="number" class="form-control empty validate" name="price" placeholder="选填,默认免费">
  70. <p></p>
  71. </div>
  72. </div>
  73. <div class="form-group">
  74. <label class="col-sm-2 control-label">报名人数限制:</label>
  75. <div class="col-sm-10">
  76. <input type="tel" data-type="integer" class="form-control empty validate" name="allowNum" placeholder="选填,默认报名人数不限制">
  77. <p></p>
  78. </div>
  79. </div>
  80. <div class="form-group">
  81. <label class="col-sm-2 control-label">报名者是否需通过审批:</label>
  82. <div class="col-sm-10">
  83. <div class="radio-inline">
  84. <label>
  85. <input type="radio" name="needCheck" checked value="1">
  86. 需要
  87. </label>
  88. </div>
  89. <div class="radio-inline">
  90. <label>
  91. <input type="radio" name="needCheck" value="0">
  92. 不需要
  93. </label>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="form-group">
  98. <label class="col-sm-2 control-label" for="field-1">报名截止时间:</label>
  99. <div class="col-sm-10">
  100. <input type="text" class="form-control" id="deadline" name="deadline" placeholder="选填,默认活动开始后停止报名">
  101. <p></p>
  102. </div>
  103. </div>
  104. <div class="form-group">
  105. <label class="col-sm-2 control-label" for="field-3">活动介绍:</label>
  106. <div class="col-sm-10">
  107. <?= UeditorWidget::widget(['name' => 'content','content' => '']); ?>
  108. <p></p>
  109. </div>
  110. </div>
  111. <div class="form-group-separator"></div>
  112. <div class="form-group" style="text-align:center;">
  113. <button type="button" class="btn btn-info btn-single active-commit-btn" data-url="/active/save-add">确认</button>
  114. <button type="button" onclick="history.go(-1);" class="btn btn-info btn-single">返回</button>
  115. </div>
  116. </form>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <!-- footer -->
  122. <?php
  123. use backend\widgets\FooterWidget;
  124. ?>
  125. <?= FooterWidget::widget()?>
  126. <!-- footer -->
  127. <script>
  128. UE.getEditor('content').addListener("focus", function (type,event) {
  129. content.removeAttr('addStatus');
  130. content.siblings('p').removeClass('help-error-mention').html('');
  131. content.parent().parent().removeClass("has-success").removeClass('has-error');
  132. });
  133. UE.getEditor('content').addListener("blur", function (type,event) {
  134. var contentVal = UE.getEditor('content').getContent();
  135. if(getLength(contentVal) > 0){
  136. content.attr('addStatus','yes');
  137. content.siblings('p').removeClass('help-error-mention').html('');
  138. content.parent().parent().addClass("has-success").removeClass("has-error");
  139. }else{
  140. content.attr('addStatus','no');
  141. content.siblings('p').addClass('help-error-mention').html('活动简介不能为空');
  142. content.parent().parent().addClass("has-error").removeClass("has-success");
  143. }
  144. });
  145. </script>