haoshengxin/backend/views/user/adddecorate.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;
use kucha\ueditor\UEditor;
$position_arr = [
    '0'=>'轮播框',
    '1'=>'平台公告',
    '2'=>'轮播框下方',
];
//$type_arr = [
//    '0'=>'图片',
//    '1'=>'文字公告',
//    '2'=>'轮播框下方',
//]
?>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=210550b67bddb270e575a1838060f8ec&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<script src="/js/layer/laydate/laydate.js"></script>
<!--<script src="../js/area-picker.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(['user/add_decorate']);?>" 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"><b style="color: red;">*</b>账号：</label>
                            <div class="col-sm-10"  style="padding-left:0">
                                <input type="text"id="username" name="username" class="form-control " rows="2" maxlength="120" value="">
                            </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 type="text"id="company" name="company" class="form-control " rows="2" maxlength="120" value="">
                            </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="tel" id="tel" class="form-control " rows="2" maxlength="120" value="">
                            </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 type="password" name="pwd" id="pwd" class="form-control "  maxlength="255" value="">
                            </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 type="password" name="pwd_again" id="pwd_again" class="form-control "  maxlength="255" value="">
                            </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="member" type="radio" value="<?=\common\models\UserCompany::ISMEMBER?>"<?php if(!empty($model->type)):?><?=($model->type==\common\models\UserCompany::ISMEMBER)?"checked='checked'":''?><?php endif ?>/>是</label>
                                <label><input name="member" type="radio" value="<?=\common\models\UserCompany::NOMEMBER?>"<?php if(!empty($model->type)):?><?=($model->type==\common\models\UserCompany::NOMEMBER)?"checked='checked'":''?><?php else:?>checked='checked'<?php endif;?> />否</label>
                            </div>
                        </div>

                        <div class="form-group div_vip" style="display: none;">
                            <label class="col-sm-2 control-label">会员周期：</label>
                            <div class="col-sm-10" style="padding-left:0">
                                <input placeholder="开始日期" value="" name="vip_start" class="form-control layer-date" id="start">
                                <input placeholder="结束日期" value="" name="vip_end" class="form-control layer-date" id="end">
                            </div>
                        </div>

                        <!--上传封面-->
                        <div class="form-group" style="display: none;">
                            <label class="col-sm-2 control-label">公司logo：</label><br>
                            <a>
                                <img src="../images/add_bg.jpg" class="img-thumbnail articlelibrary_imgurl" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                                <input id="imgurl_input" type="hidden" name="logo" value="" >
                            </a>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">营业执照：</label><br>
                            <a>
                                <img src="../images/add_bg.jpg" class="img-thumbnail articlelibrary_imgurl" id="licence" style="width: 200px;height: 100px;" imgtype="img">
                                <input id="licence_input" type="hidden" name="licence" value="" >
                            </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="age" class="form-control " rows="2" maxlength="120" value="">
                            </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="level" id="level" class="form-control " rows="2" maxlength="120" value="">-->
<!--                            </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="email" id="email" class="form-control " rows="2" maxlength="120" value="">
                            </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="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="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="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="address" id="address" class="form-control " style="width:400px;"  rows="2" maxlength="120" value="">
                            </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="introduction" rows="10" cols="100"></textarea>
                            </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="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="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);

    });
    var city = $.city;
    //    添加图片的返回函数
    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);
        }
    }
    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);
    }
        province_list();
    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>';
        }
        $('#district').html(html);
    }
    $('#province').change(function(){
        var pro = $(this).find("option:selected").attr("area_name");
        city_list(pro,'');
        $('#district').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,'');
    });
    var lock = true;
    $('#username').blur(function(){
        var username = $('#username').val();
        var passreg = /^[a-zA-Z]\w{5,17}$/;
        //if(!passreg.test(username)){
        if(username==''){
           // layer.alert('请输入以字母为开头，只包含字符、数字和下划线，长度在6~18之间的账号');
            layer.alert('账号不能为空');
            lock = false;
            return false;
        }else{
            $.ajax({
                url: '<?=Url::toRoute(['user/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;
                    }
                }
            })
        }
    });
    $('#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;
        }
        $.ajax({
            url: '<?=Url::toRoute(['user/checkemail'])?>',
            type: 'POST',
            dataType:"json",
            data: {email:email, '_csrf-backend': '<?=Yii::$app->request->getCsrfToken();?>'},
            success: function (data) {
                if(data=='该email已存在'){
                    lock = false;
                    layer.alert('该email已存在');
                }else{
                    lock = true;
                }
            }
        })
    });
    $('#tel').blur(function(){
        var tel = $('#tel').val();
        var tel_reg = /^1[34578]\d{9}$/;
        //if(!passreg.test(username)){
        if(tel==''){
            // layer.alert('请输入以字母为开头，只包含字符、数字和下划线，长度在6~18之间的账号');
            layer.alert('电话不能为空');
            lock = false;
            return false;
        }else if(!tel_reg.test(tel)){
            layer.alert('手机号码格式不正确');
            return false;
        }else{
            $.ajax({
                url: '<?=Url::toRoute(['user/checktel'])?>',
                type: 'POST',
                dataType:"json",
                data: {tel:tel, '_csrf-backend': '<?=Yii::$app->request->getCsrfToken();?>'},
                success: function (data) {
                    if(data=='该号码已存在'){
                        lock = false;
                        layer.alert('该号码已存在');
                    }else{
                        lock = true;
                    }
                }
            })
        }
    });
    $('#submit1').click(function(){
        var pwd = $('#pwd').val();
        var imgurl_input = $('#imgurl_input').val();
        var company = $('#company').val();
        var level = $('#level').val();
        var pwd_again = $('#pwd_again').val();
        var email = $('#email').val();
        var tel = $('#tel').val();
        var tel_reg = /^1[34578]\d{9}$/;
        var passreg = /^[a-zA-Z]\w{5,17}$/;
        var email_reg =  /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
        if(pwd ==''){
            layer.alert('请设置密码');
            return false;
        }else if(!passreg.test(pwd)){
            layer.alert('请输入以字母为开头，只包含字符、数字和下划线，长度在6~18之间的密码');
            return false;
        }else if(pwd_again ==''){
            layer.alert('请再输一次密码');
            return false;
        }else if(pwd_again !=pwd){
            layer.alert('两次输入的密码不正确');
            return false;
        }else if(email!=''){
            if(!email_reg.test(email)){
                layer.alert('邮箱格式不正确');
                return false;
            }
        }else if(tel!=''){
            if(!tel_reg.test(tel)){
                layer.alert('手机号码不正确');
                return false;
            }
        }else if(company ==''){
            layer.alert('公司名不能为空');
            return false;
        }
        if(lock){
            lock=false;
            var pro = $('#province').find("option:selected").attr("area_name");
            var city = $('#city').find("option:selected").attr("area_name");
            var district = $('#district').find("option:selected").attr("area_name");
            var address = $('#address').val();
            var arr = new Array();
            arr.push(pro);arr.push(city);arr.push(district);arr.push(address);
            $('#address').val(arr.join(""));
            $('#myform').submit();
        }else{
            alert('该账号不能注册,请换一个账号')
        }
    });
</script>