coupon_edit.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>优惠券修改</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
  13. </head>
  14. <body>
  15. <div class="layui-fluid">
  16. <div class="layui-row layui-col-space15">
  17. <div class="layui-col-md6">
  18. <div class="layui-card">
  19. <div class="layui-card-body">
  20. <form class="layui-form" action="" lay-filter="component-form-element">
  21. <div class="layui-row layui-col-space10 layui-form-item">
  22. <div class="layui-col-lg6">
  23. <label class="layui-form-label"><font color='red' size="4">*</font>名称:</label>
  24. <div class="layui-input-block">
  25. <input type="text" name="name" lay-verify="required" placeholder="请输入优惠券名称"
  26. autocomplete="off" class="layui-input">
  27. </div>
  28. </div>
  29. <div class="layui-col-lg6">
  30. <label class="layui-form-label"><font color='red' size="4">*</font>金额:</label>
  31. <div class="layui-input-block">
  32. <input type="text" name="amount" lay-verify="number" placeholder="请输入优惠券金额"
  33. autocomplete="off" class="layui-input">
  34. </div>
  35. </div>
  36. <div>
  37. <label class="layui-form-label"><font color='red' size="4">*</font>开始日期:</label>
  38. <div class="layui-input-block">
  39. <input type="text" id="id_start_date" name="begin_date" placeholder="请输入开始日期"
  40. autocomplete="off" class="layui-input">
  41. </div>
  42. </div>
  43. <div>
  44. <label class="layui-form-label"><font color='red' size="4">*</font>结束日期:</label>
  45. <div class="layui-input-block">
  46. <input type="text" id="id_end_date" name="end_date" placeholder="请输入结束日期"
  47. autocomplete="off" class="layui-input">
  48. </div>
  49. </div>
  50. <div>
  51. <label class="layui-form-label"><font color='red' size="4">*</font>使用学校:</label>
  52. <div class="layui-input-block">
  53. <select name="school" xm-select="schoolGroup"></select>
  54. </div>
  55. </div>
  56. <div>
  57. <label class="layui-form-label"><font color='red' size="4">*</font>使用分类:</label>
  58. <div class="layui-input-block">
  59. <select name="category" xm-select="categoryGroup"></select>
  60. </div>
  61. </div>
  62. <div>
  63. <label class="layui-form-label">是否在用:</label>
  64. <div class="layui-input-block">
  65. <input type="checkbox" name="enable" lay-skin="switch" lay-text="是|否" checked=""
  66. value="1">
  67. </div>
  68. </div>
  69. </div>
  70. <button class="layui-btn" id="id_save" lay-submit lay-filter="component-form-element"
  71. style="display: none">保存
  72. </button>
  73. </form>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <script src="../../layuiadmin/layui/layui.js"></script>
  80. <script>
  81. layui.config({
  82. base: '../../../layuiadmin/' //静态资源所在路径
  83. }).extend({
  84. index: 'lib/index', //主入口模块
  85. formSelects: 'formSelects-v4',
  86. }).use(['index', 'form', 'laydate', 'formSelects',], function () {
  87. var $ = layui.$
  88. , admin = layui.admin
  89. , form = layui.form
  90. , laydate = layui.laydate
  91. , formSelects = layui.formSelects;
  92. laydate.render({
  93. elem: '#id_start_date'
  94. });
  95. laydate.render({
  96. elem: '#id_end_date'
  97. });
  98. var id = layui.view.getParameterByName('id');
  99. if (id) {
  100. var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
  101. form.val("component-form-element", editdata);
  102. }
  103. formSelects.config('categoryGroup', {
  104. beforeSuccess: function (eid, url, searchVal, result) {
  105. if (id) {
  106. var category = parent.layui.table.editdata.category_ids ?? [];
  107. for (var n in result.data) {
  108. var item = result.data[n];
  109. for (var c1 in category) {
  110. if (category[c1] == item.value.toString()) {
  111. item.selected = 'selected';
  112. }
  113. }
  114. var children1 = item.children
  115. for (var c in children1) {
  116. for (var c2 in category) {
  117. if (category[c2] == children1[c].value.toString()) {
  118. children1[c].selected = 'selected';
  119. }
  120. }
  121. var children2 = children1[c].children
  122. for (var i in children2) {
  123. for (var c3 in category) {
  124. if (category[c3] == children2[i].value.toString()) {
  125. children2[i].selected = 'selected';
  126. }
  127. }
  128. }
  129. }
  130. }
  131. }
  132. return result;
  133. },
  134. });
  135. formSelects.data('categoryGroup', 'server', {
  136. url: '/option/get_category_tree/'
  137. });
  138. formSelects.config('schoolGroup', {
  139. beforeSuccess: function (eid, url, searchVal, result) {
  140. if (id) {
  141. var school = parent.layui.table.editdata.school ?? [];
  142. for (var n in result.data) {
  143. var item = result.data[n];
  144. if (school.indexOf(item.value) > -1) {
  145. item.selected = 'selected';
  146. var children1 = item.children
  147. for (var c in children1) {
  148. if (school.indexOf(children1[c].value) > -1) {
  149. children1[c].selected = 'selected';
  150. var children2 = children1[c].children
  151. for (var i in children2) {
  152. if (school.indexOf(children2[i].value) > -1) {
  153. children2[i].selected = 'selected';
  154. }
  155. }
  156. }
  157. }
  158. }
  159. }
  160. }
  161. return result;
  162. },
  163. });
  164. formSelects.data('schoolGroup', 'server', {
  165. url: '/option/get_school/'
  166. });
  167. if (id) {
  168. var url = '/order/coupon/' + id + '/'
  169. var type = 'put'
  170. } else {
  171. var url = '/order/coupon/'
  172. var type = 'post'
  173. }
  174. form.on('submit(component-form-element)', function (data) {
  175. admin.req({
  176. url: url
  177. , data: data.field
  178. , type: type
  179. , done: function (res) {
  180. parent.layui.onSubmitChild(res);
  181. }
  182. });
  183. return false;
  184. });
  185. parent.layui.submitChild = function () {
  186. $("#id_save").click();
  187. };
  188. });
  189. </script>
  190. </body>
  191. </html>