1
0

edit.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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: 40%;}
  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. </style>
  53. <body>
  54. <div class="body">
  55. <div class="width90_ wauto">
  56. <form class="layui-form layui-form-box">
  57. <input type="hidden" name="id" value="{$data.id}">
  58. <div class="layui-form-item col-md5 mdt30 tcenter clearfix" >
  59. <label class="layui-form-label inline-block"><i style="color:red;">*</i> 任务名称:</label>
  60. <div class="layui-input-block inline-block">
  61. <input type="text" name="title" required lay-verify="required" placeholder="请输入任务名称" autocomplete="off"
  62. class="layui-input" value="{$data.title}">
  63. </div>
  64. </div>
  65. <div class="layui-form-item col-md5 mdt30 tcenter">
  66. <label class="layui-form-label inline-block"><i style="color:red;">*</i> 起止时间:</label>
  67. <div class="layui-input-block wpsr inline-block clearfix" style="border:1px solid #e6e6e6;">
  68. <i class="fa fa-clock-o wpsa time-ico" aria-hidden="true"></i>
  69. <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;" value="{$data.time}">
  70. </div>
  71. </div>
  72. <div class="layui-form-item col-md5 mdt30 tcenter">
  73. <label class="layui-form-label inline-block">定金目标:</label>
  74. <div class="layui-input-block wpsr inline-block clearfix tleft">
  75. <div class="inline-block font16">
  76. <p class="ids lh36">完成</p>
  77. <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)" value="{$data.deposit}">
  78. <p class="ids lh36">个</p>
  79. </div>
  80. <div class="wright checkbox-div">
  81. <input class="layui-input" type="checkbox" name="is_deposit" value="1" {if condition="$data.is_deposit eq 1"} checked {/if}/>
  82. </div>
  83. </div>
  84. </div>
  85. <div class="layui-form-item col-md5 mdt30 tcenter">
  86. <label class="layui-form-label inline-block">合同目标:</label>
  87. <div class="layui-input-block wpsr inline-block clearfix tleft">
  88. <div class="inline-block font16">
  89. <p class="ids lh36">完成</p>
  90. <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)" value="{$data.money}">
  91. <p class="ids lh36">元</p>
  92. </div>
  93. <div class="wright checkbox-div">
  94. <input class="layui-input" type="checkbox" name="is_money" value="1" {if condition="$data.is_money eq 1"} checked {/if}/>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="layui-form-item col-md5 mdt30 tcenter">
  99. <label class="layui-form-label inline-block">学分目标:</label>
  100. <div class="layui-input-block wpsr inline-block tleft">
  101. <div class="inline-block font16">
  102. <p class="ids lh36">完成</p>
  103. <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' value="{$data.credit}">
  104. <p class="ids lh36">学分</p>
  105. </div>
  106. <div class="wright checkbox-div">
  107. <input class="layui-input" type="checkbox" name="is_credit" value="1" {if condition="$data.is_credit eq 1"} checked {/if}/>
  108. </div>
  109. </div>
  110. </div>
  111. <button type="button" lay-submit class="layui-btn layui-btn-normal pdlr30 btn" lay-filter="preformance_tasks-submit" id="preformance_tasks-submit">保存</button>
  112. </form>
  113. </div>
  114. </div>
  115. </body>
  116. {/block} {block name="js"}
  117. <script type="text/javascript">
  118. //转化正整数
  119. function zhzs(value){
  120. value = value.replace(/[^\d]/g,'');
  121. if(''!=value){
  122. value = parseInt(value);
  123. }
  124. return value;
  125. }
  126. </script>
  127. <script>
  128. // 设置最小可选的日期
  129. function minDate(){
  130. var now = new Date();
  131. return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
  132. }
  133. layui.config({
  134. base: '__LAYUI__/',
  135. urlbase: '/sys'
  136. }).extend({
  137. index: 'lib/index' //主入口模块
  138. }).use(['index', 'form','laydate'], function() {
  139. var $ = layui.$,
  140. form = layui.form,
  141. laydate = layui.laydate
  142. laydate.render({
  143. elem: '#time_date'
  144. ,type: 'date'
  145. ,range: true
  146. ,trigger: 'click'//呼出事件改成click
  147. ,min:minDate()
  148. });
  149. form.on('submit(preformance_tasks-submit)', function(data) {
  150. var field = data.field;
  151. if (field.is_money==undefined && field.is_deposit==undefined && field.is_credit==undefined) {
  152. layer.msg('定金目标和合同目标至少选择一个,并填写数据', {anim: 0,time: 1500,icon: 5});
  153. return false;
  154. }
  155. if (field.is_money && (field.money=='' || field.money==0)) {
  156. layer.msg('请填写金额', {anim: 0,time: 1500,icon: 5});
  157. return false;
  158. }
  159. if (field.is_credit && (field.credit=='' || field.credit==0)) {
  160. layer.msg('请填写学分目标', {anim: 0,time: 1500,icon: 5});
  161. return false;
  162. }
  163. if (field.is_deposit && (field.deposit=='' || field.deposit==0)) {
  164. layer.msg('请填写交定数量', {anim: 0,time: 1500,icon: 5});
  165. return false;
  166. }
  167. if (field.is_money && (field.money>999999999)) {
  168. layer.msg('合同目标过大', {anim: 0,time: 1500,icon: 5});
  169. return false;
  170. }
  171. if (field.is_deposit && (field.deposit>999999999)) {
  172. layer.msg('定金目标过大', {anim: 0,time: 1500,icon: 5});
  173. return false;
  174. }
  175. // 单击之后提交按钮不可选,防止重复提交
  176. var loading = layer.load(0, { shade: 0.3 });
  177. var DISABLED = 'layui-btn-disabled';
  178. var target = '#preformance_tasks-submit';
  179. $(target).addClass(DISABLED);
  180. $(target).attr('disabled', 'disabled');
  181. $.ajax({
  182. url: '{:url("preformanceTasks/edit_data")}',
  183. data: field,
  184. type: 'post',
  185. success: function (res) {
  186. layer.close(loading);
  187. $(target).removeClass(DISABLED);
  188. $(target).removeAttr('disabled');
  189. if (res.code === 0) {
  190. layer.msg(res.msg, {
  191. anim: 0
  192. ,time: 2000
  193. }, function() {
  194. var index = parent.layer.getFrameIndex(window.name);
  195. parent.location.reload();
  196. parent.layer.close(index);
  197. });
  198. } else {
  199. layer.msg(res.msg, { anim: 6 });
  200. }
  201. },
  202. error : function(e){
  203. layer.close(loading);
  204. $(target).removeClass(DISABLED);
  205. $(target).removeAttr('disabled');
  206. }
  207. });
  208. })
  209. })
  210. </script>
  211. {/block}