Skip to content

J
jz_Travel
Commit 5c8d02f7 authored by 18224442217's avatar 18224442217
Browse files
Options

机票订单列表，详情

parent c1835bc9
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 956 additions and 247 deletions
asset/css/flex.css
View file @ 5c8d02f7
...@@ -39,6 +39,12 @@ ...@@ -39,6 +39,12 @@
justify-content: space-between; justify-content: space-between;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.row-sbs-n{
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: nowrap;
}
.row-sbas-n{ .row-sbas-n{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -245,6 +251,9 @@ ...@@ -245,6 +251,9 @@
.MR20{ .MR20{
margin-right: 20rpx; margin-right: 20rpx;
} }
.MR25{
margin-right: 25rpx;
}
.MR30{ .MR30{
margin-right: 30rpx; margin-right: 30rpx;
} }
...@@ -347,6 +356,9 @@ ...@@ -347,6 +356,9 @@
.PT123{ .PT123{
padding-top: 123rpx; padding-top: 123rpx;
} }
.PB20{
padding-bottom: 20rpx;
}
.PB200{ .PB200{
padding-bottom: 200rpx; padding-bottom: 200rpx;
} }
...@@ -362,6 +374,9 @@ ...@@ -362,6 +374,9 @@
.PX4{ .PX4{
padding: 0 4rpx; padding: 0 4rpx;
} }
.PX20{
padding: 0 20rpx;
}
.PX50{ .PX50{
padding: 0 50rpx; padding: 0 50rpx;
} }
......
pages/airTicket/AirplanePassengerAddEditing.vue
View file @ 5c8d02f7
...@@ -147,12 +147,10 @@ ...@@ -147,12 +147,10 @@
} }
if(this.GuestList.length>0){ if(this.GuestList.length>0){
uni.setStorageSync("GuestList",this.GuestList) uni.setStorageSync("GuestList",this.GuestList)
}
setTimeout(()=>{
uni.navigateBack({ uni.navigateBack({
delta: -1 delta: -1
}) })
},200) }
}, },
setBirthday(){ setBirthday(){
if(this.addMsg.GuestType==1){ if(this.addMsg.GuestType==1){
......
pages/airTicket/TicketOrderDetails.vue
View file @ 5c8d02f7
This diff is collapsed.
pages/airTicket/TicketOrderList.vue
View file @ 5c8d02f7
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<view class="TicketOrderList-header bgFFF fixed row-sb-n z-index3"> <view class="TicketOrderList-header bgFFF fixed row-sb-n z-index3">
<view v-for="(item,index) in TicketOrderTyle" <view v-for="(item,index) in TicketOrderTyle"
class="border1 hidden fz24 bgF5 textCenter" class="border1 hidden fz24 bgF5 textCenter"
:class="[OrderTyle==item.Id?'borderDEBF7B':'borderF5']" :class="[msg.orderState==item.Id?'borderDEBF7B':'borderF5']"
@click="research(item)"> @click="research(item.Id)">
{{item.Name}} {{item.Name}}
</view> </view>
</view> </view>
...@@ -15,9 +15,7 @@ ...@@ -15,9 +15,7 @@
@scrolltolower="lower" :style="{ 'height': `calc(100% - ${scrollHeight})`}"> @scrolltolower="lower" :style="{ 'height': `calc(100% - ${scrollHeight})`}">
<view class="TicketOrderListC"> <view class="TicketOrderListC">
<view class="TicketOrderList-box"> <view class="TicketOrderList-box">
<template v-for="(item,index) in dataList"> <TicketOrderList :dataList="dataList" :msg="msg" @research="research"></TicketOrderList>
<TicketOrderList></TicketOrderList>
</template>
</view> </view>
<view style="padding:10px 0;"> <view style="padding:10px 0;">
<u-loadmore :status="status" :load-text="loadText" <u-loadmore :status="status" :load-text="loadText"
...@@ -30,6 +28,7 @@ ...@@ -30,6 +28,7 @@
</template> </template>
<script> <script>
import TicketOrderList from "./components/TicketOrderList.vue"; import TicketOrderList from "./components/TicketOrderList.vue";
import { getDateWeek } from "./dates.js";
export default { export default {
components: { components: {
TicketOrderList TicketOrderList
...@@ -39,23 +38,21 @@ ...@@ -39,23 +38,21 @@
scrollTop: 0, scrollTop: 0,
status: 'loadmore', status: 'loadmore',
msg:{ msg:{
ageIndex:1, pageIndex: 1,
pageSize:5, pageSize: 15,
OrderStaus:0, //MiniAppUserId: 0,
TeacherId:0, orderType:-1,
CourseId:0, orderState: 0,
ID:0, GroupType:5,//线路订单
StartTime:'', queryDays:0,
EndTime:'' OutBranchId:-1
}, },
pageCount: 0, pageCount: 0,
OrderTyle: 1,
dataList: [], dataList: [],
loading: false,
TicketOrderTyle:[ TicketOrderTyle:[
{Name:'全部订单',Id:1}, {Name:'全部订单',Id:0},
{Name:'已付款',Id:2}, {Name:'已付款',Id:3},
{Name:'待付款',Id:3}, {Name:'待付款',Id:1},
{Name:'已取消',Id:4}, {Name:'已取消',Id:4},
], ],
loadText: { loadText: {
...@@ -63,20 +60,25 @@ ...@@ -63,20 +60,25 @@
loading: "努力加载中", loading: "努力加载中",
nomore: "没有更多了", nomore: "没有更多了",
}, },
scrollHeight: 0, scrollHeight: '30px',
} }
}, },
onLoad(options){ onLoad(options){
this.msg.orderState = options.orderState?options.orderState:0
}, },
created() {}, created() {},
onShow() {
},
mounted() { mounted() {
this.getList()
setTimeout(() => { setTimeout(() => {
this.getHeadHeight(); this.getHeadHeight();
}, 1000); }, 1000);
}, },
methods: { methods: {
getHeadHeight() { getHeadHeight() {
return
let that = this; let that = this;
const query = uni.createSelectorQuery().in(this); const query = uni.createSelectorQuery().in(this);
query query
...@@ -87,7 +89,7 @@ ...@@ -87,7 +89,7 @@
.exec(); .exec();
}, },
research(item) { research(item) {
this.OrderTyle = item.Id this.msg.orderState = item
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.getList(1); this.getList(1);
}, },
...@@ -96,14 +98,46 @@ ...@@ -96,14 +98,46 @@
if (type == 1) { if (type == 1) {
this.dataList = []; this.dataList = [];
} }
return
uni.showLoading() uni.showLoading()
this.request2({ this.apipost(
url: "/api/Hotel/AppGetHotelPage", "sellorder_post_GetTravelOrderAppletList",
data: this.msg, this.msg,
},
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
let arr = function(list){
list.forEach(x=>{
x.time = ''
x.week = ''
x.duration = ''
x.frequency = 0
x.different = 0 //是否异地
x.NewFlightList = []
x.loading = false
})
}
arr(res.data.pageData)
res.data.pageData.forEach(x=>{
arr(x.flightList)
})
res.data.pageData.forEach(x=>{
if(x.flightList.length>2){
x.different = 1
}
x.flightList.forEach((y,index)=>{
let date = y.flightDate.split('-')
y.time = `${date[1]}-${date[2]}`
y.week = getDateWeek(y.flightDate)
y.frequency = x.flightList.length-2>1?x.flightList.length-2:0
if(index==0){
y.duration = `${x.departureTime.days>0?x.departureTime.days+'d ':''}${x.departureTime.hours>0?x.departureTime.hours+'h ':''}${x.departureTime.minutes>0?x.departureTime.minutes+'m ':''}`
x.NewFlightList.push(y)
}
if(x.flightList.length-1==index){
y.duration = `${x.arrivalTime.days>0?x.arrivalTime.days+'d ':''}${x.arrivalTime.hours>0?x.arrivalTime.hours+'h ':''}${x.arrivalTime.minutes>0?x.arrivalTime.minutes+'m ':''}`
x.NewFlightList.push(y)
}
})
})
if (this.msg.pageIndex === 1) { if (this.msg.pageIndex === 1) {
this.dataList = res.data.pageData; this.dataList = res.data.pageData;
} else { } else {
......
pages/airTicket/airTicketDetails.vue
View file @ 5c8d02f7
...@@ -21,7 +21,9 @@ ...@@ -21,7 +21,9 @@
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1697021959000_719.png"/> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1697021959000_719.png"/>
<view class="fz26 color1D1D20 ML31"> <view class="fz26 color1D1D20 ML31">
<text>已选：{{orderMsg.GuestNum}} 人数 </text> <text>已选：{{orderMsg.GuestNum}} 人数 </text>
<text class="ML30">{{orderMsg.ManNum}} 成人</text>
<text class="ML30">{{orderMsg.BabyNum}} 婴儿</text> <text class="ML30">{{orderMsg.BabyNum}} 婴儿</text>
<text class="ML30" v-if="orderMsg.ChirdNum>0">{{orderMsg.ChirdNum}} 儿童</text>
</view> </view>
</view> </view>
<view class="PX50"> <view class="PX50">
...@@ -54,7 +56,7 @@ ...@@ -54,7 +56,7 @@
</view> </view>
</view> </view>
</view> </view>
<view v-if="B2BSellNum>=orderMsg.YSeatNum" class="airTicketDetailsAdd bgDEBF7B fz32 fontBold textCenter" <view v-if="B2BSellNum>=orderMsg.YSeatNum||!orderMsg.GuestNum" class="airTicketDetailsAdd bgDEBF7B fz32 fontBold textCenter"
@click="AddPassengers"> @click="AddPassengers">
添加乘机人 添加乘机人
</view> </view>
...@@ -76,16 +78,18 @@ ...@@ -76,16 +78,18 @@
<!-- {{orderMsg.Unit_Price}} --> <!-- {{orderMsg.Unit_Price}} -->
{{orderMsg.PreferPrice}} {{orderMsg.PreferPrice}}
</text> </text>
<!-- <text class="airTicketDetailsFooter-text fz26 ML10 relative"> <text class="airTicketDetailsFooter-text fz26 ML10 relative" v-if="orderMsg.GuestNum>0">
/人 共 {{orderMsg.GuestNum}} 人
</text> --> </text>
</view> </view>
<view class="row-acje"> <view class="row-acje">
<view class="airTicketDetailsFooter-order row-ajc-w bgDEBF7B fontBold" <view class="airTicketDetailsFooter-order row-ajc-w fontBold" @click="SubmitOrder"
v-if="!loading&&orderMsg.ManNum>0&&orderMsg.ContactMobile" @click="SubmitOrder"> :class="[
<text class="fz32">立即下单</text> loading
</view> ||!orderMsg.ManNum
<view v-else class="airTicketDetailsFooter-order row-ajc-w bgF5 fontBold"> ||!orderMsg.ContactMobile
||orderMsg.ContactMobile.length>11
||11>orderMsg.ContactMobile.length?'bgF5':'bgDEBF7B']">
<text class="fz32">立即下单</text> <text class="fz32">立即下单</text>
</view> </view>
</view> </view>
...@@ -110,8 +114,9 @@ ...@@ -110,8 +114,9 @@
OrderId: 0, OrderId: 0,
TCID: 0, TCID: 0,
CustomerId: 0,//同行Id CustomerId: 0,//同行Id
ManNum: 0, ManNum: 0,//成人
BabyNum: 0, ChirdNum: 0,//儿童
BabyNum: 0,//婴儿
GuestNum: 0,//总人数 GuestNum: 0,//总人数
YSeatNum: 0,//经济舱 YSeatNum: 0,//经济舱
FSeatNum: 0,//头等舱 FSeatNum: 0,//头等舱
...@@ -191,6 +196,7 @@ ...@@ -191,6 +196,7 @@
watch: { watch: {
GuestList:{ GuestList:{
handler(newVal, oldval) { handler(newVal, oldval) {
this.orderMsg.GuestList = []
newVal.forEach(x=>{ newVal.forEach(x=>{
let obj = { let obj = {
SurName: x.SurName, SurName: x.SurName,
...@@ -211,9 +217,7 @@ ...@@ -211,9 +217,7 @@
}, },
"orderMsg.GuestNum":{ "orderMsg.GuestNum":{
handler(newVal, oldval) { handler(newVal, oldval) {
if(this.BabyPrecent>0){
this.getPrice()
}
}, },
deep: true, deep: true,
immediate: true immediate: true
...@@ -244,24 +248,31 @@ ...@@ -244,24 +248,31 @@
return x.GuestNum==2 return x.GuestNum==2
}) })
this.orderMsg.ManNum = resultMan.length this.orderMsg.ManNum = resultMan.length
this.orderMsg.BabyNum = resultBab.length let BabyNum = resultBab.length
this.orderMsg.GuestNum = this.orderMsg.ManNum+this.orderMsg.BabyNum this.orderMsg.GuestNum = this.orderMsg.ManNum+BabyNum
let ChirdNum = this.orderMsg.ManNum-BabyNum
if(ChirdNum<0){
this.orderMsg.ChirdNum = ChirdNum*-1
}else{
this.orderMsg.ChirdNum = 0
}
this.orderMsg.BabyNum = BabyNum>0?(BabyNum-this.orderMsg.ChirdNum):0
if(this.BabyPrecent>0){
this.getPrice()
}
}, },
// 计算金额及座位 // 计算金额及座位
getPrice(){ getPrice(){
this.orderMsg.PreferPrice = 0 this.orderMsg.PreferPrice = 0
this.orderMsg.YSeatNum = 0 this.orderMsg.YSeatNum = 0
let YSeatNum = this.orderMsg.ManNum let YSeatNum = this.orderMsg.ManNum
let computeBabyNum = this.orderMsg.ManNum - this.orderMsg.BabyNum
let money = this.orderMsg.Unit_Price * this.orderMsg.ManNum; let money = this.orderMsg.Unit_Price * this.orderMsg.ManNum;
if((computeBabyNum==0||computeBabyNum<0||computeBabyNum>0)&&this.orderMsg.BabyNum>0){ if(this.orderMsg.BabyNum>0||this.orderMsg.ChirdNum>0){
if(computeBabyNum==0) money += (this.orderMsg.Unit_Price * this.orderMsg.BabyNum)*(this.BabyPrecent/100) if(this.orderMsg.BabyNum>0) money += (this.orderMsg.Unit_Price * this.orderMsg.BabyNum)*(this.BabyPrecent/100)
if(computeBabyNum<0) { if(this.orderMsg.ChirdNum>0) {
money += (this.orderMsg.Unit_Price * this.orderMsg.ManNum)*(this.BabyPrecent/100) money += (this.orderMsg.Unit_Price*this.orderMsg.ChirdNum)*(50/100)
money += (this.orderMsg.Unit_Price*(computeBabyNum*-1))*(50/100) YSeatNum += this.orderMsg.ChirdNum
YSeatNum += (computeBabyNum*-1)
} }
if(computeBabyNum>0) money += (this.orderMsg.Unit_Price * this.orderMsg.BabyNum)*(this.BabyPrecent/100)
} }
this.orderMsg.PreferPrice = money this.orderMsg.PreferPrice = money
this.orderMsg.YSeatNum = YSeatNum this.orderMsg.YSeatNum = YSeatNum
...@@ -288,12 +299,7 @@ ...@@ -288,12 +299,7 @@
this.$forceUpdate(); this.$forceUpdate();
}, },
SubmitOrder(){ SubmitOrder(){
if(this.orderMsg.GuestList.length==0){ if(this.loading){
uni.showToast({
title: '添加乘机人',
icon: 'none',
mask: true
});
return return
} }
if(this.orderMsg.GuestList.length==0){ if(this.orderMsg.GuestList.length==0){
...@@ -319,6 +325,7 @@ ...@@ -319,6 +325,7 @@
if(res.resultCode==1){ if(res.resultCode==1){
this.queren(res.data) this.queren(res.data)
} }
},(err)=>{
this.loading = false this.loading = false
uni.hideLoading() uni.hideLoading()
}) })
...@@ -354,6 +361,8 @@ ...@@ -354,6 +361,8 @@
} }
}, },
(err) => { (err) => {
this.loading = false
uni.hideLoading()
console.log(err) console.log(err)
}); });
}, },
...@@ -385,28 +394,34 @@ ...@@ -385,28 +394,34 @@
signType: this.orderInfo.signType, signType: this.orderInfo.signType,
paySign: this.orderInfo.sign, paySign: this.orderInfo.sign,
success: function (res) { success: function (res) {
that.loading = false
uni.hideLoading()
console.log("success", res); console.log("success", res);
uni.showToast({ uni.showToast({
title: "支付成功", title: "支付成功",
}); });
uni.removeStorageSync("GuestList")
setTimeout(() => { setTimeout(() => {
uni.redirectTo({ uni.redirectTo({
url: url:
"/pages/jiuzhai/paysuccess?PreferPrice=" + "/pages/jiuzhai/paysuccess?PreferPrice=" +
this.orderMsg.PreferPrice + that.orderMsg.PreferPrice +
"&isFrom=3", "&isFrom=3",
}); });
}, 100); }, 100);
}, },
fail: function (err) { fail: function (err) {
that.loading = false
uni.hideLoading()
console.log("fail:", err); console.log("fail:", err);
uni.showToast({ uni.showToast({
title: "支付失败", title: "支付失败",
icon: "none", icon: "none",
}); });
uni.removeStorageSync("GuestList")
setTimeout(() => { setTimeout(() => {
uni.redirectTo({ uni.redirectTo({
url: "/pages/airTicket/TicketOrderList?orderId=" + OrderId, url: "/pages/airTicket/TicketOrderList?orderState=1",
}); });
}, 100); }, 100);
}, },
...@@ -448,6 +463,7 @@ ...@@ -448,6 +463,7 @@
for(let i=0;i<this.DetailsList.length;i++){ for(let i=0;i<this.DetailsList.length;i++){
if(this.DetailsList.length-1!=i){ if(this.DetailsList.length-1!=i){
this.DetailsList[i].show = false
FlightList.push(this.DetailsList[i]) FlightList.push(this.DetailsList[i])
if(this.DetailsList.length-2==i||i==0){ if(this.DetailsList.length-2==i||i==0){
NewFlightList.push(this.DetailsList[i]) NewFlightList.push(this.DetailsList[i])
...@@ -475,7 +491,6 @@ ...@@ -475,7 +491,6 @@
this.NewDetailsList.push(obj) this.NewDetailsList.push(obj)
} }
} }
this.loading = false
uni.hideLoading() uni.hideLoading()
}) })
}, },
......
pages/airTicket/airTicketList.vue
View file @ 5c8d02f7
...@@ -47,16 +47,15 @@ ...@@ -47,16 +47,15 @@
{{StartDateObj.math}}月{{StartDateObj.date}}日(周{{StartDateObj.week}}) {{StartDateObj.math}}月{{StartDateObj.date}}日(周{{StartDateObj.week}})
</template> </template>
<template v-else> <template v-else>
选择出发日期 可选以下出发日期进行筛查
</template> </template>
</text> </text>
<view class="height-line1"></view> <view class="height-line1"></view>
<view class="DepartureTimeList row-sb-n"> <view class="DepartureTimeList row-sb-n">
<view style="width: 590rpx;overflow: hidden;"> <view style="width: 590rpx;overflow: hidden;">
<scroll-view scroll-x style="width:100%;white-space: nowrap;"> <scroll-view scroll-x style="width:100%;white-space: nowrap;">
<view <view class="row-aic-n" v-if="NewDateList&&NewDateList.length>0">
:class="[NewDateList&&NewDateList.length>0?'row-aic-n':'row-w']"> <template v-for="(item,index) in NewDateList">
<template v-if="NewDateList&&NewDateList.length>0" v-for="(item,index) in NewDateList">
<view class="DepartureTimeListC flexS column-ajc fz20" <view class="DepartureTimeListC flexS column-ajc fz20"
:class="[StartDateObj.times==item.times?'bgE1C278':'active']" :class="[StartDateObj.times==item.times?'bgE1C278':'active']"
@click="clickSearch(item,1)"> @click="clickSearch(item,1)">
...@@ -68,7 +67,9 @@ ...@@ -68,7 +67,9 @@
</text> </text>
</view> </view>
</template> </template>
<view v-if="NewDateList.length==0" class="DepartureTimeListC flexS column-ajc fz20" style="width: 100%;"> </view>
<view class="row-w" v-else>
<view class="DepartureTimeListC flexS column-ajc fz20" style="width: 100%;">
<text></text> <text></text>
<text class="MT10 MB10"></text> <text class="MT10 MB10"></text>
<text class="fz26 color9999A5"> <text class="fz26 color9999A5">
...@@ -88,18 +89,19 @@ ...@@ -88,18 +89,19 @@
</view> </view>
</view> </view>
<view class="ScreeningCondition row-sb-n bgFFF"> <!-- <view class="ScreeningCondition row-sb-n bgFFF">
<view class="ScreeningConditionC bgF5" <view class="ScreeningConditionC bgF5"
:class="[item.Id==activeId?'active':'']" v-for="(item,index) in ConditionList" :class="[item.Id==activeId?'active':'']" v-for="(item,index) in ConditionList"
@click="clickSearch(item.Id,2)"> @click="clickSearch(item.Id,2)">
<text class="fz24">{{item.Name}}</text> <text class="fz24">{{item.Name}}</text>
</view> </view>
</view> </view> -->
<view class="MT20"></view>
<scroll-view :scroll-y="true" style="background-color: #f0f4f7;" <u-empty v-if="NewDataList.length==0" text="暂无数据" mode="data" padding-top="0"></u-empty>
<scroll-view v-else :scroll-y="true" style="background-color: #f0f4f7;"
:enable-back-to-top="true" :enable-flex="true" :enable-back-to-top="true" :enable-flex="true"
@scrolltolower="lower" :style="{ 'height': `calc(100% - ${scrollHeight})`}"> @scrolltolower="lower" :style="{ 'height': `calc(100% - ${scrollHeight})`}">
<AirTicketList v-if="NewDataList.length>0" :dataList="NewDataList"></AirTicketList> <AirTicketList :dataList="NewDataList"></AirTicketList>
<!-- <view class="MT10 MB10"> <!-- <view class="MT10 MB10">
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="0" :margin-bottom="0" bg-color="#f0f4f7" /> <u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="0" :margin-bottom="0" bg-color="#f0f4f7" />
</view> --> </view> -->
...@@ -123,7 +125,7 @@ ...@@ -123,7 +125,7 @@
:StartDate="msg.StartDate" :StartDate="msg.StartDate"
:EndDate="msg.EndDate" :EndDate="msg.EndDate"
@finish="chosenDateResult" @finish="chosenDateResult"
title="筛选日期"> title="起止出发日期">
</canlendar> </canlendar>
</u-popup> </u-popup>
<u-popup <u-popup
...@@ -223,9 +225,9 @@ ...@@ -223,9 +225,9 @@
created() {}, created() {},
mounted() { mounted() {
this.getDataAddressList() this.getDataAddressList()
this.msg.StartDate = getBeforeDate(0, new Date()), this.msg.StartDate = getBeforeDate(1, new Date()),
this.msg.EndDate = getBeforeDate(-30, new Date()), this.msg.EndDate = getBeforeDate(-60, new Date()),
this.getDateList(31) this.getDateList(60)
}, },
methods: { methods: {
AddressSelection(AddressType){ AddressSelection(AddressType){
...@@ -295,7 +297,7 @@ ...@@ -295,7 +297,7 @@
}else if(y.FlightList.length>2){ }else if(y.FlightList.length>2){
let obj = { let obj = {
duration:`${y.DepartureTime.Days>0?y.DepartureTime.Days+'d ':''}${y.DepartureTime.Hours>0?y.DepartureTime.Hours+'h ':''}${y.DepartureTime.Minutes>0?y.DepartureTime.Minutes+'m ':''}`, duration:`${y.DepartureTime.Days>0?y.DepartureTime.Days+'d ':''}${y.DepartureTime.Hours>0?y.DepartureTime.Hours+'h ':''}${y.DepartureTime.Minutes>0?y.DepartureTime.Minutes+'m ':''}`,
frequency: y.FlightList.length-2>1?y.FlightList.length-2:1, frequency: y.FlightList.length-2>1?y.FlightList.length-2:0,
FlightType: y.FlightList[1].FlightType, FlightType: y.FlightList[1].FlightType,
...y.FlightList[0] ...y.FlightList[0]
} }
......
pages/airTicket/components/TicketOrderDetails.vue 0 → 100644
View file @ 5c8d02f7
<template>
<view class="airTicketDetailsList column">
<view v-for="(items,i) in dataList">
<view class="airTicketDetailsCard bgFFF"
:class="[dataList.length-1>i?'MB40':'']">
<view class="row-sb-n"
:class="[items.FlightList.length>1?'MR50':'']">
<view class="row-aic-n">
<view>
<view class="airTicketDetailsCard-qfc bgE1C278 fz30 color111 fontBold">
<template v-if="items.FlightSubType==1">去程</template>
<template v-if="items.FlightSubType==3">返程</template>
</view>
</view>
<view class="fz28 color111 ML20">
<text>{{items.time}}</text> <text class="ML10">周{{items.week}}</text>
</view>
<view class="fz28 color111 ML31">
总时长 {{items.duration}}
</view>
</view>
<view v-if="items.FlightList.length>1" class="fz28 colorE1C278 row-aic-n" @click="TicketDetails(items)">
<!-- <text>详情</text> -->
<uni-icons class="ML10" color="#DEBF7B" :type="items.show?'arrowdown':'arrowright'" size="14"></uni-icons>
<!-- <uni-icons class="ML10" color="#DEBF7B" type="arrowright" size="14"></uni-icons> -->
</view>
</view>
<view class="MT60 PX50" v-if="!items.show">
<view class="row relative" v-for="(item,index) in items.NewFlightList"
:class="[index==0?'MB50':'']">
<text v-if="index==1" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT">
{{item.time}} 周{{item.week}}
</text>
<view class="airTicketDetailsCard-timeL column flexS MR20 textRight">
<view v-if="index==0" class="fz28 fontBold relative relativeFT10">{{item.Departure_time}} </view>
<view v-if="items.NewFlightList.length-1==index" class="MT25 fz28 fontBold">
{{item.Arrival_time}}
</view>
</view>
<view class="flexS MR30">
<view class="width-lineH49 bgE1C278 relative">
<view class="bgE1C278 absolute WH12R50 airTicketDetailsCard-LinT"></view>
<template v-if="index">
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinT2"></view>
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinT3"></view>
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinT4"></view>
</template>
<view class="bgE1C278 absolute WH12R50 airTicketDetailsCard-LinB"></view>
<template v-if="index!=1">
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinB2"></view>
</template>
</view>
</view>
<view class="column flexG relative">
<view v-if="index!=0" class="airTicketDetailsCard-ZhuanNum bgE1C278 fz18 colorFFF absolute">
转
<template v-if="items.FlightList.length-1>1">+{{items.FlightList.length-1}}</template>
</view>
<view class="airTicketDetailsCard-title row-aic-n absolute" v-if="index==0">
<img class="inlineblock flexS" mode="widthFix" style="width: 20rpx;height: 17rpx;"
:src="item.AlImage"/>
<view class="flexG">
<text class="block width100One overflow fz20 ML5 color9999A5 fontWeight400">{{item.AlName}} {{item.Flight_number}} </text>
</view>
</view>
<view class="fz28 fontBold relative relativeFT8" v-if="index==0">
<text class="block width100One hidden">{{item.DepartureName?item.DepartureName:''}} {{item.dName}}</text>
</view>
<view class="fz28 fontBold MT25" v-if="index==1">
<text class="block width100One hidden">{{item.ArrivalCityName?item.ArrivalCityName:''}} {{item.aName}}</text>
</view>
</view>
</view>
</view>
<template v-if="items.show">
<view class="MT60 PX50" v-for="(item,index) in items.FlightList"
:class="[items.FlightList.length-1!=index?'MB50':'']">
<view class="row-aic-n relative"
:class="[items.FlightList.length-1!=index?'MB70':'']">
<text v-if="items.FlightList.length-1==index" class="fz18 fontWeight400 colorFF5858 absolute airTicketDetailsCard-timeT">
{{item.time}} 周{{item.week}}
</text>
<view class="airTicketDetailsCard-timeL column flexS MR20 textRight">
<view :class="[index?'fz24':'fz28 fontBold']">{{item.Departure_time}} </view>
<view class="MT35" :class="[items.FlightList.length-1!=index?'fz24':'fz28 fontBold']">
{{item.Arrival_time}}
</view>
</view>
<view class="flexS MR30">
<view class="width-lineH83 bgE1C278 relative">
<view class="bgE1C278 absolute WH12R50 airTicketDetailsCard-LinT"></view>
<template v-if="index">
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinT2"></view>
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinT3"></view>
</template>
<view class="bgE1C278 absolute WH12R50 airTicketDetailsCard-LinB"></view>
<template v-if="items.FlightList.length-1>index">
<view class="bgE1C278 absolute WH6R50 airTicketDetailsCard-LinB2"></view>
<view class="bgE1C278 fz18 colorFFF absolute airTicketDetailsCard-LinText">
中转
</view>
</template>
</view>
</view>
<view class="column flexG relative">
<view class="airTicketDetailsCard-title row-aic-n absolute">
<img class="inlineblock flexS" mode="widthFix" style="width: 20rpx;height: 17rpx;"
:src="item.AlImage"/>
<view class="flexG">
<text class="block width100One overflow fz20 ML5 color9999A5 fontWeight400">{{item.AlName}} {{item.Flight_number}}</text>
</view>
</view>
<view class="fz28 fontBold relative relativeFT8">
<text class="block width100One hidden">{{item.DepartureName?item.DepartureName:''}} {{item.dName}} </text>
</view>
<view class="fz28 fontBold MT25">
<text class="block width100One hidden">{{item.ArrivalCityName?item.ArrivalCityName:''}} {{item.aName}} </text>
</view>
</view>
</view>
</view>
</template>
</view>
</view>
</view>
</template>
<script>
export default {
props:['DetailsList'],
components: {
},
data() {
return {
dataList:[
{
show:true
},
{
show:false
},
],
}
},
onLoad(options){
},
watch: {
DetailsList:{
handler(newVal, oldval) {
this.dataList = JSON.parse(JSON.stringify(this.DetailsList))
},
deep: true,
immediate: true
}
},
created() {},
methods: {
TicketDetails(items){
items.show=!items.show
this.$forceUpdate();
},
}
}
</script>
<style scoped>
@import url("@/asset/css/flex.css");
@import url("../style.css");
.airTicketDetailsList{
/* margin: 0 54rpx; */
}
.airTicketDetailsCard{
/* border-radius: 50rpx;
padding: 45rpx 0; */
}
</style>
\ No newline at end of file
pages/airTicket/components/airTicketDetails.vue
View file @ 5c8d02f7
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</view> </view>
</view> </view>
<view v-if="items.FlightList.length>1" class="fz28 colorE1C278 row-aic-n" @click="TicketDetails(items)"> <view v-if="items.FlightList.length>1" class="fz28 colorE1C278 row-aic-n" @click="TicketDetails(items)">
<text>详情</text> <!-- <text>详情</text> -->
<uni-icons class="ML10" color="#DEBF7B" :type="items.show?'arrowdown':'arrowright'" size="14"></uni-icons> <uni-icons class="ML10" color="#DEBF7B" :type="items.show?'arrowdown':'arrowright'" size="14"></uni-icons>
<!-- <uni-icons class="ML10" color="#DEBF7B" type="arrowright" size="14"></uni-icons> --> <!-- <uni-icons class="ML10" color="#DEBF7B" type="arrowright" size="14"></uni-icons> -->
</view> </view>
...@@ -62,10 +62,10 @@ ...@@ -62,10 +62,10 @@
</view> </view>
</view> </view>
<view class="fz28 fontBold relative relativeFT8" v-if="index==0"> <view class="fz28 fontBold relative relativeFT8" v-if="index==0">
<text class="block width100One hidden">{{item.DepartureName}} {{item.dName}}</text> <text class="block width100One hidden">{{item.DepartureName?item.DepartureName:''}} {{item.dName}}</text>
</view> </view>
<view class="fz28 fontBold MT25" v-if="index==1"> <view class="fz28 fontBold MT25" v-if="index==1">
<text class="block width100One hidden">{{item.ArrivalCityName}} {{item.aName}}</text> <text class="block width100One hidden">{{item.ArrivalCityName?item.ArrivalCityName:''}} {{item.aName}}</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -109,10 +109,10 @@ ...@@ -109,10 +109,10 @@
</view> </view>
</view> </view>
<view class="fz28 fontBold relative relativeFT8"> <view class="fz28 fontBold relative relativeFT8">
<text class="block width100One hidden">{{item.DepartureName}} {{item.dName}} </text> <text class="block width100One hidden">{{item.DepartureName?item.DepartureName:''}} {{item.dName}} </text>
</view> </view>
<view class="fz28 fontBold MT25"> <view class="fz28 fontBold MT25">
<text class="block width100One hidden">{{item.ArrivalCityName}} {{item.aName}} </text> <text class="block width100One hidden">{{item.ArrivalCityName?item.ArrivalCityName:''}} {{item.aName}} </text>
</view> </view>
</view> </view>
</view> </view>
......
pages/airTicket/components/airTicketList.vue
View file @ 5c8d02f7
...@@ -27,12 +27,7 @@ ...@@ -27,12 +27,7 @@
<view class="FlightDirection-zhuan z-index2 ML10" v-if="childs.frequency"> <view class="FlightDirection-zhuan z-index2 ML10" v-if="childs.frequency">
<!-- childs.FlightType==2 --> <!-- childs.FlightType==2 -->
<text class="block bgECF1F4 fz21 nowrap"> <text class="block bgECF1F4 fz21 nowrap">
<template v-if="childs.frequency&&childs.frequency>1"> 转<template v-if="childs.frequency>1">+{{childs.frequency}}</template>
转+{{childs.frequency}}
</template>
<template v-if="childs.frequency&&childs.frequency==1">
经停
</template>
</text> </text>
</view> </view>
</view> </view>
......
pages/airTicket/components/time/index.vue
View file @ 5c8d02f7
...@@ -153,6 +153,10 @@ ...@@ -153,6 +153,10 @@
lastNot: [0, 10] //前置的无房操作 lastNot: [0, 10] //前置的无房操作
}; };
}, },
onShow(){
this.start = this.setDefaultDate(this.StartDate);
this.end = this.setDefaultDate(this.EndDate);
},
mounted () { mounted () {
console.log("进入了....") console.log("进入了....")
uni.getSystemInfo({ uni.getSystemInfo({
...@@ -473,17 +477,6 @@ ...@@ -473,17 +477,6 @@
submit() { submit() {
var obj = { var obj = {
/* startYMD: this.date[this.start[0]].year + this.type + this.date[this.start[0]].month + this.type + this.isFestival(
this.start[0], this.start[1]),
startMD: this.date[this.start[0]].month + this.type + this.isFestival(this.start[0], this.start[1]),
startDay: this.startDay,
startWeek: this.startWeek,
endYMD: this.date[this.end[0]].year + this.type + this.date[this.end[0]].month + this.type + this.isFestival(this
.end[0], this.end[1]),
emdMD: this.date[this.end[0]].month + this.type + this.type + this.isFestival(this.end[0], this.end[1]),
endDay: this.endDay,
endWeek: this.endWeek,
day: this.day */
startWeek: this.startWeek, startWeek: this.startWeek,
endWeek: this.endWeek, endWeek: this.endWeek,
start: this.date[this.start[0]].year + this.type + this.date[this.start[0]].month + this.type + start: this.date[this.start[0]].year + this.type + this.date[this.start[0]].month + this.type +
...@@ -505,72 +498,6 @@ ...@@ -505,72 +498,6 @@
}) })
this.$emit("finish",obj) this.$emit("finish",obj)
//价格清单,应该存入vuex获取缓存中
// if (this.priceStauts.length > 0) {
// var price = []
// if (this.end[0] - this.start[0] == 0) {
// for (var i = this.start[1]; i < this.end[1]; i++) {
// var day = this.date[this.start[0]].year + this.type + this.setPull(this.date[this.start[0]]
// .month) + this.type + this.isFestival(
// this.start[0], i)
// price.push({
// day_str: day,
// price: this.priceStauts[this.start[0]][i]
// })
// }
// } else {
// for (var i = this.start[0]; i <= this.end[0]; i++) {
// console.log(i)
// if (i == this.start[0]) {
// for (var j = this.start[1]; j < this.date[i].day.length; j++) {
// var day = this.date[i].year + this.type + this.setPull(this.date[i].month) + this
// .type + this.isFestival(
// i, j)
// price.push({
// day_str: day,
// price: this.priceStauts[i][j]
// })
// }
// } else if (i == this.end[0]) {
// for (var j = 0; j < this.end[1]; j++) {
// var day = this.date[i].year + this.type + this.setPull(this.date[i].month) + this
// .type + this.isFestival(
// i, j)
// price.push({
// day_str: day,
// price: this.priceStauts[i][j]
// })
// }
// } else {
// for (var j = 0; j < this.date[i].day.length; j++) {
// var day = this.date[i].year + this.type + this.setPull(this.date[i].month) + this
// .type + this.isFestival(
// i, j)
// price.push({
// day_str: day,
// price: this.priceStauts[i][j]
// })
// }
// }
// }
// }
// //加入缓存
// uni.setStorage({
// key: 'Price',
// data: JSON.stringify(price)
// })
// }
//跳转到上一页
// uni.navigateBack({
// delta: 1
// })
}, },
} }
}; };
......
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