123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223 |
- {extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
- <link rel="stylesheet" href="__STATIC__/css/csspc.css">
- <link rel="stylesheet" href="__STATIC__/css/font.css">
- <style>
- html,body{height:100vh;}
- .body{background: #fff;height: 100%;overflow: hidden;}
- .layui-form-label{width:110px;float: none;}
- .layui-input-block{margin-left:0;width: 70%;}
- .time-ico{left:3%;top:31%;color:#999;}
- .checkbox-div .layui-form-checkbox i{border:1px solid #c2c2c2;}
- .layui-form-checked i, .layui-form-checked:hover i{color:#28A1FF !important;}
- .layui-form-checkbox{
- width: 16px;
- height: 16px;
- }
- .layui-form-checkbox i{
- width:16px;
- height: 14px;
- }
- .layui-icon-ok:before{
- line-height: 14px;
- font-size: 12px;
- position: absolute;
- top: 0;
- left: 1px;
- }
- .clearfix::after {
- clear: both;
- content: ' ';
- display: table;
- }
- .clearfix::before {
- content: ' ';
- display: table;
- }
- .inline-block{
- display: inline-block;
- }
- /*.tcenter{text-align: center;}*/
- .layui-form-item{
- display: block;
- height: 38px;
- overflow: hidden;
- }
- .btn{
- margin: 50px auto 0;
- display: block;
- }
- .tleft{
- text-align: left;
- }
- #time_date{
- overflow: visible;
- }
- .width90_{
- width:56%;
- }
- </style>
- <body>
- <div class="body">
- <div class="width90_ wauto">
- <form class="layui-form layui-form-box">
- <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
- <label class="layui-form-label inline-block"><i style="color:red;">*</i> 任务名称:</label>
- <div class="layui-input-block inline-block">
- <input type="text" name="title" required lay-verify="required" placeholder="请输入任务名称" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
- <label class="layui-form-label inline-block"><i style="color:red;">*</i> 起止时间:</label>
- <div class="layui-input-block wpsr inline-block" style="border:1px solid #e6e6e6;">
- <i class="fa fa-clock-o wpsa time-ico" aria-hidden="true"></i>
- <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;">
- </div>
- </div>
-
- <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
- <label class="layui-form-label inline-block">交定目标:</label>
- <div class="layui-input-block wpsr inline-block tleft">
- <div class="inline-block font16 ">
- <p class="ids lh36">完成</p>
- <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)">
- <p class="ids lh36">个</p>
- </div>
- <div class="wright checkbox-div">
- <input class="layui-input" type="checkbox" name="is_deposit" value="1" />
- </div>
- </div>
- </div>
-
- <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
- <label class="layui-form-label inline-block">签定目标:</label>
- <div class="layui-input-block wpsr inline-block tleft">
- <div class="inline-block font16">
- <p class="ids lh36">完成</p>
- <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)">
- <p class="ids lh36">元</p>
- </div>
- <div class="wright checkbox-div">
- <input class="layui-input" type="checkbox" name="is_money" value="1" />
- </div>
- </div>
- </div>
- <div class="layui-form-item col-md5 mdt30 tcenter clearfix">
- <label class="layui-form-label inline-block">学分目标:</label>
- <div class="layui-input-block wpsr inline-block tleft">
- <div class="inline-block font16">
- <p class="ids lh36">完成</p>
- <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'>
- <p class="ids lh36">学分</p>
- </div>
- <div class="wright checkbox-div">
- <input class="layui-input" type="checkbox" name="is_credit" value="1" />
- </div>
- </div>
- </div>
-
- <button type="button" lay-submit class="layui-btn layui-btn-normal btn pdlr30" lay-filter="preformance_tasks-submit" id="preformance_tasks-submit">保存</button>
- </form>
- </div>
- </div>
- </body>
- {/block} {block name="js"}
- <script type="text/javascript">
- //转化正整数
- function zhzs(value){
- value = value.replace(/[^\d]/g,'');
- if(''!=value){
- value = parseInt(value);
- }
- return value;
- }
- </script>
- <script>
- // 设置最小可选的日期
- function minDate(){
- var now = new Date();
- return now.getFullYear()+"-" + (now.getMonth()+1) + "-" + now.getDate();
- }
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form','laydate'], function() {
- var $ = layui.$,
- form = layui.form,
- laydate = layui.laydate
- laydate.render({
- elem: '#time_date'
- ,type: 'date'
- ,range: true
- ,trigger: 'click'//呼出事件改成click
- ,min:minDate()
- });
- form.on('submit(preformance_tasks-submit)', function(data) {
- var field = data.field;
- if (field.is_money==undefined && field.is_deposit==undefined && field.is_credit==undefined) {
- layer.msg('交定目标,合同目标,学分目标至少选择一个,并填写数据', {anim: 0,time: 1500,icon: 5});
- return false;
- }
- if (field.is_money && (field.money=='' || field.money==0)) {
- layer.msg('请填写金额', {anim: 0,time: 1500,icon: 5});
- return false;
- }
- if (field.is_credit && (field.credit=='' || field.credit==0)) {
- layer.msg('请填写学分目标', {anim: 0,time: 1500,icon: 5});
- return false;
- }
- if (field.is_deposit && (field.deposit=='' || field.deposit==0)) {
- layer.msg('请填写交定数量', {anim: 0,time: 1500,icon: 5});
- return false;
- }
- if (field.is_money && (field.money>999999999)) {
- layer.msg('合同目标过大', {anim: 0,time: 1500,icon: 5});
- return false;
- }
- if (field.is_deposit && (field.deposit>999999999)) {
- layer.msg('定金目标过大', {anim: 0,time: 1500,icon: 5});
- return false;
- }
- // 单击之后提交按钮不可选,防止重复提交
- var loading = layer.load(0, { shade: 0.3 });
- var DISABLED = 'layui-btn-disabled';
- var target = '#preformance_tasks-submit';
- $(target).addClass(DISABLED);
- $(target).attr('disabled', 'disabled');
- $.ajax({
- url: '{:url("preformanceTasks/add_data")}',
- data: field,
- type: 'post',
- success: function (res) {
- layer.close(loading);
- $(target).removeClass(DISABLED);
- $(target).removeAttr('disabled');
- if (res.code === 0) {
- layer.msg(res.msg, {
- anim: 0
- ,time: 2000
- }, function() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.location.reload();
- parent.layer.close(index);
- });
- } else {
- layer.msg(res.msg, { anim: 6 });
- }
- },
- error : function(e){
- layer.close(loading);
- $(target).removeClass(DISABLED);
- $(target).removeAttr('disabled');
- }
- });
- })
- })
- </script>
- {/block}
|