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


{% block style %}
	<style type="text/css">
		.form-control {
			width: auto;
			display: inline-block;
		}
		.create-panel>div {
			margin: 10px 0px 10px 0px;
		}
		#keyword1,#keyword2 {
			width: 500px;
		}
		#result1,#result2 {
			position: absolute;
			background-color: rgb(255, 255, 255);
			width: 500px;
			border-radius: 8px;
			background-color: #ffffff;
		}
		.create-radio-panel>label {
			font-weight: normal;
		}
		#comment {
			width: 500px;
		}
		#comment2 {
			margin-top:4px;
			width: 500px;
		}

		#budget-info {
			width: 50%;
			height: 440px;
			left: 0px;
			right: 0px;
			top: 100px;
			margin: 0px auto;
			background-color: #ffffff;
		}

		#resultdiv{
			margin: 0 auto 0 auto;
			width: 70%;
		}

		#mapframe{
			/*//     position:absolute;*/
			/*//     top:20%;*/
			/*//     right:10%;*/
			/*//     z-index:2000;*/
			/*//     display:none;*/
			/*//     width:50%;*/
			/*//     height:60%;*/
			width:100%;
			height:400px;
			position:relative;
			margin-bottom:10px;
			display:none;
		}
		/*// #container1{*/
		/*// 	width:100%;*/
		/*// 	height:300px;*/
		/*// 	display:none;*/
		/*// }*/
		.panel{
			background-color: #ddf;
			color: #333;
			border: 1px solid silver;
			box-shadow: 3px 4px 3px 0px silver;
			position: absolute;
			top: 20px;
			right: 10px;
			/*//z-index:2000;*/
			border-radius: 5px;
			overflow: hidden;
			line-height: 20px;
		}
		#input{
			width: 250px;
			height: 25px;
			border: 0;
		}
		#container{
			height: 100%;
			margin: 0px
		}
		#closemap{
			font-size:25px;
			position: absolute;
			top: -5px;
			right: 5px;
			cursor: pointer;
		}
	</style>
{% endblock %}

{% block script %}
	<link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/mobiscroll.custom-2.5.0.min.css" />
	<link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.android-ics-2.5.2.css" />
	<link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.animation-2.5.2.css" />
	<link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.core-2.5.2.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
	<!-- Ionicons -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
	<script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.android-ics-2.5.2.js"></script>
	<script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.core-2.5.2.js"></script>
	<script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.core-2.5.2-zh.js"></script>
	<script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1.js"></script>
	<script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1-zh.js"></script>
	<script type="text/javascript">
		angular.module('myApp',[])
				.controller('orderDetailController',function($scope,$http,$location,$timeout,$sce){
					AngularAction($scope,$http,$location,$timeout,$sce);
				});
		function AngularAction($scope,$http,$location,$timeout,$sce){
			$scope.topbarReturn = true;
			$scope.orderInfo = {};

			$("#order-manage").addClass('active');
			$("#order-create").addClass("active");
			$("#order-manage-list").addClass('in');

			$scope.orderInfo.userId= 0;//用户ID，非定值，需获取
			$scope.orderInfo.staffId = 0;  //推广ID 0为管理员
			$scope.orderInfo.fromDirector = 1;
			$scope.orderInfo.weixinId="";
			$scope.visible1 = true;
			$scope.orderCreateDisable = false;
			var selectedEquipments = new Array();
			httpOther($http,'/api/dict/key/1','GET',
					{},
					function(response){
						$scope.serveTypeList = response.valueList;
					},
					function(errno,errmsg){

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

					});

			httpOther($http,apiPath('/api/promotion/getcity'),'GET',
					{},
					function(response){
						$scope.citylist = response.rows;
						$scope.selectcity = $scope.citylist[0];
						$scope.citylistl = response.rows;

						httpOther($http, '/api/promotion/getcharge', 'POST',$scope.selectcity
								,
								function (response) {
									$scope.pricelist = response.rows[0];
									$scope.cityInfo= $scope.citylist[0];
									$scope.comment = $sce.trustAsHtml($scope.pricelist.comment);
								},
								function (errno, errmsg) {

								});

					},
					function(errno,errmsg){

					});



			$scope.Selectcity = function (target) {
				httpOther($http, '/api/promotion/getcharge', 'POST', $scope.cityInfo
						,
						function (response) {
							$scope.pricelist = response.rows[0];
							$scope.comment = $sce.trustAsHtml($scope.pricelist.comment);
						},
						function (errno, errmsg) {

						});

			}


			//更改地址
			$scope.clearLat=function(){

				$scope.orderInfo.beginLongitude=undefined;

			}
			getStartCode($scope,$http,0,1);
			getEndCode($scope,$http,0,1);

			$scope.carryNum = [2,3,4];
			$scope.floors = [
				"2","3","4","5","6","7","8","9","10","11","12"
			];
			$scope.start = {
				'province':'省份',
				'city':'城市',
				'region':'县'
			};
			$scope.end = {
				'province':'省份',
				'city':'城市',
				'region':'县'
			};
			$scope.orderInfo.carType = 2;
			$scope.serveName='服务类型';
			$scope.diseaseName='病情';

			$scope.isCarryAble = false;
			$scope.isCarryHide = false;
			$scope.orderInfo.isCarry = 0;
			$scope.isCarryHide=false;
			setTimeController();

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

			$scope.calculatePrice = 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;
					}
					$scope.orderInfo.hopeTime = $('#dateTime').val();
					if($scope.orderInfo.hopeTime=="")
					{
						alert('请输入用车时间');
						return;
					}
				$scope.items = "";
				$scope.result = "请稍后";
				
				if($scope.doCreate){
					$scope.budget = '';
					httpOther($http,'/api/order/getBudget','POST',$scope.orderInfo,
							function(response){
								var result = response.result;
								var items = response.item;
								$scope.items = items;
								$scope.result = result;
								$scope.templateName = response.TemplateName;
								$scope.TemplateID=response.TemplateID;
								//$document.getElementById("resulttext")[0].html(budget);
							},
							function(errno,errmsg){
								alert(errno);
								alert(errmsg);
							}

					);
				}

			}
			
			$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.beginCityCode = targetInfo.code;
					getStartCode($scope,$http,targetInfo.code,3);
				}else{
					var targetInfo = $.evalJSON(target.endCityInfo);
					$scope.end.city = targetInfo.name;
					END_CITY_CODE = targetInfo.code;
					$scope.orderInfo.endCityCode = targetInfo.code;
					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.beginCityCode = targetInfo.code;

				}else{
					var targetInfo = $.evalJSON(target.endRegionInfo);
					$scope.end.region = targetInfo.name;
					END_CITY_CODE = targetInfo.code;
					$scope.orderInfo.endCityCode = targetInfo.code;
				}

				selectedEquipments = [];
				httpOther($http, '/api/promotion/getEquipment/'+ $scope.orderInfo.beginCityCode +'/0', 'GET',null
						,
						function (response) {
							$scope.equipments = response.rows;
							$scope.templateCityCode =  response.templateCityCode;
							//2018-11-12 sc
				            $scope.orderInfo.selectCityCode =$scope.templateCityCode;
							if ($scope.orderInfo.beginCityCode == $scope.orderInfo.endCityCode) {
								$scope.orderInfo.TemplateId = response.ChargingTemplateId;
							} else {
								$scope.orderInfo.TemplateId =  response.ChargingLongwayTemplateId;
							}
						},
						function (errno, errmsg) {

						});
			}

			$scope.selectDiseaseType=function(target){
				var targetInfo = $.evalJSON(target.diseaseType);
				$scope.orderInfo.diseaseType = targetInfo.realValue;
			}
			$('#closemap').click(function(){
				$('#mapframe').css('display','none');
			})
			var flag=1;
			$scope.selectMap=function(target){
				if(target==1){
					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;
						}
						//地址与经纬度选址插件
						var map = new AMap.Map('container',{
							resizeEnable: true,
							zoom: 13,
							center: [$scope.orderInfo.beginLongitude,$scope.orderInfo.beginLatitude]
						});
						AMap.plugin('AMap.Geocoder',function(){
							var geocoder = new AMap.Geocoder({
								//city: "311"//城市，默认：“全国”
							});
							var marker = new AMap.Marker({
								map:map,
								bubble:true
							})
							var input = document.getElementById('input');
							var message = document.getElementById('message');
							map.on('click',function(e){
								marker.setPosition(e.lnglat);
								geocoder.getAddress(e.lnglat,function(status,result){
									if(status=='complete'){
										input.value = result.regeocode.formattedAddress;
										$scope.orderInfo.beginPosition=input.value;
										$('#keyword1').val(input.value);
										message.innerHTML = ''
									}else{
										message.innerHTML = '无法获取地址'
									}
								})
								$scope.orderInfo.beginLongitude=e.lnglat.lng;
								$scope.orderInfo.beginLatitude=e.lnglat.lat;
								//console.log($scope.orderInfo.beginLongitude);
								//console.log($scope.orderInfo.beginLatitude);
							})

							input.onchange = function(e){
								var address = input.value;
								geocoder.getLocation(address,function(status,result){
									if(status=='complete'){
										marker.setPosition(result.geocodes[0].location);
										map.setCenter(marker.getPosition())
										$scope.orderInfo.beginPosition=input.value;
										$("#keyword1").val(input.value);
										message.innerHTML = ''
										$scope.orderInfo.beginLongitude=result.geocodes[0].location.lat;
										$scope.orderInfo.beginLatitude=result.geocodes[0].location.lng;
									}else{
										message.innerHTML = '无法获取位置'
									}

								})
							}
						});
					}else{
						alert('请输入起点详细地址并选择地址');
						return;
					}
					if(flag==1){
						flag=0;
						$('#mapframe').css('display','block');
					}else{
						flag=1;
						$('#mapframe').css('display','none');
					}
				}else{
					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;
						}
						//地址与经纬度选址插件
						var map = new AMap.Map('container',{
							resizeEnable: true,
							zoom: 13,
							center: [$scope.orderInfo.endLongitude,$scope.orderInfo.endLatitude]
						});
						AMap.plugin('AMap.Geocoder',function(){
							var geocoder = new AMap.Geocoder({
								//city: "311"//城市，默认：“全国”
							});
							var marker = new AMap.Marker({
								map:map,
								bubble:true
							})
							var input = document.getElementById('input');
							var message = document.getElementById('message');
							map.on('click',function(e){
								marker.setPosition(e.lnglat);
								geocoder.getAddress(e.lnglat,function(status,result){
									if(status=='complete'){
										input.value = result.regeocode.formattedAddress;
										$scope.orderInfo.endPosition=input.value;
//									console.log($scope.orderInfo.endPosition);
										$('#keyword2').val(input.value);
										message.innerHTML = ''
									}else{
										message.innerHTML = '无法获取地址'
									}
								})
								$scope.orderInfo.endLongitude=e.lnglat.lng;
								$scope.orderInfo.endLatitude=e.lnglat.lat;
//							console.log($scope.orderInfo.endLongitude);
//							console.log($scope.orderInfo.endLatitude);
//							console.log($scope.orderInfo.endPosition);
							})

							input.onchange = function(e){
								var address = input.value;
								geocoder.getLocation(address,function(status,result){
									if(status=='complete'){
										marker.setPosition(result.geocodes[0].location);
										map.setCenter(marker.getPosition())
										$scope.orderInfo.endPosition=input.value;
										$("#keyword2").val(input.value);
										message.innerHTML = ''

										$scope.orderInfo.endLongitude=result.geocodes[0].location.lng;
										$scope.orderInfo.endLatitude=result.geocodes[0].location.lat;
//									console.log($scope.orderInfo.endLongitude);
//									console.log($scope.orderInfo.endLatitude);
//									console.log($scope.orderInfo.endPosition);
									}else{
										message.innerHTML = '无法获取位置'
									}

								})
							}
						});
					}else{
						alert('请输入终点详细地址并选择地址');
						return;
					}
					if(flag==1){
						flag=0;
						$('#mapframe').css('display','block');
					}else{
						flag=1;
						$('#mapframe').css('display','none');
					}
				}
			}

			$scope.orderCreate = function(){

				/*if(!checkNull($scope.orderInfo.beginCityCode,'请输入起点详细地址并选择地址')) return;
				 if(!checkNull($scope.orderInfo.endCityCode,'请输入终点详细地址并选择地址')) return;*/
				$scope.orderCreateDisable = true;
					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;
					}
				$scope.orderInfo.hopeTime = $('#dateTime').val();
				if($scope.orderInfo.hopeTime=="")
				{
					alert('请输入用车时间');
					$scope.orderCreateDisable = false;
					return;
				}
				//console.log($scope.orderInfo);

				if($scope.doCreate){
					httpOther($http,'/api/order/create','POST',$scope.orderInfo,
							function(response){
								var errno = response.errno;
								if(errno==0){
									alert('预约成功！');
									$scope.orderCreateDisable = false;
									location.reload();
								}
							},
							function(errno,errmsg){
								$scope.orderCreateDisable = false;
								alert(errmsg);
							}
					);
				}
			}


			$scope.cartypeChange = function()
			{
				if($scope.orderInfo.carType == 3)
				{
					$scope.carryNum = [1];
				}
				else
				{
					$scope.carryNum = [2,3,4];
				}
				$scope.isCarryAble = false;
				$scope.orderInfo.isCarry = 0;
			}
			//选择城市
			$scope.Selectci=function(target) {
				var targetInfo = $.evalJSON(target.cityIn);
				selectedEquipments = [];
				$scope.orderInfo.selectedEquipments = selectedEquipments;
//                for (var i = 0; i <= $scope.citylistl.length; i++) {
//                    if (target.cityIn == $scope.citylistl[i].comment) {
				if ($scope.orderInfo.beginCityCode == $scope.orderInfo.endCityCode) {
					$scope.orderInfo.TemplateId =targetInfo.ChargingTemplateId;
				} else {
					$scope.orderInfo.TemplateId = targetInfo.ChargingLongwayTemplateId;
				}

				$scope.selectcityfor = targetInfo.citycode;
				//2018-11-12 sc
				$scope.orderInfo.selectCityCode = targetInfo.citycode;
				//访问设备接口
				httpOther($http, '/api/promotion/getEquipment/' + $scope.selectcityfor +'/0', 'GET', null
						,
						function (response) {
							$scope.equipments = response.rows;
							//console.log($scope.equipments);
						},
						function (errno, errmsg) {

						});
				//访问citycode


			}


			$scope.iscarry = function()
			{
				if($scope.isCarryAble)
				{
					$scope.isCarryAble = false;
					$scope.orderInfo.isCarry = 0;
				}
				else
				{
					$scope.isCarryAble = true;
					$scope.orderInfo.isCarry = 1;
				}

			}

			$scope.selectcarryNumber = function (target) {
				$scope.carryNumber = target.carryNumber;
				$scope.orderInfo.carryNumber = target.carryNumber;
			}

			$scope.selectFloor = function (target) {
				$scope.floor = target.floor;
				$scope.orderInfo.floor = target.floor;
			}

			$scope.equipmentSelect = function (target) {
				var exsit = selectedEquipments.indexOf(target);//判断是否存在?
				if(exsit == -1)
				{
					selectedEquipments.push(target) ;
					$scope.orderInfo.selectedEquipments = selectedEquipments;
					//console.log($scope.orderInfo.selectedEquipments);
				}
				else
				{
					removeByValue(selectedEquipments,target);
					$scope.orderInfo.selectedEquipments = selectedEquipments;
					//console.log($scope.orderInfo.selectedEquipments);
				}

			}
			function removeByValue(arr, val) {
				for(var i=0; i<arr.length; i++) {
					if(arr[i] == val) {
						arr.splice(i, 1);
						break;
					}
				}
			}
		}

		function getStartCode($scope,$http,value,type,firatValue,nextValuse){
			httpOther($http,apiPath('/api/region/list/'+value),'GET',
					{},
					function(response){
						switch(type){
							case 1:
								$scope.provinceStart = response.regionList;
								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;
								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;
								break;
						}
					},
					function(errno,errmsg){

					});
		}

		function getEndCode($scope,$http,value,type,firatValue,nextValuse){
			httpOther($http,apiPath('/api/region/list/'+value),'GET',
					{},
					function(response){
						switch(type){
							case 1:
								$scope.provinceEnd = response.regionList;
								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;
								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;
								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()),
				maxDate:new Date(endDate.setDate(endDate.getDate()+365)),
				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 content %}
		{% raw %}
			<div ng-controller="orderDetailController">
				<div style="float: left;">
					<h1 class="page-header">新建订单</h1>
					<div class="create-panel" ng-init="showPanel=true;doCreate=true;">
						<div class="create-positon-panel">
							<select class="create-fack-select form-control" ng-change="SelectProvince(this,1)" ng-model="startProvinceInfo"><option ng-repeat="province in provinceStart" value="{{province}}" ng-selected="orderInfo.beginCityInfo.r1Code=={{province.code}}">{{province.name}}</option></select>

							<select class="create-fack-select form-control" ng-change="SelectCity(this,1)" ng-model="startCityInfo"><option ng-repeat="city in cityStart" value="{{city}}" ng-selected="orderInfo.beginCityInfo.r2Code=={{city.code}}">{{city.name}}</option></select>

							<select class="create-fack-select form-control" ng-change="SelectRegion(this,1)" ng-model="startRegionInfo"><option ng-repeat="region in regionStart" value="{{region}}" ng-selected="orderInfo.beginCityInfo.r3Code=={{region.code}}">{{region.name}}</option></select>
						</div>

						<div class="create-position">
							<input id="keyword1" type="text" class="create-input-full form-control" placeholder="起点" ng-blur="clearLat();" onkeydown='keydown(event,"1")' ng-model="orderInfo.beginPosition" style="margin-right:4px;"/><a ng-click="selectMap(1)"><i class="fa fa-map-pin"></i></a>
							<div id="result1" ></div>
						</div>
						<!-- <input type="text" class="create-input-full create-float" placeholder="位置描述" ng-model="orderInfo.beginDesc"/> -->

						<div class="create-positon-panel">
							<select class="create-fack-select form-control" ng-change="SelectProvince(this,2)" ng-model="endProvinceInfo"><option ng-repeat="province in provinceEnd" value="{{province}}" ng-selected="orderInfo.endCityInfo.r1Code=={{province.code}}">{{province.name}}</option></select>

							<select class="create-fack-select form-control" ng-change="SelectCity(this,2)" ng-model="endCityInfo"><option ng-repeat="city in cityEnd" value="{{city}}" ng-selected="orderInfo.endCityInfo.r2Code=={{city.code}}">{{city.name}}</option></select>

							<select class="create-fack-select form-control" ng-change="SelectRegion(this,2)" ng-model="endRegionInfo"><option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="orderInfo.endCityInfo.r3Code=={{region.code}}">{{region.name}}</option></select>
						</div>

						<div class="create-position">
							<input id="keyword2" type="text" class="create-input-full form-control" onkeydown='keydown(event,"2") ' ng-blur="clearLat();"  placeholder="终点" ng-model="orderInfo.endPosition" style="margin-right:4px;"/><a ng-click="selectMap(2)"><i class="fa fa-map-pin"></i></a>
							<div id="result2" ></div>
						</div>

						<div id="mapframe">
							<div id="container" tabindex="0"></div>
							<div class ='panel'>
								<input id = 'input' value = '点击地图显示地址/输入地址显示位置' onfocus="this.value=''"/>
								<div id = 'message'></div>

							</div>
							<span id="closemap">×</span>
						</div>

						<input id="realname" type="text" class="create-input-full form-control" placeholder="联系人" ng-model="orderInfo.name"/>
						<input id="phone" type="text" class="create-input-full form-control" placeholder="电话" ng-model="orderInfo.telephone" onkeyup="checkNaN(this);" onafterpaste="checkNaN(this);"/>

						<select class="create-fack-select form-control" ng-change="selectDiseaseType(this)" ng-model="diseaseType"><option ng-repeat="diseaseType in diseaseList" value="{{diseaseType}}" ng-selected="orderInfo.diseaseType == {{diseaseType.realValue}}">{{diseaseType.showValue}}</option></select>

						<div class="create-date">
							<input id="dateTime" type="text" class="create-input-full form-control" placeholder="用车时间"/>
							<input id="age" type="text" class="create-input-full form-control" placeholder="年龄" ng-model="orderInfo.age" 
						    onkeyup="clearNoNum(this);" onafterpaste="clearNoNum(this);"/>
						</div>

						<!--<div class="create-time">
                            <input type="text" class="create-input-full" placeholder="用车时间" ng-model="orderInfo.time"/>
                        </div>-->

						<div class="create-radio-panel">
							<span style="font-size:16px;"><b>车辆类型</b></span>
							<br/>
							<label>
								<input type="radio" ng-click="orderInfo.carType=4;cartypeChange()" name="carType" />
								监护护送（司机，医生，护士）
							</label>
							<br/>
							<label>
								<input type="radio" ng-click="orderInfo.carType=1;cartypeChange()" name="carType" />
								护理护送（配备护士）
							</label>
							<br/>
							<label>
								<input type="radio"  ng-click="orderInfo.carType=2;cartypeChange()" name="carType" />
								高级护送（配备护送员）
							</label>
							<br/>
							<label>
								<input type="radio" ng-click="orderInfo.carType=3;cartypeChange()" name="carType" />
								普通护送（配备司机）
							</label>
							<!--
                            <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>

						<div class="create-radio-panel">
							<span style="font-size:16px;"><b>选择模板</b></span>
							<br/>
							<select  class="create-fack-select form-control"  ng-change="Selectci(this)" ng-model="cityIn">
								<option ng-repeat="cityIn in citylistl" ng-selected="cityIn.citycode==templateCityCode" value="{{cityIn}}" >{{ cityIn.comment }}</option>
							</select>
						</div>

						<div class="create-radio-panel">
							<span style="font-size:16px;"><b>搬抬服务</b></span>
							<br/>
							<label>
								<input type="checkbox" ng-click="iscarry()" ng-checked="isCarryAble" name="isCarry" />
								步梯搬抬服务（小于6层）
							</label>
						</div>
						<div class="create-radio-panel" ng-show="isCarryAble">
							<span style="float: left;margin-top: 10px;">搬抬人数</span>
							<div  class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':carryNumber=='请选择'}" style="display: inline;border-bottom: 2px solid #e9e9e9;margin-left: 5px ">
								<select class="create-fack-select form-control"  ng-change="selectcarryNumber(this)" ng-model="carryNumber">
									<option ng-repeat="carryNumber in carryNum" value="{{carryNumber}}">{{ carryNumber }}</option>
								</select>
							</div>
						</div>
						<div class="create-radio-panel" ng-show="isCarryAble">
							<span style="float: left;margin-top: 10px;">搬抬楼层</span>
							<div  class="create-select create-select-normal create-input-mini" ng-class="{'create-select-none':carryNumber=='请选择'}" style="display: inline;border-bottom: 2px solid #e9e9e9;margin-left: 5px ">
								<select class="create-fack-select form-control"  ng-change="selectFloor(this)" ng-model="floor">
									<option ng-repeat="floor in floors" value="{{floor}}">{{ floor }}</option>
								</select>
							</div>
						</div>

						<div class="create-radio-panel">
							<span style="font-size:16px;"><b>额外收费项</b></span>
							<br/>
							<label ng-repeat="equipment in equipments" value="{{equipment}}">
								<input type="checkbox" ng-click="equipmentSelect(equipment.itemId)" ng-checked="" name=""/>
								{{ equipment.comment }} &nbsp;&nbsp;
							</label>
						</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> -->
						<div class="create-radio-panel">
							<span style="font-size:16px;"><b>留言</b></span>
							<br/>
							<input id="comment" type="text" class="create-input-full form-control" placeholder="留言" ng-model="orderInfo.comment"/>
							<br/>
							<input id="comment2" type="text" class="create-input-full form-control" placeholder="内部备注" ng-model="orderInfo.priceComment"/>
						</div>

						<br /><br />
						<button href="#" data-target="#budget-info" class="form-control btn-default" data-toggle="modal" ng-click="calculatePrice();">计算价格</button>
						<button class="form-control btn-default" ng-click="orderCreate();" ng-disabled="orderCreateDisable">提交</button>
					</div>
					<div id="budget-info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<h3 id="myModalLabel">预计价格</h3>
						<div class="modal-footer">
							<h3  ng-repeat="item in items">{{ item }}</h3 >
							<h3 >总价格：{{ result }}</h3 >
							<h3 >价格模板：{{ templateName }}</h3>
							<br>
							<br>
							<button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
						</div>`
					</div>
				</div>
				<div  style="float: left;margin-top: 5%" >
					<div>
						<select   class="create-fack-select form-control"  ng-change="Selectcity(this)" ng-model="cityInfo"  ng-options="(&nbsp + m.comment) for m in citylist"><option selected="selected">北京</option></select>
						<table class="table table-bordered;" style="margin-top: 5%;font-size: 14pt ;" >
							<thead>
							</thead>
							<tbody>
							<tr>
								<td rowspan="2">普通护送</td>
								<td>市内服务</td>
								<td ng-bind="pricelist.PTtype"></td>
							</tr>
							<tr >
								<td>长途服务</td>
								<td ng-bind="pricelist.PTLtype"></td>
							</tr>
							<tr>
								<td rowspan="2">高级护送</td>
								<td>市内服务</td>
								<td ng-bind="pricelist.GJtype"></td>
							</tr>
							<tr >
								<td>长途服务</td>
								<td ng-bind="pricelist.GJLtype"></td>
							</tr>
							<tr>
								<td rowspan="2">护理护送</td>
								<td>市内服务</td>
								<td ng-bind="pricelist.YLtype"></td>
							</tr>
							<tr >
								<td>长途服务</td>
								<td ng-bind="pricelist.YLLtype"></td>
							</tr>
							<tr>
								<td rowspan="2">监护护送</td>
								<td>市内服务</td>
								<td ng-bind="pricelist.ZZtype"></td>
							</tr>
							<tr >
								<td>长途服务</td>
								<td ng-bind="pricelist.ZZLtype"></td>
							</tr>
							</tbody>
						</table>
					</div>
					<div style="margin-top: 5%;height:350px" >
						<div >
							<p style="color: #fa6800;display: inline;margin-top: 25%">注：</p>
							<div id="comment" style="margin-left: 5%;">
								<p style="line-height:2;display: inline">
									<span   data-ng-bind-html ="comment"></span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>


			<div id="mapContainer" >
				<input type="hidden" 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.4.15&key=944bb89682f6cb273c365678bd88669a"></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 j = 0; j < tipArr.length; j++){
							if(tipArr[j].district==''){
								tipArr.splice(j,1);
							}
						}
						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: 14px;cursor:pointer;padding:3px 3px 3px 3px;\"" + "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.尝试更宽泛的关键字";
					}

					if(resultStr.length>0)//2018-10-22
                    {
                        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";
                    }
                    else
                    {
                         document.getElementById("result" + MARKER_FLAG).style.display = "none";
                    }
				}

				//输入提示框鼠标滑过时的样式
				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 checkNaN(target){
					var value = target.value;
					target.value=target.value.replace(/\D/g,'');
				}
				//2018-11-30 sc 增加
				function clearNoNum(target){
					//var value = target.value;
				    target.value = target.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
				    target.value = target.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
				    target.value = target.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
				    target.value = target.value.replace(/^(\-)*(\d+)\.(\d).*$/,'$1$2.$3');//只能输入一个小数  
				    if(target.value.indexOf(".")< 0 && target.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 
				    	target.value= parseFloat(target.value); 
				    } 
				}
				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 %}