Skip to content

S
SuperMan
Commit 06b61fec authored by 黄奎's avatar 黄奎
Browse files
Options

车辆统计页面还原

parent a33b2aef
Hide whitespace changes
Inline Side-by-side
Showing with 191 additions and 164 deletions
src/components/busManagement/busStatistics.vue
View file @ 06b61fec
...@@ -47,157 +47,163 @@ ...@@ -47,157 +47,163 @@
:style="{height: boxHeight + 'px'}"> :style="{height: boxHeight + 'px'}">
<table border="0" cellspacing="1" cellpadding="0" class="busStatisticsTalbe" v-loading='loading'> <table border="0" cellspacing="1" cellpadding="0" class="busStatisticsTalbe" v-loading='loading'>
<tr> <tr>
<th width="100">序号</th> <th class="w100">序号</th>
<th width="80">出发地</th> <th width="110">出发地</th>
<th width="80">酒店</th> <th width="110">酒店</th>
<th width="110">航班时间</th> <th width="150">航班时间</th>
<th width="150">公司团号</th> <th width="150">公司团号</th>
<th width="80">线路<br />负责人</th> <th width="100">线路负责人</th>
<th width="70">进出点</th> <th width="70">进出点</th>
<th width="70">机位总数<br />(Y/E/F)</th> <th width="80">机位总数<br />(Y/E/F)</th>
<th width="80">领队</th> <th width="80">领队</th>
<th width="80">导游</th> <th width="80">导游</th>
<th width="80">车型</th> <th width="150">车型</th>
<th width="100">时间</th> <th width="100" v-for='item in thLengthTitle'>{{item}}</th>
<th width="80">类型</th> <th width="150">车辆状态</th>
<th width="80">状态</th> <th width="150">车费总计</th>
<th width="80">车辆状态</th>
<th width="80">车费总计</th>
<th width="80">配车天数</th> <th width="80">配车天数</th>
<th width="100">操作</th> <th width="120">操作</th>
</tr> </tr>
<template v-for="(outItem,outindex) in DataList"> <tbody v-for="(outItem,outindex) in DataList" :class="{splitTrCss:outindex%2!=0}">
<tbody :class="{splitTrCss:outindex%2!=0}"> <template v-for="(item,index) in outItem.StaticsReportList">
<template v-for="(item,index) in outItem.StaticsReportList"> <tr>
<template v-for="(subItem,subIndex) in item.CommonReport.BusPlanListReport"> <td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'>
<template v-for="(thirdItem,thirdIndex) in subItem.BusPlanOrderList"> <div class="w100">{{outItem.NewCombinationNum}}</div>
<tr> </td>
<td :rowspan="outItem.rootRowspan" v-if='index==0&&subIndex==0&&thirdIndex==0'> <td>
{{outItem.NewCombinationNum}} <div class="w80">
</td> {{item.StartCityNames}}
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> </div>
{{item.StartCityNames}} </td>
</td> <td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <el-popover width="750" trigger="click" popper-class="Bus_HotelPop">
<el-popover width="950" trigger="click" popper-class="Bus_HotelPop"> <commonHotelInfo :HotelObj="item.CommonReport.PriceHotelResult" :showHotelObj="showHotelObj">
<commonHotelInfo :HotelObj="item.CommonReport.PriceHotelResult" :showHotelObj="showHotelObj"> </commonHotelInfo>
</commonHotelInfo> <div slot="reference" class="w80" style="cursor:pointer;text-decoration:underline;">酒店信息</div>
<div slot="reference" class="w80" style="cursor:pointer;text-decoration:underline;">酒店信息</div> </el-popover>
</el-popover> </td>
</td> <td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <div class="w120">
{{item.FlightDate}}<br /> {{item.FlightDate}}
<el-popover popper-class="busStatistics_tripDetails" width="550" trigger="click"> <el-popover popper-class="busStatistics_tripDetails" width="550" trigger="click">
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="_color_666" style="text-align:center;"> <tr class="_color_666" style="text-align:center;">
<th width="60">{{$t('Airticket.Air_segment')}}</th> <th width="60">{{$t('Airticket.Air_segment')}}</th>
<th width="80">{{$t('system.query_flightNum')}}</th> <th width="80">{{$t('system.query_flightNum')}}</th>
<th width="150">起飞时间</th> <th width="150">起飞时间</th>
<th width="150">到达时间</th> <th width="150">到达时间</th>
<th width="100">经停城市</th> <th width="100">经停城市</th>
</tr> </tr>
<tr v-for="(ds,din) in item.FlightList" :key="din" style="text-align:center;"> <tr v-for="(ds,din) in item.FlightList" :key="din" style="text-align:center;">
<td class="_d_name _color_666"> <td class="_d_name _color_666">
<span v-if="din==0">{{$t('Airticket.Air_go')}}</span> <span v-if="din==0">{{$t('Airticket.Air_go')}}</span>
<span v-else-if="din==item.FlightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span> <span v-else-if="din==item.FlightList.length-1">{{$t('Airticket.Air_returnTrip')}}</span>
<span <span
v-else-if="din>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span> v-else-if="din>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span>
</td> </td>
<td> <td>
<div>{{ds.Flight_number}}</div> <div>{{ds.Flight_number}}</div>
<div style="margin-top:5px;">{{ds.AlName}}</div> <div style="margin-top:5px;">{{ds.AlName}}</div>
</td> </td>
<td> <td>
<div>{{ds.FlightDate}} {{ds.Departure_time}}</div> <div>{{ds.FlightDate}} {{ds.Departure_time}}</div>
<div style="margin-top:5px;">{{ds.dName}}</div> <div style="margin-top:5px;">{{ds.dName}}</div>
</td> </td>
<td> <td>
<div>{{ds.FlightArrivalTime}} {{ds.Arrival_time}}</div> <div>{{ds.FlightArrivalTime}} {{ds.Arrival_time}}</div>
<div style="margin-top:5px;">{{ds.aName}}</div> <div style="margin-top:5px;">{{ds.aName}}</div>
</td> </td>
<td>{{ds.StopoverName}}</td> <td>{{ds.StopoverName}}</td>
</tr> </tr>
</table> </table>
<el-button slot="reference" class="normalBtn mt5" <el-button slot="reference" class="normalBtn mt5"
style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情 style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情</el-button>
</el-button> </el-popover>
</el-popover> </div>
</td> </td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <td>
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')" <div class="w120 link">
style="cursor:pointer;text-decoration:underline;">{{item.TCNUMS}}({{item.TCID}})</p> <p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.TCNUMS}}</p>
</td> </div>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> </td>
{{item.CreateByName}} <td>
</td> <div class="w80">{{item.CreateByName}}</div>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> </td>
{{item.InOut}} <td>
</td> <div class="w80">{{item.InOut}}</div>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> </td>
<p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')" <td>
style="cursor:pointer;text-decoration:underline;"> <div class="w100 link">
{{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}} <p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')">
</p> {{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}}
</td> </p>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> </div>
{{item.LeaderName}} </td>
</td> <td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <div class="w80">{{item.LeaderName}}</div>
{{item.GuideName}} </td>
</td> <td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <div class="w80">{{item.GuideName}}</div>
<template </td>
v-if="item.CommonReport&&item.CommonReport.BusPlanListReport&&item.CommonReport.BusPlanListReport.length>0&&item.CommonReport.BusPlanListReport[0].BusPlanOrderList&&item.CommonReport.BusPlanListReport[0].BusPlanOrderList[0]"> <td>
{{item.CommonReport.BusPlanListReport[0].BusPlanOrderList[0].MainBusTypeStr}} <div class="w80">
</template> <template
</td> v-if="item.CommonReport&&item.CommonReport.BusPlanListReport&&item.CommonReport.BusPlanListReport.length>0&&item.CommonReport.BusPlanListReport[0].BusPlanOrderList&&item.CommonReport.BusPlanListReport[0].BusPlanOrderList[0]">
<td :rowspan="subItem.BusPlanOrderList.length" v-if='thirdIndex==0'> {{item.CommonReport.BusPlanListReport[0].BusPlanOrderList[0].MainBusTypeStr}}
{{subItem.UseTimeStr}} </template>
</td> </div>
<td> </td>
{{thirdItem.AirportPickUpStr}} <td v-for="(x,ww) in item.CommonReport.BusPlanListReport" style="vertical-align: top;">
</td> <div class="w100">
<td> <template v-if="x.BusPlanOrderList" v-for="(childItem,childIndex) in x.BusPlanOrderList">
<span style="color: #4BCA81;" v-if="(thirdItem.AirportPickUpStr!='')">√</span> <p class="pDateStyle" v-if="childIndex==0"> {{childItem.PlanDateStr}}</p>
<p class="pDateStyle">
{{(childItem.AirportPickUpStr!=""?childItem.AirportPickUpStr:"") }}
<span style="color: #4BCA81;" v-if="(childItem.AirportPickUpStr!='')">√</span>
<span style="color: #E95252;" v-else>X</span> <span style="color: #E95252;" v-else>X</span>
</td> <template v-if="x.BusPlanOrderList.length>1 && x.BusPlanOrderList.length-1!=childIndex">
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <br />
<div class="w80 fbold fz16"> </template>
<span style="color: #E95252;" v-if="item.CommonReport.BusOrderState==-1">X</span> </p>
<span style="color: #ff6600;" v-else-if="item.CommonReport.BusOrderState==0">O</span> </template>
<span style="color: #4BCA81;" v-else-if="item.CommonReport.BusOrderState==1">√</span> </div>
</div> </td>
</td> <td v-for="is in item.isCha"></td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <td>
{{GetTotalPrice(item.CommonReport.BusPlanListReport,item.CommonReport.HouseStatistics.RealityNum)}} <div class="w80 fbold fz16">
</td> <span style="color: #E95252;" v-if="item.CommonReport.BusOrderState==-1">X</span>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <span style="color: #ff6600;" v-else-if="item.CommonReport.BusOrderState==0">O</span>
{{GetPeiChe(item.CommonReport.BusPlanListReport)}} <span style="color: #4BCA81;" v-else-if="item.CommonReport.BusOrderState==1">√</span></div>
</td> </td>
<td :rowspan="item.itemRowSpan" v-if='subIndex==0&&thirdIndex==0'> <td>
<span @click="goUrlX('BusInfo',item,outItem,'车配信息')" <div class="w150">
style="cursor:pointer;text-decoration:underline;">详情</span> {{GetTotalPrice(item.CommonReport.BusPlanListReport,item.CommonReport.HouseStatistics.RealityNum)}}
<br /> </div>
<br /> </td>
<span @click="GoDownLoad(outItem)" style="cursor:pointer;text-decoration:underline;">手配书</span> <td>
</td> <div class="w100">
</tr> {{GetPeiChe(item.CommonReport.BusPlanListReport)}}
<tr </div>
v-if="subIndex== item.CommonReport.BusPlanListReport.length-1 && thirdIndex==subItem.BusPlanOrderList.length-1"> </td>
<td :colspan="17" style="text-align: left!important;padding-left: 20px;"> <td :rowspan="2*outItem.StaticsReportList.length" v-if='index==0'>
<div class="link"> <div class="w100 link">
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.Titles}}</p> <span @click="goUrlX('BusInfo',item,outItem,'车配信息')">详情</span>
<div v-show="item.DMCRemark!=''" class="colorE95252">地接备注:{{item.DMCRemark}}</div> <span @click="GoDownLoad(outItem)">手配书</span>
<div v-show="item.OPRemark!=''" class="colorE95252"> OP备注（对外）:{{item.OPRemark}}</div> </div>
<div v-show="item.OPInnerRemark!=''" class="colorE95252">OP备注（对内）:{{item.OPInnerRemark}}</div> </td>
</div> </tr>
</td> <tr>
</tr> <td :colspan="colspanTotal" style="text-align: left!important;padding-left: 20px;">
</template> <div class="link">
</template> <p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')">{{item.Titles}}</p>
</template> <div v-show="item.DMCRemark!=''" class="colorE95252">地接备注:{{item.DMCRemark}}</div>
</tbody> <div v-show="item.OPRemark!=''" class="colorE95252"> OP备注（对外）:{{item.OPRemark}}</div>
</template> <div v-show="item.OPInnerRemark!=''" class="colorE95252">OP备注（对内）:{{item.OPInnerRemark}}</div>
</div>
</td>
</tr>
</template>
</tbody>
</table> </table>
</div> </div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
...@@ -215,7 +221,7 @@ ...@@ -215,7 +221,7 @@
total: 0, total: 0,
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 5, pageSize: 10,
SelectType: 4, SelectType: 4,
LineId: 14, LineId: 14,
LineteamId: "-1", LineteamId: "-1",
...@@ -401,23 +407,22 @@ ...@@ -401,23 +407,22 @@
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.total = res.data.data.count; this.total = res.data.data.count;
var sourceData = res.data.data.pageData.data; this.DataList = res.data.data.pageData.data;
sourceData.forEach(outItem => { this.thLengthTitle = [];
var rootRowspan = 0; //合团跨行 this.colspanTotal = res.data.data.pageData.columnsCount + 13;
for (let i = 1; i <= res.data.data.pageData.columnsCount; i++) {
this.thLengthTitle.push('第' + i + '天');
}
this.DataList.forEach(outItem => {
outItem.StaticsReportList.forEach(item => { outItem.StaticsReportList.forEach(item => {
var itemRowSpan = 0; //车辆跨行 if (item.CommonReport.BusPlanListReport.length < res.data.data.pageData.data.length) {
item.CommonReport.BusPlanListReport.forEach(thirdItem => { item.isCha = res.data.data.pageData.columnsCount - item.CommonReport.BusPlanListReport
thirdItem.BusPlanOrderList.forEach(lastItem => { .length;
rootRowspan++; } else {
itemRowSpan++; item.isCha = 0;;
}); }
}); })
item.itemRowSpan = itemRowSpan;
});
rootRowspan += outItem.StaticsReportList.length;
outItem.rootRowspan = rootRowspan;
}) })
this.DataList = sourceData;
this.$forceUpdate(); this.$forceUpdate();
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
...@@ -434,6 +439,7 @@ ...@@ -434,6 +439,7 @@
"-" + "-" +
myDate.getDate(); myDate.getDate();
this.msg.StartDate = nowDate; this.msg.StartDate = nowDate;
//this.msg.StartDate = '2019-08-12';
let width = window.innerWidth - 50; let width = window.innerWidth - 50;
let height = window.innerHeight - 65 - 210; let height = window.innerHeight - 65 - 210;
this.boxHeight = height; this.boxHeight = height;
...@@ -455,7 +461,7 @@ ...@@ -455,7 +461,7 @@
} }
.busStatisticsTalbe { .busStatisticsTalbe {
border-collapse: collapse; background: #ccc;
} }
.busStatisticsTalbe tr th { .busStatisticsTalbe tr th {
...@@ -468,13 +474,34 @@ ...@@ -468,13 +474,34 @@
.busStatisticsTalbe tr { .busStatisticsTalbe tr {
background: #fff; background: #fff;
text-align: center; text-align: center;
height: 40px;
} }
.busStatisticsTalbe tr td { .busStatisticsTalbe tr td {
font-size: 12px; font-size: 12px;
height: 20px; }
line-height: 20px;
border: 1px solid #d2d2d2; .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 { .busStatistics_tripDetails {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment