Commit 983d382d authored by 罗超's avatar 罗超

新增站点选择

parent d5a8ebd0
...@@ -157,6 +157,7 @@ ...@@ -157,6 +157,7 @@
default: default:
; ;
} }
style.overflow="hidden"
// 不加可能圆角无效 // 不加可能圆角无效
//style.overflow = 'hidden'; //style.overflow = 'hidden';
} }
......
...@@ -161,7 +161,9 @@ ...@@ -161,7 +161,9 @@
} }
}); });
this.setDate(); this.setDate();
this.nowDay = new Date().getDate(); var dateTime=new Date();
dateTime=dateTime.setDate(dateTime.getDate()+1);
this.nowDay = new Date(dateTime).getDate();
/*默认入住离店日期,今日入住明日离店,此处应在setDefaultDate函数内传入vuex里保存的日期进行默认操作 /*默认入住离店日期,今日入住明日离店,此处应在setDefaultDate函数内传入vuex里保存的日期进行默认操作
*不推荐使用本地缓存,下边只是使用缓存的示例 *不推荐使用本地缓存,下边只是使用缓存的示例
*/ */
......
...@@ -71,8 +71,10 @@ ...@@ -71,8 +71,10 @@
.jz_ListMain { .jz_ListMain {
padding-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px solid #E2E2E2; margin:0 30rpx;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px; margin-bottom: 10px;
} }
.jz_TuDivBotm img { .jz_TuDivBotm img {
...@@ -232,6 +234,42 @@ ...@@ -232,6 +234,42 @@
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
} }
.jz_Content .start-city {
display: inline-block;
position: relative;
}
.jz_Content .start-city text {
position: relative;
z-index: 2;
font-size: 30rpx;
line-height: 30rpx;
font-weight: 500;
color: #111;
}
.jz_Content .start-city::after {
background-color: #DFBE6E;
height: 6px;
bottom: 2px;
left: 0;
right: 0;
position: absolute;
z-index: 1;
display: block;
content: ' ';
}
.jz_Content .price {
margin-top: 10rpx;
font-weight: 500;
color: #111111;
font-size: 20rpx;
text-align: right;
}
.jz_Content .price .money {
font-size: 36rpx;
}
</style> </style>
<template> <template>
<div class="jz_Line"> <div class="jz_Line">
...@@ -239,9 +277,9 @@ ...@@ -239,9 +277,9 @@
<!-- <u-search placeholder="目的地,旅游线路" shape="round" v-model="searchKey" input-align="left" :value="searchKey" text-color="#111" <!-- <u-search placeholder="目的地,旅游线路" shape="round" v-model="searchKey" input-align="left" :value="searchKey" text-color="#111"
:show-action="false"></u-search> --> :show-action="false"></u-search> -->
<view class="search-box"> <view class="search-box">
<view class="date"> <view class="date" @click="showBranch=true">
<u-icon name="location" color="#111" size="24"></u-icon> <u-icon name="location" color="#111" size="24"></u-icon>
<text style="margin-left: 20rpx;">成都站</text> <text style="margin-left: 20rpx;">{{currentBrachName}}</text>
</view> </view>
<view style="width: 1px; flex: 1;"> <view style="width: 1px; flex: 1;">
<u-search placeholder="目的地名称" v-model="searchKey" input-align="left" :value="searchKey" <u-search placeholder="目的地名称" v-model="searchKey" input-align="left" :value="searchKey"
...@@ -331,7 +369,7 @@ ...@@ -331,7 +369,7 @@
<view v-if="screenshow==true" class="Jz_Mask" @click="screenshow=false"></view> <view v-if="screenshow==true" class="Jz_Mask" @click="screenshow=false"></view>
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty> <u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
<template v-else> <template v-else>
<view style="height: calc(100vh - 120px);overflow: hidden;padding: 0 30rpx;"> <view style="height: calc(100vh - 120px);overflow: hidden;">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
:style="{ height: '100%' }"> :style="{ height: '100%' }">
<view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" <view class="jz_ListMain" v-for="(item,index) in dataList" :key="index"
...@@ -339,29 +377,29 @@ ...@@ -339,29 +377,29 @@
<view class="jz_List"> <view class="jz_List">
<view class="jz_TuDiv"> <view class="jz_TuDiv">
<img class="jz_TuBigImg" mode="aspectFill" :src="getImgs(item.imgCover)" alt="" /> <img class="jz_TuBigImg" mode="aspectFill" :src="getImgs(item.imgCover)" alt="" />
<view class="jz_TuDivBotm">
<img
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/address.png" />成都出发
{{item.dayNum}}
</view>
</view> </view>
<view class="jz_Right"> <view class="jz_Right">
<view class="jz_LineName">{{item.title}}</view> <view class="jz_LineName">{{item.title}}</view>
<view class="jz_Recommend"> <view class="jz_Recommend">
{{item.productRecommend}} {{item.productRecommend}}
</view> </view>
<view style="margin:10px 0"> <view style="margin:10px 0;display: flex;align-items: center;">
<img class="jz_calederImg" <!-- <img class="jz_calederImg"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/canlder.png" />{{item.startDate}} src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/canlder.png" />{{item.startDate}}
<text class="jz_Canhoubu"> <text class="jz_Canhoubu">
{{item.isSubstitution==0?'不可候补':'可以候补'}} {{item.isSubstitution==0?'不可候补':'可以候补'}}
</text> </text> -->
<view class="start-city">
<text>成都出发</text>
</view>
<view style="margin-left: 20rpx;">
<u-tag mode="plain" border-color="#DFBE6E" color="#DFBE6E" :text="`${item.dayNum}天`" size="mini"></u-tag>
</view>
</view> </view>
<view style="margin-bottom:10px">余位:{{item.surplus}}</view> <view class="price">
<view style="color:#FF3166;position: absolute;right:0;bottom:0"> <text></text>
<text style="font-size:20rpx;">¥</text> <text class="money">{{item.b2BPrice}}</text>
<text style="font-size:40rpx;">{{item.b2BPrice}}</text> <text></text>
<text style="font-size:20rpx;"></text>
</view> </view>
</view> </view>
</view> </view>
...@@ -374,6 +412,7 @@ ...@@ -374,6 +412,7 @@
<u-popup v-model="showTimePopup" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true"> <u-popup v-model="showTimePopup" mode="bottom" border-radius="20" length="90%" :safe-area-inset-bottom="true">
<canlendar @finish="chosenDateResult"></canlendar> <canlendar @finish="chosenDateResult"></canlendar>
</u-popup> </u-popup>
<u-picker mode="selector" v-model="showBranch" :default-selector="[0]" :range="branchList" @confirm='changeBranch' range-key="BName"></u-picker>
</div> </div>
</template> </template>
<script> <script>
...@@ -394,7 +433,8 @@ ...@@ -394,7 +433,8 @@
days:['<100'], days:['<100'],
startDate:'', startDate:'',
endDate:'', endDate:'',
startCity:-1 startCity:-1,
branchId:0
}, },
time: '', time: '',
params: { params: {
...@@ -569,6 +609,24 @@ ...@@ -569,6 +609,24 @@
screenshow: false, screenshow: false,
status: "加载中", status: "加载中",
page_count: 0, page_count: 0,
branchList:[{
BName:'成都站',
BId:0
},
{
BName:'武汉站',
BId:1
},
{
BName:'西安站',
BId:2
},
{
BName:'昆明站',
BId:3
}],
currentBrachName:"",
showBranch:false,
optionsTitle: [ optionsTitle: [
"推荐排序", "推荐排序",
"线路玩法", "线路玩法",
...@@ -582,8 +640,14 @@ ...@@ -582,8 +640,14 @@
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title:"精品旅游线路" title:"精品旅游线路"
}) })
this.msg.branchId=this.branchList[0].BId
this.currentBrachName=this.branchList[0].BName
}, },
methods: { methods: {
changeBranch(val){
this.msg.branchId=this.branchList[val].BId
this.currentBrachName=this.branchList[val].BName
},
setDays(day){ setDays(day){
if(day=='<100'){ if(day=='<100'){
this.msg.days=['<100'] this.msg.days=['<100']
......
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