<template>
	<div>
		<div class="query-box" style="border-bottom: none;">
		<ul>
				<li><span><em>{{$t('advmanager.v_xilie')}}</em>
						<el-select  v-model="msg.LineteamId" filterable :placeholder="$t('pub.pleaseSel')">
			            <el-option :label="$t('pub.unlimitedSel')" value='-1'></el-option>
			            <el-option
			                v-for="item in LineTeamList"
			                :label='item.LtName'
			                :value='item.LtID'
			                :key='item.LtID'>
			            </el-option>
			        </el-select>
				</span>
				</li>
				<li>
					<span>
						<em>{{$t('visa.v_tuanhao')}}</em><el-input v-model='msg.TCNUM'  ></el-input>
					</span>
				</li>	
				<li><span><em>{{$t('sm.Date')}}</em><el-date-picker v-model='msg.StartDate' class='w135' @default-value="msg.StartDate" value-format="yyyy-MM-dd" type="date"></el-date-picker>
										-
		                            <el-date-picker v-model='msg.EndDate'  class='w135' @default-value="msg.EndDate" value-format="yyyy-MM-dd" type="date"></el-date-picker>
		            </span>
				</li>		
				<li>
					<input type="button" class="normalBtn" :value="$t('pub.searchBtn')"  @click="getList();resetPageIndex()"/>
				</li>
					<li>
					<input type="button" class="normalBtn" :value="$t('adm.adm_download')"  @click="DownLoadFile()"/>
				</li>
		</ul>				
	</div>
	
	<div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; margin-top: 10px; " class="ownScrollbarStyle">
		<table  style="width: 100%;" border="0" cellspacing="1" cellpadding="0" class="busStatisticsTalbe"  v-loading='loading'>
			<tr>
				<th width="5%">{{$t('active.ad_xuhao')}}</th>
				<th width="5%">{{$t('sm.chufadi')}}</th>
				<th width="10%">{{$t('visa.v_tuanhao')}}</th>
				<th width="10%">{{$t('fnc.tuanqi')}}</th>
				<th width="10%">{{$t('Airticket.Air_Trip')}}</th>
				<th width="10%">{{$t('Operation.Op_ArriveTime')}}</th>
				<th width="10%">{{$t('ground.pctianshu')}}</th>
				<th width="10%">{{$t('ground.usebusTime')}}</th>
				<th width="5%">{{$t('admin.admin_personNumber')}}</th>
				<th width="5%">{{$t('Operation.Op_carType')}}</th>
				<th width="10%">{{$t('Airticket.Air_Trip')}}</th>
				<th width="10%">{{$t('leader.leader_Leader')}}+{{$t('leader.leader_Guide')}}</th>
			</tr>
			<tbody v-for="(outItem,outindex) in list">
			<template v-for="(item,index) in outItem.StaticsReportList">
			<tr>
				<td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'>
					<div >{{outindex+1}}</div>
					<!-- <div v-if='outItem.StaticsReportList.length>1' class="w100">合团号：{{outItem.NewCombinationNum}}</div> -->
				</td>
					<td><div >
						{{item.StartCityNames}}
						</div>
					</td>
					<td><div >
						{{outItem.NewCombinationNum}}
						</div>
					</td><td><div >
						{{item.StartDateStr}}{{item.AlCode}}
						</div>
					</td>
					<td><div >
					{{item.InOut}}
					</div></td>
					<td><div>{{GetFlight(item.FlightList)}}</div></td>
					<td><div >{{GetPeiChe(item.CommonReport.BusList)}}</div></td>
					<td><div >{{GetPeiCheDay(item.CommonReport.BusList)}}</div></td>
					<td><div >
						{{item.CommonReport.HouseStatistics.RealityNum}}
					</div></td>
					<td><div >{{GetPeiCheType(item.CommonReport.BusList)}}</div></td>
						<td><div >{{item.LineteamIdNames}}</div></td>
					<td><div >{{item.LeaderName}} {{item.LeaderName&&item.GuideName?"+":""}} {{item.GuideName}}</div></td>
				</tr>
			
				</template>
			</tbody>			
		</table>
	</div>
	<el-pagination  background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total></el-pagination>
		</div>
</template>

<script>
export default {
    data () {
        return {
        	loading:false,
        	currentPage:1,
        	total:0,
        	msg:{
        		pageIndex:1,
        		pageSize:15,
        		SelectType:4,
				LineId: 14,
				StartDate:"",
				EndDate:"",
		        LineteamId: "-1",           		
        	},
		    LineList: [],
		    LineTeamList: [],        	
        	thLengthTitle:[],
        	list:[],
        	colspanTotal:0,
        	
        }
 	},
    methods: {
	DownLoadFile(item) {
      this.GetLocalFile("dmcstatistics_post_GetBusExport", this.msg,  "车月统计信息.xls");
    },   
    getLineList() {
      this.apipost("line_post_GetAllList", {}, res => {
        if (res.data.resultCode == 1) {
          this.LineList = res.data.data;
        } else {
          this.$message.error(res.data.message);
        }
      });
	},   
	GetTotalPrice(obj){//车费总价
	let totalPrice=0;
				obj.forEach(busInfo => {
					if(busInfo.CostPrice!=undefined){
						totalPrice+=parseFloat(busInfo.CostPrice);
					}	
					});
					return totalPrice;
	},
	GetPeiChe(obj){//配车信息
	let jieji="";
		let songji="";
			let DayNum=0;
				obj.forEach((busInfo,index) => {
					if(busInfo.AirportPickUp==1&&index==0){
							jieji+="接机";
					}	
					else 	if(busInfo.AirportPickUp==2&&index==obj.length-1){
							songji+="送机";
					}	
						if(busInfo.AirportPickUp==0){
						if(busInfo.OrderState>-1){
							DayNum+=1;
						}
					}	
					});
					if(parseInt(DayNum)>0){
						if(jieji.length>0){
	jieji += "+"+DayNum+"天"
						}else{
								jieji +=DayNum+"天"
						}
					
					}
					if(songji.length>0){
						if(jieji.length>0){
							jieji += "+"+songji
						}
						else{
							jieji += songji
						}
					}
					return jieji;
	},
	GetPeiCheDay(obj){//配车天数信息
	let jieji="";
		let songji="";
			let DayNum=0;
				obj.forEach((busInfo,index) => {
					if(busInfo.AirportPickUp==0){
						if(busInfo.OrderState>-1){
							if(parseInt(DayNum)==0){
							jieji = new Date(busInfo.PlanDate).Format('MM/dd')	
							}
							else{
								songji= new Date(busInfo.PlanDate).Format('MM/dd')		
							}
							DayNum+=1;
						}
					}	
					});
					
					if(songji.length>0){
							jieji += "-"+songji
					}
					return jieji;
	},
	GetFlight(obj){//抵离时间
	let jieji="";
		let songji="";
			let DayNum=0;
				obj.forEach((FlightList,index) => {
							if(parseInt(DayNum)==0){
							jieji = new Date(FlightList.FlightDate).Format('MM/dd')	
							}
							else if(index==parseInt(DayNum)) {
								songji= new Date(FlightList.FlightDate).Format('MM/dd')	
								
							}
							DayNum+=1;
							
					});
					
					if(songji.length>0){
							jieji += "-"+songji
					}
					return jieji;
	},
	GetPeiCheType(obj){//配车型
	let jieji="";
		let songji="";
			let DayNum=0;
				obj.forEach((busInfo,index) => {
					if(busInfo.AirportPickUp==0){
						if(busInfo.OrderState>-1){
							if(parseInt(DayNum)==0){
							jieji = busInfo.BusTypeStr
							}
							DayNum+=1;
						}
					}	
					});
					return jieji;
	},
	
  	getCurrentMonthFirst(){
            var date=new Date();
			date.setDate(1);
			this.msg.StartDate=date;
            // return date;
        },
        // 获取当前月的最后一天
    getCurrentMonthLast(){
            var date=new Date();
            var currentMonth=date.getMonth();
            var nextMonth=++currentMonth;
            var nextMonthFirstDay=new Date(date.getFullYear(),nextMonth,1);
			var oneDay=1000*60*60*24;
			this.msg.EndDate=new Date(nextMonthFirstDay-oneDay);
            // return new Date(nextMonthFirstDay-oneDay);
        },

   //获取系列列表
    getLineTeamList(lineId) {
      this.LineTeamList = [];
      this.apipost(
        "team_post_GetList",
        {
          lineID: 14,
          isTOOP: 1
        },
        res => {
          if (res.data.resultCode == 1) {
            this.msg.LineteamId = "-1";
            this.LineTeamList = res.data.data;
          }
        }
      );
    },    
   		 goUrlX(path,obj,title){
	 	   this.$router.push({ name:path,query:{"TCID":obj.TCIDS,StartDate:obj.StartDateStr,DayNum:obj.DayNum,TotalNumber:obj.TotalSeat,blank:'y',tab:title}}) 
		},	
  		goUrlR(path,obj,title){
	 	   this.$router.push({ name:path,query:{"ID":obj,blank:'y',tab:title}}) 
		},	
    	 goUrlT(path,obj,title){
	 	   this.$router.push({ name:path,query:{"id":obj,blank:'y',tab:title}}) 
		},	
		 goUrl(path,obj,title){
	 	   this.$router.push({ name:path,query:{"id":obj.TCIDS,'TCNUM':obj.TCNUMS,'flightTotal':obj.TotalSeat,'GuestNum':obj.CommonReport.HouseStatistics.RealityNum,'NewCombinationNum':obj.NewCombinationNum,blank:'y',tab:title}}) 
		},	
		handleCurrentChange(val) {
			this.msg.pageIndex = val;
			this.getList();
		},   
	    resetPageIndex() {
	      this.msg.pageIndex = 1;
	      this.currentPage = 1;
	    },		
    	getList(){
    		this.loading=true
    		this.apipost('dmcstatistics_post_GetUniteCombinationNumService',this.msg,res=>{
    			if(res.data.resultCode==1){
    				this.loading=false
    				this.total=res.data.data.count
    				this.list=res.data.data.pageData.data
    		 
    			}else{
    				this.loading=false
    				this.$message.error(res.data.message)
    			}
    		},err=>{})
    	},
    },
    mounted() {
		this.getCurrentMonthFirst();
		this.getCurrentMonthLast();
       this.getList()
//     this.getLineList()
       this.getLineTeamList()
    },    
}
</script>

<style>
.busIconStyle>span{margin-right: 20px; font-weight: bold;}
.busStatisticsTalbe{ background: #ccc;}
.busStatisticsTalbe tr th{background: #E6E6E6;height:40px; font-size: 12px; color: #333;}
.busStatisticsTalbe tr{background: #fff;text-align: center; height: 40px;}
.busStatisticsTalbe tr:nth-child(2n+1){background:#fafafa; }
.busStatisticsTalbe tr td{font-size: 12px;}
.busStatisticsTalbe tr td .pDateStyle{border-bottom: 1px solid #ccc; min-height: 24px;  line-height: 24px; margin-top: 0; box-sizing: content-box; padding: 0 10px;}
.busStatisticsTalbe tr td .pDateStyle:last-child{border-bottom: none;}
.busStatisticsTalbe tr td .link p:hover{text-decoration: underline; cursor: pointer;}
.busStatisticsTalbe tr td .link span:hover{text-decoration: underline; cursor: pointer;}
.busStatistics_tripDetails {padding: 0; box-shadow: 0px 1px 3px 0px #dedede; max-height: 400px;overflow-y: auto;}
.busStatistics_tripDetails .popper__arrow::after {border-bottom-color: #ededed !important;}
.busStatistics_tripDetails table { padding: 10px 0 0 20px; background-color: #ededed; border-collapse: collapse; border: 1px solid #d2d2d2; font-size: 12px;}
.busStatistics_tripDetails table th { background-color: #ededed; padding: 5px;}
.busStatistics_tripDetails table td { background-color: #ffffff; padding: 9px 15px;color: #333333;border: 1px solid #d2d2d2;}
.busStatistics_tripDetails table td._d_name {background-color: #ededed;}
.busStatistics_tripDetails table ._color_666 {color: #666666;}
.busStatistics_tripDetails table tr._color_666 th { padding: 9px 15px;}
</style>