add.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230
  1. {extend name="layout/content" /}
  2. <link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
  3. <link rel="stylesheet" href="__STATIC__/css/admin/bootstrap-table.css?v={$Think.STATIC_VERSION}">
  4. {block name="header"}
  5. <title>添加</title>
  6. <style>
  7. .layui-form-label {
  8. width: 110px;
  9. }
  10. </style>
  11. {/block}
  12. {block name="content"}
  13. <div class="x-body">
  14. <form class="layui-form" action="{:url('add')}" method="post">
  15. <div class="layui-form-item">
  16. <label class="layui-form-label"> <span class="x-red">*</span>选择游戏:</label>
  17. <div class="layui-input-inline" style="width: 40%">
  18. <div id="game"></div>
  19. </div>
  20. </div>
  21. <div class="layui-form-item">
  22. <label for="" class="layui-form-label">
  23. <span class="x-red">*</span>名称:
  24. </label>
  25. <div class="layui-input-inline">
  26. <input type="text" id="name" name="name" required="" lay-verify="required" class="layui-input">
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">
  31. <span class="x-red">*</span>条件类型:
  32. </label>
  33. <div class="layui-input-inline FuzzySearch_Container">
  34. <div>
  35. <select lay-search name="type_id" id="type_id" class="layui-form-select" lay-filter="selctOnchange">
  36. <option value="1">有效时间段</option>
  37. <option value="2">领取后多少天内有效</option>
  38. </select>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="layui-form-item type_day" style="display: none">
  43. <label for="" class="layui-form-label">
  44. <span class="x-red">*</span>天数:
  45. </label>
  46. <div class="layui-input-inline">
  47. <input type="text" id="day" name="day" class="layui-input">
  48. </div>
  49. </div>
  50. <div class="layui-form-item time-dis" >
  51. <label for="" class="layui-form-label">
  52. <span class="x-red"></span>时间:
  53. </label>
  54. <div class="layui-input-inline">
  55. <input class="layui-input" placeholder="开始时间" name="start_time" id="start_time" readonly='readonly'
  56. value="" autocomplete="off">
  57. </div>
  58. <div class="layui-input-inline">
  59. <input class="layui-input" placeholder="结束时间" name="end_time" id="end_time" readonly='readonly'
  60. value="" autocomplete="off">
  61. </div>
  62. </div>
  63. <div class="layui-form-item">
  64. <label for="" class="layui-form-label">
  65. <span class="x-red">*</span>面值:
  66. </label>
  67. <div class="layui-input-inline">
  68. <input type="text" id="money" name="money" required="" lay-verify="required" class="layui-input">
  69. </div>
  70. </div>
  71. <div class="layui-form-item">
  72. <label for="" class="layui-form-label">
  73. <span class="x-red">*</span>最低使用金额:
  74. </label>
  75. <div class="layui-input-inline">
  76. <input type="text" id="min_money" name="min_money" required="" lay-verify="required" class="layui-input">
  77. </div>
  78. </div>
  79. <input type="hidden" name="is_examine" value="1">
  80. <!-- <div class="layui-form-item">-->
  81. <!-- <label class="layui-form-label">-->
  82. <!-- <span class="x-red">*</span>是否需要审核:-->
  83. <!-- </label>-->
  84. <!-- <div class="layui-input-inline FuzzySearch_Container">-->
  85. <!-- <div>-->
  86. <!-- <select lay-search name="is_examine" id="is_examine" class="layui-form-select" >-->
  87. <!-- <option value="1">不需要</option>-->
  88. <!-- <option value="2">需要</option>-->
  89. <!-- </select>-->
  90. <!-- </div>-->
  91. <!-- </div>-->
  92. <!-- </div>-->
  93. <div class="layui-form-item">
  94. <label class="layui-form-label">
  95. <span class="x-red">*</span>状态:
  96. </label>
  97. <div class="layui-input-inline FuzzySearch_Container">
  98. <div>
  99. <select lay-search name="state" id="state" class="layui-form-select" >
  100. <option value="1">有效</option>
  101. <option value="2">无效</option>
  102. </select>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="layui-form-item">
  107. <label class="layui-form-label">
  108. <span class="x-red">*</span>SDK是否显示:
  109. </label>
  110. <div class="layui-input-inline FuzzySearch_Container">
  111. <div>
  112. <select lay-search name="is_show" id="is_show" class="layui-form-select" >
  113. <option value="1">不显示</option>
  114. <option value="2">显示</option>
  115. </select>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="layui-form-item">
  120. <label for="" class="layui-form-label">
  121. <span class="x-red">*</span>说明内容:
  122. </label>
  123. <div class="layui-input-inline" style="width: 50%;">
  124. <textarea name="content" rows="5" class="layui-textarea" required="" lay-verify="required"></textarea>
  125. </div>
  126. </div>
  127. <div class="layui-form-item">
  128. <div class="layui-input-block">
  129. <button class="layui-btn" lay-submit lay-filter="formDemo" id="J_submit_btn">提交</button>
  130. <button type="button" class="layui-btn layui-btn-primary" onClick="javascript:history.back(-1);">返回
  131. </button>
  132. </div>
  133. </div>
  134. </form>
  135. </div>
  136. {/block}
  137. {block name="footer"}
  138. <script type="text/javascript" src="__STATIC__/js/admin/bootstrap-table.js?v={$Think.STATIC_VERSION}"></script>
  139. <script type="text/javascript" charSet="utf-8" src="__STATIC__/lib/xm-select.js"></script>
  140. <script>
  141. var tagData1 = {:json_encode($games)}; // 获取到后台给出的数据-PHP写法
  142. var tagIns1 = xmSelect.render({
  143. el: '#game', // div的id值
  144. toolbar: { // 工具条【‘全选’,‘清空’】
  145. show: true, // 开启工具条
  146. showIcon: false, // 隐藏工具条的图标
  147. },
  148. autoRow: true,
  149. // tips: '选择校区', // 让默认值不是“请选择”,而是“选择校区”
  150. filterable: true, // 开启搜索模式,默认按照name进行搜索
  151. paging: true, // 启用分页
  152. pageSize: 100, // 每页的数据个数
  153. data: tagData1,
  154. prop: { // 也许你的数据库返回的并不是name和value, 也许你提交的时候不止name和value, 怎么办? 自定义就行
  155. name: 'name',
  156. value: 'id'
  157. },
  158. })
  159. layui.use(['form', 'laydate', 'jquery'], function () {
  160. var laydate = layui.laydate;
  161. var form = layui.form;
  162. form.on('select(selctOnchange)', function (data) {
  163. if (data.value == 1) {
  164. $('.time-dis').show()
  165. $('.type_day').hide()
  166. } else {
  167. $('.time-dis').hide()
  168. $('.type_day').show()
  169. }
  170. });
  171. var starttime = laydate.render({
  172. elem: '#start_time',
  173. type: 'date',
  174. format: 'yyyy-MM-dd',
  175. done: function (value, dates) {
  176. endtime.config.min = {
  177. year: dates.year,
  178. month: dates.month - 1, //关键
  179. date: dates.date,
  180. hours: 0,
  181. minutes: 0,
  182. seconds: 0
  183. };
  184. }
  185. });
  186. var endtime = laydate.render({
  187. elem: '#end_time',
  188. type: 'date',
  189. format: 'yyyy-MM-dd',
  190. done: function (value, dates) {
  191. starttime.config.max = {
  192. year: dates.year,
  193. month: dates.month - 1, //关键
  194. date: dates.date,
  195. hours: 0,
  196. minutes: 0,
  197. seconds: 0
  198. }
  199. }
  200. });
  201. });
  202. </script>
  203. {/block}