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

{% block style %}
	<link rel="stylesheet" type="text/css" href="{{ asset('bundles/mirroroam/css/datetimepicker.css') }}">
	<style type="text/css">
#group-info-list,#modify-structure,#pre-reply-group-info-list,#ambult-info-list{
	width: 80%;
	height: 500px;
	left: 0px;
	right: 0px;
	top: 50px;
	margin: 0px auto;
	background-color: #ffffff;
}
.tableul li:not(.AutoNewline){
	display: inline-block;
	text-align: center;
}
.ordermessage th{
	font-weight:normal;
	color:red;
}
.ordermessage{
	font-size:12px;
}
.ulth li{
	font-weight: bold;
}
.AutoNewline
{
	Word-break: break-all;/*必须*/
}
.tableCaseOne{
	width:4%;
}
.tableCaseTwo{
	width:10%;
}
.tableCaseTwoPlus{
	width:9%;
}
.tableCaseThree{
	width:29%;
}
.tableCaseSix{
	width:7%;
}
.tableCaseSeven{
	width:7%;
}
.tableCaseEight{
	width:7%;
}
.tableCaseNine{
	width:15%;
}
.tableCaseTen{
	width:7%;
}
.tableCaseEleven{
	width:6%;
}
.modal-body {
	height:346px;
	/*max-height: 240px;*/
	overflow-y: scroll;
}
#finishPay,#commentModify,#hopetimeModify {
	width: 50%;
	height: 510px;
	left: 0px;
	right: 0px;
	top: 100px;
	margin: 0px auto;
	background-color: #ffffff;
}

#selectrole,#selectrolefotambulatte  {
    width: 60%;
    height: 510px;
    left: 0px;
    right: 0px;
    top: 100px;
    margin: 0px auto;
    background-color: #ffffff;
}


.modal-body>div {
	margin-bottom: 8px;
}
.modal-body>div>.close {
	line-height: 35px;
}
.modal-body .form-control {
	width: 40%;
	display: inline-block;
}

.pre-modal-body {
	display: inline-block;
	max-height: 400px;
	height:400px
}
.modal .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">
	    <table class="table table-striped">
	      <thead>
	        <tr>
	          <th>订单来源</th>
	          <th width='12%'>起点</th>
	          <th width='12%'>终点</th>
	          <!--
		          <th>车辆类型</th>
		          <th>病种</th>
	          -->
	          <th width='10%'>预约时间</th>
	          <th>联系电话</th>
	          <th>联系人</th>
	          <th>年龄</th>
	          <th width='15%'>备注</th>
				<th width='8%'>内部备注</th>
                <th>指派机构</th>
	          <th>长途</th>
	          <th>组织结构</th>
	           <!--<th>操作</th>-->
	        </tr>
	      </thead>
	      <tbody>
	        <tr ng-repeat="order in orderList">
	          <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.age }}</td>
	          <td>{{ order.comment }}</td>
				<td>{{ order.priceComment }}</td>
              <td>{{ order.acceptOrgnization }}</td>
	          <td>{{ order.isLong ? '是' : '否' }}</td>
	          <td>
	          	<div ng-repeat="structure in order.structureList">{{ getRoleShowValue(structure.roleType) }}x{{ structure.amount }}</div>
	          </td>
	         <!-- <td>
	          	<a href="/oam/order/detail/{{ order.id }}" class="btn" target="_blank">查看详情</a><br/>
	          	<a href="edit/{{ order.id }}" class="btn" target="_blank" ng-show="order.isPaid ==0">编辑</a>
	          	<a target="_blank" href="{{ getMapHref(order) }}">查看地图</a><br/>
				<a href="#"  data-target="#commentModify"  data-toggle="modal" ng-click="commentModify(this)">修改备注</a><br/>
				<a href="#"  data-target="#hopetimeModify"  data-toggle="modal" ng-click="hopetimeModify(this)" style="margin-top:8px;display: inline-block;">修改预约时间</a><br/>
	          	<a data-target="#group-info-list" role="button" class="btn" data-toggle="modal" ng-click="setGroup(this)">分配</a><br/>
                   <a href="/oam/order/replyToAmbulatte/{{order.id }}" class="btn" target="_blank">分配车辆(图表显示)</a>
                   <a data-target="#ambult-info-list" role="button" class="btn" data-toggle="modal" ng-click="setAmbult(this)">分配车辆</a><br/>
                   <a href="#" data-target="#finishPay" ng-show="(order.statusValue <= 7 && order.isPaid ==0 && order.statusValue != -1)|| order.statusValue==8 && service_org_sign" data-toggle="modal" ng-click="finishPay(this)">完成支付</a><br ng-show="order.statusValue==3 || order.statusValue==8"/>
                   <a href="#" data-target="#cancel-info" class="btn" data-toggle="modal"  ng-click="setcanceldate(this)">取消</a> <br/> -->
                    <!-- <a data-target="#add-pay" role="button" class="btn" data-toggle="modal" ng-click="setOrder(this)">添加收费明细</a>  -->
	          <!--</td>-->
	        </tr>
	      </tbody>
	    </table>
	</div>

	<!-- 修改预约时间 -->
	<div id="hopetimeModify" 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="cleanhopetime(this)">×</button>
			<h3 id="myModalLabel">修改预约时间</h3>
		</div>
		<div class="modal-body" style="height:200px;">
			<div>
				<span style="margin:2em;">预约时间:</span>
				<input id="modifyhope-time" ng-model="hopetime" readonly type="text"  class="form_datetime form-control" />
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn btn-success btn-lg" ng-click="completehopetime()">确定</button>
			<button class="btn" data-dismiss="modal" ng-click="cleanhopetime(this)">取消</button>
		</div>
	</div>
	<!-- end -->

	<!-- 修改备注 -->
	<div id="commentModify" 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="cleanComm(this)">×</button>
			<h3 id="myModalLabel">修改备注</h3>
		</div>
		<div class="modal-body">
			<div>
				<span style="margin:2em;">电话:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input id="textage" ng-model="seeTel" type="text"  class="form_datetime form-control" />
			</div>
		    <div>
				<span style="margin:2em;">年龄:</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<input id="textage" ng-model="seeAge" type="text"  class="form_datetime form-control" />
			</div>
			<div>
				<span style="float:left;margin:2em;">备注内容:</span>
				<textarea id="textarea1" style="width:60%;height:90px;border:1px solid #e5e5e5;resize:none;" ng-model="seeComment"></textarea>
			</div>
			<div>
				<span style="float:left;margin:2em;">内部备注:</span>
				<textarea id="textarea2" style="width:60%;height:90px;border:1px solid #e5e5e5;resize:none;" ng-model="seeCommentIn"></textarea>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn btn-success btn-lg" ng-click="completeComm()">确定</button>
			<button class="btn" data-dismiss="modal" ng-click="cleanComm(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="0" />
			  否
			</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" ></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 -->

	<!-- 车辆列表 -->
	<div id="ambult-info-list" 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 class="page-header">
				城市：
				<select class="form-control" ng-change="SelectProvince2(this)" 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="SelectCity2(this)" 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="SelectRegion2(this)" ng-model="endRegionInfo">
					<option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="search.cityArr.r3Code=={{region.code}}">
						{{region.name}}
					</option>
				</select>
				组织：
				<select class="form-control" ng-change="SelectOrganization(this)" ng-model="organization">
					<option ng-repeat="organization in organizationList" value="{{ organization }}">{{ organization.name }}</option>
				</select>
			</div> -->
		</div>
		<div class="modal-body">
			<div class="table-responsive">
				<table class="table table-striped"  style="width:99%;">
					<thead>
					<ul class="tableul ulth" style="list-style: none;width:99%;padding-left:0;">
						<li class="tableCaseOne">#</li>
						<li class="tableCaseTwo">车牌号</li>
						<li class="tableCaseTwoPlus">车辆型号</li>
						<li class="tableCaseThree">所属站点</li>
						<li class="tableCaseSix">市内公里数</li>
						<li class="tableCaseSeven">长途公里数</li>
						<li class="tableCaseEight">金额</li>
						<li class="tableCaseNine">车辆人员</li>
						<li class="tableCaseEleven">操作</li>
					</ul>
					</thead>
					<tbody class="panel panel-default" style="border-color:white;">
					<tr ng-repeat="ambulte in ambultetteList" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ambulte.id}}"><!--  data-toggle="collapse" data-parent="#accordion" href="#collapse{{staffs.ID}}"-->
						<td style="padding:0px;text-align: left;">
							<ul class="tableul" style="list-style: none;padding-left:0;">
								<li class="tableCaseOne">{{ambulte.id}}</li>
								<li class="tableCaseTwo">{{ambulte.plate_number}}</li>
								<li class="tableCaseTwoPlus">{{ambulte.model}}</li><li style="display:none;">{{getEmployee(ambulte.Employees)}}</li>
								<li class="tableCaseThree">{{getStationName(ambulte.station_id)}}</li>
								<li class="tableCaseSix">{{ambulte.mileage}}</li>
								<li class="tableCaseSeven">{{ambulte.mileage_longway}}</li>
								<li class="tableCaseEight">{{ambulte.sum}}</li>
								<li class="tableCaseNine"><p ng-repeat="employee in employeeName">{{employee}}</p></li>
								<li class="tableCaseEleven"><br>
									<p style="float:left;font-weight: bold;color:palevioletred" ng-if="ambulte.IsAble==1">推荐</p>
									<p style="float:left;font-weight: bold;color:palevioletred" ng-if="ambulte.IsAble==0">{{ ambulte.Comment }}</p>
									<a  href="#" ng-click="distributeOrderAmbult(this)">分配</a>
								</li>

								<br>
								<br>
								<li id="collapse{{ambulte.id}}" class="panel-collapse collapse AutoNewline">
								<!--	<table class="table table-striped ordermessage">
										<thead>
											<tr>
												<th>订单编号</th>
												<th>起点地址</th>
												<th>终点地址</th>
												<th>姓名</th>
												<th>联系电话</th>
												<th>期望时间</th>
												<th>预估时间</th>
											</tr>
										</thead>
										<tbody>
											<tr ng-repeat="order in ambulte.orderList">
												<td>{{ order.id }}</td>
												<td>{{ order.begin_position}}</td>
												<td>{{ order.end_position }}</td>
												<td>{{ order.name }}</td>
												<td>{{ order.telephone }}</td>
												<td>{{ order.hope_time }}</td>
												<td>{{ order.estimated_time }}</td>
											</tr>
										</tbody>
									</table>
									<span style="font-size:14px;color:red;">车辆人员：</span><p>{{ambulte.Employees}}</p>-->
									<span style="font-size:14px;color:red;">订单信息：</span><p ng-repeat="order in ambulte.orderList"><span>{{order.id}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#428bca;;">{{ order.begin_position }}</span>-<span style="color:orangered;">{{ order.end_position }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>{{ order.name }}</span>-<span>{{ order.telephone }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>{{ order.status }}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										<span style="color:#428bca;">{{ order.hope_time }}</span>-<span style="color:orangered;">{{ order.estimated_time }}</span></p>
								</li>
							</ul>
						</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
		</div>
	</div>
	<!-- end -->

	<!-- 车组列表 -->
	<div id="group-info-list" 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 class="page-header">
		城市：
		<select class="form-control" ng-change="SelectProvince(this)" 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)" 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)" ng-model="endRegionInfo">
			<option ng-repeat="region in regionEnd" value="{{region}}" ng-selected="search.cityArr.r3Code=={{region.code}}">
				{{region.name}}
			</option>
		</select>
		组织：
		<select class="form-control" ng-change="SelectOrganization(this)" ng-model="organization">
			<option ng-repeat="organization in organizationList" value="{{ organization }}">{{ organization.name }}</option>
		</select>
	</div>
	  </div>
	  <div class="modal-body">
	  	<div class="table-responsive">
		    <table class="table table-striped">
				<thead>
			        <tr>
			          <th>#</th>
			          <th>上班时间</th>
			          <th>下班时间</th>
			          <th>组员</th>
			          <th>位置</th>
			          <th>操作</th>
			        </tr>
				</thead>
				<tbody>
					<tr ng-repeat="group in groupList">
						<td>{{ group.id }}</td>
						<td>{{ group.beginTime }}</td>
						<td>{{ group.endTime }}</td>
						<td>
							<table style="text-align:ceter;width:100%;">
								<tr ng-repeat="groupUser in group.groupUserList">
									<td>
										{{ groupUser.realname }}
									</td>
									<td>
										{{ groupUser.roleType }}
									</td>
								</tr>
							</table>
						</td>
						<td>{{ group.position }}</td>
						<td><a href="#" ng-click="distributeOrder(this)">分配</a></td>
					</tr>
				</tbody>
			</table>
		</div>
	  </div>
	  <div class="modal-footer">
	    <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</button>
	  </div>
	</div>
	<!-- end -->

    <!-- 预分配车组列表 -->
    <div id="pre-reply-group-info-list" 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>
        </div>
        <div class="pre-modal-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>#</th>
						<th>车组人员</th>
                        <th>距离</th>
                        <th>路程用时</th>
						<th>进行中的订单</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="group in preGroupList">
                        <td>{{ group.id }}</td>
						<td>
							<table style="text-align:ceter;width:100%;">
								<tr ng-repeat="employee in group.employees">
									<td>
										姓名：{{ employee.name }}
									</td>
									<td>
										电话：{{ employee.telephone }}
									</td>
									<td>
										职位：{{employee.roleType }}
									</td>

								</tr>
							</table>
						</td>
                        <td>{{ group.distance }}公里</td>
						<td>{{ group.use_time }}分钟</td>
                        <td>
                            <table style="text-align:ceter;width:100%;">
                                <tr ng-repeat="selectOrder in group.selectedOrder">
                                    <td>
                                        编号：{{ selectOrder.id }}
                                    </td>
                                    <td>
                                        预约时间：{{ selectOrder.hope_time }}
                                    </td>
                                    <td>
                                        预计完成时间：{{ selectOrder.estimated_time }}
                                    </td>
                                    <td> 	<a href="/oam/order/detail/{{ selectOrder.id }}" class="btn" target="_blank">查看详情</a><br/>
                                            <a target="_blank" href="{{ getMapHref(selectOrder) }}">查看地图</a><br/>
                                </tr>
                            </table>
                        </td>
                        <td>{{ group.arrive_time }}</td>
                        <td><a href="#" ng-click="distributeOrder(this)">分配</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" ng-click="cleanDetail(this)">关闭</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>
            <br>
			订单来源：
			<select class="form-control" ng-change="SelectSource(this)" ng-model="source">
				<option ng-repeat="source in sourceList" value="{{ source }}" ng-selected="source.realValue==selectedSource">{{ source.showValue }}</option>
			</select>
			<br>
			<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 id="finishPay" 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="cleanPay(this)">×</button>
			<h3 id="myModalLabel">完成支付</h3>
		</div>
		<div class="modal-body">
			<div>
				<span>完成原因:</span>
				<select class="form-control" ng-change="SelectPayReason(this)" ng-model="reason">
					<option ng-repeat="reason in payReasonList" ng-selected="reason.realValue==2" value="{{ reason }}">{{ reason.showValue }}</option>
				</select>
				&nbsp;
				&nbsp;
				<span ng-show="isShowPayOrg">
					<span>支付机构:</span>
					<select class="create-fack-select form-control" ng-change="selectVender(this)" ng-model="venderID" >
					 <option ng-repeat="vender in venderList" value="{{vender.id }}">{{vender.name}}</option>
					</select>
				</span>
			</div>
		</div>
		<div class="modal-footer">
			<button class="btn btn-success btn-lg" ng-click="completePay()">完成支付</button>
			<button class="btn" data-dismiss="modal" ng-click="cleanPay(this)">取消</button>
		</div>
	</div>
	<!-- end -->

    <!-- 选择角色 -->
    <div id="selectrole" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <h3 id="myModalLabel">选择角色</h3>
        </div>
        <div class="modal-body">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>id</th>
                    <th>姓名</th>
                    <th>电话</th>
                    <th>职位</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="employee in employees">
                    <td>{{ employee.id }}</td>
                    <td>{{ employee.name }}</td>
                    <td>{{ employee.telephone }}</td>
                    <td><input name="role+{{employee.id}}" type="radio"  ng-checked="employee.roleType == 1" ng-click="employee.roleType=1">司机      <input name="role+{{employee.id}}" type="radio"  ng-checked="employee.roleType == 4"  ng-click="employee.roleType=4">护送员</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="modal-footer">
            <button class="btn btn-success btn-lg" ng-click="doubleRoleReply()">确认</button>
            <button class="btn btn-lg" data-dismiss="modal" ng-click="cleanChoose()">取消</button>
        </div>
    </div>
    <!-- end -->
    <!-- 选择角色2 -->
    <div id="selectrolefotambulatte" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <h3 id="myModalLabel">选择角色</h3>
        </div>
        <div class="modal-body">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>id</th>
                    <th>姓名</th>
                    <th>电话</th>
                    <th>职位</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="employee in employees">
                    <td>{{ employee.id }}</td>
                    <td>{{ employee.realname }}</td>
                    <td>{{ employee.telephone }}</td>
                    <td><input name="role+{{employee.id}}" type="radio"  ng-checked="employee.role_type == 1" ng-click="employee.role_type=1">司机      <input name="role+{{employee.id}}" type="radio"  ng-checked="employee.role_type == 4"  ng-click="employee.role_type=4">护送员  <input name="role+{{employee.id}}" type="radio"  ng-checked="employee.role_type == -1"  ng-click="employee.role_type=-1">不响应</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="modal-footer">
            <button class="btn btn-success btn-lg" ng-click="doubleRoleReplyforambulatte()">确认</button>
            <button class="btn btn-lg" data-dismiss="modal" ng-click="cleanChoose()">取消</button>
        </div>
    </div>
    <!-- end -->


</div>
{% endraw %}

{% block script %}
	<script type="text/javascript" src="{{ asset('bundles/mirroroam/js/bootstrap-datetimepicker.js') }}"></script>
<script type="text/javascript">
	var START_CITY_CODE='';
angular.module('myApp',[])
	.controller('orderListController',function($scope,$http){
		//getOrderList($scope,$http);
		init($scope,$http);
		/* 修改组织结构 */
		$scope.setGroup=function(target){
			$scope.id=target.order.id;
			getGroupList($scope,$http);
		};
		$scope.setAmbult=function(target){
			//START_CITY_CODE=target.order.beginCityCode;
			$scope.ambultetteList=[];
			$scope.orderinfos=target.order;
			$scope.id=target.order.id;
			getAmbultetteList($scope,$http);
		};
        $scope.getPreReplyGroupList=function(target){
            var orderId=target.order.id;
            $scope.id=target.order.id;
            getPreReplyGroupList($scope,$http,orderId);
        };
		$scope.getMapHref=function(order){
			return getStaticMap(order.beginLongitude,order.beginLatitude,order.endLongitude,order.endLatitude);
		};
		$scope.setcanceldate=function(target){
			$scope.selectedSource=target.order.source;
            $scope.cancelInfo=({
                'comment':'',
				'cancelreason':'',
				'source':'',
                'Id':target.order.id
            });
            getCancelList($scope,$http);
		};

		$("#modifyhope-time").datetimepicker({
			format:'yyyy/mm/dd hh:ii:ss',  //时间格式要与接口返回值格式一致
			minuteStep:1,
			autoclose:true
		}).on('changeDate',function(ev){
			getOrderList($scope,$http);
		});
		//修改预约时间
		$scope.hopetimeModify=function(target){
			$scope.idhope=target.order.id;
			$scope.hopetime=target.order.hopeTime;
		}
		//取消修改预约时间
		$scope.cleanhopetime=function(target){
			getOrderList($scope,$http);
		}
		//完成修改预约时间
		$scope.completehopetime=function(target){
			hopetimeModify($scope,$http);
		};

		//选择订单来源
		$scope.SelectSource=function(target){
			var targetInfo = $.evalJSON(target.source);
			$scope.selectSource=targetInfo.realValue;
		};
		//修改备注
		$scope.commentModify=function(target){
			$scope.id=target.order.id;
			$scope.seeTel=target.order.telephone;
			$scope.seeAge=target.order.age;
			$scope.seeComment=target.order.comment;
			$scope.seeCommentIn=target.order.priceComment;
		}
		//取消修改备注
		$scope.cleanComm=function(target){
			getOrderList($scope,$http);
		}
		//完成修改备注
		$scope.completeComm=function(target){

			commentModify($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.getcancellist=function(){
//            getCancelList($scope,$http);
//        };
		$scope.selectRoleType=function(target,index){
		};
        $scope.doubleRoleReply=function(){
            doubleRoleGroupReply($scope,$http);
        }

        $scope.doubleRoleReplyforambulatte = function(){
            doubleRoleReplyforambulatte($scope,$http);
        }

		$scope.distributeOrder=function(target){
			$scope.groupId=target.group.id;
			distributeOrder($scope,$http);
		};
		$scope.distributeOrderAmbult=function(target){
			$scope.ambulteId=target.ambulte.id;
			distributeOrderAmbult($scope,$http);
		};
        //车辆人员
		$scope.getEmployee=function(target){
			$scope.employeeName=[];
			if(target!=null){
				var arr=target;
				$scope.employeeName=arr.split(',');
			}else{
				$scope.employeeName=[];
				return;
			}
		}
		$scope.modifyStructure=function(){
			modifyStructure($scope,$http);
		};
		$scope.addStructure=function(){
			$scope.structureArr.push({
				'roleType':'',
				'amount':''
			});
		};
		$scope.finishPay=function(target){
			$scope.id=target.order.id;
			$scope.isShowPayOrg = false; //隐藏显示
			//finishPay($scope,$http);
		};
		//选择支付原因
		$scope.SelectPayReason=function(target){

			var targetInfo = $.evalJSON(target.reason);
			$scope.payReason = targetInfo.showValue;
			$scope.payReasonID=targetInfo.realValue;
			
			if(targetInfo.realValue==6)
			{
				
				$scope.isShowPayOrg = true;
			}
			else
			{
				$scope.isShowPayOrg = false;
				$scope.venderID = -1; 
			}
		};

		//完成支付
		$scope.completePay=function(target){
			finishPay($scope,$http);
		};
		$scope.delStructure=function(index){
			$scope.structureArr.splice(index,1);
		};
		$scope.cleanStructure=function(){
			$scope.structureArr=Array({
				'roleType':'',
				'amount':''
			});
			getOrderList($scope,$http);
		};
		$scope.cleanDetail=function(){
			getOrderList($scope,$http);
		};
		$scope.setStructure=function(target){
			$scope.id=target.order.id;
			$scope.isLong=target.order.isLong;
			getStructureList($scope,$http);
		};
		$scope.getRoleShowValue=function(value){
			return getRoleShowValue($scope,value);
		};
		/* 车队列表 */
		$scope.search={};
		$scope.end = {
			'province':'省份',
			'city':'城市',
			'region':'区/县'
		};
//        $scope.SelectCancelReason=function(target){
//            var targetInfo = $.evalJSON(target.endProvinceInfo);
//            getCancelReason($scope,$http,targetInfo.code,2);
//        };
		$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);
				getGroupList($scope,$http);
			}
		};
		$scope.SelectOrganization=function(target){
			var targetInfo = $.evalJSON(target.organization);
			$scope.search.organizationId=targetInfo.id;
			getGroupList($scope,$http);
		};
//分配车辆
		$scope.SelectProvince2=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.SelectCity2=function(target){
			var targetInfo = $.evalJSON(target.endCityInfo);
			$scope.end.city = targetInfo.name;
			$scope.end.region = '区/县';
			$scope.search.cityCode=targetInfo.code;
			START_CITY_CODE = targetInfo.code;
			getCityArr($scope,$http,targetInfo.code,3);
		};
		$scope.SelectRegion2=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);
				//getAmbultetteList($scope,$http);
			}
		};

//获取所属站点
		$scope.getStationName=function(value){
			return getStationName($scope,value);
		};

       	//2018-10-25 sc　add 支付机构ID
       $scope.selectVender=function(target){
		 $scope.venderID = target.venderID;
       };

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

	}).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];
		                		});
		                	});
		                	//console.log($scope.structureArr);
		                });
		            }
		        }
	    	};
	});

//站点列表id转info
function getStationName($scope,realValue)
{
	var str='';
	$.each($scope.serviceList,function(key,value){
		if(value.ID==realValue)
			str=value.Info;
	});
	return str;
}

	//修改预约时间
	function hopetimeModify($scope,$http)
	{
		var json={
			'id':$scope.idhope,
			'hopetime':$scope.hopetime,
		}
		//console.log(json);
		httpOther(
				$http,
				apiPath('/api/order/hopetime/modify'),
				'post',
				json,
				function(data,textStatus){
					alert('修改成功');

					$("#hopetimeModify").modal('hide');
					$http({
						url:Testurl+'/api/OrderEstimatedTimeUpdate?OrderID='+$scope.idhope,
						method:'get'
					}).then(function(response){
								//console.log(response);
							},
							function (errno, errmsg) {
								alert(errmsg);
							});
					getOrderList($scope,$http);
					//$scope.cleanStructure();
				},
				function(errno,errmsg){
					alert(errmsg);
				}
		);
	}


	//修改备注
	function commentModify($scope,$http)
	{
		var json={
			'id':$scope.id,
			'telephone':$scope.seeTel,
            'age':$scope.seeAge,
			'comment':$scope.seeComment,
			'priceComment':$scope.seeCommentIn
		}
		//console.log(json);
		//return false;
		httpOther(
				$http,
				apiPath('/api/order/comment/modify'),
				'post',
				json,
				function(data,textStatus){
					alert('修改成功');
					$("#commentModify").modal('hide');
					getOrderList($scope,$http);
					//$scope.cleanStructure();
				},
				function(errno,errmsg){
					alert(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('取消失败');
		}
	);
}

//站点接口，车辆所属站点
function getServiceList($scope,$http)
{
	$http({
		url:Testurl+'/api/StationListGet?CityCode='+0,
		method:'GET'
	}).then(function(data,textStatus){
				$scope.serviceList=data.data.Data;
				//console.log($scope.serviceList);
			},
			function(errno,errmsg){
				$scope.serviceList=[];
			}
	);
}

function finishPay($scope,$http)
{

	var payReasonID=$scope.payReasonID;
	var venderID = $scope.venderID; //如果选择了支付方式为 平台月结，选择月结机构   2018-10-25 sc
	if(!confirm('订单支付方式为'+$scope.payReason+'?'))
		return;

	httpOther(
		$http,
		apiPath('/api/order/director/pay/'+$scope.id+'/'+payReasonID+'/'+venderID),
		'get',
		'',
		function(data,textStatus){
			alert('支付成功');
			$("#finishPay").modal('hide');
			getOrderList($scope,$http);
			//$scope.cleanStructure();
		},
		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 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 getCancelList($scope,$http)
{
    httpOther(
            $http,
            apiPath('/api/order/ordercancel/search'),
            'post',
			{},
            function(response){
                $scope.CancelList=response.rows;
            },
            function(errno,errmsg){
            }
    );
}
function distributeOrder($scope,$http)
{
	var json={
		'orderId':$scope.id,
		'groupId':$scope.groupId
	}
	httpOther(
			$http,
			apiPath('/api/group/getEmployeeList'),//获取同组有双角色人员
			'post',
			json,
			function(data,textStatus){
				if(data.rows.length != 0)
				{
                    $scope.employees = data.rows;
                    $("#selectrole").modal('show');
                    $("#group-info-list").modal('hide');
				}
                else
                {
                    if(!confirm('确定要将订单分配给该车队吗？'))
                        return;
                    httpOther(
                            $http,
                            apiPath('/api/order/director/reply'),
                            'post',
                            json,
                            function(data,textStatus){
                                alert('分配成功');
                                $("#group-info-list").modal('hide');
                                $("#selectrole").modal('hide');
                                getOrderList($scope,$http);
                                //$scope.cleanStructure();
                            },
                            function(errno,errmsg){
                                alert(errmsg);
                            }
                    );
                }
			},
			function(errno,errmsg){
				alert(errmsg);
			}
	);
}

function distributeOrderAmbult($scope,$http)
{
	var json={
		'OrderID':$scope.id,
		'AmbuletteID':$scope.ambulteId
	}
	if(!confirm('确定要将订单分配给该车辆吗？'))
		return;
				$http({
					url:Testurl+'/api/DoubleRoleCheck?OrderID='+$scope.id+'&AmbuletteID='+$scope.ambulteId,
					method:'GET',
				}).then(function(data,textStatus){
								if(data.data.Data == null)
								{
									$http({
										url:Testurl+'/api/OrderDirectorReplyToAmbulette',
										method:'POST',
										data:json,
									}).then(function(data,textStatus){
										alert('分配成功');
										$("#ambult-info-list").modal('hide');
										getOrderList($scope,$http);
										//$scope.cleanStructure();
									},
									function(errno,errmsg){
										alert(errmsg);
									});
								}
								else
								{
                                    $("#selectrolefotambulatte").modal('show');
                                    $("#ambult-info-list").modal('hide');
									$scope.employees = data.data.Data;
								}
							},
							function(errno,errmsg){
								alert(errmsg);
							}
					);
}


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

function  doubleRoleReplyforambulatte($scope,$http)
{
    var json={
        'OrderID':$scope.id,
        'AmbuletteID':$scope.ambulteId,
        'List':$scope.employees
    }
    if(!confirm('确定要将订单分配给该车队吗？'))
        return;
    httpOther(
            $http({
                url:Testurl+'/api/OrderDirectorReplyToAmbulette',
                method:'POST',
                data:json,
            }).then(
            function(data,textStatus){
                alert('分配成功');
                $("#ambult-info-list").modal('hide');
                $("#selectrolefotambulatte").modal('hide');
                getOrderList($scope,$http);
                //$scope.cleanStructure();
            },
            function(errno,errmsg){
                alert(data.data.ErrMsg);
            })
    );
}


function getRoleShowValue($scope,realValue)
{
	var str='';
	$.each($scope.roleTypeArr,function(key,value){
		if(value.realValue==realValue)
			str=value.showValue;
	});
	return str;
}
function getGroupList($scope,$http)
{
	var json={
		'cityCode':$scope.search.cityCode,
		'organizationId':$scope.search.organizationId
	};
	httpOther(
		$http,
		apiPath('/api/group/search'),
		'post',
		json,
		function(data,textStatus){
			$scope.groupList=data.rows;
		},
		function(errno,errmsg){
		}
	);
}
//车辆接口，车辆列表根据saveinfo.citycode选择车辆
function getAmbultetteList($scope,$http)
{
	$scope.ambultetteList=[];
	var json={
	}
	$http({
		url:Testurl+'/api/AmbuletteSorted?OrderID='+$scope.id,
		method:'GET',
		data:json
	}).then(function(data,textStatus){
				$scope.ambultetteList=data.data.Data;
				//console.log($scope.ambultetteList);
			},
			function(errno,errmsg){
				alert(errmsg);
			}
	);
}

function getPreReplyGroupList($scope,$http,$orderId)
{
    httpOther(
            $http,
            apiPath('/api/group/preReply/'+ $orderId),
            'get',
            '',
            function(data,textStatus){
                var groupJson =data.result;
				$scope.preGroupList = $.evalJSON(groupJson).groups;
            },
            function(errno,errmsg){
            }
    );
}

function init($scope,$http)
{
	$("#order-manage").addClass('active');
	$("#order-reply-list").addClass("active");
	$("#order-manage-list").addClass('in');
	$scope.roleTypeArr=[];
	$scope.payReasonID = 2; //默认值：1
	$scope.payReason = "现金到账";
	getPayReasonList($scope,$http);
	$scope.structureArr=Array({
		'roleType':'',
		'amount':''
	});
	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=[];
			}
	);

     $scope.venderID = -1; // 默认值: -1 月结机构为空
      getVenderList($scope,$http);

}

function getVenderList($scope,$http)
{
	httpOther(
			$http,
			apiPath('/api/organization/vender/search'),
			'post',
            {},
			function(data,textStatus){
				$scope.venderList=data.rows;
			},
			function(errno,errmsg){

			}
	);
}
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 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(errmsg);
		}
	);
}

//获取完成支付原因列表
function getPayReasonList($scope,$http)
{
	httpOther(
			$http,
			apiPath('/api/dict/key/11'),
			'get',
			'',
			function(data,textStatus){
				$scope.payReasonList=data.valueList;
				$scope.payReasonList.splice(3,1);//删除微信支付
				$scope.payReasonList.splice(3,1);//删除车组代支
				$scope.payReasonList.splice(0,1);//删除机构自收
                $scope.payReasonList.splice(3,1);//删除平台自收月结
			},
			function(errno,errmsg){
				$scope.payReasonList=[];
			}
	);
}
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(errmsg);
		}
	);
}
function accpetOrder($scope,$http){
	var id = $scope.id;
	httpOther(
		$http,
		apiPath('/api/order/accept/'+id),
		'get',
		{},
		function(data,textStatus){
			alert('审核成功');
			getOrderList($scope,$http);
		},
		function(errno,errmsg){
			alert(errmsg);
		}
	);
}

function getOrderList($scope,$http)
{
	httpOther(
		$http,
		apiPath('/api/order/unreply/search'),
		'get',
		{},
		function(data,textStatus){
			$scope.orderList=data.rows;
		},
		function(errno,errmsg){
		}
	);
}
</script>
{% endblock %}
{% endblock %}