Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
J
jz_Travel
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
zhengke
jz_Travel
Commits
7744eccb
Commit
7744eccb
authored
Jan 22, 2025
by
罗超
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
yangshi
parent
2e5a7791
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
112 additions
and
104 deletions
+112
-104
headerLine.vue
pages/jiuzhai/components/headerLine.vue
+2
-2
jz_Line.vue
pages/jiuzhai/jz_Line.vue
+110
-102
No files found.
pages/jiuzhai/components/headerLine.vue
View file @
7744eccb
...
...
@@ -47,10 +47,10 @@ export default {
font-size
:
32
rpx
;
}
.lienHeader-left
{
position
:
absolute
;
/*
position: absolute;
left: 32rpx;
top: 83rpx;
z-index
:
3
;
z-index: 3;
*/
}
.lienHeaderBox
{
width
:
100%
;
...
...
pages/jiuzhai/jz_Line.vue
View file @
7744eccb
<
style
>
.jz_LineHeadeBox
{
position
:
fixed
;
/*
position: fixed;
left: 0;
right: 0;
top: 0;
z-index
:
1
;
z-index: 1; */
padding-top
:
41.2vw
;
position
:
relative
;
}
.jz_LineHeade
{
height
:
310
rpx
;
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
}
.jz_LineHeade.active0
{
background
:
url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638731577125637216.png')
no-repeat
;
...
...
@@ -24,7 +31,7 @@
.jz_Line
{}
.jz_Content
{
margin
:
20
rpx
0
rpx
30
rpx
0
rpx
;
/* margin: 20rpx 0rpx 30rpx 0rpx; */
}
.jz_List
{
...
...
@@ -193,6 +200,10 @@
align-items
:
center
;
padding
:
19
rpx
30
rpx
;
margin
:
0
30
rpx
;
position
:
absolute
;
bottom
:
22
rpx
;
left
:
0
;
right
:
0
;
}
.jz_Content
.search-box
.date
{
...
...
@@ -324,15 +335,14 @@
</
style
>
<
template
>
<div
class=
"jz_Line"
>
<view
class=
"jz_Content"
>
<view
class=
"jz_LineHeadeBox"
>
<view
class=
"jz_Content"
style=
"display: flex; flex-direction: column;height: 100vh;"
>
<view
class=
"jz_LineHeadeBox"
>
<view
class=
"jz_LineHeade"
:class=
"
{
'active0':msg.teamType==0,
'active1':msg.teamType==1,
'active2':msg.teamType==2}">
<headerLine
:type=
"msg.teamType"
:title=
"msg.teamType==1?'小包团':''"
></headerLine>
<view
class=
"search-box"
style=
"margin-top:
76
rpx;"
>
<view
class=
"search-box"
style=
"margin-top:
24
rpx;"
>
<view
class=
"date"
@
click=
"showBranch=true"
>
<u-icon
name=
"location"
color=
"#B99846"
size=
"24"
></u-icon>
<text
style=
"margin-left: 20rpx;color: #B99846;"
>
{{
currentBrachName
}}
</text>
...
...
@@ -348,114 +358,112 @@
</view>
</view>
</view>
<view
style=
"height: 100rpx;"
>
<u-dropdown
ref=
"uDropdown"
@
open=
"open"
@
close=
"close"
active-color=
"#000"
inactive-color=
"#444"
>
<u-dropdown-item
v-model=
"msg.orderBy"
:title=
"optionsTitle[0]"
:options=
"orderBys"
@
change=
"changeOrderBy"
>
</u-dropdown-item>
<u-dropdown-item
:title=
"optionsTitle[1]"
>
<view
class=
"slot-content"
style=
"padding:0 30rpx 30rpx 0;padding-top:0;background-color: #FFF;"
>
<view
style=
"height: 50vh;display: flex;"
>
<view
style=
"background-color: #f1f1f1;margin-right: 30rpx;height:100%"
>
<scroll-view
scroll-y=
"true"
style=
"height:100%"
>
<view
style=
"text-align: center; padding: 15px 0;"
>
<u-tag
mode=
"plain"
border-color=
"#DFBE6E"
color=
"#DFBE6E"
text=
"出境游"
size=
"mini"
></u-tag>
</view>
<template
v-for=
"x in lineList"
>
<view
:style=
"
{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)"
style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==2" :key="x.LineID">
{{
x
.
LineShortName
}}
</view>
</
template
>
<view
style=
"text-align: center; padding: 15px 0;"
>
<u-tag
mode=
"plain"
border-color=
"#DFBE6E"
color=
"#DFBE6E"
text=
"当地游"
size=
"mini"
></u-tag>
</view>
<
template
v-for=
"x in lineList"
>
<view
:style=
"
{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)"
style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==3" :key="x.LineID">
{{
x
.
LineShortName
}}
</view>
</
template
>
</scroll-view>
</view>
<view
style=
"flex:1;width:1px;height:100%"
>
<scroll-view
scroll-y=
"true"
style=
"height:100%"
v-if=
"currentLineId && currentLineId.PlaceList"
>
<view
style=
"text-align: right;"
>
<checkbox-group
@
change=
"allTeamsChangeHandler"
>
<label>
<checkbox
value=
"all"
:checked=
"allTeams"
style=
"transform: scale(0.7)"
/><text
style=
"font-size: 12px;"
>
全部系列
</text>
</label>
</checkbox-group>
</view>
<view
style=
"height: 100rpx;width: 100%;"
>
<u-dropdown
ref=
"uDropdown"
@
open=
"open"
@
close=
"close"
active-color=
"#000"
inactive-color=
"#444"
>
<u-dropdown-item
v-model=
"msg.orderBy"
:title=
"optionsTitle[0]"
:options=
"orderBys"
@
change=
"changeOrderBy"
>
</u-dropdown-item>
<u-dropdown-item
:title=
"optionsTitle[1]"
>
<view
class=
"slot-content"
style=
"padding:0 30rpx 30rpx 0;padding-top:0;background-color: #FFF;"
>
<view
style=
"height: 50vh;display: flex;"
>
<view
style=
"background-color: #f1f1f1;margin-right: 30rpx;height:100%"
>
<scroll-view
scroll-y=
"true"
style=
"height:100%"
>
<view
style=
"text-align: center; padding: 15px 0;"
>
<u-tag
mode=
"plain"
border-color=
"#DFBE6E"
color=
"#DFBE6E"
text=
"出境游"
size=
"mini"
></u-tag>
</view>
<template
v-for=
"x in lineList"
>
<view
:style=
"
{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)"
style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==2" :key="x.LineID">
{{
x
.
LineShortName
}}
</view>
</
template
>
<view
style=
"text-align: center; padding: 15px 0;"
>
<u-tag
mode=
"plain"
border-color=
"#DFBE6E"
color=
"#DFBE6E"
text=
"当地游"
size=
"mini"
></u-tag>
</view>
<
template
v-for=
"x in lineList"
>
<view
:style=
"
{'background':x.LineID==currentLineId.LineID?'#FFF':'unset'}" @click="changeLineTeamsHandler(x)"
style="font-size: 15px;color:#111;padding:30rpx;text-align: center;" v-if="x.LineDirection==3" :key="x.LineID">
{{
x
.
LineShortName
}}
</view>
</
template
>
</scroll-view>
</view>
<view
style=
"flex:1;width:1px;height:100%"
>
<scroll-view
scroll-y=
"true"
style=
"height:100%"
v-if=
"currentLineId && currentLineId.PlaceList"
>
<view
style=
"text-align: right;"
>
<checkbox-group
@
change=
"allTeamsChangeHandler"
>
<label>
<checkbox
value=
"all"
:checked=
"allTeams"
style=
"transform: scale(0.7)"
/><text
style=
"font-size: 12px;"
>
全部系列
</text>
</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>
<
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
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
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>
</
template
>
</
scroll-view
>
</view>
</
view
>
</
template
>
</
scroll-
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
style=
"flex:1;margin-righ
t: 30rpx;"
>
<u-button
:custom-style=
"btnStyle"
@
click=
"clearTeams"
>
清除
</u-button
>
<
/view
>
<view
style=
"flex:1;"
>
<u-button
:custom-style=
"btnStyle2"
@
click=
"changeTeams"
>
完成
</u-button
>
<
/view
>
</view
>
<view
style=
"box-shadow: 0px -10px 30px 0px rgba(36, 36, 36, 0.06);margin-top:40rpx;display: flex;padding-lef
t: 30rpx;"
>
<view
style=
"flex:1;margin-right: 30rpx;"
>
<
u-button
:custom-style=
"btnStyle"
@
click=
"clearTeams"
>
清除
</u-button
>
</view
>
<view
style=
"flex:1;"
>
<
u-button
:custom-style=
"btnStyle2"
@
click=
"changeTeams"
>
完成
</u-button
>
</view>
</view>
</u-dropdown-item>
<u-dropdown-item
:title=
"optionsTitle[2]"
>
<view
class=
"slot-content"
style=
"padding: 30rpx;padding-top:0;background-color: #FFF;"
>
<scroll-view
scroll-y=
"true"
style=
"max-height: 50vh;"
>
<view
style=
"padding-top:30rpx"
>
<text
style=
"font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;"
>
行程天数
</text>
</view>
<view
class=
"team-box"
>
<view
v-for=
"x in days"
class=
"team"
style=
"width:calc(25% - 30rpx);"
:class=
"{'active':msg.days.indexOf(x.day)!=-1}"
@
click=
"setDays(x.day)"
>
{{x.name}}
</view>
</view>
<view
style=
"padding-top:30rpx"
>
<text
style=
"font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;"
>
出发日期
</text>
</view>
<view
class=
"start-range-box"
@
click=
"showTimePopup=true"
>
<view
class=
"date-box"
>
<view
class=
"label"
>
最早出发日期
</view>
<view
class=
"date"
style=
"font-weight: 400;"
v-if=
"msg.startDate==''"
>
选择日期
</view>
<view
class=
"date"
v-else
>
{{msg.startDate}}
</view>
</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>
</u-dropdown-item>
<u-dropdown-item
:title=
"optionsTitle[2]"
>
<view
class=
"slot-content"
style=
"padding: 30rpx;padding-top:0;background-color: #FFF;"
>
<scroll-view
scroll-y=
"true"
style=
"max-height: 50vh;"
>
<view
style=
"padding-top:30rpx"
>
<text
style=
"font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;"
>
行程天数
</text>
</view>
<view
class=
"team-box"
>
<view
v-for=
"x in days"
class=
"team"
style=
"width:calc(25% - 30rpx);"
:class=
"{'active':msg.days.indexOf(x.day)!=-1}"
@
click=
"setDays(x.day)"
>
{{x.name}}
</view>
</view>
<view
style=
"padding-top:30rpx"
>
<text
style=
"font-size: 28rpx;color:#111;font-weight: 800;margin-right: 10rpx;"
>
出发日期
</text>
</view>
<view
class=
"start-range-box"
@
click=
"showTimePopup=true"
>
<view
class=
"date-box"
>
<view
class=
"label"
>
最早出发日期
</view>
<view
class=
"date"
style=
"font-weight: 400;"
v-if=
"msg.startDate==''"
>
选择日期
</view>
<view
class=
"date"
v-else
>
{{msg.startDate}}
</view>
</view>
<view
style=
"flex:1;"
>
<u-button
:custom-style=
"btnStyle2"
@
click=
"changeDayAndDate"
>
完成
</u-button>
<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
style=
"flex:1;"
>
<u-button
:custom-style=
"btnStyle2"
@
click=
"changeDayAndDate"
>
完成
</u-button>
</view>
</view>
</u-dropdown-item>
<u-dropdown-item
v-model=
"msg.startCityId"
:title=
"optionsTitle[3]"
:options=
"startCitys"
@
change=
"changeStartCity"
>
</u-dropdown-item>
</u-dropdown>
</view>
</view>
</u-dropdown-item>
<u-dropdown-item
v-model=
"msg.startCityId"
:title=
"optionsTitle[3]"
:options=
"startCitys"
@
change=
"changeStartCity"
>
</u-dropdown-item>
</u-dropdown>
</view>
<view
style=
"margin-top: 390rpx;"
>
<view
style=
"height: 1px; flex: 1;width: 100%;"
>
<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>
<
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%' }">
<view
class=
"jz_ListMain"
v-for=
"(item,index) in dataList"
:key=
"index"
@
click=
"goJzDetail(item)"
>
<view
class=
"jz_List"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment