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

{% block style %}
<style type="text/css">
#add-pay,#modify-structure,#order-accept{
	width: 50%;
	height: 400px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}
#group-info-list {
	width: 80%;
	height: 500px;
	left: 0px;
	right: 0px;
	top: 50px;
	margin: 0px auto;
	background-color: #ffffff;
}
.modal-body {
	height: 240px;
	max-height: 240px;
	overflow-y: scroll;
}
.modal-body>div {
	margin-bottom: 8px;
}
.modal-body>div>.close {
	line-height: 35px;
}
.modal-body .form-control {
	width: 40%;
	display: inline-block;
}
.btn {
	padding: 3px 6px;
}
#group-info-list .form-control {
	width: auto;
	display: inline-block;
}
#cancel-info {
	width: 30%;
	height: 440px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}

#canceldiv{
    width:70%;
    margin-left:10%;
}
</style>
{% endblock %}

{% block content %}
{% raw %}
<div ng-controller="orderListController">
	<h1 class="page-header">待审核订单</h1>
	<div class="table-responsive">
        <div style="width:20%">
            <p style="float:left">排序方式：</p>
            <select class="form-control" ng-change="SelectSort(this)" ng-model="sort" style="float:right;width: 70%">
                <option  value="createTime">创建时间</option>
                <option  value="hopeTime">预约时间</option>
            </select>
        </div>
	    <table class="table table-striped">
	      <thead>
	        <tr>
              <th>#</th>
	          <th>订单来源</th>
	          <th>起点</th>
	          <th>终点</th>
	          <th>车辆类型</th>
	          <th>病种</th>
	          <th>预约时间</th>
	          <th>联系电话</th>
	          <th>联系人</th>
	          <th>长途</th>
	          <th width="12%">备注</th>
				<th  width='8%'>内部备注</th>
	           <!--<th>操作</th>-->
	        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="order in orderList">
              <td>{{ order.id }}</td>
	          <td>{{ order.orgnizationName }}</td>
	          <td>{{ order.beginPosition }}</td>
	          <td>{{ order.endPosition }}</td>
	          <td>{{ order.carType }}</td>
	          <td>{{ order.diseaseType }}</td>
	          <td>{{ order.hopeTime }}</td>
	          <td>{{ order.telephone }}</td>
	          <td>{{ order.name }}</td>
	          <td>{{ order.isLong==1 ? '是' : '否' }}</td>
	          <td>{{ order.comment }}</td>
				<td>{{ order.priceComment }}</td>
	          <!-- <td>
	          	<a href="/oam/order/detail/{{ order.id }}" class="btn" target="_blank">查看详情</a>
	          	<a href="edit/{{ order.id }}" class="btn" ng-show="service_org_sign" target="_blank">编辑</a>
	          	<a href="{{ getMapHref(order) }}" class="btn" target="_blank">地图</a>
	          	<a data-target="#modify-structure" role="button" class="btn" ng-show="service_org_sign" data-toggle="modal" ng-click="setStructure(this)">修改组织结构</a>-->
	          	 <!-- <a data-target="#add-pay" role="button" class="btn" data-toggle="modal" ng-click="setOrder(this)">添加收费明细</a>  -->
	          	 <!-- <a data-target="#order-accept" role="button" class="btn" ng-show="service_org_sign" data-toggle="modal" ng-click="accept(this)">审核通过</a>
	          	 <a href="#" data-target="#cancel-info" class="btn" data-toggle="modal"  ng-click="setcanceldate(this)"  ng-show="service_org_sign">取消</a>
	          </td>-->
	        </tr>
	      </tbody>
	    </table>
	</div>


	<!-- 通过审核 -->
	<div id="order-accept" 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="cleanOrg(this)">×</button>
	    <h3 id="myModalLabel">通过审核</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  	  <span>指派服务机构:</span>
			<select class="form-control" ng-change="SelectOrg(this)" ng-model="organization">
			<option ng-repeat="organization in organizationList" ng-selected="organization.id==0" value="{{ organization }}">{{ organization.name }}</option>
			</select>
            <br/>
            <br/>
            <br/>
			<span>指派车辆站点:</span>
			<select ng-model="saveInfo.StationID" class="form-control">
				<option ng-repeat="service in serviceList" value="{{ service.ID }}" ng-selected="{{service.ID}}==saveInfo.StationID">{{ service.Info }}</option>
			</select>
			<br/>
			<br/>
			<br/>
			<span>订单来源:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			<select class="form-control" ng-change="SelectSource(this)" ng-model="source">
				<option ng-repeat="source in sourceList" ng-selected="" value="{{ source }}">{{ source.showValue }}</option>
			</select>
		</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn btn-success btn-lg" ng-click="passOrder()">通过</button>
	    <button class="btn" data-dismiss="modal" ng-click="cleanOrg(this)">取消</button>
	  </div>
	</div>
	<!-- end -->

	<!-- 修改组织结构 -->
	<div id="modify-structure" 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="cleanStructure(this)">×</button>
	    <h3 id="myModalLabel">修改组织结构</h3>
	  </div>
	  <div class="modal-body">
	  	<div>
	  		长途：
		  	<label class="inline">
			  <input type="radio" name="isLong" ng-model="isLong" value="2" />
			  否
			</label>
			<label class="inline">
			  <input type="radio" name="isLong" ng-model="isLong" value="1" />
			  是
			</label>
		</div>
		<div ng-repeat="structure in structureArr">
			职责：
			<select structure class="form-control" ng-options="role.showValue for role in roleTypeArr" ng-init="structure.roleObject=''" ng-model="structure.roleObject" ng-change="changeStructure(this,$index)" ></select>
		  	数量：
		  	<input type="text" class="form-control" placeholder=""  ng-model="structureArr[$index].amount" />
		  	<a class="close" data-dismiss="alert" ng-click="delStructure($index)" ng-show="$index>0">&times;</a>
		</div>
	  </div>
	  <div class="modal-footer">
	    <button id="add-detail" class="btn" ng-click="addStructure()">添加</button>
	    <button class="btn" data-dismiss="modal" ng-click="cleanStructure(this)">关闭</button>
	    <button class="btn btn-primary" ng-click="modifyStructure()">保存</button>
	  </div>
	</div>
	<!-- end -->

	<!-- end -->
	<!-- 添加收费明细 -->
	<div id="add-pay" 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 ng-repeat="detail in detailArr">
			名称：
		  	<input type="text" class="form-control" placeholder=""  ng-model="detailArr[$index].name" />
		  	价格：
		  	<input type="text" class="form-control" placeholder=""  ng-model="detailArr[$index].price" />
		  	<a class="close" data-dismiss="alert" ng-click="delDetail($index)" ng-show="$index>0">&times;</a>
		</div>
	  </div>
	  <div class="modal-footer">
	    <button id="add-detail" class="btn" ng-click="addDetail()">添加</button>
	    <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
	    <button class="btn btn-primary" ng-click="addPay()">保存</button>
	  </div>
	</div>
	<!-- end -->
    <div id="cancel-info" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <h3 id="myModalLabel">取消订单</h3>
        <div id="canceldiv">
            取消原因：
            <select id="select" class="form-control"  ng-model="cancelReason">
                <option ng-repeat="cancel in CancelList" value="{{cancel}}" >
                    {{cancel.name}}
                </option>
            </select>
            <br>
			订单来源：
			<select class="form-control" ng-change="SelectSource(this)" ng-model="source">
				<option ng-repeat="source in sourceList" ng-selected="" value="{{ source }}">{{ source.showValue }}</option>
			</select>
			<br>
            留言：
            <input id="comment" type="text" class="create-input-full form-control"  ng-model="orderInfo.comment"/>
            <br>
            <br>
            <button style="margin-right: 0" class="btn" data-dismiss="modal" ng-click="cancel(this)">提交</button>
            <button style="margin-right: 0" class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
        </div>
    </div>
</div>
{% endraw %}

{% block script %}

<script type="text/javascript">
angular.module('myApp',[])
	.controller('orderListController',function($scope,$http){
		//getOrderList($scope,$http);
		init($scope,$http);
		/* 修改组织结构 */
		$scope.setGroup=function(target){
			$scope.id=target.order.id;
		};
		$scope.getMapHref=function(order){
			return getStaticMap(order.beginLongitude,order.beginLatitude,order.endLongitude,order.endLatitude);
		};
		$scope.changeStructure=function(target,index){
			target.structure.roleType=target.structure.roleObject.realValue;
		};
		$scope.cancel=function(target){
			$scope.id=target.order.id;
			cancelOrder($scope,$http);
		};
		$scope.selectRoleType=function(target,index){

		};
		$scope.modifyStructure=function(){
			modifyStructure($scope,$http);
		};
		$scope.addStructure=function(){
			$scope.structureArr.push({
				'roleType':'',
				'amount': 1
			});
		};
		$scope.delStructure=function(index){
			$scope.structureArr.splice(index,1);
		};
		$scope.cleanStructure=function(){
			$scope.structureArr=Array({
				'roleType':'',
				'amount':''
			});
			getOrderList($scope,$http);
		};

		$scope.setStructure=function(target){
			$scope.id=target.order.id;
			$scope.isLong=target.order.isLong;
			getStructureList($scope,$http);
		};
		/* 收费明细 */
		$scope.detailArr=Array({
			'name':'',
			'price':''
		});
		$scope.saveInfo = Array({
			'StationID':''
		})
		$scope.addPay=function(){
			addPay($scope,$http);
		};
		$scope.accept = function(target){
			$scope.id=target.order.id;
			//citycode
			$scope.beginCityCode=target.order.beginCityCode;
			getStationList($scope,$http);
		};
		$scope.setOrder=function(target){
			$scope.id=target.order.id;
		};
		$scope.addDetail=function(target){
			$scope.detailArr.push({
				'name':'',
				'price':''
			});
		};
		$scope.delDetail=function(index){
			$scope.detailArr.splice(index,1);
		};
		$scope.cleanDetail=function(target){
			$scope.detailArr=Array({
				'name':'',
				'price':''
			});
			getOrderList($scope,$http);
		};
		/* 车队列表 */
		$scope.distributeOrder=function(target){
			$scope.groupId=target.group.id;
			distributeOrder($scope,$http);
		};
		$scope.search={};
		$scope.end = {
			'province':'省份',
			'city':'城市',
			'region':'区/县'
		};
		$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.search.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.search.cityCode=targetInfo.code;
				$scope.search.organizationId=null;
				getOrganizationList($scope,$http);
			}
		};

		$scope.SelectOrganization=function(target){
			var targetInfo = $.evalJSON(target.organization);
			$scope.search.organizationId=targetInfo.id;
		};
        
        //选择服务组织
		$scope.SelectOrg=function(target){
			var targetInfo = $.evalJSON(target.organization);
			$scope.acceptOrg=targetInfo.id;
		};

        $scope.SelectSort=function(target){
            $scope.sort=target.sort;
            getOrderList($scope,$http);
        };

		//选择订单来源
		$scope.SelectSource=function(target){
			var targetInfo = $.evalJSON(target.source);
			$scope.selectSource=targetInfo.realValue;
		};

       //确定通过审核
		$scope.passOrder=function(target){

		    accpetOrder($scope,$http);
		};
		$scope.cancel=function(target){
			$scope.cancelInfo.comment = $('#comment').val();
			var canceljson = $('#select').val();
			$scope.cancelInfo.cancelreason = $.evalJSON(canceljson).id;
			//取消时的  订单来源
			$scope.cancelInfo.source=$scope.selectSource;
			cancelOrder($scope,$http);
		};
		$scope.setcanceldate=function(target){
			$scope.cancelInfo=({
				'comment':'',
				'cancelreason':'',
				'source':'',
				'Id':target.order.id
			});
			getCancelList($scope,$http);
		};

        //取消组织选择
		$scope.cleanOrg=function(){
			//选择首行 数据
			getAllOrganization($scope,$http);
			$scope.acceptOrg=0;
		};
		//获取组织列表
		getAllOrganization($scope,$http);

		getCityArr($scope,$http,0,1);

	}).directive('structure',
		function($timeout,$http){
		    return {
		        restrict: 'A',
		        controller:function($scope,$http){
		        	if ($scope.$last === true) {
		                $timeout(function(){
		                	$.each($scope.structureArr,function(key,value){
		                		var roleType=$scope.structureArr[key].roleType;
		                		$.each($scope.roleTypeArr,function(v_key,v_value){
			                		var realValue=$scope.roleTypeArr[v_key].realValue;
			                		if(realValue==roleType)
				                		$scope.structureArr[key].roleObject=$scope.roleTypeArr[v_key];
		                		});
		                	});
		                });
		            }
		        }
	    	};
	});


function distributeOrder($scope,$http)
{
	if(!confirm('确定要将订单分配给该车队吗？'))
		return;
	var json={
		'orderId':$scope.id,
		'groupId':$scope.groupId
	}
	httpOther(
		$http,
		apiPath('/api/order/director/accept/reply'),
		'post',
		json,
		function(data,textStatus){
			alert('分配成功');
			$("#group-info-list").modal('hide');
			//$scope.getOrderList();
			getOrderList($scope,$http);
			//$scope.cleanStructure();
		},
		function(errno,errmsg){
			alert('分配失败');
		}
	);
}

function getOrganizationList($scope,$http)
{
	var json={
		'cityCode':$scope.search.cityCode ? $scope.search.cityCode : '000000'
	};
	httpOther(
		$http,
		apiPath('/api/organization/search'),
		'post',
		json,
		function(data,textStatus){
			$scope.organizationList=data.rows;
		},
		function(errno,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 cancelOrder($scope,$http)
{
    httpOther(
            $http,
            apiPath('/api/order/director/cancel'),
            'Post',
            $scope.cancelInfo,
            function(errno,errmsg){
                alert('取消成功');
                getOrderList($scope,$http);
            },
            function(errno,errmsg){
                alert('取消失败');
                //$scope.roleTypeArr=[];
            }
    );
}
function init($scope,$http)
{
    $scope.service_org_sign=true;
	{% if app.session.get('service_org_id') > 0 %}
	  $scope.service_org_sign= false;
	{% endif %}

	$scope.acceptOrg=0;
	$scope.sort = "createTime";
	$("#order-manage").addClass('active');
	$("#order-list").addClass("active");
	$("#order-manage-list").addClass('in');
	$scope.roleTypeArr=[];
	$scope.structureArr=Array({
		'roleType':'',
		'amount':''
	});
//    $scope.acceptInfo=Array({
//        'acceptOrg':'',
//        'source':'',
//        'acceptStation':'',
//        'id':''
//    })
	httpOther(
		$http,
		apiPath('/api/dict/key/3'),
		'get',
		'',
		function(data,textStatus){
			$scope.roleTypeArr=data.valueList;
			getOrderList($scope,$http);
		},
		function(errno,errmsg){
			$scope.roleTypeArr=[];
		}
	);

    httpOther(
            $http,
            apiPath('/api/dict/key/12'),
            'get',
            '',
            function(data,textStatus){
                $scope.sourceList=data.valueList;
            },
            function(errno,errmsg){
                $scope.sourceList=[];
            }
    );


}
function getStructureList($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/order/structure/get/'+$scope.id),
		'get',
		'',
		function(data,textStatus){
			$scope.isLong=data.isLong ? data.isLong : 0;
			$scope.structureArr=data.structureList;
		},
		function(errno,errmsg){}
	);
}
//站点列表接口
function getStationList($scope,$http){
	if ($scope.beginCityCode == undefined) {
		$scope.beginCityCode = 0;
	}
	$http({
		url: Testurl+'/api/StationListGet?CityCode=' + $scope.beginCityCode,
		method: 'GET'
	}).then(function (data, textStatus) {
				$scope.serviceList = data.data.Data;
				//console.log($scope.serviceList);
			},
			function (errno, errmsg) {
				$scope.serviceList = [];
			}
	);
}

function modifyStructure($scope,$http)
{
	var structureList=[];
	$.each($scope.structureArr,function(key,value){
		structureList.push({
			'roleType':$scope.structureArr[key].roleObject.realValue,
			'amount':$scope.structureArr[key].amount
		});
	});
	var json={
		'id':$scope.id,
		'structureList':structureList,
		'isLong':$scope.isLong
	}
	httpOther(
		$http,
		apiPath('/api/order'),
		'put',
		json,
		function(data,textStatus){
			alert('修改成功');
			$("#modify-structure").modal('hide');
			$scope.cleanStructure();
		},
		function(errno,errmsg){
			alert('修改失败');
		}
	);
}
function addPay($scope,$http)
{
	var json={
		'id':$scope.id,
		'payList':$scope.detailArr
	}
	httpOther(
		$http,
		apiPath('/api/order/add/pay'),
		'post',
		json,
		function(data,textStatus){
			alert('支付成功');
			$("#add-pay").modal('hide');
			$scope.cleanDetail();
			getOrderList($scope,$http);
		},
		function(errno,errmsg){
			alert('支付失败');
		}
	);
}

// 审核成功
function accpetOrder($scope,$http){
	var json={
		'id' :$scope.id,
	    'acceptOrg' : $scope.acceptOrg,
	    'source': $scope.selectSource,
		'acceptStation':$scope.saveInfo.StationID
	}
	if(!confirm('确定要将订单分配给该组织吗？'))
		return;
	httpOther(
		$http,
		apiPath('/api/order/accept'),
		'POST',json,
		function(data,textStatus){
			alert('审核成功');
			$("#order-accept").modal('hide');
			getOrderList($scope,$http);
		},
		function(errno,errmsg){
			alert('审核失败');
		}
	);
}

function getOrderList($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/order/director/search/audit/' + $scope.sort),
		'get',
		{},
		function(data,textStatus){
			$scope.orderList=data.rows;
			//console.log($scope.orderList);
		},
		function(errno,errmsg){
		}
	);
}

function getAllOrganization($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/organization/search'),
		'post',
		'',
		function(data,textStatus){
            var rows= data.rows;
			var insert = {"id": -1, "name": "通过审核但不推送", "cityCode": "",  "cityArr": null};
			rows.splice(0, 0, insert);
            var insert = {"id": 0, "name": "不指定组织但推送", "cityCode": "",  "cityArr": null};
            rows.splice(0, 0, insert);

			$scope.organizationList=rows;
		},
		function(errno,errmsg){

		}

	);
}
function getCancelList($scope,$http)
{
    httpOther(
            $http,
            apiPath('/api/order/ordercancel/search'),
            'post',
            {},
            function(response){
                $scope.CancelList=response.rows;
            },
            function(errno,errmsg){
            }
    );
}

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