Skip to content

J
jz_Travel
Commit 7744eccb authored by 罗超's avatar 罗超
Browse files
Options

yangshi

parent 2e5a7791
Hide whitespace changes
Inline Side-by-side
Showing with 112 additions and 104 deletions
pages/jiuzhai/components/headerLine.vue
View file @ 7744eccb
...@@ -47,10 +47,10 @@ export default { ...@@ -47,10 +47,10 @@ export default {
font-size: 32rpx; font-size: 32rpx;
} }
.lienHeader-left{ .lienHeader-left{
position: absolute; /* position: absolute;
left: 32rpx; left: 32rpx;
top: 83rpx; top: 83rpx;
z-index: 3; z-index: 3; */
} }
.lienHeaderBox{ .lienHeaderBox{
width: 100%; width: 100%;
......
pages/jiuzhai/jz_Line.vue
View file @ 7744eccb
<style> <style>
.jz_LineHeadeBox{ .jz_LineHeadeBox{
position: fixed; /* position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
z-index: 1; z-index: 1; */
padding-top: 41.2vw;
position: relative;
} }
.jz_LineHeade{ .jz_LineHeade{
height: 310rpx; height: 310rpx;
position: absolute;
left: 0;
right: 0;
top:0;
bottom: 0;
} }
.jz_LineHeade.active0{ .jz_LineHeade.active0{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638731577125637216.png') no-repeat; background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638731577125637216.png') no-repeat;
...@@ -24,7 +31,7 @@ ...@@ -24,7 +31,7 @@
.jz_Line {} .jz_Line {}
.jz_Content { .jz_Content {
margin: 20rpx 0rpx 30rpx 0rpx; /* margin: 20rpx 0rpx 30rpx 0rpx; */
} }
.jz_List { .jz_List {
...@@ -193,6 +200,10 @@ ...@@ -193,6 +200,10 @@
align-items: center; align-items: center;
padding: 19rpx 30rpx; padding: 19rpx 30rpx;
margin: 0 30rpx; margin: 0 30rpx;
position: absolute;
bottom: 22rpx;
left: 0;
right: 0;
} }
.jz_Content .search-box .date { .jz_Content .search-box .date {
...@@ -324,15 +335,14 @@ ...@@ -324,15 +335,14 @@
</style> </style>
<template> <template>
<div class="jz_Line"> <div class="jz_Line">
<view class="jz_Content"> <view class="jz_Content" style="display: flex; flex-direction: column;height: 100vh;">
<view class="jz_LineHeadeBox" <view class="jz_LineHeadeBox">
>
<view class="jz_LineHeade" :class="{ <view class="jz_LineHeade" :class="{
'active0':msg.teamType==0, 'active0':msg.teamType==0,
'active1':msg.teamType==1, 'active1':msg.teamType==1,
'active2':msg.teamType==2}"> 'active2':msg.teamType==2}">
<headerLine :type="msg.teamType" :title="msg.teamType==1?'小包团':''"></headerLine> <headerLine :type="msg.teamType" :title="msg.teamType==1?'小包团':''"></headerLine>
<view class="search-box" style="margin-top: 76rpx;"> <view class="search-box" style="margin-top: 24rpx;">
<view class="date" @click="showBranch=true"> <view class="date" @click="showBranch=true">
<u-icon name="location" color="#B99846" size="24"></u-icon> <u-icon name="location" color="#B99846" size="24"></u-icon>
<text style="margin-left: 20rpx;color: #B99846;">{{currentBrachName}}</text> <text style="margin-left: 20rpx;color: #B99846;">{{currentBrachName}}</text>
...@@ -348,114 +358,112 @@ ...@@ -348,114 +358,112 @@
</view> </view>
</view> </view>
</view> </view>
<view style="height: 100rpx;"> </view>
<u-dropdown ref="uDropdown" @open="open" @close="close" active-color="#000" inactive-color="#444"> <view style="height: 100rpx;width: 100%;">
<u-dropdown-item v-model="msg.orderBy" :title="optionsTitle[0]" :options="orderBys" @change="changeOrderBy"> <u-dropdown ref="uDropdown" @open="open" @close="close" active-color="#000" inactive-color="#444">
</u-dropdown-item> <u-dropdown-item v-model="msg.orderBy" :title="optionsTitle[0]" :options="orderBys" @change="changeOrderBy">
<u-dropdown-item :title="optionsTitle[1]"> </u-dropdown-item>
<view class="slot-content" style="padding:0 30rpx 30rpx 0;padding-top:0;background-color: #FFF;"> <u-dropdown-item :title="optionsTitle[1]">
<view style="height: 50vh;display: flex;"> <view class="slot-content" style="padding:0 30rpx 30rpx 0;padding-top:0;background-color: #FFF;">
<view style="background-color: #f1f1f1;margin-right: 30rpx;height:100%"> <view style="height: 50vh;display: flex;">
<scroll-view scroll-y="true" style="height:100%"> <view style="background-color: #f1f1f1;margin-right: 30rpx;height:100%">
<view style="text-align: center; padding: 15px 0;"> <scroll-view scroll-y="true" style="height:100%">
<u-tag mode="plain" border-color="#DFBE6E" color="#DFBE6E" text="出境游" size="mini"></u-tag> <view style="text-align: center; padding: 15px 0;">
</view> <u-tag mode="plain" border-color="#DFBE6E" color="#DFBE6E" text="出境游" size="mini"></u-tag>
<template v-for="x in lineList"> </view>
<view :style="{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)" <template v-for="x in lineList">
style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==2" :key="x.LineID">{{x.LineShortName}}</view> <view :style="{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)"
</template> style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==2" :key="x.LineID">{{x.LineShortName}}</view>
<view style="text-align: center; padding: 15px 0;"> </template>
<u-tag mode="plain" border-color="#DFBE6E" color="#DFBE6E" text="当地游" size="mini"></u-tag> <view style="text-align: center; padding: 15px 0;">
</view> <u-tag mode="plain" border-color="#DFBE6E" color="#DFBE6E" text="当地游" size="mini"></u-tag>
<template v-for="x in lineList"> </view>
<view :style="{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)" <template v-for="x in lineList">
style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==3" :key="x.LineID">{{x.LineShortName}}</view> <view :style="{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)"
</template> style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==3" :key="x.LineID">{{x.LineShortName}}</view>
</scroll-view> </template>
</view> </scroll-view>
<view style="flex:1;width:1px;height:100%"> </view>
<scroll-view scroll-y="true" style="height:100%" v-if="currentLineId && currentLineId.PlaceList"> <view style="flex:1;width:1px;height:100%">
<view style="text-align: right;"> <scroll-view scroll-y="true" style="height:100%" v-if="currentLineId && currentLineId.PlaceList">
<checkbox-group @change="allTeamsChangeHandler"> <view style="text-align: right;">
<label> <checkbox-group @change="allTeamsChangeHandler">
<checkbox value="all" :checked="allTeams" style="transform: scale(0.7)" /><text style="font-size: 12px;">全部系列</text> <label>
</label> <checkbox value="all" :checked="allTeams" style="transform: scale(0.7)" /><text style="font-size: 12px;">全部系列</text>
</checkbox-group> </label>
</checkbox-group>
</view>
<template v-for="(x,i) in currentLineId.PlaceList">
<view style="padding-top:30rpx">
<text style="font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;">{{x.DestinationName}}</text>
</view> </view>
<template v-for="(x,i) in currentLineId.PlaceList"> <view class="team-box">
<view style="padding-top:30rpx"> <view v-for="(y,yi) in x.Teams" :key="yi" class="team" :class="{'active':msg.team.indexOf(y.TeamId)!=-1}"
<text style="font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;">{{x.DestinationName}}</text> @click="setTeams(y.TeamId)">
</view> <view class="team-content">{{y.TeamName}}</view>
<view class="team-box">
<view v-for="(y,yi) in x.Teams" :key="yi" class="team" :class="{'active':msg.team.indexOf(y.TeamId)!=-1}"
@click="setTeams(y.TeamId)">
<view class="team-content">{{y.TeamName}}</view>
</view>
</view> </view>
</template> </view>
</scroll-view> </template>
</view> </scroll-view>
</view> </view>
<view style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;padding-left: 30rpx;"> </view>
<view style="flex:1;margin-right: 30rpx;"> <view style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;padding-left: 30rpx;">
<u-button :custom-style="btnStyle" @click="clearTeams">清除</u-button> <view style="flex:1;margin-right: 30rpx;">
</view> <u-button :custom-style="btnStyle" @click="clearTeams">清除</u-button>
<view style="flex:1;"> </view>
<u-button :custom-style="btnStyle2" @click="changeTeams">完成</u-button> <view style="flex:1;">
</view> <u-button :custom-style="btnStyle2" @click="changeTeams">完成</u-button>
</view> </view>
</view> </view>
</u-dropdown-item> </view>
<u-dropdown-item :title="optionsTitle[2]"> </u-dropdown-item>
<view class="slot-content" style="padding: 30rpx;padding-top:0;background-color: #FFF;"> <u-dropdown-item :title="optionsTitle[2]">
<scroll-view scroll-y="true" style="max-height: 50vh;"> <view class="slot-content" style="padding: 30rpx;padding-top:0;background-color: #FFF;">
<view style="padding-top:30rpx"> <scroll-view scroll-y="true" style="max-height: 50vh;">
<text style="font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;">行程天数</text> <view style="padding-top:30rpx">
</view> <text style="font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;">行程天数</text>
<view class="team-box"> </view>
<view v-for="x in days" class="team" style="width:calc(25% - 30rpx);" :class="{'active':msg.days.indexOf(x.day)!=-1}" <view class="team-box">
@click="setDays(x.day)">{{x.name}}</view> <view v-for="x in days" class="team" style="width:calc(25% - 30rpx);" :class="{'active':msg.days.indexOf(x.day)!=-1}"
</view> @click="setDays(x.day)">{{x.name}}</view>
<view style="padding-top:30rpx"> </view>
<text style="font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;">出发日期</text> <view style="padding-top:30rpx">
</view> <text style="font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;">出发日期</text>
<view class="start-range-box" @click="showTimePopup=true"> </view>
<view class="date-box"> <view class="start-range-box" @click="showTimePopup=true">
<view class="label">最早出发日期</view> <view class="date-box">
<view class="date" style="font-weight: 400;" v-if="msg.startDate==''">选择日期</view> <view class="label">最早出发日期</view>
<view class="date" v-else>{{msg.startDate}}</view> <view class="date" style="font-weight: 400;" v-if="msg.startDate==''">选择日期</view>
</view> <view class="date" v-else>{{msg.startDate}}</view>
<view class="split-box">-至-</view>
<view class="date-box right">
<view class="label">最晚出发日期</view>
<view class="date" style="font-weight: 400;" v-if="msg.endDate==''">选择日期</view>
<view class="date" v-else>{{msg.endDate}}</view>
</view>
</view>
</scroll-view>
<view style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;">
<view style="flex:1;margin-right: 30rpx;">
<u-button :custom-style="btnStyle" @click="clearDayAndDate">清除</u-button>
</view> </view>
<view style="flex:1;"> <view class="split-box">-至-</view>
<u-button :custom-style="btnStyle2" @click="changeDayAndDate">完成</u-button> <view class="date-box right">
<view class="label">最晚出发日期</view>
<view class="date" style="font-weight: 400;" v-if="msg.endDate==''">选择日期</view>
<view class="date" v-else>{{msg.endDate}}</view>
</view> </view>
</view> </view>
</scroll-view>
<view style="box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;">
<view style="flex:1;margin-right: 30rpx;">
<u-button :custom-style="btnStyle" @click="clearDayAndDate">清除</u-button>
</view>
<view style="flex:1;">
<u-button :custom-style="btnStyle2" @click="changeDayAndDate">完成</u-button>
</view>
</view> </view>
</u-dropdown-item> </view>
<u-dropdown-item v-model="msg.startCityId" :title="optionsTitle[3]" :options="startCitys" @change="changeStartCity"> </u-dropdown-item>
</u-dropdown-item> <u-dropdown-item v-model="msg.startCityId" :title="optionsTitle[3]" :options="startCitys" @change="changeStartCity">
</u-dropdown> </u-dropdown-item>
</view> </u-dropdown>
</view> </view>
<view style="height: 1px; flex: 1;width: 100%;">
<view style="margin-top: 390rpx;">
<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 && !loading" text="暂无数据" mode="data"></u-empty> <u-empty v-if="dataList.length==0 && !loading" text="暂无数据" mode="data"></u-empty>
<template v-else> <template v-else>
<view style="height: calc(100vh - 230px);overflow: hidden;"> <view style="height: 100%;overflow: hidden;">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }"> <scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ height: '100%' }">
<view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" @click="goJzDetail(item)"> <view class="jz_ListMain" v-for="(item,index) in dataList" :key="index" @click="goJzDetail(item)">
<view class="jz_List"> <view class="jz_List">
......
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