haoshengxin/backend/views/redpack/add.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/3/17 0017
 * Time: 下午 3:41
 */
use yii\helpers\Url;
use common\models\UploadForm;
?>
<script src="/js/layer/laydate/laydate.js"></script>
<style type="text/css">
.modal-backdrop.in {display: none!important;}
.modal-open .modal {background: rgba(0, 0, 0, 0.52);}
.modal.in .modal-dialog{position: fixed;margin-left: -300px;top: 10%;left: 50%;}
.form-control{
    width: auto;
}
</style>
    <form id="myform" action="<?=Url::toRoute(['redpack/add']);?>" method="post">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">活动名称：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text" id="title" name="title" class="form-control"  style="width:50%;"  rows="2" maxlength="120" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">城市：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <select style=" width: 200px" class="form-control province" id='province' name='province'  >
                                    <option>请选择省份</option>
                                </select>
                                <select  style=" width: 200px" class="form-control city" id='city'name='city'  >
                                    <option>请选择城市</option>
                                </select>
                                <select  style=" width: 200px" class="form-control area" id='area'name='area'  >
                                    <option>请选择地区</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">类型：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <select name="type">
                                    <option value="<?= \common\models\RedActivity::TYPE_NOT ?>">无限制</option>
                                    <option value="<?= \common\models\RedActivity::TYPE_NOTMEMBER ?>">非会员</option>
                                    <option value="<?= \common\models\RedActivity::TYPE_MEMBER ?>">会员</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">个数/工地 ：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text" id="number" name="number" class="form-control" rows="2" maxlength="120" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">红包金额区间 ：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text" id="start_price"  placeholder="红包最小金额" name="start_price" class="form-control " rows="2" maxlength="50" >
                                <input type="text" id="end_price" placeholder="红包最大金额" name="end_price" class="form-control " rows="2" maxlength="50" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">可参与活动次数 ：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text" id="joincount" name="joincount" class="form-control" placeholder="0表示不限制" rows="2" maxlength="120" >
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">活动结束时间 ：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text" id="valid_at" name="valid_at" class="form-control"  rows="2" maxlength="120" >
                            </div>
                        </div>
                        <input type="hidden" name="_csrf-backend" value="<?=Yii::$app->request->csrfToken;?>" />
                        <div class="form-group">
                            <div class="col-sm-2"></div>
                            <div class="col-sm-10">
                                <button class="btn btn-primary" id="submit" onclick="return false;">提交</button>
                                <button  class="btn btn-default" onclick="window.history.back();return false;">返回</button>
                                </label>
                            </div>
                        </div>
                </div>
            </div>
    </form>


<script>
    laydate.skin('molv');
    var start = {
        elem: '#valid_at',
        format: 'YYYY-MM-DD',
//  min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16', //最大日期
        istime: true,
        istoday: false,
        choose: function(datas){
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    laydate(start);


    $('#submit').on('click',function () {
        $.ajax({
            url: '<?=Url::toRoute(['redpack/add'])?>',
            type: 'POST',
            dataType:"json",
            data: $('#myform').serialize(),
            success: function (data) {
                if(data.sign==1){
                    swal("", data.msg, "success");
                    window.location.href="<?=Url::toRoute(['redpack/index'])?>";
                    //layer.alert(data.msg);
                }else{
                    swal("", data.msg, "error");
                    //layer.alert(data.msg);
                }
            }
        });
    });

//    $('#username').onBlur(function(){
//        var username = $('#username').val();
//        $.ajax({
//            url: '<?//=Url::toRoute(['manage/checkname'])?>//',
//            type: 'POST',
//            dataType:"json",
//            data: {username:username, '_csrf-backend': '<?//=Yii::$app->request->getCsrfToken();?>//'},
//            success: function (data) {
//                if(data=='该账号已存在'){
//                    lock = false;
//                    layer.alert('该账号已存在');
//                }else{
//                    lock = true;
//                }
//            }
//        })
//    });

    var city = $.city;
    function province_list(province){
        var html = '<option value="">请选择省份</option>';
        var area=$.city.province();
        for(i=0;i<area.length;i++){
            html+='<option value="'+area[i].area_id+'"  area_name="'+area[i].name+'"';
            if(province!=''){
                if(province==area[i].name){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#province').html(html);

    }
    function city_list(provincename,cityname){
        var html = '<option value="">请选择城市</option>';
        var area=city.city(provincename);
        for(i=0;i<area.length;i++){
            html+='<option value="'+area[i].area_id+'" area_name="'+area[i].name+'"';
            if(cityname!=''){
                if(cityname==area[i].name){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#city').html(html);
    }

    function district_list(provincename,cityname,districtcode){
        var html = '<option value="">请选择地区</option>';
        var area=city.district(provincename,cityname);
        for(i=0;i<area.length;i++){
            html+='<option value="'+area[i].area_id+'" area_name="'+area[i].name+'"';
            if(districtcode!=''){
                if(districtcode==area[i].name){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#area').html(html);
    }

    $('#province').change(function(){
        var pro = $(this).find("option:selected").attr("area_name");
        city_list(pro,'');
        $('#area').html('<option>请选择地区</option>');
    });

    $('#city').change(function(){
        var pro = $('#province').find("option:selected").attr("area_name");
        var city = $(this).find("option:selected").attr("area_name");
        district_list(pro,city,'');
    });
    province_list();
</script>