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

{% block style %}
<style type="text/css">
#employee-table td,
#password-table td {
	height: 40px;
}
#employee-table input,
#password-table input{
	width:200px;
}
#split-page {
	text-align: center;
}
#employee-info,
#password-info{
	width: 50%;
	height: 530px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}
.modal-body {
	height: 370px;
	/*max-height: 240px;*/
	overflow-y: scroll;
}
.modal-body>div {
	margin-bottom: 8px;
}
.modal-body>div>.close {
	line-height: 35px;
}
.modal-body .form-control {
	width: 30%;
	display: inline-block;
}
.form-control {
	width: auto;
	display: inline-block;
}
#mapframe{
	/*//     position:absolute;*/
	/*//     top:20%;*/
	/*//     right:10%;*/
	/*//     z-index:2000;*/
	/*//     display:none;*/
	/*//     width:50%;*/
	/*//     height:60%;*/
	width:88%;
	height:400px;
	position:absolute;
	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 content %}
{% raw %}
<div ng-controller="ambultetteController">
	<h1 class="page-header">站点管理</h1>
	<div class="page-header">
		城市：
		<select class="form-control" ng-change="SelectProvince(this,1)" ng-model="endProvinceInfo">
			<option ng-repeat="province in provinceEnd" value="{{province}}" ng-selected="search.cityArr.r1Code=={{province.code}}">
				{{province.name}}
			</option>
		</select>
		<select class="form-control" ng-change="SelectCity(this,1)" ng-model="endCityInfo">
			<option ng-repeat="city in cityEnd" value="{{city}}" ng-selected="search.cityArr.r2Code=={{city.code}}">
				{{city.name}}
			</option>
		</select>
		<select class="form-control" ng-change="SelectRegion(this,1)" ng-model="endRegionInfo">
			<option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="search.cityArr.r3Code=={{region.code}}">
				{{region.name}}
			</option>
		</select>
		<button class="form-control" ng-click="searchEmployeeList(this)">搜索</button>
	</div>
	<div class="table-responsive">
		<table class="table table-striped">
			<thead>
		        <tr>
		            <th>#</th>
		            <th>所在地</th>
					<th>站点名称</th>
					<th>站点编号</th>
					<th>管理员姓名</th>
					<th>管理员电话</th>
					<th>是否工作</th>
					<th>gps登录名</th>
					<th>登录密码</th>
		            <th>操作</th>
		        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="staffs in staffList">
	        	<td>{{staffs.ID}}</td>
				<td>{{staffs.CityName}}<br/>{{staffs.Position}}</td>
	        	<td>{{staffs.Name}}</td>
				<td>{{staffs.StationID}}</td>
				<td>{{staffs.AdminName}}</td>
				<td>{{staffs.AdminTelephone}}</td>
				<td ng-if="staffs.IsActive==0">已弃用</td>
				<td ng-if="staffs.IsActive==1">使用中</td>
				<td>{{staffs.gpsLoginName}}</td>
				<td>{{staffs.gpsPassword}}</td>
	        	<td><a href="#" data-target="#employee-info" role="button" data-toggle="modal" ng-click="setEmployeeInfo(this)" >修改信息</a></td>
	        </tr>
	      </tbody>
		</table>
	</div>

	<div id="split-page" style="display:none;">
		<tm-pagination conf="paginationConf"></tm-pagination>
	</div>

	<div id="employee-info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="cleanDetail(this)">×</button>
		    <h3 id="myModalLabel">修改</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  		<table id="employee-table" width="">
	  			<tr>
	  				<td>
				  		站点名称：
				  	</td>
				  	<td>
				  		<input type="text" class="form-control" placeholder="" ng-model="saveInfo.Name" />
				  	</td>
			  	<tr/>
				<tr>
					<td>
						管理员姓名：
					</td>
					<td>
						<input type="text" class="form-control" placeholder="" ng-model="saveInfo.AdminName" />
					</td>
				<tr/>
				<tr>
					<td>
						管理员电话：
					</td>
					<td>
						<input type="text" class="form-control" placeholder="" ng-model="saveInfo.AdminTelephone" />
					</td>
				<tr/>
				<tr>
					<td>
						是否工作：
					</td>
					<td>
						<select ng-model="saveInfo.IsActive" class="form-control">
							<option value="0" ng-selected="saveInfo.IsActive==0">已弃用</option>
							<option value="1" ng-selected="saveInfo.IsActive==1">使用中</option>
						</select>
					</td>
				<tr/>
				<tr>
					<td>城市:</td>
					<td>
						<select class="form-control" ng-change="SelectProvince(this)" ng-model="endProvinceInfo">
							<option ng-repeat="province in provinceModify" value="{{province}}" ng-selected="saveInfo.ProvinceCode=={{province.code}}">
								{{province.name}}
							</option>
						</select>
						<select class="form-control" ng-change="SelectCity(this)" ng-model="endCityInfo">
							<option ng-repeat="city in cityModify" value="{{city}}" ng-selected="saveInfo.CityCode=={{city.code}}">
								{{city.name}}
							</option>
						</select>
						<select class="form-control" ng-change="SelectRegion(this)" ng-model="endRegionInfo">
							<option ng-repeat="region in regionModify" value="{{region}}" ng-selected="saveInfo.RegionCode=={{region.code}}">
								{{region.name}}
							</option>
						</select>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>
						<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="saveInfo.Position" style="margin-right:4px;width:400px;"/>
							<div id="result1" ></div>
						</div>
					<!--  <a ng-click="selectMap()"><i class="fa fa-map-pin"></i></a>
						<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>-->
					</td>
				</tr>

				<tr>
					<td>
						GPS登录账号：
					</td>
					<td>
						<input type="text" class="form-control" placeholder="" ng-model="saveInfo.gpsLoginName" />
					</td>
				<tr/>
				<tr>
					<td>
						GPS登录密码：
					</td>
					<td>
						<input type="text" class="form-control" placeholder="" ng-model="saveInfo.gpsPassword" />
					</td>
				<tr/>
	  		</table>
	  	</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
	    <button class="btn btn-primary" ng-click="update(this)">保存</button>
	  </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 : START_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,'');
		}
		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>

</div>
{% endraw %}
{% endblock %}

{% block script %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.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 type="text/javascript" src="{{ asset('bundles/mirroroam/js/tm-pagination.js') }}"></script>
<script type="text/javascript">
angular.module('myApp',['tm.pagination'])
	.controller('ambultetteController',function($scope,$http){
		init($scope,$http);
	});
function init($scope,$http)
{
	$scope.employee={};
	$scope.search={};
	$scope.cleanDetail=function(){
		//$('#keyword1').val("");
		getDirectorList($scope,$http);
	};
	$scope.searchEmployeeList=function(target){
		getDirectorList($scope,$http);
		//alert(angular.toJson($scope.search));
	};
	$scope.SelectProvince=function(target,type){
		var targetInfo = $.evalJSON(target.endProvinceInfo);
		if(type){       //type为1时，页面search的城市地址
			$scope.search.cityCode=targetInfo.code;
			getCityArr($scope,$http,targetInfo.code,2);
		}
		else{    //无type时，是修改浮层的城市地址
			START_CITY_CODE = '';
			modifyCityArr($scope,$http,targetInfo.code,2);
		}
	};
	$scope.SelectCity=function(target,type){
		var targetInfo = $.evalJSON(target.endCityInfo);
		if(type){
			$scope.search.cityCode=targetInfo.code;
			getCityArr($scope,$http,targetInfo.code,3);
		}
		else{
			//$scope.saveInfo.cityCode=targetInfo.code;
			START_CITY_CODE = targetInfo.code;
			modifyCityArr($scope,$http,targetInfo.code,3);
		}
	};
	$scope.SelectRegion=function(target,type){
		var targetInfo = $.evalJSON(target.endRegionInfo);
		if(type){
			$scope.search.cityCode=targetInfo.code;
		}
		else{
			$scope.saveInfo.CityCode=targetInfo.code;
		}
	};

	$('#closemap').click(function(){
		$('#mapframe').css('display','none');
	})

	//点击修改信息
	$scope.setEmployeeInfo=function(target){
		$scope.saveInfo = target.staffs;
		console.log($scope.saveInfo );
		START_CITY_CODE=$scope.saveInfo.CityCode;
		modifyCityArr($scope,$http,0,1,$scope.saveInfo.ProvinceCode,$scope.saveInfo.CityCode);
	};

	//获取经纬度，进行选点
	var flag=1;
	$scope.selectMap=function(){
		if(START_MARKER || $scope.saveInfo.Longitude)
		{
			if(START_MARKER){
				$scope.saveInfo.Longitude=START_MARKER.getPosition().getLng();
				$scope.saveInfo.Latitude=START_MARKER.getPosition().getLat();
				$scope.saveInfo.Position=START_ADDRESS;
				$scope.saveInfo.PositionLong=START_POSITION_LONG;
			}
			//地址与经纬度选址插件
			var map = new AMap.Map('container',{
				resizeEnable: true,
				zoom: 13,
				center: [$scope.saveInfo.Longitude,$scope.saveInfo.Latitude]
			});
			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.saveInfo.Position=input.value;
							$('#keyword1').val(input.value);
							message.innerHTML = ''
						}else{
							message.innerHTML = '无法获取地址'
						}
					})
					$scope.saveInfo.Longitude=e.lnglat.lng;
					$scope.saveInfo.Latitude=e.lnglat.lat;
					//console.log($scope.saveInfo.Longitude);
					//console.log($scope.saveInfo.Latitude);
				})

				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.saveInfo.Position=input.value;
							$("#keyword1").val(input.value);
							message.innerHTML = ''
							$scope.saveInfo.Longitude=result.geocodes[0].location.lat;
							$scope.saveInfo.Latitude=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');
		}
	}

	//更改地址
	$scope.clearLat=function(){
		$scope.saveInfo.Longitude=undefined;
	}

	$scope.update = function(){
		//alert(angular.toJson($scope.saveInfo));
		if($scope.saveInfo.Longitude==undefined) {
			if (START_MARKER || $scope.saveInfo.Longitude) {
				if (START_MARKER) {
					$scope.saveInfo.Longitude=START_MARKER.getPosition().getLng();
					$scope.saveInfo.Latitude=START_MARKER.getPosition().getLat();
					$scope.saveInfo.Position=START_ADDRESS;
					$scope.saveInfo.PositionLong=START_POSITION_LONG;
				}
			} else {
				alert('请选择地址并输入详细地址');
				return;
			}
		}
		var json={
			"ID": $scope.saveInfo.ID,
			"Latitude": $scope.saveInfo.Latitude,
			"Longitude": $scope.saveInfo.Longitude,
			"StationID": 0,
			"AdminName":$scope.saveInfo.AdminName,
			"AdminTelephone":$scope.saveInfo.AdminTelephone,
			"Name": $scope.saveInfo.Name,
			"CityCode":$scope.saveInfo.CityCode,
			"IsActive":$scope.saveInfo.IsActive,
			"gpsLoginName":$scope.saveInfo.gpsLoginName,
			"gpsPassword":$scope.saveInfo.gpsPassword,
			"Position": $scope.saveInfo.Position
		}
			$http({
			url:Testurl+'/api/StationEdite',
			method:'post',
			data:json,
	}).then(function(data,textStatus){
				alert('修改成功');
				$('#employee-info').modal('hide');
				//$('.modal-backdrop').remove();
				getDirectorList($scope,$http);
			},
			function(errno,errmsg){
				alert(errmsg);
			}

		);
	}


	$scope.focusEmployee={};
	$scope.paginationConf = {
        currentPage: 1,
        itemsPerPage: 100,
        pagesLength: 90,
        onChange: function(){
        }
    };
	$("#ambultetteSta-manage").addClass('active');
	$("#ambultetteSta-list").addClass("active");
	$("#ambultetteSta-manage-list").addClass('in');
	getCityArr($scope,$http,0,1);
    getDirectorList($scope,$http);
}

function getDirectorList($scope,$http)
{
	//var currentPage=$scope.paginationConf.currentPage;
	if($scope.search.cityCode==undefined){
		$scope.search.cityCode=0;
	}

	$http({
		url:Testurl+'/api/StationSearch?CityCode='+$scope.search.cityCode,
		method:'GET'
	}).then(function(data,textStatus){
				$scope.staffList=data.data.Data;
	//			$scope.paginationConf.totalItems=data.total;
	//			$scope.paginationConf.onChange=function(){
	//				getDirectorList($scope,$http);
	//			};
		},
		function(errno,errmsg){
			alert(errmsg);
		}

	);
}

function getCityArr($scope,$http,value,type){
	httpOther($http,apiPath('/api/region/list/'+value),'GET',
		{},
		function(response){
			switch(type){
				case 1:
					$scope.provinceEnd = response.regionList;
					getCityArr($scope,$http,$scope.provinceEnd[0].code,2);
				break;
				case 2:
					$scope.cityEnd = response.regionList;
					getCityArr($scope,$http,$scope.cityEnd[0].code,3);
				break;
				case 3:
					$scope.regionEnd = response.regionList;
				break;
			}
		},
		function(errno,errmsg){

	});
}

function modifyCityArr($scope,$http,value,type,firatValue,nextValuse){
	httpOther($http,apiPath('/api/region/list/'+value),'GET',
		{},
		function(response){
			switch(type){
				case 1:
					$scope.provinceModify = response.regionList;
					if(firatValue)
						if(nextValuse)
							modifyCityArr($scope,$http,firatValue,2,nextValuse);
					else
						modifyCityArr($scope,$http,$scope.provinceModify[0].code,2);
				break;
				case 2:
					$scope.cityModify = response.regionList;
					if(value)
						modifyCityArr($scope,$http,firatValue,3);
					else
						modifyCityArr($scope,$http,$scope.cityModify[0].code,3);
				break;
				case 3:
					$scope.regionModify = response.regionList;
				break;
			}
		},
		function(errno,errmsg){

	});
}
</script>
{% endblock %}