add.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. {extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
  2. <link rel="stylesheet" href="__STATIC__/css/csspc.css">
  3. <link rel="stylesheet" href="__STATIC__/css/font.css">
  4. <style>
  5. html,body{height:100vh;}
  6. .body{background: #fff;height: 100%;overflow: hidden;}
  7. .layui-form-label{width:110px;float: none;}
  8. .layui-input-block{margin-left:0;width: 70%;}
  9. .time-ico{left:3%;top:31%;color:#999;}
  10. .checkbox-div .layui-form-checkbox i{border:1px solid #c2c2c2;}
  11. .layui-form-checked i, .layui-form-checked:hover i{color:#28A1FF !important;}
  12. .layui-form-checkbox{
  13. width: 16px;
  14. height: 16px;
  15. }
  16. .layui-form-checkbox i{
  17. width:16px;
  18. height: 14px;
  19. }
  20. .layui-icon-ok:before{
  21. line-height: 14px;
  22. font-size: 12px;
  23. position: absolute;
  24. top: 0;
  25. left: 1px;
  26. }
  27. .clearfix::after {
  28. clear: both;
  29. content: ' ';
  30. display: table;
  31. }
  32. .clearfix::before {
  33. content: ' ';
  34. display: table;
  35. }
  36. .inline-block{
  37. display: inline-block;
  38. }
  39. /*.tcenter{text-align: center;}*/
  40. .layui-form-item{
  41. display: block;
  42. height: 38px;
  43. overflow: hidden;
  44. }
  45. .btn{
  46. margin: 50px auto 0;
  47. display: block;
  48. }
  49. .tleft{
  50. text-align: left;
  51. }
  52. #time_date{
  53. overflow: visible;
  54. }
  55. .width90_{
  56. width:56%;
  57. }
  58. </style>
  59. <body>
  60. <div class="body">
  61. <div class="width90_ wauto">
  62. <form class="layui-form layui-form-box">
  63. <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
  64. <label class="layui-form-label inline-block"><i style="color:red;">*</i> 任务名称:</label>
  65. <div class="layui-input-block inline-block">
  66. <input type="text" name="title" required lay-verify="required" placeholder="请输入任务名称" autocomplete="off" class="layui-input">
  67. </div>
  68. </div>
  69. <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
  70. <label class="layui-form-label inline-block"><i style="color:red;">*</i> 起止时间:</label>
  71. <div class="layui-input-block wpsr inline-block" style="border:1px solid #e6e6e6;">
  72. <i class="fa fa-clock-o wpsa time-ico" aria-hidden="true"></i>
  73. <input type="text" class="pdl40 huise999 ds" name="time" id="time_date" required lay-verify="required" placeholder="开始时间 - 结束时间" autocomplete="off" class="layui-input" style="height: 36px;">
  74. </div>
  75. </div>
  76. <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
  77. <label class="layui-form-label inline-block">交定目标:</label>
  78. <div class="layui-input-block wpsr inline-block tleft">
  79. <div class="inline-block font16 ">
  80. <p class="ids lh36">完成</p>
  81. <input type="text" maxlength="11" class="huise999" name="deposit" placeholder="" autocomplete="off" class="layui-input" style="height: 36px;border:1px solid #e6e6e6;width:150px;" onkeyup="value=zhzs(this.value)">
  82. <p class="ids lh36">个</p>
  83. </div>
  84. <div class="wright checkbox-div">
  85. <input class="layui-input" type="checkbox" name="is_deposit" value="1" />
  86. </div>
  87. </div>
  88. </div>
  89. <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
  90. <label class="layui-form-label inline-block">签定目标:</label>
  91. <div class="layui-input-block wpsr inline-block tleft">
  92. <div class="inline-block font16">
  93. <p class="ids lh36">完成</p>
  94. <input type="text" maxlength="11" class="huise999" name="money" placeholder="" autocomplete="off" class="layui-input" style="height: 36px;border:1px solid #e6e6e6;width:150px;" onkeyup="value=zhzs(this.value)">
  95. <p class="ids lh36">元</p>
  96. </div>
  97. <div class="wright checkbox-div">
  98. <input class="layui-input" type="checkbox" name="is_money" value="1" />
  99. </div>
  100. </div>
  101. </div>
  102. <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
  103. <label class="layui-form-label inline-block">学分目标:</label>
  104. <div class="layui-input-block wpsr inline-block tleft">
  105. <div class="inline-block font16">
  106. <p class="ids lh36">完成</p>
  107. <input type="text" maxlength="11" class="huise999" name="credit" placeholder="" autocomplete="off" class="layui-input" style="height: 36px;border:1px solid #e6e6e6;width:150px;" onkeyup="value=zhzs(this.value)" max='99999999'>
  108. <p class="ids lh36">学分</p>
  109. </div>
  110. <div class="wright checkbox-div">
  111. <input class="layui-input" type="checkbox" name="is_credit" value="1" />
  112. </div>
  113. </div>
  114. </div>
  115. <button type="button" lay-submit class="layui-btn layui-btn-normal btn pdlr30" lay-filter="preformance_tasks-submit" id="preformance_tasks-submit">保存</button>
  116. </form>
  117. </div>
  118. </div>
  119. </body>
  120. {/block} {block name="js"}
  121. <script type="text/javascript">
  122. //转化正整数
  123. function zhzs(value){
  124. value = value.replace(/[^\d]/g,'');
  125. if(''!=value){
  126. value = parseInt(value);
  127. }
  128. return value;
  129. }
  130. </script>
  131. <script>
  132. // 设置最小可选的日期
  133. function minDate(){
  134. var now = new Date();
  135. return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
  136. }
  137. layui.config({
  138. base: '__LAYUI__/',
  139. urlbase: '/sys'
  140. }).extend({
  141. index: 'lib/index' //主入口模块
  142. }).use(['index', 'form','laydate'], function() {
  143. var $ = layui.$,
  144. form = layui.form,
  145. laydate = layui.laydate
  146. laydate.render({
  147. elem: '#time_date'
  148. ,type: 'date'
  149. ,range: true
  150. ,trigger: 'click'//呼出事件改成click
  151. ,min:minDate()
  152. });
  153. form.on('submit(preformance_tasks-submit)', function(data) {
  154. var field = data.field;
  155. if (field.is_money==undefined && field.is_deposit==undefined && field.is_credit==undefined) {
  156. layer.msg('交定目标,合同目标,学分目标至少选择一个,并填写数据', {anim: 0,time: 1500,icon: 5});
  157. return false;
  158. }
  159. if (field.is_money && (field.money=='' || field.money==0)) {
  160. layer.msg('请填写金额', {anim: 0,time: 1500,icon: 5});
  161. return false;
  162. }
  163. if (field.is_credit && (field.credit=='' || field.credit==0)) {
  164. layer.msg('请填写学分目标', {anim: 0,time: 1500,icon: 5});
  165. return false;
  166. }
  167. if (field.is_deposit && (field.deposit=='' || field.deposit==0)) {
  168. layer.msg('请填写交定数量', {anim: 0,time: 1500,icon: 5});
  169. return false;
  170. }
  171. if (field.is_money && (field.money>999999999)) {
  172. layer.msg('合同目标过大', {anim: 0,time: 1500,icon: 5});
  173. return false;
  174. }
  175. if (field.is_deposit && (field.deposit>999999999)) {
  176. layer.msg('定金目标过大', {anim: 0,time: 1500,icon: 5});
  177. return false;
  178. }
  179. // 单击之后提交按钮不可选,防止重复提交
  180. var loading = layer.load(0, { shade: 0.3 });
  181. var DISABLED = 'layui-btn-disabled';
  182. var target = '#preformance_tasks-submit';
  183. $(target).addClass(DISABLED);
  184. $(target).attr('disabled', 'disabled');
  185. $.ajax({
  186. url: '{:url("preformanceTasks/add_data")}',
  187. data: field,
  188. type: 'post',
  189. success: function (res) {
  190. layer.close(loading);
  191. $(target).removeClass(DISABLED);
  192. $(target).removeAttr('disabled');
  193. if (res.code === 0) {
  194. layer.msg(res.msg, {
  195. anim: 0
  196. ,time: 2000
  197. }, function() {
  198. var index = parent.layer.getFrameIndex(window.name);
  199. parent.location.reload();
  200. parent.layer.close(index);
  201. });
  202. } else {
  203. layer.msg(res.msg, { anim: 6 });
  204. }
  205. },
  206. error : function(e){
  207. layer.close(loading);
  208. $(target).removeClass(DISABLED);
  209. $(target).removeAttr('disabled');
  210. }
  211. });
  212. })
  213. })
  214. </script>
  215. {/block}