{% extends 'MirrorMainBundle:Base:base.html.twig' %}

{% block script %}
	<script type="text/javascript">
		$(function(){
			
		});
		function AngularAction($scope,$http,$location,$timeout){
			$scope.topbar = '修改订单';
			$scope.orderId = '{{orderId}}'
			$scope.topbarReturn = true;
			$scope.orderInfo = {};
			httpAction($http,'/api/dict/key/1','GET',
				{},
				function(response){
					$scope.serveTypeList = response.valueList;
				},
				function(errno,errmsg){

			});
			httpAction($http,'/api/dict/key/7','GET',
				{},
				function(response){
					$scope.diseaseList = response.valueList;
				},
				function(errno,errmsg){

			});
			var start = {};
			var end = {};
			//alert(getCookie('detailHistory'));
			if(getCookie('detailHistory')){
				var CookieInfo = $.evalJSON(getCookie('detailHistory'));
				$scope.orderInfo = CookieInfo.orderInfo;
				setTimeController($scope.orderInfo.hopeTime);
				$scope.start = CookieInfo.otherInfo.begin;
				$scope.end = CookieInfo.otherInfo.end;
				$scope.serveName = CookieInfo.otherInfo.serveName;
				$scope.diseaseName = CookieInfo.otherInfo.diseaseName;
				getStartCode($scope,$http,0,1,$scope.orderInfo.beginCityInfo.r1Code,$scope.orderInfo.beginCityInfo.r2Code);
				getEndCode($scope,$http,0,1,$scope.orderInfo.endCityInfo.r1Code,$scope.orderInfo.endCityInfo.r2Code);
				setTimeout("setCookie('detailHistory','',-1)",1000);
			}else{
				httpAction($http,apiPath('/api/order/detail/get/'+{{orderId}}),'GET',
					{},
					function(response){
						$scope.orderInfo = response.order;
						$scope.serveName = $scope.orderInfo.serviceType;
						$scope.diseaseName = $scope.orderInfo.diseaseType;
						$scope.orderInfo.beginPositionLong = response.order.beginPosition;
						$scope.orderInfo.endPositionLong = response.order.endPosition;
						$scope.start = {
							'province':$scope.orderInfo.beginCityInfo.r1Name,
							'city':$scope.orderInfo.beginCityInfo.r2Name,
							'region':$scope.orderInfo.beginCityInfo.r3Name
						}
						$scope.end = {
							'province':$scope.orderInfo.endCityInfo.r1Name,
							'city':$scope.orderInfo.endCityInfo.r2Name,
							'region':$scope.orderInfo.endCityInfo.r3Name
						}
						getStartCode($scope,$http,0,1,$scope.orderInfo.beginCityInfo.r1Code,$scope.orderInfo.beginCityInfo.r2Code);
						getEndCode($scope,$http,0,1,$scope.orderInfo.endCityInfo.r1Code,$scope.orderInfo.endCityInfo.r2Code);
						setTimeController($scope.orderInfo.hopeTime);
					},
					function(errno,errmsg){

				});
			}

			$scope.SelectProvince=function(target,type){
				if(type == 1){
					var targetInfo = $.evalJSON(target.startProvinceInfo);
					$scope.start.province = targetInfo.name;
					$scope.orderInfo.beginCityInfo.r1Code = targetInfo.code;
					$scope.start.city = '城市';
					$scope.start.region = '县';
					START_CITY_CODE = '';
					$scope.orderInfo.beginCityCode = '';
					getStartCode($scope,$http,targetInfo.code,2);
				}else{
					var targetInfo = $.evalJSON(target.endProvinceInfo);
					$scope.end.province = targetInfo.name;
					$scope.orderInfo.endCityInfo.r1Code = targetInfo.code;
					$scope.end.city = '城市';
					$scope.end.region = '县';
					END_CITY_CODE = '';
					$scope.orderInfo.endCityCode = '';
					getEndCode($scope,$http,targetInfo.code,2);
				}
			}

			$scope.SelectCity=function(target,type){
				if(type == 1){
					var targetInfo = $.evalJSON(target.startCityInfo);
					$scope.start.city = targetInfo.name;
					START_CITY_CODE = targetInfo.code;
					$scope.orderInfo.beginCityInfo.r2Code = targetInfo.code;
					$scope.orderInfo.beginCityCode = targetInfo.code;
					$scope.start.region = '县';
					getStartCode($scope,$http,targetInfo.code,3);
				}else{
					var targetInfo = $.evalJSON(target.endCityInfo);
					$scope.end.city = targetInfo.name;
					END_CITY_CODE = targetInfo.code;
					$scope.orderInfo.endCityInfo.r2Code = targetInfo.code;
					$scope.orderInfo.endCityCode = targetInfo.code;
					$scope.end.region = '县';
					getEndCode($scope,$http,targetInfo.code,3);
				}
			}
			
			$scope.SelectRegion=function(target,type){
				if(type == 1){
					var targetInfo = $.evalJSON(target.startRegionInfo);
					$scope.start.region = targetInfo.name;
					START_CITY_CODE = targetInfo.code;
					$scope.orderInfo.beginCityInfo.r3Code = targetInfo.code;
					$scope.orderInfo.beginCityCode = targetInfo.code;
				}else{
					var targetInfo = $.evalJSON(target.endRegionInfo);
					$scope.end.region = targetInfo.name;
					$scope.orderInfo.endCityInfo.r3Code = targetInfo.code;
					END_CITY_CODE = targetInfo.code;
					$scope.orderInfo.endCityCode = targetInfo.code;
				}
			}

			$scope.selectServeType=function(target){
				var targetInfo = $.evalJSON(target.serveType);
				$scope.orderInfo.serviceTypeValue = targetInfo.realValue;
				$scope.serveName = targetInfo.showValue;
			}

			$scope.selectDiseaseType=function(target){
				var targetInfo = $.evalJSON(target.diseaseType);
				$scope.orderInfo.diseasyTypeValue = targetInfo.realValue;
				$scope.diseaseName = targetInfo.showValue;
			}

			$scope.toSelect = function(){
				if(START_MARKER)
				{
					$scope.orderInfo.beginLongitude=START_MARKER.getPosition().getLng();
					$scope.orderInfo.beginLatitude=START_MARKER.getPosition().getLat();
					$scope.orderInfo.beginPosition=START_ADDRESS;
					$scope.orderInfo.beginPositionLong=START_POSITION_LONG;
				}
				if(END_MARKER)
				{
					$scope.orderInfo.endLongitude=END_MARKER.getPosition().getLng();
					$scope.orderInfo.endLatitude=END_MARKER.getPosition().getLat();
					$scope.orderInfo.endPosition=END_ADDRESS;
					$scope.orderInfo.endPositionLong=END_POSITION_LONG;
				}
				if(checkNull($('#dateTime').val())) $scope.orderInfo.hopeTime = $('#dateTime').val();
				var args = {
					'orderInfo':$scope.orderInfo,
					'otherInfo':{
						'begin':$scope.start,
						'end':$scope.end,
						'serveName':$scope.serveName,
						'diseaseName':$scope.diseaseName
					}
				}
				//alert($.toJSON(args));
				setCookie('detailHistory',$.toJSON(args),1);
				//location.href = apiPath('/app_dev.php/main/contact/select#create');
				location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx524fa24fe09c61d4&redirect_uri=http%3A%2F%2Faid.uuhoo.net%2Fmain%2Fcontact%2Fselect%23modify&response_type=code&scope=snsapi_base#wechat_redirect';
			}
			
			$scope.orderCreate = function(){
				if(START_MARKER || $scope.orderInfo.beginLongitude)
				{
					if(START_MARKER){
						$scope.orderInfo.beginLongitude=START_MARKER.getPosition().getLng();
						$scope.orderInfo.beginLatitude=START_MARKER.getPosition().getLat();
						$scope.orderInfo.beginPosition=START_ADDRESS;
						$scope.orderInfo.beginPositionLong=START_POSITION_LONG;
					}
				}else{
					alert('请输入起点详细地址并选择地址');
					return;
				}
				if(END_MARKER  || $scope.orderInfo.endLongitude)
				{	
					if(END_MARKER){
						$scope.orderInfo.endLongitude=END_MARKER.getPosition().getLng();
						$scope.orderInfo.endLatitude=END_MARKER.getPosition().getLat();
						$scope.orderInfo.endPosition=END_ADDRESS;
						$scope.orderInfo.endPositionLong=END_POSITION_LONG;
					}
				}else{
					alert('请输入终点详细地址并选择地址');
					return;
				}
				if(!checkNull($scope.orderInfo.name,'请选择或填写联系人')) return;
				if(!checkNull($scope.orderInfo.telephone,'请选择或填写联系电话')) return;
				$scope.orderInfo.hopeTime = $('#dateTime').val();
				if(!checkNull($scope.orderInfo.hopeTime,'请选择用车时间')) return;
				//if(!checkNull($scope.orderInfo.serviceTypeValue,'请选择服务类型')) return;
				if(!checkNull($scope.orderInfo.diseasyTypeValue,'请选择病情')) return;
				//alert($.toJSON($scope.orderInfo));
				$scope.Myalert('提交中');
				if($scope.doCreate){
					httpAction($http,'/api/order/modify','PUT',$scope.orderInfo,
						function(response){
							var errno = response.errno;
							if(errno==0){
								$scope.alertPanel = false;
								setCookie('detailHistory','',-1);
								alert('修改成功！');
								window.history.back();
								//location.href = apiPath('/main/order/detail?orderId='+{{orderId}});
							}
						},
						function(errno,errmsg){
							$scope.alertPanel = false;
							alert(errmsg);
							$scope.doCreate = true;
						}
					);
				}
			}
		}

		function getStartCode($scope,$http,value,type,firatValue,nextValuse){
			httpAction($http,apiPath('/api/region/list/'+value),'GET',
				{},
				function(response){
					switch(type){
						case 1:
							$scope.provinceStart = response.regionList;
							$scope.startProvinceInfo = '?';
							if(firatValue)
								if(nextValuse)
									getStartCode($scope,$http,firatValue,2,nextValuse);
							else
								getStartCode($scope,$http,$scope.provinceStart[0].code,2);
						break;
						case 2:
							$scope.cityStart = response.regionList;
							$scope.startCityInfo = '?';
							getStartCode($scope,$http,$scope.cityStart[0].code,3);
							if(firatValue)
								getStartCode($scope,$http,firatValue,3);
							else
								getStartCode($scope,$http,$scope.cityStart[0].code,3);
						break;
						case 3:
							$scope.regionStart = response.regionList;
							$scope.startRegionInfo = '?';
						break;
					}
				},
				function(errno,errmsg){

			});
		}

		function getEndCode($scope,$http,value,type,firatValue,nextValuse){
			httpAction($http,apiPath('/api/region/list/'+value),'GET',
				{},
				function(response){
					switch(type){
						case 1:
							$scope.provinceEnd = response.regionList;
							$scope.endProvinceInfo = '?';
							if(firatValue)
								if(nextValuse)
									getEndCode($scope,$http,firatValue,2,nextValuse);
							else
								getEndCode($scope,$http,$scope.provinceEnd[0].code,2);
						break;
						case 2:
							$scope.cityEnd = response.regionList;
							$scope.endCityInfo = '?';
							getEndCode($scope,$http,$scope.cityEnd[0].code,3);
							if(firatValue)
								getEndCode($scope,$http,firatValue,3);
							else
								getEndCode($scope,$http,$scope.cityStart[0].code,3);
						break;
						case 3:
							$scope.regionEnd = response.regionList;
							$scope.endRegionInfo = '?';
						break;
					}
				},
				function(errno,errmsg){

			});
		}

		function setTimeController(hopeTime){
			var currYear = (new Date()).getFullYear();	
			var startDate = new Date();
			var endDate = new Date();
			var opt={};
			opt.datetime = {preset : 'datetime'};
			opt.default = {
		        theme: "android-ics light", 
				mode: "scroller", 
				display: "bottom", 
				lang: "english", 
				monthText: "月",
				dayText: "日",
				yearText: "年",
				hourText: "时",
				minuteText: "分",
				ampmText:"上午/下午",
				setText: '确定',
				cancelText: '取消',
				dateFormat: 'yyyy-mm-dd',
				dateOrder:'yymmdd',
				minDate:new Date(startDate.getTime()+7200000),
				maxDate:new Date(endDate.setDate(endDate.getDate()+5)),
				startYear:currYear,
		        endYear:currYear,
				width:100,
				height:70,
				timeWheels:'HHii',
				timeFormat:'HH:ii'
			};
		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		    $("#dateTime").mobiscroll(optDateTime).datetime(optDateTime);
		    if(hopeTime){
		    	var time1 = hopeTime.split(' ')[0].split('-');
			    var time2 = hopeTime.split(' ')[1].split(':');
			    time1[1] = parseInt(time1[1]) - 1;
			    var time3 = time1.concat(time2);
			    $("#dateTime").mobiscroll('setValue',time3,true);
		    }
		}
	</script>
{% endblock %}
{% block css %}
	<link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/order-create.css">
{% endblock %}
{% block body %}
{% raw %}
	<div class="create-panel" ng-init="showPanel=true;doCreate=true;">
		<div class="create-positions">
			<div id="start-icon" class="create-position-icon"></div>
			<div class="create-positon-panel">
				<div class="create-select create-select-mini" ng-class="{'create-select-none':start.province=='省份'}">
					{{start.province}}
					<div class="create-select-icon"></div>
					<select class="create-fack-select" ng-change="SelectProvince(this,1)" ng-model="startProvinceInfo"><option value="?"></option><option ng-repeat="province in provinceStart" value="{{province}}" ng-selected="start.r1Code == {{province.code}}">{{province.name}}</option></select>
				</div>
				<div class="create-select create-select-mini" ng-class="{'create-select-none':start.city=='城市'}">
					{{start.city}}
					<div class="create-select-icon"></div>
					<select class="create-fack-select" ng-change="SelectCity(this,1)" ng-model="startCityInfo"><option value="?"></option><option ng-repeat="city in cityStart" value="{{city}}" ng-selected="start.r2Code == {{city.code}}">{{city.name}}</option></select>
				</div>
				<div class="create-select create-select-mini" ng-class="{'create-select-none':start.region=='县'}">
					{{start.region}}
					<div class="create-select-icon"></div>
					<select class="create-fack-select" ng-change="SelectRegion(this,1)" ng-model="startRegionInfo"<option ng-repeat="region in regionStart" value="{{region}}" ng-selected="start.r3Code == {{region.code}}">{{region.name}}</option></select>
				</div>
			</div>
			<div class="create-position">
				<input id="keyword1" type="text" class="create-input-full" placeholder="请输入起点详细地址并选择地址" onkeyup='keydown(event,"1")' ng-model="orderInfo.beginPosition"/>
				<div id="result1" ></div>
			</div>
		</div>
		<!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.beginDesc"/> -->

		<div class="create-positions">
			<div id="end-icon" class="create-position-icon" style="margin-top: 0px"></div>
			<div class="create-positon-panel">
				<div class="create-select create-select-mini" ng-class="{'create-select-none':end.province=='省份'}">
					{{end.province}}
					<div class="create-select-icon"></div>
					<select class="create-fack-select" ng-change="SelectProvince(this,2)" ng-model="endProvinceInfo"><option value="?"></option><option ng-repeat="province in provinceEnd" value="{{province}}" ng-selected="end.r1Code=={{province.code}}">{{province.name}}</option></select>
				</div>
				<div class="create-select create-select-mini" ng-class="{'create-select-none':end.city=='城市'}">
					{{end.city}}
					<div class="create-select-icon"></div>
					<select class="create-fack-select" ng-change="SelectCity(this,2)" ng-model="endCityInfo"><option value="?"></option><option ng-repeat="city in cityEnd" value="{{city}}" ng-selected="end.r2Code=={{city.code}}">{{city.name}}</option></select>
				</div>
				<div class="create-select create-select-mini" ng-class="{'create-select-none':end.region=='县'}">
					{{end.region}}
					<div class="create-select-icon"></div>
					<select class="create-fack-select" ng-change="SelectRegion(this,2)" ng-model="endRegionInfo"><option value="?"></option><option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="end.r3Code=={{region.code}}">{{region.name}}</option></select>
				</div>
			</div>
			<div class="create-position">
				<input id="keyword2" type="text" class="create-input-full" onkeyup='keydown(event,"2")' placeholder="请输入终点详细地址并选择地址" ng-model="orderInfo.endPosition"/>
				<div id="result2" ></div>
			</div>
		</div>
		<!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.endDesc"/> -->
		<div class="create-positon-panel">
			<div id="realname">
				<div id="realname-icon"></div>
				<input type="text" class="create-input-full" placeholder="联系人" ng-model="orderInfo.name"/>
			</div>
			<div id="phone">
				<div id="phone-icon"></div>
				<input type="text" class="create-input-full" placeholder="电话" ng-model="orderInfo.telephone" onkeyup="checkNaN(this);" onafterpaste="checkNaN(this);"/>
			</div>
			<div class="create-button-contact" ng-click="toSelect();"></div>
		</div>

		<div>
			<div class="create-select create-select-normal create-input-mini">
				{{diseaseName}}
				<div class="create-select-icon"></div>
				<select class="create-fack-select" ng-change="selectDiseaseType(this)" ng-model="diseaseType"><option ng-repeat="diseaseType in diseaseList" value="{{diseaseType}}" ng-selected="orderInfo.diseasyTypeValue == {{diseaseType.realValue}}">{{diseaseType.showValue}}</option></select>
			</div>
			<div class="create-date">
				<input id="dateTime" type="text" class="create-input-full" placeholder="用车时间"/>
				<div class="create-date-icon"></div>
			</div>
		</div>
		<!--<div class="create-time">
			<input type="text" class="create-input-full" placeholder="用车时间" ng-model="orderInfo.time"/>
		</div>-->

		<div class="create-radio-panel">
			<span>车辆类型</span>
			<div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carTypeValue==4}" ng-click="orderInfo.carTypeValue=4;">监护护送（医生，护士）</div>
			<div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carTypeValue==1 || orderInfo.carTypeValue==null}" ng-click="orderInfo.carTypeValue=1;">护理护送（配备护士）</div> 
			<div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carTypeValue==2}" ng-click="orderInfo.carTypeValue=2;">高级护送（配备护送员）</div>
			<div class="create-radio-item" ng-class="{'create-radio-chose':orderInfo.carTypeValue==3}" ng-click="orderInfo.carTypeValue=3;">普通护送（仅配备司机）</div>
		</div>

		<!-- <div class="create-select create-select-normal">
			{{serveName}}
			<div class="create-select-icon"></div>
			<select class="create-fack-select" ng-change="selectServeType(this)" ng-model="serveType"><option ng-repeat="serveType in serveTypeList" value="{{serveType}}" ng-selected="orderInfo.serviceTypeValue == {{serveType.realValue}}">{{serveType.showValue}}</option></select>
		</div> -->

		<input type="text" class="create-input-full" placeholder="留言" ng-model="orderInfo.comment"/>
		<br />
		<div class="create-button" ng-click="orderCreate();">提交</div>
	</div>

	<div id="mapContainer" >
    	<input type="button" id="close" value="关闭" onclick="mapHidden()"/>
    </div>
    <script type="text/javascript" src="/bundles/mirrormain/js/city.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=4005d9116ab7d2f8b5a8cd0f062605fd"></script>
	<script type="text/javascript">
		var geolocation;
		var MARKER_FLAG='1';
		var START_MARKER;
		var END_MARKER;
		var START_ADDRESS;
		var END_ADDRESS;
		var windowsArr = [];
		var marker = [];
		var focus_marker;
		var START_CITY_CODE='';
		var END_CITY_CODE='';
		var START_POSITION_LONG;
		var END_POSITION_LONG;
		var mapObj = new AMap.Map("");
	    mapObj.plugin('AMap.Geolocation',function(){
	    	geolocation = new AMap.Geolocation({
				enableHighAccuracy: true,//是否使用高精度定位，默认:true
				timeout: 10000,          //超过10秒后停止定位，默认：无穷大
				maximumAge: 0,           //定位结果缓存0毫秒，默认：0
				convert: false,           //自动偏移坐标，偏移后的坐标为高德坐标，默认：true
				showButton: false,        //显示定位按钮，默认：true
				buttonPosition: 'LB',    //定位按钮停靠位置，默认：'LB'，左下角
				buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
				showMarker: false,        //定位成功后在定位到的位置显示点标记，默认：true
				showCircle: false,        //定位成功后用圆圈表示定位精度范围，默认：true
				panToLocation: true,     //定位成功后将定位到的位置作为地图中心点，默认：true
				zoomToAccuracy:false      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
			});
	        mapObj.addControl(geolocation);
			AMap.event.addListener(geolocation, 'complete', initMarker);//返回定位信息
			AMap.event.addListener(geolocation, 'error', function(data){});      //返回定位出错信息
	    });
	    function mapShow(flag)
	    {
	    	MARKER_FLAG=flag;
	    	if(!START_MARKER || !END_MARKER)
	    	{
			    geolocation.getCurrentPosition();
	    	}
	    	//document.getElementById('mapContainer').style.display='block';
	    	//document.getElementById('tip').style.display='none';
	    }
	    function mapHidden()
	    {
	    	document.getElementById('mapContainer').style.display='none';
	    	document.getElementById('tip').style.display='block';
	    	//if(START_ADDRESS)
		    	//document.getElementById('keyword1').value=START_ADDRESS.formattedAddress;
		    //if(END_ADDRESS)
		    	//document.getElementById('keyword2').value=END_ADDRESS.formattedAddress;
	    }

	    //document.getElementById("keyword"+MARKER_FLAG).onkeyup = keydown;
		//输入提示
		function autoSearch() {
		    var keywords = document.getElementById("keyword"+MARKER_FLAG).value;
		    var auto;
		    //加载输入提示插件
		        AMap.service(["AMap.Autocomplete"], function() {
		        var autoOptions = {
		            city: MARKER_FLAG==1 ? START_CITY_CODE : END_CITY_CODE //城市，默认全国
		        };
		        auto = new AMap.Autocomplete(autoOptions);
		        //查询成功时返回查询结果
		        if ( keywords.length > 0) {
		            auto.search(keywords, function(status, result){
		            	autocomplete_CallBack(result);
		            });
		        }
		        else {
		            document.getElementById("result"+MARKER_FLAG).style.display = "none";
		        }
		    });
		}
		 
		//输出输入提示结果的回调函数
		function autocomplete_CallBack(data) {
		    var resultStr = "";
		    var tipArr = data.tips;
		    if (tipArr&&tipArr.length>0) {                 
		        for (var i = 0; i < tipArr.length; i++) {
		            resultStr += "<div id='"+MARKER_FLAG+"divid" + (i + 1) + "' onmouseover='openMarkerTipById(" + (i + 1)
		                        + ",this)' onclick='selectResult(" + i + ")' onmouseout='onmouseout_MarkerStyle(" + (i + 1)
		                        + ",this)' style=\"font-size: 24px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + tipArr[i].adcode + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>"+ tipArr[i].district + "</span></div>";
		        }
		    }
		    else  {
		        resultStr = " π__π 亲,人家找不到结果!<br />要不试试：<br />1.请确保所有字词拼写正确<br />2.尝试不同的关键字<br />3.尝试更宽泛的关键字";
		    }
		    document.getElementById("result"+MARKER_FLAG).curSelect = -1;
		    document.getElementById("result"+MARKER_FLAG).tipArr = tipArr;
		    document.getElementById("result"+MARKER_FLAG).innerHTML = resultStr;
		    document.getElementById("result"+MARKER_FLAG).style.display = "block";
		}
		 
		//输入提示框鼠标滑过时的样式
		function openMarkerTipById(pointid, thiss) {  //根据id打开搜索结果点tip 
		    thiss.style.background = '#CAE1FF';
		}
		 
		//输入提示框鼠标移出时的样式
		function onmouseout_MarkerStyle(pointid, thiss) {  //鼠标移开后点样式恢复 
		    thiss.style.background = "";
		}
		 
		//从输入提示框中选择关键字并查询
		function selectResult(index) {
		    if(index<0){
		        return;
		    }
		    if (navigator.userAgent.indexOf("MSIE") > 0) {
		        document.getElementById("keyword"+MARKER_FLAG).onpropertychange = null;
		        document.getElementById("keyword"+MARKER_FLAG).onfocus = focus_callback;
		    }
		    //截取输入提示的关键字部分
		    var text = document.getElementById(MARKER_FLAG+"divid" + (index + 1)).innerHTML.replace(/<[^>].*?>.*<\/[^>].*?>/g,"");
			var cityCode = document.getElementById(MARKER_FLAG+"divid" + (index + 1)).getAttribute('data');
		    document.getElementById("keyword"+MARKER_FLAG).value = text;
		    document.getElementById("result"+MARKER_FLAG).style.display = "none";
		    //根据选择的输入提示关键字查询
		    mapObj.plugin(["AMap.PlaceSearch"], function() {       
		        var msearch = new AMap.PlaceSearch();  //构造地点查询类
		        AMap.event.addListener(msearch, "complete", placeSearch_CallBack); //查询成功时的回调函数
				msearch.setCity(cityCode);
		        msearch.search(text);  //关键字查询查询
		    });
		}
		 
		//定位选择输入提示关键字
		function focus_callback() {
		    if (navigator.userAgent.indexOf("MSIE") > 0) {
		        document.getElementById("keyword"+MARKER_FLAG).onpropertychange = autoSearch;
		   }
		}
		 
		//输出关键字查询结果的回调函数
		function placeSearch_CallBack(data) {
		    //清空地图上的InfoWindow和Marker
		    windowsArr = [];
		    marker     = [];
		    //mapObj.clearMap();
		    var resultStr1 = "";
		    var poiArr = data.poiList.pois;
		    var resultCount = poiArr.length;
		    /*
		    for (var i = 0; i < resultCount; i++) {
		        resultStr1 += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById1(" + i + ",this)' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12px;cursor:pointer;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\"><table><tr><td><img src=\"http://webapi.amap.com/images/" + (i + 1) + ".png\"></td>" + "<td><h3><font color=\"#00a6ac\">名称: " + poiArr[i].name + "</font></h3>";
		            resultStr1 += TipContents(poiArr[i].type, poiArr[i].address, poiArr[i].tel) + "</td></tr></table></div>";
		            addmarker(i, poiArr[i]);
		    }
		    */
		    if(resultCount)
		    {
			    var address=poiArr[0].name;
			    var lngX=poiArr[0].location.getLng();
			    var latY=poiArr[0].location.getLat();
			    //alert('address='+address+'x='+lngX+',y='+latY);
			    addmarker(0,poiArr[0]);
			    if(MARKER_FLAG==1)
			    	START_ADDRESS=address;
			    else
			    	END_ADDRESS=address;
			    getAddressInfo(lngX,latY);
		    }
		    mapObj.setFitView();
		}
		 
		//鼠标滑过查询结果改变背景样式，根据id打开信息窗体
		function openMarkerTipById1(pointid, thiss) {
		    thiss.style.background = '#CAE1FF';
		    windowsArr[pointid].open(mapObj, marker[pointid]);
		}
		function getAddressInfo(lngX,latY)
		{
			AMap.service(["AMap.Geocoder"], function() { //加载地理编码
		        geocoder = new AMap.Geocoder({
		            radius: 1000,
		            extensions: "all"
		        });
		        //步骤三：通过服务对应的方法回调服务返回结果，本例中通过逆地理编码方法getAddress回调结果
		        geocoder.getAddress(new AMap.LngLat(lngX,latY), function(status, result){
		            //根据服务请求状态处理返回结果
		            if(status=='error') {
		                alert("服务请求出错啦！ ");
		            }
		            if(status=='no_data') {
		                alert("无数据返回，请换个关键字试试～～");
		            }
		            else {
		            	if(MARKER_FLAG==1)
		            	{
		            		//START_ADDRESS=result.regeocode;
		            		START_POSITION_LONG=result.regeocode.formattedAddress;
		            	}
		            	else if(MARKER_FLAG==2)
		            	{
		            		//END_ADDRESS=result.regeocode;
		            		END_POSITION_LONG=result.regeocode.formattedAddress;
		            	}
			           	//alert('address:'+result.regeocode.formattedAddress+',lngX:'+lngX+',latY:'+latY);
		            }
		        });
			});
		}
		function dragend_callback(){
		    var lngX=this.getPosition().getLng();
		    var latY=this.getPosition().getLat();
		    getAddressInfo(lngX,latY);
		};
		function initMarker(data)
		{
			var markerOption = {
		    	title:name,
		        map:mapObj,
		        icon:"http://webapi.amap.com/images/" + (MARKER_FLAG) + ".png",
		        draggable:true,
		        position:data.position
		    };
			if(MARKER_FLAG==1 && !START_MARKER)
			{
				START_MARKER= new AMap.Marker(markerOption);
				getAddressInfo(data.position.getLng(),data.position.getLat());
				AMap.event.addListener(START_MARKER, "dragend", dragend_callback);
			}
			else if(MARKER_FLAG==2 && !END_MARKER)
			{
				END_MARKER= new AMap.Marker(markerOption);
				getAddressInfo(data.position.getLng(),data.position.getLat());
				AMap.event.addListener(END_MARKER, "dragend", dragend_callback);
			}
		}
		 
		//添加查询结果的marker&infowindow   
		function addmarker(i, d) {
		    var lngX = d.location.getLng();
		    var latY = d.location.getLat();
		    var name=d.name;
		    var markerOption = {
		    	title:name,
		        //map:mapObj,
		        icon:"http://webapi.amap.com/images/" + (MARKER_FLAG) + ".png",
		        draggable:true,
		        position:new AMap.LngLat(lngX, latY)
		    };

		    

		    if(MARKER_FLAG==1)
		    {
		    	if(START_MARKER)
		    	{
		    		START_MARKER.setPosition(d.location);
		    	}
		    	else
		    	{
					START_MARKER = new AMap.Marker(markerOption);         
				    AMap.event.addListener(START_MARKER, "dragend", dragend_callback);
		    	}
		    }
			else
			{
				if(END_MARKER)
				{
					END_MARKER.setPosition(d.location);
				}
				else
				{
					END_MARKER= new AMap.Marker(markerOption);
				    AMap.event.addListener(END_MARKER, "dragend", dragend_callback);
				}
			}

		    marker.push(new AMap.LngLat(lngX, latY));
		 
		    var infoWindow = new AMap.InfoWindow({
		        content:"<h3><font color=\"#00a6ac\">  " + (i + 1) + ". " + d.name + "</font></h3>" + TipContents(d.type, d.address, d.tel),
		        draggable:true,
		        size:new AMap.Size(300, 0),
		        autoMove:true, 
		        offset:new AMap.Pixel(0,-30)
		    });
		    windowsArr.push(infoWindow);
		    //var aa = function (e) {infoWindow.open(mapObj, mar.getPosition());};
		    

		}
		 
		//infowindow显示内容
		function TipContents(type, address, tel) {  //窗体内容
		    if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {
		        type = "暂无";
		    }
		    if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
		        address = "暂无";
		    }
		    if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {
		        tel = "暂无";
		    }
		    var str = "  地址：" + address + "<br />  电话：" + tel + " <br />  类型：" + type;
		    return str;
		}
		function keydown(event,flag){
			MARKER_FLAG=flag;
		    var key = (event||window.event).keyCode;
		    var result = document.getElementById("result"+MARKER_FLAG);
		    var cur = result.curSelect;
		    if(key===40){//down
		        if(cur + 1 < result.childNodes.length){
		            if(result.childNodes[cur]){
		                result.childNodes[cur].style.background='';
		            }
		            result.curSelect=cur+1;
		            result.childNodes[cur+1].style.background='#CAE1FF';
		            document.getElementById("keyword"+MARKER_FLAG).value = result.tipArr[cur+1].name;
		        }
		    }else if(key===38){//up
		        if(cur-1>=0){
		            if(result.childNodes[cur]){
		                result.childNodes[cur].style.background='';
		            }
		            result.curSelect=cur-1;
		            result.childNodes[cur-1].style.background='#CAE1FF';
		            document.getElementById("keyword"+MARKER_FLAG).value = result.tipArr[cur-1].name;
		        }
		    }else if(key === 13){
		        var res = document.getElementById("result"+MARKER_FLAG);
				if(res && res['curSelect'] !== -1){
					selectResult(document.getElementById("result"+MARKER_FLAG).curSelect);
				}
		    }else{
		        autoSearch();
		    }
		}
	</script>
{% endraw %}
{% endblock %}