haoshengxin/backend/views/company/edit.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/3/17 0017
 * Time: 下午 3:41
 */
use yii\helpers\Url;
use yii\widgets\ActiveForm;
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(['company/edit']);?>" method="post">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">

                        <h5><a class="btn btn-xs btn-primary" href="<?=\yii\helpers\Url::toRoute(['user/decoratelist']);?>"><i class="fa fa-reply"></i>&nbsp;返回列表</a>
                            编辑</h5>
                    </div>
                    <div class="ibox-content form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><b style="color: red;">*</b>公司名称：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text"id="company" name="UserCompany[company]" class="form-control " rows="2" maxlength="120" value="<?=$data->company ?>">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label"><b style="color: red;">*</b>电话：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input name="UserCompany[tel]" id="tel" class="form-control " rows="2" maxlength="120" value="<?=$data->tel ?>">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">是否会员：</label>
                            <div class="col-sm-10"  style="padding-left:0;padding-top: 7px;">
                                <label><input name="UserCompany[member]" type="radio" value="<?=\common\models\UserCompany::ISMEMBER?>"<?php if(!empty($data->member)):?><?=($data->member==\common\models\UserCompany::ISMEMBER)?"checked='checked'":''?><?php endif ?>/>是</label>
                                <label><input name="UserCompany[member]" type="radio" value="<?=\common\models\UserCompany::NOMEMBER?>"<?php if(!empty($data->member)):?><?=($data->member==\common\models\UserCompany::NOMEMBER)?"checked='checked'":''?><?php else:?>checked='checked'<?php endif;?> />否</label>
                            </div>
                        </div>

                        <?php if($data->member == \common\models\UserCompany::ISMEMBER): ?>
                        <div class="form-group div_vip"  >
                            <?php else:?>
                            <div class="form-group div_vip" style="display: none;" >
                            <?php endif; ?>
                            <label class="col-sm-2 control-label">会员周期</label>

                            <div class="col-sm-10" style="padding-left:0">
                                <input placeholder="开始日期" value="<?= !empty($data->vip_start)?date('Y-m-d',$data->vip_start):"" ?>" name="UserCompany[vip_start]" class="form-control layer-date" id="start">
                                <input placeholder="结束日期" value="<?= !empty($data->vip_end)?date('Y-m-d',$data->vip_end):"" ?>" name="UserCompany[vip_end]" class="form-control layer-date" id="end">
                            </div>

                        </div>
                        <!--上传封面-->
                        <div class="form-group">
                            <label class="col-sm-2 control-label">公司logo：</label><br>
                            <a>
                                <img src="<?=empty($data->logo)?'../images/add_bg.jpg':Yii::getAlias('@imgdomain').'/'.$data->logo;?>" class="img-thumbnail articlelibrary_imgurl" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                                <input id="imgurl_input" type="hidden" name="UserCompany[logo]" value="<?=empty($data->logo)?"":"$data->logo"?>" >
                            </a>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">营业执照：</label><br>
                            <a>
                                <img src="<?=empty($data->licence)?'../images/add_bg.jpg':Yii::getAlias('@imgdomain').'/'.$data->licence;?>" class="img-thumbnail articlelibrary_imgurl" id="licence" style="width: 200px;height: 100px;" imgtype="img">
                                <input id="licence_input" type="hidden" name="UserCompany[licence]" value="<?=empty($data->licence)?"":"$data->licence"?>" >
                            </a>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">公司年限：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input name="UserCompany[age]" class="form-control " rows="2" maxlength="120" value="<?=$data->age ?>">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">公司地址：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <select id="province" name="UserCompany[province]" style="display:inline-block;height: 36px;width:144px;line-height: 36px;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 2px;">
                                    <option value="">选择省份</option>
                                </select>
                                <select id="city" name="UserCompany[city]" style="display:inline-block;height: 36px;width:144px;line-height: 36px;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 2px;">
                                    <option value="">选择城市</option>
                                </select>
                                <select id="district" name="UserCompany[district]" style="display:inline-block;height: 36px;width:144px;line-height: 36px;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 2px;">
                                    <option value="">选择地区</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 name="UserCompany[address]" id="address" class="form-control " rows="2" style="width:400px;"  maxlength="120" value="<?=$data->address ?>">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">公司简介：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                              <textarea name="UserCompany[introduction]" rows="10" cols="100"><?=$data->introduction ?></textarea>
                            </div>
                        </div>

                        <input type="hidden" name="UserCompany[id]" value="<?=$data->id ?>">
                        <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="submit1">提交</button>
                                <button  class="btn btn-default" onclick="location.href='<?=Url::toRoute(['user/decoratelist']);?>';return false;">取消添加</button>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
  

</form>
<!--上传封面图片的div-->
<iframe name="upload_target" style="display: none;"></iframe>
<div id="upload_picture" style="display: none;">
    <?php $form = ActiveForm::begin(
        [
            'options' => ['enctype' => 'multipart/form-data','target'=>'upload_target'],
            'action'=>Url::toRoute(['user/logoimgurl']),
            'method'=>'post',
        ]
    )?>
    <?= $form->field($picture_form, 'imageFile')->fileInput() ?>
    <input type="hidden" id="upfield" data=" ">
    <?php ActiveForm::end() ?>
</div>

<script>
    var start = {
        elem: "#start",
        //format: "YYYY/MM/DD hh:mm:ss",
        //min: laydate.now(),

        //istime: true,
        istoday: false,
        choose: function(datas) {
            //console.log(datas);
            //end.min = datas;
            //end.start = datas;
        }
    };
    var end = {
        elem: "#end",
        //format: "YYYY/MM/DD hh:mm:ss",
        //min: laydate.now(),

        //istime: true,
        istoday: false,
        choose: function(datas) {
            // start.max = datas;
        }
    };
    laydate(start);
    laydate(end);

    $('input[name="UserCompany[member]"]').on('change',function () {
        if($(this).val() ==<?= \common\models\UserCompany::ISMEMBER?>)
            $('.div_vip').show();
        else
            $('.div_vip').hide();

    })

    // 富文本編輯器
//    $(".summernote").summernote({lang:"zh-CN"});
    //$('#summernote').summernote({lang:"zh-CN"});
//        上传封面
    $(".articlelibrary_imgurl").click(function(){
        $("#upload_picture input").click();
        $('#upload_picture input').change(function(){
            if($("#uploadpictureform-picture").val() != ""){
                $('#upload_picture form').submit();
            }
        });
        var id = $(this).attr('id');
        $('#upfield').attr('data',id);
//        var type=$(this).attr('imgtype');
//        $('#type').attr('value',type);

    });

    //    添加图片的返回函数
    function callback(message,status,url){
        if(status==1){
            var id = $('#upfield').attr('data');
            $('#'+id).attr("src","<?=Yii::getAlias('@imgdomain'); ?>"+url);
            $('#'+id+'_input').val(url);
//            $('#'+id+"_input").val(url);
            $("#uploadpictureform-picture").val("");
            $('#upload_picture form')[0].reset();
        }else{
            alert(message);
        }
    }


    var lock = true;

    $('#email').blur(function(){
        var email = $('#email').val();
        if(email=='')
        {
            return false;
        }
        var email_reg =  /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
        if(!email_reg.test(email)&&email!=''){
            layer.alert('邮箱格式不正确');
            return false;
        }
    });
    $('#tel').blur(function(){
        var tel = $('#tel').val();
        var tel_reg = /^1[34578]\d{9}$/;
        if(tel==''){
            layer.alert('电话不能为空');
            lock = false;
            return false;
        }else if(!tel_reg.test(tel)){
            layer.alert('手机号码格式不正确');
            return false;
        }
    });
    $('#submit1').click(function(){
        var company = $('#company').val();
        var tel = $('#tel').val();
        var tel_reg = /^1[34578]\d{9}$/;
         if(tel!=''){
            if(!tel_reg.test(tel)){
                layer.alert('手机号码不正确');
                return false;
            }
        }else if(company ==''){
            layer.alert('公司名不能为空');
            return false;
        }
        if(lock){
            lock=false;
            $('#myform').submit();
        }
    });



    var city = $.city;
    function province_list(province){
        var html = '<option value="">请选择省份</option>';
        var area=$.city.province();
        province = "<?=isset($data->province)?$data->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].area_id){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#province').html(html);

    }
    province_list();

    function city_list(provincename,cityname){
        var html = '<option value="">请选择城市</option>';
        var area=city.city(provincename);
        cityname = "<?=isset($data->city)?$data->city:''?>";
        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].area_id){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#city').html(html);
    }
    var city_initial = $('#province').find("option:selected").attr("area_name");
    city_list(city_initial);
    function district_list(provincename,cityname,districtcode){
        var html = '<option value="">请选择地区</option>';
        var area=city.district(provincename,cityname);
        districtcode = "<?=isset($data->district)?$data->district:''?>";
        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].area_id){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#district').html(html);
    }
    var province_initial = $('#city').find("option:selected").attr("area_name");
    district_list(city_initial,province_initial);
    $('#province').change(function(){
        var pro = $(this).find("option:selected").attr("area_name");
        city_list(pro,'');
        $('#district').html('<option value="">请选择地区</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,'');
    });


</script>