credit_setting.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. {extend name="public/layout" /} {block name="title"}激励规则设置{/block}
  2. {block name="body"}
  3. <style>
  4. .layui-fluid {
  5. display: block;
  6. box-shadow: 0 0 4px 0 #B6CADE;
  7. border-radius: 5px;
  8. margin: 15px;
  9. background-color: #ffffff;
  10. }
  11. .layui-card-body {
  12. padding: 0px;
  13. }
  14. .cardheader {
  15. padding-left: 10px;
  16. }
  17. .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
  18. border: none;
  19. }
  20. .layui-card .layui-tab-brief .layui-tab-title li.layui-this {
  21. color: #249EFB;
  22. padding: 0px 20px;
  23. margin: 0px 8px;
  24. }
  25. .layui-card .layui-tab-brief .layui-tab-title li {
  26. padding: 0px 20px;
  27. margin: 0px 8px;
  28. }
  29. .layui-tab-title .layui-this:after {
  30. width: 50px;
  31. height: 4px !important;
  32. background-color: #249EFB;
  33. top: 37px;
  34. left: 50%;
  35. transform: translateX(-50%);
  36. }
  37. .xfformsss li{margin-bottom: 40px;}
  38. .xfleftss{width:auto;}
  39. .checkbox-offs{float:left;margin-left:10px;}
  40. .xfinput input{width:100px;}
  41. .xftitles::before {
  42. content: ' ';
  43. display: block;
  44. width: 4px;
  45. height: 16px;
  46. background: #249efb;
  47. position: absolute;
  48. left: -12px;
  49. top: 4px;
  50. }
  51. .xftitles{font-size: 16px;font-weight: bold; position: relative;line-height: 24px;margin-bottom: 20px;}
  52. .xftitles p{float:left;}
  53. .layui-form-switch{margin-top:0;margin-left:15px;}
  54. .layui-form-onswitch {
  55. border-color: #249efb;
  56. background-color: #249efb;
  57. }
  58. .isshowli{display: none;}
  59. </style>
  60. <body>
  61. <div class="layui-fluid">
  62. <div class="layui-card">
  63. <div class="layui-card-body">
  64. <div class="layui-row">
  65. <div class="layui-col-md12 layui-col-xs12 layui-col-sm12">
  66. <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-hash">
  67. <div class="layui-tab-content">
  68. <div class="layui-tab-item layui-show">
  69. <form class="layui-form" enctype="multipart/form-data" lay-filter="anli-form">
  70. <ul class="xfformsss">
  71. <li>
  72. <div class="woverflow xftitles">
  73. <p>学习时长学分设置</p>
  74. <input class="checkbox-offs" type="checkbox" data-indexs="1" value="studytime_credit" name="studytime_status" id="studytime_status" lay-skin="switch" lay-filter="show" lay-text="开启|关闭" {if $data.studytime_status eq 0} checked {/if}>
  75. </div>
  76. <div class="xfleftss isshowli isshowss1" {if $data.studytime_status eq 0} style="display: block;" {/if}>
  77. <span>学习</span>
  78. <span>
  79. <div class="layui-inline xfinput">
  80. <div class="layui-input-inline">
  81. <input type="text" min="0" name="numtime" lay-verify="required" onkeyup="value=value.replace(/[^0-9]/g,'') " value="{$data.studytime_credit.numtime}" autocomplete="off" class="layui-input">
  82. </div>
  83. </div>
  84. </span>
  85. <span>分钟加</span>
  86. <span>
  87. <div class="layui-inline xfinput">
  88. <div class="layui-input-inline">
  89. <input type="text" min="0" name="time_credit" lay-verify="required" onkeyup="value=value.replace(/[^0-9]/g,'') " value="{$data.studytime_credit.time_credit}" autocomplete="off" class="layui-input">
  90. </div>
  91. </div>
  92. </span>
  93. <span>学分</span>
  94. </div>
  95. </li>
  96. <li>
  97. <div class="woverflow xftitles">
  98. <p>学分上限设置</p>
  99. <input class="checkbox-offs" type="checkbox" data-indexs="2" value="studyday_maxcredit" name="studyday_status" id="studyday_status" lay-filter="show" lay-skin="switch" lay-text="开启|关闭" {if $data.studyday_status eq 0} checked {/if}>
  100. </div>
  101. <div class="xfleftss isshowli isshowss2" {if $data.studyday_status eq 0} style="display: block;" {/if}>
  102. <span>一天一共可以获得</span>
  103. <span>
  104. <div class="layui-inline xfinput">
  105. <div class="layui-input-inline">
  106. <input type="text" min="0" name="max_credit" lay-verify="required" onkeyup="value=value.replace(/[^0-9]/g,'') " value="{$data.studyday_maxcredit}" autocomplete="off" class="layui-input">
  107. </div>
  108. </div>
  109. </span>
  110. <span>学分</span>
  111. </div>
  112. </li>
  113. <li>
  114. <div class="woverflow xftitles">
  115. <p>感悟学分设置</p>
  116. <input class="checkbox-offs" type="checkbox" data-indexs="3" value="studyfeeling_credit" name="studyfeeling_status" id="studyfeeling_status" lay-filter="show" lay-skin="switch" lay-text="开启|关闭" {if $data.studyfeeling_status eq 0} checked {/if}>
  117. </div>
  118. <div class="xfleftss isshowli isshowss3" {if $data.studyfeeling_status eq 0} style="display: block;" {/if}>
  119. <span>写一个感悟</span>
  120. <span>
  121. <div class="layui-inline xfinput">
  122. <div class="layui-input-inline">
  123. <input type="text" min="0" name="feeling_credit" lay-verify="required" onkeyup="value=value.replace(/[^0-9]/g,'') " value="{$data.studyfeeling_credit}" autocomplete="off" class="layui-input">
  124. </div>
  125. </div>
  126. </span>
  127. <span>学分</span>
  128. </div>
  129. </li>
  130. </ul>
  131. <div class="clear"></div>
  132. <div class="layui-form-item submit-btn">
  133. <input class="layui-btn layui-btn-normal" type="button" lay-submit lay-filter="layuiadmin-anli-submit" id="layuiadmin-anli-submit" value="确认保存">
  134. </div>
  135. </form>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </form>
  145. {/block}
  146. {block name="js"}
  147. <script>
  148. layui.config({
  149. base: '__LAYUI__/',
  150. urlbase: '/sys'
  151. }).extend({
  152. index: 'lib/index' //主入口模块
  153. }).use(['index', 'table','form'], function () {
  154. var $ = layui.$,
  155. table = layui.table,
  156. form = layui.form;
  157. //积分保存
  158. form.on('submit(layuiadmin-anli-submit)', function(data) {
  159. var formData = new FormData(data.form);
  160. var studytime_status = 1;
  161. if($('#studytime_status').is(':checked')){
  162. var studytime_status = 2;
  163. }
  164. var studyday_status = 1;
  165. if($('#studyday_status').is(':checked')){
  166. var studyday_status = 2;
  167. }
  168. var studyfeeling_status = 1;
  169. if($('#studyfeeling_status').is(':checked')){
  170. var studyfeeling_status = 2;
  171. }
  172. formData.append('studytime_status',studytime_status);
  173. formData.append('studyday_status',studyday_status);
  174. formData.append('studyfeeling_status',studyfeeling_status);
  175. $.ajax({
  176. url: '{:url("train/reward_credit_save")}',
  177. type: 'post',
  178. data: formData,
  179. dataType: 'json',
  180. processData: false,
  181. contentType: false,
  182. success: function(res) {
  183. if(res.code === 0) {
  184. layer.msg(res.msg,{
  185. anim: 0,time: 1000,icon: 6,
  186. }, function() {
  187. // window.location.reload();
  188. });
  189. } else {
  190. layer.msg(res.msg, {anim: 0,time: 1500,icon: 5});
  191. }
  192. },
  193. error : function(e){
  194. }
  195. });
  196. return false;
  197. });
  198. form.on('switch(show)', function (obj) {
  199. var code = obj.value;
  200. var state = this.checked ? 0: 1;
  201. var isindex = $(obj.elem).attr('data-indexs')
  202. if(state==0){
  203. $('.isshowss'+isindex).show()
  204. }else{
  205. $('.isshowss'+isindex).hide()
  206. }
  207. $.ajax({
  208. type: "post",
  209. url: '{:url("train/up_credit_status")}',
  210. data: {
  211. code:code
  212. },
  213. success: function (res) {
  214. if(state==0){
  215. layer.msg('开启成功', { time: 2000 });
  216. }else{
  217. layer.msg('关闭成功', { time: 2000 });
  218. }
  219. }
  220. });
  221. });
  222. });
  223. </script>
  224. {/block}