Commit 5a1b63ae authored by 黄奎's avatar 黄奎

页面修改

parent ff23ec63
......@@ -30,10 +30,10 @@
</span>
</li>
<li><span><em>日期</em>
<el-date-picker v-model='msg.StartDate' class='w135' value-format="yyyy-MM-dd" type="date"
<el-date-picker v-model='msg.StartGroupDate' class='w135' value-format="yyyy-MM-dd" type="date"
:picker-options="pickerBeginDateBefore"></el-date-picker>
-
<el-date-picker v-model='msg.EndDate' class='w135' value-format="yyyy-MM-dd" type="date"
<el-date-picker v-model='msg.EndGroupDate' class='w135' value-format="yyyy-MM-dd" type="date"
:picker-options="pickerBeginDateAfter"></el-date-picker>
</span>
</li>
......@@ -107,14 +107,13 @@
</div>
<div style="width: 100%; overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle"
:style="{height: boxHeight + 'px'}">
<table border="0" cellspacing="1" cellpadding="0" class="roomReservationsTalbe" v-loading='loading' style="width:100%;">
<table border="0" cellspacing="1" cellpadding="0" class="roomReservationsTalbe" v-loading='loading'
style="width:100%;">
<tr>
<th width="120">序号</th>
<th width="80">出发地</th>
<th width="90">航班时间</th>
<th width="145">公司团号</th>
<th width="100">机位总数<br />(Y/E/F)</th>
<th width="80">占床<br />不占床</th>
<th width="120">系列</th>
<th width="120">团号</th>
<th width="80">地接团号</th>
<th width="90">机位数</th>
<th width="110">时间</th>
<th width="120">酒店名称</th>
<th width="120">更换酒店</th>
......@@ -122,139 +121,73 @@
<th width="100">地接状态</th>
<th width="150">操作</th>
</tr>
<tr v-if="DataList.length==0">
<td colspan="14">暂无数据</td>
</tr>
<template v-for="(outItem,outindex) in DataList">
<tbody :class="{roomReservationsSplitTrCss:outindex%2!=0}">
<template v-for="(item,index) in outItem.StaticsReportList">
<template v-for="(subItem,subIndex) in item.CommonReport.HotelOrderListReport"
v-if="subItem.HotelOrderList.length>0">
<template v-for="(thirdItem,thirdIndex) in subItem.HotelOrderList">
<tr>
<td
:rowspan="outItem.rootRowspan"
v-if='index==0&&subIndex==0&&thirdIndex==0'>
{{outItem.NewCombinationNum}}
</td>
<td :rowspan="item.itemRowSpan"
v-if='subIndex==0&&thirdIndex==0'>
{{item.StartCityNames}}
</td>
<td :rowspan="item.itemRowSpan"
v-if='subIndex==0&&thirdIndex==0'>
<div class="w150">
{{item.FlightDate}}
<el-popover popper-class="roomReservations_tripDetails" width="550" trigger="click">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="_color_666" style="text-align:center;">
<th width="60">{{$t('Airticket.Air_segment')}}</th>
<th width="80">{{$t('system.query_flightNum')}}</th>
<th width="150">起飞时间</th>
<th width="80">到达时间</th>
<th width="100">经停城市</th>
</tr>
<tr v-for="(ds,din) in item.FlightList" :key="din" style="text-align:center;">
<td class="_d_name _color_666">
<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>0 && din!=item.FlightList.length-1">{{$t('Airticket.Air_transit')}}</span>
</td>
<td>
<div>{{ds.Flight_number}}</div>
<div style="margin-top:5px;">{{ds.AlName}}</div>
</td>
<td>
<div>{{ds.FlightDate}} {{ds.Departure_time}}</div>
<div style="margin-top:5px;">{{ds.dName}}</div>
</td>
<td>
<div>{{ds.FlightArrivalTime}} {{ds.Arrival_time}}</div>
<div style="margin-top:5px;">{{ds.aName}}</div>
</td>
<td>{{ds.StopoverName}}</td>
</tr>
</table>
<el-button slot="reference" class="normalBtn mt5"
style='height:24px; padding: 0 10px; background: #2AAEF2; border-color: #2AAEF2;'>详情
</el-button>
</el-popover>
</div>
</td>
<td :rowspan="item.itemRowSpan"
v-if='subIndex==0&&thirdIndex==0'>
<p @click="goUrlT('productQuery',item.TCNUMS,'产品查询')"
style="cursor:pointer;text-decoration:underline;">
{{item.TCNUMS}}({{item.TCIDS}})
</p>
</td>
<td :rowspan="item.itemRowSpan"
v-if='subIndex==0&&thirdIndex==0'>
<p @click="goUrlT('RegistrationList',item.TCIDS,'报名清单')"
style="cursor:pointer;text-decoration:underline;">
{{item.TotalSeat}}/{{item.CommonReport.HouseStatistics.RealityYSeatNum}}/{{item.CommonReport.HouseStatistics.RealityESeatNum}}/{{item.CommonReport.HouseStatistics.RealityFSeatNum}}
</p>
</td>
<td :rowspan="item.itemRowSpan"
v-if='subIndex==0&&thirdIndex==0'>
<p @click="goUrlT('passengerHouse',item.TCIDS,'房间分配')"
style="cursor:pointer;text-decoration:underline;">
{{item.CommonReport.HouseStatistics.NeedBed}}/{{item.CommonReport.HouseStatistics.NoNeedBed}}
</p>
</td>
<td :rowspan="subItem.HotelOrderList.length" v-if='thirdIndex==0'>
{{subItem.UseTimeStr}}
</td>
<td style="text-align:left;padding-left:2px;">
<template v-if="thirdItem.HotelName!=thirdItem.NewHotelName && thirdItem.NewHotelName!=''">
<span style="text-decoration:line-through"> {{thirdItem.HotelName}}</span>
</template>
<template v-else>
{{thirdItem.HotelName}}
</template>
</td>
<td style="text-align:left;padding-left:2px;">
<template v-if="thirdItem.HotelName!=thirdItem.NewHotelName">
<span style="color:red;">{{thirdItem.NewHotelName}}</span>
</template>
</td>
<td>
<template v-if="thirdItem.OPState==1">
<template v-for="item in DataList">
<tbody>
<template v-for="(subItem,subIndex) in item.HotelOrderListReports">
<template v-for="(childItem,childIndex) in subItem.SubList">
<tr>
<td :rowspan="item.rootRowspan" v-if='subIndex==0&&childIndex==0'>{{item.LtName}}</td>
<td :rowspan="item.rootRowspan" v-if='subIndex==0&&childIndex==0'>{{item.TCNUM}}({{item.TCID}})</td>
<td :rowspan="item.rootRowspan" v-if='subIndex==0&&childIndex==0'>{{item.DMCNum}} </td>
<td :rowspan="item.rootRowspan" v-if='subIndex==0&&childIndex==0'>
{{$t('Airticket.Air_firstClass')}}{{item.FSeat}}
{{$t('Airticket.Air_businessClass')}}{{item.CSeat}}
{{$t('Airticket.Air_EconomyClass')}}{{item.YSeat}}
</td>
<td :rowspan="subItem.SubList.length" v-if='childIndex==0'>
{{childItem.JourneyDate}}
</td>
<td>
<template v-if="childItem.HotelName!=childItem.NewHotelName && childItem.NewHotelName!=''">
<span style="text-decoration:line-through"> {{childItem.HotelName}}</span>
</template>
<template v-else>
{{childItem.HotelName}}
</template>
</td>
<td>
<template v-if="childItem.HotelName!=childItem.NewHotelName">
<span style="color:red;">{{childItem.NewHotelName}}</span>
</template>
</td>
<td>
<template v-if="childItem.OPState==1">
<span style="color: green;">OP-指定</span>
</template>
<template v-else-if="thirdItem.OPState==2">
<template v-else-if="childItem.OPState==2">
<span style="color:red;">OP-暂定</span>
</template>
</td>
<td>
<template v-if="thirdItem.DMCState==1">
</td>
<td>
<template v-if="childItem.DMCState==1">
<span style="color: green;">地接-OK</span>
</template>
<template v-else-if="thirdItem.DMCState==2">
<template v-else-if="childItem.DMCState==2">
<span style="color:red;">地接-暂定</span>
</template>
<template v-else-if="thirdItem.DMCState==0">
<template v-else-if="childItem.DMCState==0">
<span style="color:red;">地接-未操作</span>
</template>
</td>
<td>
<el-popover placement="right" width="540" trigger="click" v-model="subItem.isShowPop">
<comCheckHotel :ref="'comCheckHotel'+index+subIndex+''"
:UseDate="subItem.UseTimeStr">
</comCheckHotel>
<el-button size="small" type="danger" :data-index="'comCheckHotel'+index+subIndex+''"
slot="reference" style="cursor:pointer;"
@click="getChildHotel(index,subIndex),subItem.isShowPop=true">
酒店选择
</el-button>
</el-popover>
</td>
</tr>
</template>
</td>
<td>
<el-popover placement="right" width="540" trigger="click" v-model="subItem.isShowPop">
<comCheckHotel :ref="'comCheckHotel'+subIndex+childIndex+''" :UseDate="childItem.JourneyDate">
</comCheckHotel>
<el-button size="small" type="danger" :data-index="'comCheckHotel'+subIndex+childIndex+''"
slot="reference" style="cursor:pointer;"
@click="getChildHotel(subIndex,childIndex),subItem.isShowPop=true">
更换酒店
</el-button>
</el-popover>
</td>
</tr>
</template>
</template>
<tr>
<td :colspan="10">
{{item.Title}}
</td>
</tr>
</tbody>
</template>
</table>
......@@ -272,27 +205,47 @@
currentPage: 1,
total: 0,
msg: {
pageIndex: 1,
pageSize: 5,
SelectType: 1,
StartDate: '',
EndDate: '',
//酒店编号
HotelId: 0,
//日期
DateStr: "",
//出团公司
//出团公司集合
OutBranchIds: [],
LineId: 14,
pageIndex: 1,
pageSize: 10,
LineId: 0,
PlaceID: 0,
LineIdList: [14],
LineteamId: 0,
//航空公司
AirLineId: 0,
CreateBy: 0,
TCNUM: '',
PriceStatus: 0,
CombinationNum: '',
HotelStatus: 0
StartGroupDate: '',
EndGroupDate: '',
OutBranchId: -1,
AirTicketId: 0,
TeamMinNum: -1,
TeamMaxNum: -1,
CreateBy: 0,
ApplyMinNum: -1,
ApplyMaxNum: -1,
DayNum: -1,
OnlyShowOverTeam: false,
TCState: [3], //去掉默认显示
GroupState: [],
SalePlat: [],
UnionCityId: 0,
SaleBranchId: [],
total: 0,
//是否有数据
noData: false,
currentPage: 1,
//航班配置
FlightState: 0,
//预警团
IsWarning: false,
WarningQuery: '-1',
RateOnDay: '-1',
RateOn: '-1',
TeamType: 0, //一般常规团
IsShowUnion: -1,
TCID: 0,
HotelId: 0, //酒店编号
HotelUseTime: "", //酒店使用时间
},
DataList: [], //数据列表
boxHeight: 0,
......@@ -310,17 +263,17 @@
childIndex: 0,
pickerBeginDateBefore: {
disabledDate: time => {
if (this.msg.EndDate == null) {
if (this.msg.EndGroupDate == null) {
return false;
} else {
let endTime = new Date(this.msg.EndDate)
let endTime = new Date(this.msg.EndGroupDate)
return endTime.getTime() < time.getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.msg.StartDate)
let startTime = new Date(this.msg.StartGroupDate)
return startTime.getTime() >= time.getTime()
}
}
......@@ -359,8 +312,8 @@
'flightTotal': obj.TotalSeat,
'GuestNum': obj.CommonReport.HouseStatistics.RealityNum,
'NewCombinationNum': outItem.NewCombinationNum,
'LeaderName':obj.LeaderName,
'GuideName':obj.GuideName,
'LeaderName': obj.LeaderName,
'GuideName': obj.GuideName,
blank: 'y',
tab: title
}
......@@ -376,22 +329,19 @@
},
getList() {
this.loading = true;
this.apipost('dmcstatistics_post_GetUniteCombinationNumService', this.msg, res => {
this.apipost('travel_get_GetPriceHotelListService', this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
var sourceData = res.data.data.pageData.data;
var sourceData = res.data.data.pageData;
if (sourceData) {
sourceData.forEach(rootItem => {
var rootRowspan = 0; //合团跨行
rootItem.StaticsReportList.forEach(subItem => {
rootItem.HotelOrderListReports.forEach(subItem => {
var itemRowSpan = 0; //酒店跨行
subItem.CommonReport.HotelOrderListReport.forEach(thirdItem => {
thirdItem.HotelOrderList.forEach(lastItem => {
rootRowspan++;
itemRowSpan++;
});
thirdItem.isShowPop = false;
subItem.SubList.forEach(thirdItem => {
rootRowspan++;
itemRowSpan++;
});
subItem.itemRowSpan = itemRowSpan;
});
......@@ -399,6 +349,7 @@
});
}
this.DataList = sourceData;
console.log("this.dataList", this.DataList);
this.$forceUpdate()
} else {
this.Error(res.data.message)
......@@ -514,17 +465,7 @@
"-" +
myDate.getDate();
if (this.$route.query.hotelId) {
this.msg.HotelId = this.$route.query.hotelId;
}
if (this.$route.query.dateStr) {
this.msg.DateStr = this.$route.query.dateStr;
}
if (this.$route.query.hotelId || this.$route.query.dateStr) {
this.msg.StartDate = "";
} else {
this.msg.StartDate = nowDate;
}
this.msg.StartGroupDate = nowDate;
let width = window.innerWidth - 50;
let height = window.innerHeight - 65 - 164;
this.boxHeight = height;
......
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