haoshengxin/company/views/building/add_building.php

<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2017/3/17 0017
 * Time: 上午 10:52
 */
use yii\helpers\Url;
use yii\widgets\LinkPager;
use yii\widgets\ActiveForm;
use company\controllers\BuildingController;
?>
<style>
    .color{
        color: red;
    }
</style>
<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>
<form   id="myform"action="" method="get">
<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">
                    <select class="form-control way-select" style="width: 220px;float: left;" id="type" name="Building[type]">
                        <?php foreach(BuildingController::$type_arr as $key =>$type):?>
                            <option value="<?=$key?>" <?php if(!empty($model->type)){if($model->type==$key){echo 'selected';}}?>><?=$type?>
                            </option>
                        <?php endforeach?>
                    </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  style="width: 220px;float: left;" type="text" id="name" name="Building[name]" class="form-control " rows="2" maxlength="120" value="<?=isset($model->name)?$model->name:''?>">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">面积：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <input  style="width: 220px;float: left;"  type="text" id="acreage" name="Building[acreage]" class="form-control " rows="2" maxlength="120" value="<?=isset($model->acreage)?$model->acreage:''?>">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">单价：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <input   style="width: 220px;float: left;" type="text" id="budget" name="Building[budget]" class="form-control " rows="2" maxlength="120" value="<?=isset($model->budget)?$model->budget:''?>">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">可约时间：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <input style="width: 220px;float: left;" id="opening_begin" name="opening_begin" type="text" placeholder="请选择时间" class="layui-input search_created_at" value="<?=isset($model->opening_begin)?date('Y-m-d H:i:s',$model->opening_begin):''?>">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">结束时间：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <input style="width: 220px;float: left;" id="opening_end" name="opening_end" type="text" placeholder="请选择时间" class="layui-input search_created_at" value="<?=isset($model->opening_end)?date('Y-m-d H:i:s',$model->opening_end):''?>">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">装修进度：</label>
                <div class="col-sm-10"  style="padding-left:0">
                        <select class="form-control way-select" style="width: 220px;float: left;" id="stage" name="Building[stage]">
                            <?php foreach(BuildingController::$stage_arr as $key =>$stage):?>
                                <option value="<?=$key?>" <?php if(!empty($model->stage)){if($model->stage==$key){echo 'selected';}}?>><?=$stage?></option>
                            <?php endforeach?>
                        </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 class="form-control way-select" style="width: 220px;float: left;" id="layout" name="Building[layout]">
                        <?php foreach(BuildingController::$layout_arr as $key =>$layout):?>
                            <option value="<?=$key?>" <?php if(!empty($model->layout)){if($model->layout==$key){echo 'selected';}}?>><?=$layout?></option>
                        <?php endforeach?>
                    </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 class="form-control way-select" style="width: 220px;float: left;" id="style" name="Building[style]">
                        <?php foreach(BuildingController::$style_arr as $key =>$style):?>
                            <option value="<?=$key?>" <?php if(!empty($model->style)){if($model->style==$key){echo 'selected';}}?>><?=$style?></option>
                        <?php endforeach?>
                    </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 class="form-control way-select" style="width: 220px;float: left;" id="pattern" name="Building[pattern]">
                        <?php foreach(BuildingController::$pattern_arr as $key =>$pattern):?>
                            <option value="<?=$key?>" <?php if(!empty($model->pattern)){if($model->pattern==$key){echo 'selected';}}?>><?=$pattern?></option>
                        <?php endforeach?>
                    </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 class="form-control way-select" style="width: 220px;float: left;" id="manager_id" name="Building[manager_id]">
                        <?php if(!empty($model_manager)):?>
                        <?php foreach($model_manager as $key =>$mo):?>
                            <option value="<?=$mo->id?>" <?php if(!empty($model->manager_id)){if($model->manager_id==$mo->id){echo 'selected';}}?>><?=$mo->realname?></option>
                        <?php endforeach?>
                        <?php endif?>
                    </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 class="form-control way-select" style="width: 220px;float: left;" id="designer_id" name="Building[designer_id]">
                        <?php if(!empty($model_designer)):?>
                            <?php foreach($model_designer as $key =>$mo):?>
                                <option value="<?=$mo->id?>"<?php if(!empty($model->designer_id)){if($model->designer_id==$mo->id){echo 'selected';}}?>><?=$mo->realname?></option>
                            <?php endforeach?>
                        <?php endif?>
                    </select>
<!--                    <input  type="text" id="manager_id" name="Building[manager_id]" 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="" name="" 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 list-input1"   style="padding-left:0">
                    <select style="display: inline-block;" class="form-control province" id='province' name="province" onchange='search(this)'>
                        <option>请选择省份</option>
                    </select>
                    <select style="display: inline-block;" class="form-control city" id='city'name='Building[city]' onchange='search(this)'>
                        <option>请选择城市</option>
                    </select>
                    <select style="display: inline-block;" class="form-control district" id='district' name='Building[district]' onchange='search(this)'>
                        <option>请选择地区</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2  layui-form-label"></label>
                <div class="col-sm-10 layui-input-block" style="max-width:525px;">
                    <input type="text"  name="Building[address]"id="input" class="layui-input" placeholder="请输入详细地址">
                </div>
            </div>
            <div class="form-group layui-form-text">
                <label class="layui-form-label"></label>
                <div class="layui-input-block" style="height:200px;margin-top:20px;">
                    <div id="container" tabindex="0" style="width:525px;height:200px;border: 1px solid #e6e6e6;"></div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">客厅照片：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <a>
                        <img src="<?=empty($model->living->pic)?"":Yii::getAlias('@imgdomain').'/'.$model->living->pic?>" class="img-thumbnail living_room" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                        <input  type="hidden" id="living_room" name="living_room" class="form-control" rows="2" maxlength="120" value="<?=isset($model->living->pic)?$model->living->pic:''?>">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">主卧照片：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <a>
                        <img src="<?=empty($model->master->pic)?"":Yii::getAlias('@imgdomain').'/'.$model->master->pic?>" class="img-thumbnail master_bedroom" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                        <input  type="hidden" id="master_bedroom" name="master_bedroom" class="form-control" rows="2" maxlength="120" value="<?=isset($model->master->pic)?$model->master->pic:''?>">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">局部美图：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <a>
                        <img src="<?=empty($model->portion->pic)?"":Yii::getAlias('@imgdomain').'/'.$model->portion->pic?>" class="img-thumbnail portion" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                        <input  type="hidden" id="portion" name="portion" class="form-control" rows="2" maxlength="120" value="<?=isset($model->portion->pic)?$model->portion->pic:''?>">
                    </a>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">平面图：</label>
                <div class="col-sm-10"  style="padding-left:0">
                    <a>
                        <img src="<?=empty($model->flat->pic)?"":Yii::getAlias('@imgdomain').'/'.$model->flat->pic?>" class="img-thumbnail flat" id="imgurl" style="width: 200px;height: 100px;" imgtype="img">
                        <input  type="hidden" id="flat" name="flat" class="form-control" rows="2" maxlength="120" value="<?=isset($model->flat->pic)?$model->flat->pic:''?>">
                    </a>
                </div>
            </div>
            <?php if(!empty($model)):?>
                <input type="hidden" name="conduct" value="update"/>
                <input  type="hidden" name="topid" value="<?=isset($model->id)?$model->id:''?>" />
            <?php else:?>
                <input type="hidden" name="conduct" value="add" />
            <?php endif?>
            <input name="pickup_address_coordinate" type="hidden"   class="qh-zb " value=""/>
            <input type="hidden" name="id" id="id" value="<?=isset($id)?$id:''?>" />
            <div class="form-group">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-10">
                        <?php if(!empty($model)):?>
                            <a class="btn btn-primary" id="update">修改</a>
                        <?php else:?>
                            <a class="btn btn-primary" id="submit">添加</a>
                        <?php endif?>
                        </label>
                    </div>
                </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(['building/imgurl']),
            'method'=>'post',
        ]
    )?>
    <?= $form->field($picture_form, 'imageFile')->fileInput() ?>
    <input type="hidden"  id="type" name="type" data=""  value="">
    <input type="hidden"  id="type_image" name="type_image" >
    <?php ActiveForm::end() ?>
</div>
<script>
    $(".img-thumbnail").click(function(){
        var type = $(this).siblings().attr('id');
        $('#type_image').val(type);
        $("#upload_picture input").click();
        $('#upload_picture input').change(function(){
            if($("#uploadpictureform-picture").val() != ""){
                $('#upload_picture form').submit();
            }
        });
    });
    //    添加图片的返回函数
    function callback(message,status,url,type_image){
        if(status==1){
            $('.'+type_image).attr("src","<?=Yii::getAlias('@imgdomain'); ?>"+url);
            $('#'+type_image).val(url);
        }else{
            alert(message);
        }
    }

    $('#submit').click(function(){
//        var introduction = $('#introduction').val();
//        var realname = $('#realname').val();
//        if(realname ==""){
//            alert('请填写姓名');return false;
//        }else if(introduction==""){
//            alert('请填写简介');return false;
//        }
        $.ajax({
            url:'<?=Url::toRoute(['building/index']);?>',
            type:'GET',
            dataType:'json',
            data:$('#myform').serialize(),
            success:function(data){
                    alert(data.msg);
            }
        })
    });

    $('#update').click(function(){
//        var introduction = $('#introduction').val();
//        var realname = $('#realname').val();
//        if(realname ==""){
//            alert('请填写姓名');return false;
//        }else if(introduction==""){
//            alert('请填写简介');return false;
//        }
        $.ajax({
            url:'<?=Url::toRoute(['building/index']);?>',
            type:'GET',
            dataType:'json',
            data:$('#myform').serialize(),
            success:function(data){
                    alert(data.msg);
            }
        })
    });
</script>
<script>
    laydate.skin('molv');
    laydate({
        elem: '#opening_begin', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
        event: 'focus' //响应事件。如果没有传入event，则按照默认的click
    });
    laydate.skin('molv');
    laydate({
        elem: '#opening_end', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
        event: 'focus' //响应事件。如果没有传入event，则按照默认的click
    });

</script>
<script type="text/javascript">
    var JsArea = $.city;
    var map, geolocation,addres;
    var input=document.getElementById('input')
    //加载地图，调用浏览器定位服务
    map = new AMap.Map('container', {
        resizeEnable: true,
        zoom:16
    });
    map.plugin('AMap.Geolocation', function() {
        geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位，默认:true
            timeout: 10000,          //超过10秒后停止定位，默认：无穷大
            buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
            //zoomToAccuracy: true,      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
            buttonPosition:'RB'
        });
        map.addControl(geolocation);
        geolocation.getCurrentPosition();
        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
    });
    //解析定位结果
    var input=document.getElementById('input')
    function onComplete(data) {
        lnglatXY = [data.position.getLng(), data.position.getLat()];
        regeocoder();
    }
    //逆地理编码
    function regeocoder() {
        var geocoder = new AMap.Geocoder({
            resizeEnable: true,
            radius: 1000,
            extensions: "all"
        });
        geocoder.getAddress(lnglatXY, function(status, result) {
            console.log(result);
            if (status === 'complete' && result.info === 'OK') {
                geocoder_CallBack(result);
            }
        });
    }
    function geocoder_CallBack(data) {
        var address = data.regeocode.formattedAddress; //返回地址描述
        input.value = data.regeocode.formattedAddress;
        var str=data.regeocode.formattedAddress;
        addres=str;
        Map_position(str);
        $(".pickup_address_all").val(str);
        ad();
        str=str.replace(data.regeocode.addressComponent.province,"");
        str=str.replace(data.regeocode.addressComponent.city,"");
        str=str.replace(data.regeocode.addressComponent.district,"");
        input.value=str;
        console.log(data.regeocode.addressComponent.province);
        province_list(data.regeocode.addressComponent.province);
        city_list(data.regeocode.addressComponent.province,data.regeocode.addressComponent.city);
        district_list(data.regeocode.addressComponent.province,data.regeocode.addressComponent.city,data.regeocode.addressComponent.adcode);
    }
    //解析定位错误信息
    function onError(data) {
        province_list('');
        alert("定位失败");
    }
//    province_list();
    AMap.plugin('AMap.Geocoder',function(){
        var geocoder = new AMap.Geocoder({
            city: "010"//城市，默认：“全国”
        });
        var marker = new AMap.Marker({
            map:map,
            bubble:true
        })
        map.on('click',function(e){
            marker.setPosition(e.lnglat);
            geocoder.getAddress(e.lnglat,function(status,result){
                input.value = result.regeocode.formattedAddress;
                var str=result.regeocode.formattedAddress;
                addres=str;
                Map_position(str);
                $(".pickup_address_all").val(str);
                ad();
                str=str.replace(result.regeocode.addressComponent.province,"");
                str=str.replace(result.regeocode.addressComponent.city,"");
                str=str.replace(result.regeocode.addressComponent.district,"");
                input.value=str;
//                    $(".province").val(result.regeocode.addressComponent.province);
//                    $(".city").val(result.regeocode.addressComponent.citycode);
//                    $(".district").val(result.regeocode.addressComponent.adcode);
                console.log(result);
                province_list(result.regeocode.addressComponent.province);
                city_list(result.regeocode.addressComponent.province,result.regeocode.addressComponent.city);
                district_list(result.regeocode.addressComponent.province,result.regeocode.addressComponent.city,result.regeocode.addressComponent.adcode);

            })
        })
    });
    $('#province').change(function(){
        var pro = $(this).find("option:selected").attr("area_name");
        city_list(pro,'');
        $('#district').html('<option>请选择地区</option>');
        $('#input').val('');
//        Map_position(pro);
    })
    $('#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,'');
//        Map_position(city);
    })
    $('#district').change(function(){
        var district = $(this).find("option:selected").attr("area_name");
//        Map_position(district);
    })
    $('#input').change(function(){
        var street = $(this).val();
        pro=$('#province option:selected').text();
        cit=$('#city option:selected').text();
        dis=$('#district option:selected').text();
        Map_position(pro+cit+dis+street);
        $(".pickup_address_all").val(pro+cit+dis+street);
    })
    var pro,cit,dis,addres;
    $('#province').change(function(){
        pro=$('#province option:selected').text();
        addres=pro;ad();
    });
    $('#city').change(function(){
        pro=$('#province option:selected').text();
        cit=$('#city option:selected').text();
        addres=pro+cit;ad();
    });
    $('#district').change(function(){
        pro=$('#province option:selected').text();
        cit=$('#city option:selected').text();
        dis=$('#district option:selected').text();
        addres=pro+cit+dis;ad();
    });

    //输入提示
    function ad(){
        if (addres!="") {
            var auto = new AMap.Autocomplete({
                city:addres,
                input: "input"
            });

            var placeSearch = new AMap.PlaceSearch({
                map: map
            });  //构造地点查询类
            AMap.event.addListener(auto, "select", select);//注册监听，当选中某条记录时会触发
            function select(e) {
                placeSearch.setCity(e.poi.adcode);
                placeSearch.search(e.poi.name);  //关键字查询查询
            }
        };
    }
    function province_list(province){
        var html = '<option>请选择省份</option>';
        var area=JsArea.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>请选择城市</option>';
        var area=JsArea.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>请选择地区</option>';
        var area=JsArea.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].area_id){
                    html+='selected=selected';
                }
            }
            html+='>'+area[i].name+'</option>';
        }
        $('#district').html(html);
    }
    function Map_position(text){
        var placeSearch = new AMap.PlaceSearch();
        placeSearch.search(text, function(status, result) {
            if (status === 'complete' && result.info === 'OK') {
                var poiArr = result.poiList.pois;
                //如果没有显示地图，就不用for
                for(var i=0;i<poiArr.length;i++){
                    marker = new AMap.Marker({
                    });
                }
                $(".qh-zb").val(poiArr[0].location.lng+","+poiArr[0].location.lat);
            }
        });
    }
    var map, district, polygons = [], citycode;
    var citySelect = document.getElementById('city');
    var districtSelect = document.getElementById('district');
    var areaSelect = document.getElementById('street');

</script>;