admin1/Home/View/Devices/edit.html

<style>
	.anchorBL {display:none;}
	.tangram-suggestion-main{z-index:1000;}
</style>
<script src="__PUBLIC__/B-JUI/mycssandjava/area.js"></script>
<div class="bjui-pageContent">
<form action="__APP__{$action}"  data-toggle="ajaxform" data-options="{closeCurrent:true}" >
<div class="pageFormContent" data-layout-h="0" style="overflow: auto;">
          <table class="table table-condensed table-hover" width="100%">
           <tbody>
           	<tr>
            <td>
                <label class="control-label x85">设备ID：</label>
                <input type="hidden" name="deviceid"  value="{$list.deviceid}" >
                <input type="text" size="20" disabled="" name="devicess"  value="{$list.deviceid}" class="form-control" >
                <span style="color:red;" >*</span>
            </td>
            <td>
                <label for="j_title" class="control-label x85">设备类型：</label>
                <select name="devicetype" data-toggle="selectpicker" data-width="150" >
                            <option <if condition="$list.devicetype EQ '0' ">selected</if> value="0" > </option>
                            <option <if condition="$list.devicetype EQ '1' ">selected</if> value="1">消防单位</option>
                            <option <if condition="$list.devicetype EQ '2' ">selected</if> value="2">联网单位</option>
                            <option <if condition="$list.devicetype EQ '3' ">selected</if> value="3">维保单位</option>
                            <option <if condition="$list.devicetype EQ '4' ">selected</if> value="4">其他</option>
                            <!-- <option <if condition="$list.cus_type EQ '开户问题' ">selected</if> value="开户问题"> 开户问题</option> -->
                        </select>
            </td></tr>
            <tr>
            <td>
                <label  class="control-label x85">设备型号：</label>
                <input type="text" size="20" name="model"  value="{$list.model}" class="form-control" >
            </td>
            <td>
                <label  class="control-label x85">设备名称：</label>
                <input type="text" size="20" name="devname"  value="{$list.devname}" class="form-control" >
            </td></tr>
            <tr>
            <td>
                <label  class="control-label x85">厂商：</label>
                <input type="text" size="20" name="manufacturer"  value="{$list.manufacturer}" class="form-control" >
            </td>
            <td>
                <label class="control-label x85">厂商电话：</label>
                <input type="text" size="20" name="manufacturer_phone"  value="{$list.manufacturer_phone}" class="form-control" >
                
            </td></tr>
            <tr>
            <td>
                <label  class="control-label x85">设备状态：</label>
            		<select name="devstatus" data-toggle="selectpicker" data-width="150" >
                            <option <if condition="$list.devstatus EQ '0' ">selected</if> value="0" > </option>
                            <option <if condition="$list.devstatus EQ '1' ">selected</if> value="1">正常</option>
                            <option <if condition="$list.devstatus EQ '2' ">selected</if> value="2">异常</option>
                        </select>
            </td>
            <td>
                <label class="control-label x85">设备卡号：</label>
                <input type="text" size="20" name="phone"  value="{$list.phone}" class="form-control" >
                
            </td></tr>
            <tr>
            <td>
                <label  class="control-label x85">联网类型：</label>
                <select name="linktype" data-toggle="selectpicker" data-width="150" >
                            <option <if condition="$list.linktype EQ '0' ">selected</if> value="0" > </option>
                            <option <if condition="$list.linktype EQ '1' ">selected</if> value="1">手机卡</option>
                            <option <if condition="$list.linktype EQ '2' ">selected</if> value="2">wifi连接</option>
                            <option <if condition="$list.devicetype EQ '3' ">selected</if> value="3">网线连接</option>
                        </select>
            </td>
            <td>
                <label class="control-label x85">联网状态：</label>
               
                <select name="linkstatus"  data-toggle="selectpicker" data-width="150" >
                            <option <if condition="$list.linkstatus EQ '0' ">selected</if> value="0" > </option>
                            <option <if condition="$list.linkstatus EQ '1' ">selected</if> value="1">正常</option>
                            <option <if condition="$list.linkstatus EQ '2' ">selected</if> value="2">异常</option>
                        </select>
                
            </td></tr>
            <tr>
            <td>
                <label  class="control-label x85">安装人员：</label>
                <input type="text" size="20" name="installman"  value="{$list.installman}" class="form-control" >
            </td>
            <td>
                <label class="control-label x85">联系电话：</label>
                <input type="text" size="20" name="installphone"  value="{$list.installphone}" class="form-control" >
                
            </td></tr>
            <tr><td colspan="2">
                <label class="control-label x85">所属客户：</label>
                <!-- <input type="text" size="20" name="agentid"  value="{$list.agentid}" class="form-control" ></td> -->
                <select name="agentid"  data-toggle="selectpicker" data-width="150" >
                    <option value=""></option>
                    <volist name="userlist" id="vo">
                        <option <if condition="$vo.username EQ $list.agentid ">selected</if> value="{$vo.username}" >{$vo.truename}</option>
                    </volist>
                </select>
              	</td>
            </tr>
            <tr><td colspan="2">
            	<label class="control-label x85">地址：</label>
		<select id="s_province" name="addr1"></select> 
    <select id="s_city" name="addr2" ></select>  
    <select id="s_county" name="addr3"></select>
    <span style="color:red;" >*</span>

            		</td>
            </tr>
            <!--<tr><td colspan="2">
            	<label class="control-label x85">地址：</label>
							        <select name="addr1" data-toggle="selectpicker" data-nextselect="#j_form_addr2" data-refurl="__MODULE__/Public/getaddr2">
							            <option value="all">--省市--</option>
							            <volist name="city" id="cityaddr1">
							            	<option value="{$cityaddr1.id}">{$cityaddr1.name}</option>
							            </volist>
							        </select>
							        <select name="addr2" id="j_form_addr2" data-toggle="selectpicker" data-nextselect="#j_form_addr3" data-refurl="__MODULE__/Public/getaddr3" data-val="bj" data-emptytxt="--城市--">
							            <option value="all">--城市--</option>
							        </select>
							        <select name="addr3" id="j_form_addr3" data-toggle="selectpicker" data-val="朝阳" data-emptytxt="--区县--">
							            <option value="all">--区县--</option>
							        </select>
            		</td>
            </tr>-->
            <tr><td colspan="2">
                <label class="control-label x85">设备地址：</label>
                <input type="text" size="20" name="devaddre" id="suggestId"  value="" class="form-control" >
                <a  class="btn btn-green" onclick="Setposition();" >定位</a>
                <label id="la-text"></label>
                <input type="hidden" name="position"  value="{$list.position}" id="latng">		
                </td>

            </tr>
            <tr>
            <td colspan="2">
            <div id="allmap" style="width: 100%; height:380px; display: flex; justify-content: center;align-items: center;">zxczxcxz</div>    
            </td>    
            </tr> 
           
            </tbody>
            </table>
        </div>


  </div>        
       <div class="bjui-pageFooter">
            <ul>
                <li><button type="button" class="btn-close" data-icon="close">取消</button></li>
                <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
            </ul>
        </div> 
<div id="searchResultPanel" style=" position: absolute;z-index:999;important! border:1px solid #C0C0C0; width:220px; height:auto; display:none;"></div>        
</from>
<script type="text/javascript">
	_init_area();
	showArea();
	function showArea(){
	$('#s_province').val("{$list.addr1}");
	change(1);
	$('#s_city').val("{$list.addr2}");
	change(2);
	$('#s_county').val("{$list.addr3}");
	}
	
	
	var myValue='';
	var map = new BMap.Map("allmap");
	window.map = map;
	var point = new BMap.Point(121.48,31.22);

	map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
	map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
	map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件
	map.enableScrollWheelZoom();                            //启用滚轮放大缩小
	map.addControl(new BMap.MapTypeControl());          //添加地图类型控件
	map.disable3DBuilding();
	map.centerAndZoom(point, 9); 
	/*map.addEventListener("click",function(e){
		alert(e.point.lng + "," + e.point.lat);
	});

	//代码使用如下,即可. 模板页可以查看http://lbsyun.baidu.com/custom/list.htm      
	//map.setMapStyle({style:'midnight'});

	changeMapStyle('midnight');

	function changeMapStyle(style){
		map.setMapStyle({style:style});
	}*/
	
//输入搜索	
	function G(id) {
		return document.getElementById(id);
	}
var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
		{"input" : "suggestId"
		,"location" : map
	});
   document.getElementById("suggestId").value="{$list.devaddre}";
	ac.addEventListener("onhighlight", function(e) {  //鼠标放在下拉列表上的事件
	var str = "";
		var _value = e.fromitem.value;
		var value = "";
		if (e.fromitem.index > -1) {
			value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
		}    
		str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;
		
		value = "";
		if (e.toitem.index > -1) {
			_value = e.toitem.value;
			value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
		}    
		str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
		G("searchResultPanel").innerHTML = str;
	});

	ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件
	var _value = e.item.value;
		myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
		console.log(e.item.value);
		G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;
		
		setPlace();
	});

	function setPlace(){
		myValue=document.getElementById("suggestId").value;
		map.clearOverlays();    //清除地图上所有覆盖物
		function myFun(){
			var vr=local.getResults().vr;
			var pp='';
			console.log(local.getResults());
		  pp = local.getResults().getPoi(0).point;//获取第一个智能搜索的结果
      document.getElementById("latng").value=pp.lng+','+pp.lat; //经度,纬度
      //console.log(pp.lng);
			map.centerAndZoom(pp, 19);
			map.addOverlay(new BMap.Marker(pp));    //添加标注
			
		}
		var local = new BMap.LocalSearch(map, { //智能搜索
		  onSearchComplete: myFun
		});
		local.search(myValue);
	}

function Setposition(){
    var vali=document.getElementById("suggestId").value;
var url1 ='http://api.map.baidu.com/geocoder/v2/?address='+vali+'&output=json&ak=4FjGxlxzQrIkl7BxwMPl6da5yMxsXwp4';
 $.ajax({
        url: url1,
        type: 'GET',
        dataType: 'JSONP',//here
        success: function (data) {
           if (data.status=="0") {
              var val=data.result.location;
              var point=new BMap.Point(val.lng,val.lat);
             document.getElementById("latng").value=val.lng+','+val.lat; //纬度,经度 
            map.clearOverlays(); 
            map.centerAndZoom(point, 19);
            map.addOverlay(new BMap.Marker(point));
            console.log(data); 
          
            if (data.result.precise=="1") {
             document.getElementById('la-text').innerHTML='精确查找';
            }
            else{
             document.getElementById('la-text').innerHTML='模糊查找';
            }
            
           }  
           else{
              console.log(data.msg); 
           }
         
          
        }
    });
}


</script>