{% 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,#priceComment {
	width: 500px;
}

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

#mapframe{

	width:100%;
	height:400px;
	position:relative;
	margin-bottom:10px;
	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){
			 AngularAction($scope,$http,$location,$timeout);
		});
		function AngularAction($scope,$http,$location,$timeout){
			$scope.orderId = '{{orderId}}'
			$scope.topbarReturn = true;
			$scope.orderInfo = {};
			$scope.start={};
			$scope.end={};
			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.citylistl = response.rows;
					},
					function(errno,errmsg){

					});
			$scope.carryNum = [2,3,4];
			$scope.floors = [
				"2","3","4","5","6","7","8","9","10","11","12"
			];
			//getStartCode($scope,$http,0,1);
			//getEndCode($scope,$http,0,1);
			var start = {};
			var end = {};
			httpOther($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.carryNumber =  response.order.carryNumber;
					$scope.floor =  response.order.floor;
					$scope.orderInfo.floor = response.order.floor;
                    $scope.orderInfo.isCarry =  response.order.isCarry;
                    $scope.orderInfo.age =  response.order.age; //2018-11-30 sc 
                    $scope.templateCityCode =  response.order.templateCityCode; //2019-10-25 sc 
                    
					setTimeController($scope.orderInfo.hopeTime);
					if($scope.orderInfo.isCarry)
					{
						$scope.isCarryAble = true;
					}
					else {
						$scope.isCarryAble = false;
					};
					if($scope.orderInfo.carTypeValue==3)
					{
						$scope.carryNum = [1];
						$scope.orderInfo.carryNumber = 1;
					}
					else
					{
						$scope.carryNum = [2,3,4];
						$scope.orderInfo.carryNumber = 2;
					}
				getEndCode($scope,$http,0,1,$scope.orderInfo.endCityInfo.r1Code,$scope.orderInfo.endCityInfo.r2Code);
				getStartCode($scope,$http,0,1,$scope.orderInfo.beginCityInfo.r1Code,$scope.orderInfo.beginCityInfo.r2Code);

                  httpOther($http, '/api/promotion/getEquipment/'+ $scope.orderInfo.templateCityCode +'/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) {

                            });
				},
				function(errno,errmsg){

			});

			$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();
				$scope.orderInfo.selectedEquipments = selectedEquipments;
				//if(!checkNull($scope.orderInfo.hopeTime,'请选择用车时间')) return;
				$scope.orderInfo.carType = 	$scope.orderInfo.carTypeValue;
				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;
							},
							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/'+targetInfo.code+'/0', 'GET',null
						,
						function (response) {
							$scope.equipments = response.result.rows;
							$scope.templateCityCode =  response.result.templateCityCode;
							//2018-11-12 sc
				            $scope.orderInfo.selectCityCode =$scope.templateCityCode;
							if ($scope.orderInfo.beginCityCode == $scope.orderInfo.endCityCode) {
								$scope.orderInfo.TemplateId = response.result.ChargingTemplateId;
							} else {
								$scope.orderInfo.TemplateId =  response.result.ChargingLongwayTemplateId;
							}
						},
						function (errno, errmsg) {

						});
			}

			$scope.selectDiseaseType=function(target){
				var targetInfo = $.evalJSON(target.diseaseType);
				$scope.orderInfo.diseasyTypeValue = 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(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;
				//if(!checkNull($scope.orderInfo.hopeTime,'请选择用车时间')) return;
				$scope.orderInfo.hopeTime = $('#dateTime').val();
				if($scope.orderInfo.beginLongitude=="")
				{
					alert('请输入用车时间');
					return;
				}


				$scope.orderInfo.carType = 	$scope.orderInfo.carTypeValue;
				$scope.orderInfo.selectedEquipments = selectedEquipments;
				//if(!checkNull($scope.orderInfo.serviceTypeValue,'请选择服务类型')) return;
				//if(!checkNull($scope.orderInfo.diseasyTypeValue,'请选择病情')) return;
				//alert($.toJSON($scope.orderInfo));
				//$scope.Myalert('提交中');
				if($scope.doCreate){
//					console.log($scope.orderInfo);
//					return false;
					httpOther($http,'/api/order/modify','PUT',$scope.orderInfo,
						function(response){
							var errno = response.errno;
							if(errno==0){
								alert('操作成功');
							}
						},
						function(errno,errmsg){
							alert(errmsg);
						}
					);
				}
			}


			$scope.cartypeChange = function()
			{
				if($scope.orderInfo.carTypeValue==3)
				{
					$scope.carryNum = [1];
                    $scope.orderInfo.carryNumber = 1;
				}
				else
				{
					$scope.carryNum = [2,3,4];
                    $scope.orderInfo.carryNumber = 2;
				}
			}

			$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) ;
				}
				else
				{
					removeByValue(selectedEquipments,target);
				}

			}

			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">
	<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="起点" onkeydown='keydown(event,"1")' ng-model="orderInfo.beginPosition"/><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")' placeholder="终点" ng-model="orderInfo.endPosition"/><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.diseasyTypeValue == {{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-checked="orderInfo.carTypeValue==4" ng-click="orderInfo.carTypeValue=4;orderInfo.carType='监护护送';cartypeChange();" name="carType" />
				监护护送（司机，医生，护士）
			</label>
			<br/>
			<label>
				<input type="radio" ng-checked="orderInfo.carTypeValue==1" ng-click="orderInfo.carTypeValue=1;orderInfo.carType='护理护送';cartypeChange();" name="carType" />
				护理护送（配备护士）
			</label>
			<br/>
			<label>
				<input type="radio" ng-checked="orderInfo.carTypeValue==2" ng-click="orderInfo.carTypeValue=2;orderInfo.carType='高级护送';cartypeChange();" name="carType" />
				高级护送（配备护送员）
			</label>
			<br/>
			<label>
				<input type="radio" ng-checked="orderInfo.carTypeValue==3" ng-click="orderInfo.carTypeValue=3;orderInfo.carType='普通护送';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-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/>
			<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" ng-hide = "isCarryHide==true" >
			<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>


		<input id="comment" type="text" class="create-input-full form-control" placeholder="留言" ng-model="orderInfo.comment"/>
		<br/>
		<input id="priceComment" type="text" class="create-input-full form-control" placeholder="内部备注" style="margin-top:6px;" ng-model="orderInfo.priceComment"/>
		<br /><br />
		<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();">提交</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>

	<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.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: 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.尝试更宽泛的关键字";
		    }
		    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 checkNaN(target){
			var value = target.value;
			target.value=target.value.replace(/\D/g,'');
		}
		//2018-11-30 sc 增加
		function clearNoNum(target){
		    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 
			    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 %}