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

{% block style %}
<style type="text/css">
#employee-table td {
	height: 40px;
}
#split-page {
	text-align: center;
}
#employee-info {
	width: 40%;
	height: 680px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}
.modal-body {
	height: 520px;
	max-height: 560px;
	overflow-y: scroll;
}
.modal-body>div {
	margin-bottom: 8px;
}
.modal-body>div>.close {
	line-height: 35px;
}
.modal-body .form-control {
	width: 60%;
	display: inline-block;
}
.form-control {
	width: auto;
	display: inline-block;
}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="employeeListController">
	<h1 class="page-header">员工管理</h1>
	<div class="page-header">
		姓名：
		<input ng-model="search.name" type="text" class="form-control" />
		手机号：
		<input ng-model="search.telephone" type="text" class="form-control" />
		组织：
		<select ng-model="search.organizationId" class="form-control">
			<option ng-repeat="organization in organizationList" value="{{ organization.id }}">{{ organization.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>操作</th>
		        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="employee in employeeList">
	        	<td>{{ employee.id }}</td>
	        	<td>{{ employee.telephone }}</td>
	        	<td>{{ employee.realname }}</td>
	        	<td>{{ getRoleShowValue(employee.roleType) }}</td>
	        	<td>{{ getOrganizationName(employee.organizationId) }}</td>
	        	<td>{{ employee.cityArr.r3Name }}</td>
	        	<td>{{ employee.status==1 ? '在职' : '离职' }}</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="500px;">
	  			<tr>
	  				<td>
				  		手机号：
				  	</td>
				  	<td>
				  		<input type="text" class="form-control" placeholder="" ng-model="focusEmployee.telephone" />
				  	</td>
			  	<tr/>
			  	<tr>
			  		<td>
				  		姓名：
				  	</td>
				  	<td>
				  		<input type="text" class="form-control" placeholder="" ng-model="focusEmployee.realname" />
				  	</td>
			  	</tr>
			  	<tr>
			  		<td>
				  		职业：
				  	</td>
				  	<td>
				  		<select class="form-control" ng-model="focusEmployee.roleType">
				  			<option ng-repeat="option in roleTypeArr" value="{{ option.realValue }}" ng-selected="option.realValue==focusEmployee.roleType">{{ option.showValue }}</option>
				  		</select>
				  	</td>
				<tr/>
				<tr>
				  	<td>
				  		状态:
				  	</td>
				  	<td>
				  		<select class="form-control" ng-model="focusEmployee.status">
				  			<option ng-repeat="option in statusArr" value="{{ option.realValue }}" ng-selected="option.realValue==focusEmployee.status" >{{ option.showValue }}</option>
				  		</select>
				  	</td>
				</tr>
				<tr>
					<td>城市:</td>
					<td>
						<select class="form-control" ng-change="SelectProvince(this)" ng-model="endProvinceInfo">
							<option ng-repeat="province in provinceEnd" value="{{province}}" ng-selected="focusEmployee.cityArr.r1Code=={{province.code}}">
								{{province.name}}
							</option>
						</select>
						<select class="form-control" ng-change="SelectCity(this)" ng-model="endCityInfo">
							<option ng-repeat="city in cityEnd" value="{{city}}" ng-selected="focusEmployee.cityArr.r2Code=={{city.code}}">
								{{city.name}}
							</option>
						</select>
						<select class="form-control" ng-change="SelectRegion(this)" ng-model="endRegionInfo">
							<option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="focusEmployee.cityArr.r3Code=={{region.code}}">
								{{region.name}}
							</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>组织:</td>
					<td>
						<select class="form-control" ng-change="SelectOrganization(this)" ng-model="organizationInfo">
							<option ng-repeat="organization in organizationList" value="{{ organization }}" ng-selected="focusEmployee.organizationId=={{ organization.id }}">
								{{ organization.name }}
							</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>密码:</td>
					<td>
						<input class="form-control" ng-model="focusEmployee.password" type="password" />
					</td>
				</tr>

				<tr>
				  	<td>
				  		是否跟单:
				  	</td>
				  	<td>
				  		<select class="form-control" ng-model="focusEmployee.isTrack">
				  			<option ng-repeat="option in trackArr" value="{{ option.realValue }}" ng-selected="option.realValue==focusEmployee.isTrack" >{{ option.showValue }}</option>
				  		</select>
				  	</td>
				</tr>


				<tr>
				  	<td>
				  		是否车组分配提醒:
				  	</td>
				  	<td>
				  		<select class="form-control" ng-model="focusEmployee.isAllocate">
				  			<option ng-repeat="option in trackArr" value="{{ option.realValue }}" ng-selected="option.realValue==focusEmployee.isAllocate" >{{ option.showValue }}</option>
				  		</select>
				  	</td>
				</tr>

			  	<tr>
			  		<td>
				  		微信OpenID：
				  	</td>
				  	<td>
				  		<input type="text" class="form-control" placeholder="" ng-model="focusEmployee.openID" />
				  	</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="save(this)">保存</button>
	  </div>
	</div>
</div>
{% endraw %}
{% endblock %}

{% block script %}
<script type="text/javascript" src="{{ asset('bundles/mirroroam/js/tm-pagination.js') }}"></script>
<script type="text/javascript">
angular.module('myApp',['tm.pagination'])
	.controller('employeeListController',function($scope,$http){
		init($scope,$http);
	});
function getOrganizationList($scope,$http)
{
	var cityCode=$scope.focusEmployee.cityCode ? $scope.focusEmployee.cityCode : $scope.employee.cityCode;
	cityCode=!cityCode ? '000000' : cityCode;

	var json={
	};
	httpOther(
		$http,
		apiPath('/api/organization/search'),
		'post',
		json,
		function(data,textStatus){
			$scope.organizationList=data.rows;
		},
		function(errno,errmsg){
			$scope.roleTypeArr=[];
		}
	);
}
function getRoleShowValue($scope,realValue)
{
	var str='';
	$.each($scope.roleTypeArr,function(key,value){
		if(value.realValue==realValue)
			str=value.showValue;
	});
	return str;
}
function getOrganizationName($scope,realValue)
{
	var str='';
	$.each($scope.organizationList,function(key,value){
		if(value.id==realValue)
			str=value.name;
	});
	return str;
}
function saveEmployee($scope,$http)
{
	//2022-02-28 sc
	if($scope.focusEmployee.isTrack>0)
	{
		if($.trim($scope.focusEmployee.openID).length==0)
		{
			alert('微信OpenID：必须填写！');
			return;
		}
	}
	

	if($scope.focusEmployee.isAllocate>0)
	{
		if($.trim($scope.focusEmployee.openID).length==0)
		{
			alert('微信OpenID：必须填写！');
			return;
		}
	}
	

	var json={
		'id':$scope.focusEmployee.id,
		'realname':$scope.focusEmployee.realname,
		'telephone':$scope.focusEmployee.telephone,
		'roleType':$scope.focusEmployee.roleType,
		'status':$scope.focusEmployee.status,
		'cityCode':$scope.focusEmployee.cityCode,
		'organizationId':$scope.focusEmployee.organizationId,
		'password':$.trim($scope.focusEmployee.password),
		//2022-02-27 sc 
	    'isTrack':$scope.focusEmployee.isTrack,
	    //2022-03-24 sc 
	    'isAllocate':$scope.focusEmployee.isAllocate,
	    'openID':$scope.focusEmployee.openID
	}
	httpOther(
		$http,
		apiPath('/api/employee/update'),
		'post',
		json,
		function(data,textStatus){
			alert('修改成功');
			$("#employee-info").modal('hide');
			getEmployeeList($scope,$http);
		},
		function(errno,errmsg){

		}
	);
}
function init($scope,$http)
{
	$scope.employee={};
	$scope.search={};
	$scope.organizationList=[];
	$scope.end = {
		'province':'省份',
		'city':'城市',
		'region':'区/县'
	};
	$scope.organizationList=[];
	$scope.roleTypeArr=[];
	$scope.searchEmployeeList=function(target){
		getEmployeeList($scope,$http);
	};
	$scope.SelectOrganization=function(target){
		var targetInfo = $.evalJSON(target.organizationInfo);
		$scope.focusEmployee.organizationId=targetInfo.id;
	};
	$scope.SelectProvince=function(target){
		var targetInfo = $.evalJSON(target.endProvinceInfo);
		$scope.end.province = targetInfo.name;
		$scope.end.city = '城市';
		$scope.end.region = '区/县';
		getCityArr($scope,$http,targetInfo.code,2);
	};
	$scope.SelectCity=function(target){
		var targetInfo = $.evalJSON(target.endCityInfo);
		$scope.end.city = targetInfo.name;
		$scope.end.region = '区/县';
		$scope.employee.cityCode=targetInfo.code;
		getCityArr($scope,$http,targetInfo.code,3);
	};
	$scope.SelectRegion=function(target){
		var targetInfo = $.evalJSON(target.endRegionInfo);
		$scope.end.region = targetInfo.name;
		if(targetInfo.code)
		{
			$scope.focusEmployee.cityCode=targetInfo.code;
			getOrganizationList($scope,$http);
		}
	};
	$scope.getOrganizationName=function(value){
		return getOrganizationName($scope,value);
	};
	$scope.getRoleShowValue=function(value){
		return getRoleShowValue($scope,value);
	};
	$scope.save=function(target){
		saveEmployee($scope,$http);
	};
	$scope.statusArr=[
		{
			'realValue':1,
			'showValue':'在职'
		},
		{
			'realValue':2,
			'showValue':'离职'
		}
	];

    //2022-02-27 是否跟单
	$scope.trackArr=[
		{
			'realValue':0,
			'showValue':'否'
		},
		{
			'realValue':1,
			'showValue':'是'
		}
	];

	$scope.setEmployeeInfo=function(target){
		$scope.focusEmployee.id=target.employee.id;
		$scope.focusEmployee.telephone=target.employee.telephone;
		$scope.focusEmployee.realname=target.employee.realname;
		$scope.focusEmployee.roleType=target.employee.roleType;
		$scope.focusEmployee.status=target.employee.status;
		$scope.focusEmployee.cityCode=target.employee.cityCode;
		$scope.focusEmployee.cityArr=target.employee.cityArr;
		$scope.focusEmployee.organizationId=target.employee.organizationId;
        //设置是否跟单 openID
		$scope.focusEmployee.isTrack=target.employee.isTrack;
		$scope.focusEmployee.openID=target.employee.openID;
        $scope.focusEmployee.isAllocate=target.employee.isAllocate;

		getCityArr($scope,$http,0,1,$scope.focusEmployee.cityArr.r1Code,$scope.focusEmployee.cityArr.r2Code);
	};

	$scope.focusEmployee={};
	$scope.paginationConf = {
        currentPage: 1,
        itemsPerPage: 10,
        pagesLength: 9,
        onChange: function(){
        }
    };
	$("#employee-manage").addClass('active');
	$("#employee-list").addClass("active");
	$("#employee-manage-list").addClass('in');
	getOrganizationList($scope,$http);
	getRoleType($scope,$http);
	getEmployeeList($scope,$http);
}
function getCityArr($scope,$http,value,type,newP,newC){
	httpOther($http,apiPath('/api/region/list/'+value),'GET',
		{},
		function(response){
			switch(type){
				case 1:
					$scope.provinceEnd = response.regionList;
					if(newP)
						getCityArr($scope,$http,newP,2);
					else
						getCityArr($scope,$http,$scope.provinceEnd[0].code,2);
				break;
				case 2:
					$scope.cityEnd = response.regionList;
					if(newC)
						getCityArr($scope,$http,newC,3);
					else
						getCityArr($scope,$http,$scope.cityEnd[0].code,3);
				break;
				case 3:
					$scope.regionEnd = response.regionList;
					//if(response.regionList.length==0 && $scope.employee.cityCode)
					//{
						getOrganizationList($scope,$http);
					//}
				break;
			}
		},
		function(errno,errmsg){

	});
}
function getRoleType($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/dict/key/3'),
		'get',
		'',
		function(data,textStatus){
			$scope.roleTypeArr=data.valueList;
		},
		function(errno,errmsg){
			$scope.roleTypeArr=[];
		}
	);
}
function getEmployeeList($scope,$http)
{
	var currentPage=$scope.paginationConf.currentPage;
	var json={
		'name':$scope.search.name,
		'telephone':$scope.search.telephone,
		'organizationId':$scope.search.organizationId,
		'page':currentPage ? currentPage : 1,
		'rows':$scope.paginationConf.itemsPerPage
	}
	httpOther(
		$http,
		apiPath('/api/employee/search'),
		'post',
		json,
		function(data,textStatus){
			$scope.employeeList=data.rows;
			$scope.paginationConf.totalItems=data.total;
			$scope.paginationConf.onChange=function(){
				getEmployeeList($scope,$http);
			};
		},
		function(errno,errmsg){

		}

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