red_integral_setting.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. {extend name="public/layout" /} {block name="title"}创建训练营{/block} {block name="body"}
  2. <style type="text/css">
  3. html {
  4. background: #fff;
  5. }
  6. body {
  7. min-width: 320px;
  8. }
  9. @media screen and (max-width: 450px) {
  10. .layui-form-item {
  11. width: 100%;
  12. }
  13. }
  14. #layuiadmin-app-form-list {
  15. padding: 1% 2%;
  16. }
  17. .layui-form-label {
  18. width: 20%;
  19. }
  20. .layui-input {
  21. border: none;
  22. outline: none;
  23. }
  24. .layui-input-inline {
  25. border: 1px solid #D4E4ED;
  26. }
  27. .flex-center {
  28. display: flex;
  29. align-items: center;
  30. }
  31. .border {
  32. border: 1px solid #D4E4ED;
  33. padding-right: 10px;
  34. border-radius: 5px;
  35. }
  36. .layui-form-radio>i:hover,
  37. .layui-form-radioed>i {
  38. color: #249EFB;
  39. }
  40. .layui-form-radioed {
  41. color: #249EFB;
  42. }
  43. .layui-tab-card>.layui-tab-title {
  44. background-color: #fff;
  45. }
  46. .layui-tab-card {
  47. border-radius: 10px;
  48. box-shadow: none;
  49. border: none;
  50. }
  51. .layui-form-label {
  52. color: #8A9AAA;
  53. }
  54. .fontstyle {
  55. font-size: 15px;
  56. }
  57. .layui-input::placeholder {
  58. color: #9DB6CF;
  59. }
  60. .layui-tab-card>.layui-tab-title li {
  61. background-color: #F2F2F2;
  62. margin: 0px 5px;
  63. }
  64. .layui-anim.layui-icon {
  65. font-size: 18px;
  66. }
  67. </style>
  68. <body>
  69. <form class="layui-form" id="admin" lay-filter="activity-submit" enctype="multipart/form-data">
  70. <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list">
  71. <div class="layui-form-item">
  72. <div class="layui-tab layui-tab-card">
  73. <div class="layui-tab-content">
  74. <div class="layui-tab-item" style="display: flex;">
  75. <div class="layui-form-item">
  76. <label class="layui-form-label" style="width: 70px;"><i
  77. style="color:red;">*&nbsp;</i>1条线索</label>
  78. </div>
  79. <div class="layui-form-item">
  80. <!-- <label class="layui-form-label" style="width: 30px;">等于</label> -->
  81. <div class="layui-input-inline" style="width: 160px;margin-left: 20px;">
  82. <input type="number" id="activiteTitle" name="wanghong" lay-verify="required"
  83. placeholder="请输入积分" value="{$data.wanghong_integral}" autocomplete="off" min="0" max="999999999"
  84. class="layui-input" style="max-width: 500px;">
  85. </div>
  86. </div>
  87. </div>
  88. <input type="button" style="margin-left:calc(50% - 82.5px);width:165px;height:38px;margin-top: 320px;"
  89. lay-submit class="layui-btn layui-btn-normal" lay-filter="activity-submit"
  90. id="activity-submit" value="确定设置">
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </form>
  96. </body>
  97. {/block} {block name="js"}
  98. <script>
  99. layui.config({
  100. base: '__LAYUI__/',
  101. urlbase: '/sys'
  102. }).extend({
  103. index: 'lib/index' //主入口模块
  104. }).use(['index', 'form', 'upload', 'layedit', 'laydate'], function () {
  105. var form = layui.form,
  106. upload = layui.upload,
  107. layedit = layui.layedit,
  108. laydate = layui.laydate,
  109. $ = layui.jquery;
  110. /* 监听提交 */
  111. form.on('submit(activity-submit)', function (obj) {
  112. var index = parent.layer.getFrameIndex(window.name);
  113. // var formData = new FormData(obj.field);
  114. // console.log(formData)
  115. // 单击之后提交按钮不可选,防止重复提交
  116. var DISABLED = 'layui-btn-disabled';
  117. var target = '#activity-submit';
  118. $(target).addClass(DISABLED);
  119. $(target).attr('disabled', 'disabled');
  120. $.ajax({
  121. url: '{:url("agents/reward_integral_save")}',
  122. type: 'post',
  123. data: obj.field,
  124. dataType: 'json',
  125. success: function (res) {
  126. console.log(res)
  127. if (res.code === 0) {
  128. layer.msg(res.msg, {
  129. anim: 0
  130. , time: 2000
  131. }, function () {
  132. parent.layui.table.reload('training-plan'); //重载表格
  133. parent.layer.close(index); //再执行关闭
  134. });
  135. } else {
  136. layer.msg(res.msg, {
  137. anim: 6
  138. , time: 2000
  139. });
  140. }
  141. }
  142. });
  143. // return false;
  144. });
  145. //日期范围
  146. laydate.render({
  147. elem: '#start_date',
  148. trigger: 'click'//呼出事件改成click
  149. });
  150. laydate.render({
  151. elem: '#end_date',
  152. trigger: 'click'//呼出事件改成click
  153. });
  154. laydate.render({
  155. elem: '#unlockTime',
  156. trigger: 'click',//呼出事件改成click
  157. type: 'time',
  158. format: 'HH:mm'
  159. });
  160. });
  161. </script>
  162. {/block}