Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
Athena
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
华国豪
Athena
Commits
114dc87f
Commit
114dc87f
authored
Jul 15, 2019
by
华国豪
🙄
Browse files
Options
Browse Files
Download
Plain Diff
更新
parents
ce00795f
b125a4e2
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
656 additions
and
388 deletions
+656
-388
HotelDetail.vue
src/components/Hotel/HotelDetail.vue
+271
-241
HotelHome.vue
src/components/Hotel/HotelHome.vue
+1
-1
HotelList.vue
src/components/Hotel/HotelList.vue
+40
-34
HotelSure.vue
src/components/Hotel/HotelSure.vue
+313
-95
newHead.vue
src/components/global/newHead.vue
+9
-0
RedEnvelopes.vue
src/components/newPersonalCenter/integral/RedEnvelopes.vue
+22
-17
No files found.
src/components/Hotel/HotelDetail.vue
View file @
114dc87f
...
@@ -107,9 +107,6 @@
...
@@ -107,9 +107,6 @@
color
:
#666666
;
color
:
#666666
;
position
:
relative
;
position
:
relative
;
}
}
.HD_checkTime
span
{
margin-right
:
10px
;
}
.HD_warn
{
.HD_warn
{
color
:
#EE4454
;
color
:
#EE4454
;
font-size
:
14px
;
font-size
:
14px
;
...
@@ -119,16 +116,14 @@
...
@@ -119,16 +116,14 @@
.HD_warn
i
{
.HD_warn
i
{
color
:
#FFA835
;
color
:
#FFA835
;
}
}
.HD_
PeoPleNum
.el-input-number
{
.HD_
checkTime
.el-input-number
{
width
:
145px
;
width
:
145px
;
line-height
:
26px
;
line-height
:
26px
;
margin-right
:
20px
;
margin-right
:
20px
;
}
}
.HD_
PeoPleNum
.el-input__inner
{
.HD_
checkTime
.el-input__inner
{
height
:
28px
;
height
:
28px
;
}
border-radius
:
0
;
.HD_PSpan
{
margin-right
:
10px
;
}
}
.HD_PsureBtn
{
.HD_PsureBtn
{
position
:
absolute
;
position
:
absolute
;
...
@@ -225,11 +220,11 @@
...
@@ -225,11 +220,11 @@
top
:
0
;
top
:
0
;
left
:
0
;
left
:
0
;
width
:
66px
;
width
:
66px
;
height
:
2
4
px
;
height
:
2
0
px
;
color
:
#fff
;
color
:
#fff
;
font-size
:
12px
;
font-size
:
12px
;
text-align
:
center
;
text-align
:
center
;
line-height
:
2
4
px
;
line-height
:
2
0
px
;
border-bottom-right-radius
:
12px
;
border-bottom-right-radius
:
12px
;
}
}
.HD_Black
{
.HD_Black
{
...
@@ -355,8 +350,6 @@
...
@@ -355,8 +350,6 @@
height
:
35px
;
height
:
35px
;
}
}
.HotelDetail
.Ht_ul
{
.HotelDetail
.Ht_ul
{
height
:
46px
;
line-height
:
46px
;
width
:
400px
;
width
:
400px
;
display
:
inline-block
;
display
:
inline-block
;
}
}
...
@@ -382,7 +375,7 @@
...
@@ -382,7 +375,7 @@
width
:
262px
;
width
:
262px
;
height
:
140px
;
height
:
140px
;
padding
:
0
20px
;
padding
:
0
20px
;
background-color
:
#F5F5F5
;
/* background-color: #F5F5F5; */
border
:
1px
solid
#DDDDDD
;
border
:
1px
solid
#DDDDDD
;
}
}
.HD_TOP_Map
{
.HD_TOP_Map
{
...
@@ -434,6 +427,12 @@
...
@@ -434,6 +427,12 @@
.HD_date_input
.el-input__inner
{
.HD_date_input
.el-input__inner
{
border-radius
:
0
;
border-radius
:
0
;
}
}
.HD_fangxing_List
:last-child
{
border-bottom
:
0
;
}
.Ht_ulName
.el-input__icon
{
line-height
:
0
;
}
</
style
>
</
style
>
<
template
>
<
template
>
...
@@ -494,15 +493,16 @@
...
@@ -494,15 +493,16 @@
</div>
</div>
</div>
</div>
<div
class=
"HD_btnContent"
>
<div
class=
"HD_btnContent"
>
<div
class=
"HD_checkTime"
>
<div
class=
"HD_checkTime clearfix"
>
<span>
入住
</span>
<div
style=
"float:left"
>
<span
style=
"margin-right:10px;"
>
入住
</span>
<el-date-picker
class=
"HD_date_input"
v-model=
"SimilarMsg.arrivalDate"
style=
"width:190px;"
clear-icon=
""
<el-date-picker
class=
"HD_date_input"
v-model=
"SimilarMsg.arrivalDate"
style=
"width:190px;"
clear-icon=
""
size=
"small"
size=
"small"
value-format=
"yyyy-MM-dd"
value-format=
"yyyy-MM-dd"
type=
"date"
type=
"date"
placeholder=
""
>
placeholder=
""
>
</el-date-picker>
</el-date-picker>
<span
style=
"margin-left:
20px;"
>
退房
</span>
<span
style=
"margin:0 10px 0
20px;"
>
退房
</span>
<el-date-picker
class=
"HD_date_input"
v-model=
"SimilarMsg.departureDate"
style=
"width:190px;"
clear-icon=
""
<el-date-picker
class=
"HD_date_input"
v-model=
"SimilarMsg.departureDate"
style=
"width:190px;"
clear-icon=
""
size=
"small"
size=
"small"
value-format=
"yyyy-MM-dd"
value-format=
"yyyy-MM-dd"
...
@@ -514,7 +514,7 @@
...
@@ -514,7 +514,7 @@
超过13岁视为成人处理
超过13岁视为成人处理
</span>
</span>
</div>
</div>
<div
class=
"HD_PeoPleNum
"
>
<div
style=
"float:left;margin-left:60px;
"
>
<el-popover
:visible-arrow=
"false"
<el-popover
:visible-arrow=
"false"
v-model=
"isShowPop"
v-model=
"isShowPop"
placement=
"bottom"
placement=
"bottom"
...
@@ -579,7 +579,8 @@
...
@@ -579,7 +579,8 @@
<li
class=
"Ht_ulName"
>
{{
childNum
}}
儿童
</li>
<li
class=
"Ht_ulName"
>
{{
childNum
}}
儿童
</li>
</ul>
</ul>
</el-popover>
</el-popover>
<input
type=
"button"
class=
"HD_PsureBtn"
value=
"确定"
/>
</div>
<input
type=
"button"
style=
"top:-3px;"
@
click=
"getSimilar"
class=
"HD_PsureBtn"
value=
"确定"
/>
</div>
</div>
<div
class=
"HD_fuhe"
>
<div
class=
"HD_fuhe"
>
<img
src=
"../../assets/img/hotel/fuhe.png"
alt=
""
>
<img
src=
"../../assets/img/hotel/fuhe.png"
alt=
""
>
...
@@ -629,18 +630,23 @@
...
@@ -629,18 +630,23 @@
<div><i>
¥
</i><span>
{{
subItem
.
chargeableRateInfoPerPersonForANightBySetCurrency
}}
</span></div>
<div><i>
¥
</i><span>
{{
subItem
.
chargeableRateInfoPerPersonForANightBySetCurrency
}}
</span></div>
</li>
</li>
<li>
<li>
<input
type=
"button"
style=
"right:20px;"
@
click=
"bookHotel(
i
tem.roomOptionCd)"
class=
"HD_PsureBtn"
value=
"预订"
/>
<input
type=
"button"
style=
"right:20px;"
@
click=
"bookHotel(
subI
tem.roomOptionCd)"
class=
"HD_PsureBtn"
value=
"预订"
/>
</li>
</li>
</ul>
</ul>
<span
class=
"HD_ComDiJia"
:class=
"getMealType(subItem.meals)=='无餐'?'HD_Black':'HD_Green'"
>
{{
getMealType
(
subItem
.
meals
)
}}
</span>
<span
class=
"HD_ComDiJia"
:class=
"getMealType(subItem.meals)=='无餐'?'HD_Black':'HD_Green'"
>
{{
getMealType
(
subItem
.
meals
)
}}
</span>
<span
class=
"HD_minNight"
>
{{
subItem
.
minNights
}}
</span>
<span
class=
"HD_minNight"
>
{{
subItem
.
minNights
}}
</span>
</div>
</div>
<div
class=
"HD_LastShowMore"
>
<
!--
<
div
class=
"HD_LastShowMore"
>
<span>
展开剩余122个报价
<i
class=
"iconfont icon-xiajiantou"
></i></span>
<span>
展开剩余122个报价
<i
class=
"iconfont icon-xiajiantou"
></i></span>
</div>
</div>
-->
</td>
</td>
</tr>
</tr>
</table>
</table>
<div
v-if=
"SimilarList.length==0"
style=
"padding:15px 0;text-align:center"
>
<div
class=
"empty-data"
><i
class=
"iconfont icon-kong"
></i>
很抱歉,你想要的信息我们真的找不到了
</div>
</div>
<div
class=
"HD_fuhe"
>
<div
class=
"HD_fuhe"
>
<img
src=
"../../assets/img/hotel/hotel.png"
alt=
""
>
<img
src=
"../../assets/img/hotel/hotel.png"
alt=
""
>
酒店信息
酒店信息
...
@@ -648,11 +654,11 @@
...
@@ -648,11 +654,11 @@
<div
class=
"HD_hotelComIntroduce"
>
<div
class=
"HD_hotelComIntroduce"
>
<div
class=
"HD_inTitle"
>
酒店详情指南
</div>
<div
class=
"HD_inTitle"
>
酒店详情指南
</div>
<div>
<div>
<
span
class=
"HD_ComLeftTitle"
>
停车场
</span>
<
!--
<span
class=
"HD_ComLeftTitle"
>
停车场
</span>
-->
<span>
有(免费)
</span>
<span>
{{
hotelDetails
.
hotelDescription
}}
</span>
</div>
</div>
</div>
</div>
<div
class=
"HD_hotelComIntroduce"
>
<
!--
<
div
class=
"HD_hotelComIntroduce"
>
<div>
<div>
<span
class=
"HD_ComLeftTitle"
>
接送服务
</span>
<span
class=
"HD_ComLeftTitle"
>
接送服务
</span>
<span>
无
</span>
<span>
无
</span>
...
@@ -670,7 +676,7 @@
...
@@ -670,7 +676,7 @@
UC·DC·NICOS·UFJ 依据信用卡
<br/>
种类的不同,部分信用卡可进行网上支付。
UC·DC·NICOS·UFJ 依据信用卡
<br/>
种类的不同,部分信用卡可进行网上支付。
</span>
</span>
</div>
</div>
</div>
</div>
-->
<div
class=
"HD_hotelComIntroduce"
>
<div
class=
"HD_hotelComIntroduce"
>
<div
class=
"HD_inTitle"
>
房间类型和数量
</div>
<div
class=
"HD_inTitle"
>
房间类型和数量
</div>
<div>
<div>
...
@@ -775,6 +781,8 @@ export default {
...
@@ -775,6 +781,8 @@ export default {
Services
:[],
Services
:[],
//客房有网络连接
//客房有网络连接
InterArr
:[],
InterArr
:[],
//温泉
HotSpring
:[],
};
};
},
},
mounted
()
{
mounted
()
{
...
@@ -801,8 +809,8 @@ export default {
...
@@ -801,8 +809,8 @@ export default {
this
.
hotelSummary
=
res
.
data
.
data
.
hotelSummary
;
this
.
hotelSummary
=
res
.
data
.
data
.
hotelSummary
;
this
.
hotelDetails
.
roomReviewRating
=
parseFloat
(
this
.
hotelDetails
.
roomReviewRating
);
this
.
hotelDetails
.
roomReviewRating
=
parseFloat
(
this
.
hotelDetails
.
roomReviewRating
);
//拆分酒店服务与设施
//拆分酒店服务与设施
if
(
this
.
hotelDetails
.
roomEquipments
!=
""
){
let
ServeArr
=
this
.
hotelDetails
.
roomEquipments
.
split
(
","
);
let
ServeArr
=
this
.
hotelDetails
.
roomEquipments
.
split
(
","
);
this
.
Services
=
[];
this
.
Services
=
[];
if
(
ServeArr
[
0
]
==
1
){
if
(
ServeArr
[
0
]
==
1
){
this
.
Services
.
push
(
'浴室和厕所'
);
this
.
Services
.
push
(
'浴室和厕所'
);
...
@@ -907,7 +915,9 @@ export default {
...
@@ -907,7 +915,9 @@ export default {
this
.
Services
.
push
(
'祖邦煎锅(收费)'
);
this
.
Services
.
push
(
'祖邦煎锅(收费)'
);
}
}
}
//拆分网络连接
//拆分网络连接
if
(
this
.
hotelDetails
.
internetAccessibilityOfTheRoom
!=
""
){
this
.
InterArr
=
[];
this
.
InterArr
=
[];
let
InternetArr
=
this
.
hotelDetails
.
internetAccessibilityOfTheRoom
.
split
(
","
);
let
InternetArr
=
this
.
hotelDetails
.
internetAccessibilityOfTheRoom
.
split
(
","
);
if
(
InternetArr
[
0
]
==
1
){
if
(
InternetArr
[
0
]
==
1
){
...
@@ -928,7 +938,14 @@ export default {
...
@@ -928,7 +938,14 @@ export default {
if
(
InternetArr
[
5
]
==
1
){
if
(
InternetArr
[
5
]
==
1
){
this
.
InterArr
.
push
(
'免费接入网络'
);
this
.
InterArr
.
push
(
'免费接入网络'
);
}
}
console
.
log
(
ServeArr
,
'serarr'
);
}
//拆分温泉
if
(
this
.
hotelDetails
.
bathAndBathAmenities
!=
""
){
this
.
HotSpring
=
[];
let
HotSpring
=
this
.
hotelDetails
.
bathAndBathAmenities
.
split
(
","
);
console
.
log
(
HotSpring
,
'HotSpring'
);
}
}
else
{
}
else
{
this
.
Error
(
res
.
data
.
message
);
this
.
Error
(
res
.
data
.
message
);
}
}
...
@@ -941,7 +958,18 @@ export default {
...
@@ -941,7 +958,18 @@ export default {
this
.
apipost
(
"dmc_post_Get_GetJAPAN_RoomsList"
,
this
.
SimilarMsg
,
res
=>
{
this
.
apipost
(
"dmc_post_Get_GetJAPAN_RoomsList"
,
this
.
SimilarMsg
,
res
=>
{
console
.
log
(
res
,
'similarrrr'
);
console
.
log
(
res
,
'similarrrr'
);
if
(
res
.
data
.
resultCode
==
1
)
{
if
(
res
.
data
.
resultCode
==
1
)
{
if
(
Object
.
prototype
.
toString
.
call
(
res
.
data
.
data
.
roomRateDetails
)
==
'[object Object]'
){
this
.
SimilarList
.
push
(
res
.
data
.
data
.
roomRateDetails
);
}
else
{
this
.
SimilarList
=
res
.
data
.
data
.
roomRateDetails
;
this
.
SimilarList
=
res
.
data
.
data
.
roomRateDetails
;
}
this
.
SimilarList
.
forEach
(
x
=>
{
if
(
Object
.
prototype
.
toString
.
call
(
x
.
roomOptions
)
==
'[object Object]'
){
let
arr
=
[];
arr
.
push
(
x
.
roomOptions
);
x
.
roomOptions
=
arr
;
}
})
}
else
{
}
else
{
this
.
Error
(
res
.
data
.
message
);
this
.
Error
(
res
.
data
.
message
);
}
}
...
@@ -979,6 +1007,7 @@ export default {
...
@@ -979,6 +1007,7 @@ export default {
},
},
//获取餐
//获取餐
getMealType
(
meals
){
getMealType
(
meals
){
if
(
meals
!=
''
){
let
mealType
=
meals
.
split
(
','
);
let
mealType
=
meals
.
split
(
','
);
if
(
mealType
[
0
]
==
0
&&
mealType
[
2
]
==
0
){
if
(
mealType
[
0
]
==
0
&&
mealType
[
2
]
==
0
){
return
'无餐'
return
'无餐'
...
@@ -992,6 +1021,7 @@ export default {
...
@@ -992,6 +1021,7 @@ export default {
if
(
mealType
[
0
]
==
0
&&
mealType
[
2
]
==
1
){
if
(
mealType
[
0
]
==
0
&&
mealType
[
2
]
==
1
){
return
'含晚餐'
return
'含晚餐'
}
}
}
},
},
//点击预订传递参数
//点击预订传递参数
bookHotel
(
roomOptionCd
){
bookHotel
(
roomOptionCd
){
...
...
src/components/Hotel/HotelHome.vue
View file @
114dc87f
...
@@ -4,7 +4,7 @@
...
@@ -4,7 +4,7 @@
<div
class=
"choose"
>
<div
class=
"choose"
>
<div
style=
"background:#ffffff;display: flex;align-items: center;position:relative"
>
<div
style=
"background:#ffffff;display: flex;align-items: center;position:relative"
>
<img
class=
"Ht_bed"
src=
"../../assets/img/hotel/hotelBed.png"
alt=
""
/>
<img
class=
"Ht_bed"
src=
"../../assets/img/hotel/hotelBed.png"
alt=
""
/>
<el-select
style=
"width:350px"
clearable
v-model=
"msg.place"
placeholder=
"请选择"
>
<el-select
style=
"width:350px"
clearable
filterable
v-model=
"msg.place"
placeholder=
"请选择"
>
<el-option
value=
"东京都"
label=
"东京都"
></el-option>
<el-option
value=
"东京都"
label=
"东京都"
></el-option>
<el-option
value=
"大阪府"
label=
"大阪府"
></el-option>
<el-option
value=
"大阪府"
label=
"大阪府"
></el-option>
<el-option
value=
"京都府"
label=
"京都府"
></el-option>
<el-option
value=
"京都府"
label=
"京都府"
></el-option>
...
...
src/components/Hotel/HotelList.vue
View file @
114dc87f
...
@@ -74,7 +74,7 @@
...
@@ -74,7 +74,7 @@
top
:
1px
;
top
:
1px
;
}
}
.HL_Screen
{
.HL_Screen
{
width
:
11
5
8px
;
width
:
11
9
8px
;
height
:
auto
;
height
:
auto
;
margin
:
auto
;
margin
:
auto
;
border
:
1px
solid
#DCDCDC
;
border
:
1px
solid
#DCDCDC
;
...
@@ -112,9 +112,6 @@
...
@@ -112,9 +112,6 @@
padding
:
4px
8px
;
padding
:
4px
8px
;
}
}
.MoreList
span
{
margin-top
:
10px
;
}
.HL_Stitle
{
.HL_Stitle
{
display
:
inline-block
;
display
:
inline-block
;
width
:
50px
;
width
:
50px
;
...
@@ -312,14 +309,16 @@
...
@@ -312,14 +309,16 @@
width
:
85%
;
width
:
85%
;
overflow
:
hidden
;
overflow
:
hidden
;
height
:
100%
;
height
:
100%
;
}
.HL_Concept
span
{
margin
:
5px
0
;
}
}
.HL_minHeight
{
.HL_minHeight
{
height
:
43px
;
height
:
45px
;
line-height
:
27px
;
}
}
.HL_AutoHeight
{
.HL_AutoHeight
{
height
:
auto
;
height
:
auto
;
padding
:
10px
0
;
}
}
.HL_ConZhankai
{
.HL_ConZhankai
{
...
@@ -355,6 +354,9 @@
...
@@ -355,6 +354,9 @@
.HotelList
.HT_otherStar
i
{
.HotelList
.HT_otherStar
i
{
color
:
rgb
(
239
,
242
,
247
);
color
:
rgb
(
239
,
242
,
247
);
}
}
.HL_Maxheight
{
height
:
150px
!important
;
}
</
style
>
</
style
>
<
template
>
<
template
>
...
@@ -363,7 +365,10 @@
...
@@ -363,7 +365,10 @@
<div
class=
"HL_SearchInfo"
>
<div
class=
"HL_SearchInfo"
>
<div
class=
"HL_ComSearch HL_one"
>
<div
class=
"HL_ComSearch HL_one"
>
<img
class=
"HL_bed"
src=
"../../assets/img/hotel/hotelBed.png"
alt=
""
/>
<img
class=
"HL_bed"
src=
"../../assets/img/hotel/hotelBed.png"
alt=
""
/>
<el-select
style=
"width:350px;"
v-model=
"placeKeyWords"
clearable
placeholder=
"请选择"
>
<el-select
style=
"width:350px;"
v-model=
"placeKeyWords"
filterable
clearable
placeholder=
"请选择"
>
<el-option
value=
"东京都"
label=
"东京都"
></el-option>
<el-option
value=
"大阪府"
label=
"大阪府"
></el-option>
<el-option
value=
"京都府"
label=
"京都府"
></el-option>
<el-option
value=
"爱知县"
label=
"爱知县"
></el-option>
<el-option
value=
"爱知县"
label=
"爱知县"
></el-option>
<el-option
value=
"秋田县"
label=
"秋田县"
></el-option>
<el-option
value=
"秋田县"
label=
"秋田县"
></el-option>
<el-option
value=
"青森县"
label=
"青森县"
></el-option>
<el-option
value=
"青森县"
label=
"青森县"
></el-option>
...
@@ -385,7 +390,6 @@
...
@@ -385,7 +390,6 @@
<el-option
value=
"神奈川县"
label=
"神奈川县"
></el-option>
<el-option
value=
"神奈川县"
label=
"神奈川县"
></el-option>
<el-option
value=
"高知县"
label=
"高知县"
></el-option>
<el-option
value=
"高知县"
label=
"高知县"
></el-option>
<el-option
value=
"熊本县"
label=
"熊本县"
></el-option>
<el-option
value=
"熊本县"
label=
"熊本县"
></el-option>
<el-option
value=
"京都府"
label=
"京都府"
></el-option>
<el-option
value=
"三重县"
label=
"三重县"
></el-option>
<el-option
value=
"三重县"
label=
"三重县"
></el-option>
<el-option
value=
"宫城县"
label=
"宫城县"
></el-option>
<el-option
value=
"宫城县"
label=
"宫城县"
></el-option>
<el-option
value=
"宫崎县"
label=
"宫崎县"
></el-option>
<el-option
value=
"宫崎县"
label=
"宫崎县"
></el-option>
...
@@ -396,7 +400,6 @@
...
@@ -396,7 +400,6 @@
<el-option
value=
"大分县"
label=
"大分县"
></el-option>
<el-option
value=
"大分县"
label=
"大分县"
></el-option>
<el-option
value=
"冈山县"
label=
"冈山县"
></el-option>
<el-option
value=
"冈山县"
label=
"冈山县"
></el-option>
<el-option
value=
"冲绳县"
label=
"冲绳县"
></el-option>
<el-option
value=
"冲绳县"
label=
"冲绳县"
></el-option>
<el-option
value=
"大阪府"
label=
"大阪府"
></el-option>
<el-option
value=
"佐贺县"
label=
"佐贺县"
></el-option>
<el-option
value=
"佐贺县"
label=
"佐贺县"
></el-option>
<el-option
value=
"崎玉县"
label=
"崎玉县"
></el-option>
<el-option
value=
"崎玉县"
label=
"崎玉县"
></el-option>
<el-option
value=
"滋贺县"
label=
"滋贺县"
></el-option>
<el-option
value=
"滋贺县"
label=
"滋贺县"
></el-option>
...
@@ -404,7 +407,6 @@
...
@@ -404,7 +407,6 @@
<el-option
value=
"静冈县"
label=
"静冈县"
></el-option>
<el-option
value=
"静冈县"
label=
"静冈县"
></el-option>
<el-option
value=
"枥木县"
label=
"枥木县"
></el-option>
<el-option
value=
"枥木县"
label=
"枥木县"
></el-option>
<el-option
value=
"德岛县"
label=
"德岛县"
></el-option>
<el-option
value=
"德岛县"
label=
"德岛县"
></el-option>
<el-option
value=
"东京都"
label=
"东京都"
></el-option>
<el-option
value=
"鸟取县"
label=
"鸟取县"
></el-option>
<el-option
value=
"鸟取县"
label=
"鸟取县"
></el-option>
<el-option
value=
"富山县"
label=
"富山县"
></el-option>
<el-option
value=
"富山县"
label=
"富山县"
></el-option>
<el-option
value=
"和歌山县"
label=
"和歌山县"
></el-option>
<el-option
value=
"和歌山县"
label=
"和歌山县"
></el-option>
...
@@ -512,9 +514,9 @@
...
@@ -512,9 +514,9 @@
{{
item
.
name
}}
{{
item
.
name
}}
</span>
-->
</span>
-->
<!--
<span
style=
"margin-right:10px;"
>
自定义价格:
</span>
-->
<!--
<span
style=
"margin-right:10px;"
>
自定义价格:
</span>
-->
<el-input
type=
"text"
style=
"width:100px;"
v-model=
"
searchMinRate"
/>
<el-input
type=
"text"
style=
"width:100px;"
@
keyup
.
native=
"checkPrice(monyMsg,'searchMinRate')"
v-model=
"monyMsg.
searchMinRate"
/>
<i
class=
"HL_gang"
></i>
<i
class=
"HL_gang"
></i>
<el-input
type=
"text"
style=
"width:100px;"
v-model=
"
searchMaxRate"
/>
<el-input
type=
"text"
style=
"width:100px;"
@
keyup
.
native=
"checkPrice(monyMsg,'searchMaxRate')"
v-model=
"monyMsg.
searchMaxRate"
/>
</div>
</div>
<div
class=
"HL_ScList"
>
<div
class=
"HL_ScList"
>
<span
class=
"HL_Stitle"
>
房型
</span>
<span
class=
"HL_Stitle"
>
房型
</span>
...
@@ -551,9 +553,9 @@
...
@@ -551,9 +553,9 @@
<span>
越早预订越便宜
</span>
<span>
越早预订越便宜
</span>
<span>
限定期限
</span>
<span>
限定期限
</span>
</div>
-->
</div>
-->
<div
class=
"HL_ScList MoreList"
:class=
"isOpen==1?'HL_minHeight':'HL_AutoHeight'
"
>
<div
class=
"HL_ScList MoreList"
style=
"height:auto;
"
>
<div
class=
"HL_Stitle"
>
理念
</div>
<div
class=
"HL_Stitle"
style=
"height:45px;"
:class=
"isOpen==2?'HL_Maxheight':''"
>
理念
</div>
<div
class=
"HL_Concept"
>
<div
class=
"HL_Concept"
:class=
"isOpen==1?'HL_minHeight':'HL_AutoHeight'"
>
<span
v-for=
"item in ConceptObj"
:class=
"item.isCked?'HL_checked':''"
@
click=
"item.isCked=!item.isCked"
>
<span
v-for=
"item in ConceptObj"
:class=
"item.isCked?'HL_checked':''"
@
click=
"item.isCked=!item.isCked"
>
{{
item
.
name
}}
{{
item
.
name
}}
</span>
</span>
...
@@ -568,9 +570,9 @@
...
@@ -568,9 +570,9 @@
<div
class=
"HL_ScList"
>
<div
class=
"HL_ScList"
>
<span
class=
"HL_Stitle"
>
评分
</span>
<span
class=
"HL_Stitle"
>
评分
</span>
<span
style=
"margin-right:10px;"
>
输入评分范围:
</span>
<span
style=
"margin-right:10px;"
>
输入评分范围:
</span>
<el-input
type=
"text"
style=
"width:100px;"
v-model=
"
reviewRatingLowerLimits"
/>
<el-input
type=
"text"
style=
"width:100px;"
@
keyup
.
native=
"checkInteger(starMsg,'reviewRatingLowerLimits')"
v-model=
"starMsg.
reviewRatingLowerLimits"
/>
<i
class=
"HL_gang"
></i>
<i
class=
"HL_gang"
></i>
<el-input
type=
"text"
style=
"width:100px;"
v-model=
"
reviewRatingUpperLimits"
/>
<el-input
type=
"text"
style=
"width:100px;"
@
keyup
.
native=
"checkInteger(starMsg,'reviewRatingUpperLimits')"
v-model=
"starMsg.
reviewRatingUpperLimits"
/>
</div>
</div>
<div
class=
"HL_ScList"
>
<div
class=
"HL_ScList"
>
<span
class=
"HL_Stitle"
>
酒店名称
</span>
<span
class=
"HL_Stitle"
>
酒店名称
</span>
...
@@ -679,14 +681,18 @@ export default {
...
@@ -679,14 +681,18 @@ export default {
},
},
//总页数
//总页数
TotalPage
:
0
,
TotalPage
:
0
,
monyMsg
:{
//最小金额
//最小金额
searchMinRate
:
''
,
searchMinRate
:
''
,
//最大金额
//最大金额
searchMaxRate
:
''
,
searchMaxRate
:
''
,
},
starMsg
:{
//最小星星
//最小星星
reviewRatingLowerLimits
:
''
,
reviewRatingLowerLimits
:
''
,
//最大星星
//最大星星
reviewRatingUpperLimits
:
''
,
reviewRatingUpperLimits
:
''
,
},
isShowPop
:
false
,
isShowPop
:
false
,
roomList
:[],
roomList
:[],
room
:
1
,
room
:
1
,
...
@@ -955,26 +961,26 @@ export default {
...
@@ -955,26 +961,26 @@ export default {
this
.
msg
.
freewordType
=
2
;
this
.
msg
.
freewordType
=
2
;
this
.
msg
.
freeword
=
this
.
keyWords
;
this
.
msg
.
freeword
=
this
.
keyWords
;
}
}
if
(
this
.
searchMinRate
==
""
){
if
(
this
.
monyMsg
.
searchMinRate
==
""
){
this
.
msg
.
searchMinRate
=
0
;
this
.
msg
.
searchMinRate
=
0
;
}
else
{
}
else
{
this
.
msg
.
searchMinRate
=
this
.
searchMinRate
;
this
.
msg
.
searchMinRate
=
this
.
monyMsg
.
searchMinRate
;
}
}
if
(
this
.
searchMaxRate
==
""
){
if
(
this
.
monyMsg
.
searchMaxRate
==
""
){
this
.
msg
.
searchMaxRate
=
0
;
this
.
msg
.
searchMaxRate
=
0
;
}
else
{
}
else
{
this
.
msg
.
searchMaxRate
=
this
.
searchMaxRate
;
this
.
msg
.
searchMaxRate
=
this
.
monyMsg
.
searchMaxRate
;
}
}
if
(
this
.
reviewRatingLowerLimits
==
""
){
if
(
this
.
starMsg
.
reviewRatingLowerLimits
==
""
){
this
.
msg
.
reviewRatingLowerLimits
=
0
;
this
.
msg
.
reviewRatingLowerLimits
=
0
;
}
else
{
}
else
{
this
.
msg
.
reviewRatingLowerLimits
=
this
.
reviewRatingLowerLimits
;
this
.
msg
.
reviewRatingLowerLimits
=
this
.
starMsg
.
reviewRatingLowerLimits
;
}
}
if
(
this
.
reviewRatingUpperLimits
==
""
){
if
(
this
.
starMsg
.
reviewRatingUpperLimits
==
""
){
this
.
msg
.
reviewRatingUpperLimits
=
0
;
this
.
msg
.
reviewRatingUpperLimits
=
0
;
}
else
{
}
else
{
this
.
msg
.
reviewRatingUpperLimits
=
this
.
reviewRatingUpperLimits
;
this
.
msg
.
reviewRatingUpperLimits
=
this
.
starMsg
.
reviewRatingUpperLimits
;
}
}
this
.
msg
.
searchHotelCategory
=
[];
this
.
msg
.
searchHotelCategory
=
[];
...
...
src/components/Hotel/HotelSure.vue
View file @
114dc87f
...
@@ -46,10 +46,11 @@
...
@@ -46,10 +46,11 @@
}
}
.HS_div2
{
.HS_div2
{
width
:
100%
;
width
:
100%
;
height
:
350px
;
min-
height
:
350px
;
border
:
1px
solid
#E0E0E0
;
border
:
1px
solid
#E0E0E0
;
margin
:
20px
0
;
margin
:
20px
0
;
overflow
:
hidden
;
overflow
:
hidden
;
padding-bottom
:
20px
;
}
}
.HS_bookTitle
{
.HS_bookTitle
{
padding-left
:
20px
;
padding-left
:
20px
;
...
@@ -106,7 +107,7 @@
...
@@ -106,7 +107,7 @@
}
}
.HS_fangfei
{
.HS_fangfei
{
display
:
inline-block
;
display
:
inline-block
;
width
:
74
px
;
width
:
90
px
;
height
:
86px
;
height
:
86px
;
border
:
1px
solid
#BBC9DA
;
border
:
1px
solid
#BBC9DA
;
background-color
:
#fff
;
background-color
:
#fff
;
...
@@ -164,9 +165,6 @@
...
@@ -164,9 +165,6 @@
.HS_AreaSelect
.el-input__icon
,
.HS_roomNum
.el-input__icon
{
.HS_AreaSelect
.el-input__icon
,
.HS_roomNum
.el-input__icon
{
line-height
:
0
;
line-height
:
0
;
}
}
.HS_detailAddress
{
margin
:
15px
0
0
141px
;
}
.HS_detailAddress
.el-input__inner
,
.HS_Email
.el-input__inner
{
.HS_detailAddress
.el-input__inner
,
.HS_Email
.el-input__inner
{
height
:
40px
;
height
:
40px
;
border
:
0
;
border
:
0
;
...
@@ -183,7 +181,7 @@
...
@@ -183,7 +181,7 @@
}
}
.HS_HotelRight
{
.HS_HotelRight
{
width
:
346px
;
width
:
346px
;
height
:
354
px
;
height
:
298
px
;
padding
:
17px
20px
20px
20px
;
padding
:
17px
20px
20px
20px
;
border
:
1px
solid
#E0E0E0
;
border
:
1px
solid
#E0E0E0
;
border-top
:
0
;
border-top
:
0
;
...
@@ -200,7 +198,7 @@
...
@@ -200,7 +198,7 @@
}
}
.HS_HAddress
{
.HS_HAddress
{
font-size
:
12px
;
font-size
:
12px
;
margin
-bottom
:
20px
;
margin
:
20px
0
;
}
}
.HS_HAddress
img
{
.HS_HAddress
img
{
width
:
10px
;
width
:
10px
;
...
@@ -229,7 +227,7 @@
...
@@ -229,7 +227,7 @@
}
}
.HS_RightBtm
{
.HS_RightBtm
{
width
:
100%
;
width
:
100%
;
height
:
160px
;
/* height:160px; */
margin-top
:
20px
;
margin-top
:
20px
;
overflow
:
hidden
;
overflow
:
hidden
;
border
:
1px
solid
#E0E0E0
;
border
:
1px
solid
#E0E0E0
;
...
@@ -289,6 +287,27 @@
...
@@ -289,6 +287,27 @@
.HS_RitBottom
>
div
{
.HS_RitBottom
>
div
{
margin-bottom
:
15px
;
margin-bottom
:
15px
;
}
}
.HD_payBtn
{
width
:
100%
;
height
:
66px
;
background-color
:
#EE4454
;
color
:
#fff
;
outline
:
none
;
border
:
none
;
cursor
:
pointer
;
margin-top
:
30px
;
font-size
:
18px
;
border-radius
:
4px
;
}
.HD_payBtn
:hover
{
opacity
:
0.8
;
}
.HS_BookMan
.el-input__icon
{
line-height
:
0
;
}
.HS_FFEI
:last-child
{
visibility
:
hidden
;
}
</
style
>
</
style
>
...
@@ -314,57 +333,68 @@
...
@@ -314,57 +333,68 @@
<div
class=
"HS_div2One"
>
<div
class=
"HS_div2One"
>
<ul>
<ul>
<li
class=
"HS2_title"
>
房型信息
</li>
<li
class=
"HS2_title"
>
房型信息
</li>
<li>
豪华客房(豪华大床)每日标准房价
</li>
<li>
<li
class=
"HS2_title"
>
Deluxe Room - King
</li>
<div
v-if=
"dataList.roomRateDetails"
>
</ul>
<template
v-if=
"dataList.roomRateDetails.roomType==1"
>
单人床
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==2"
>
双床
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==3"
>
大床房
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==4"
>
三人间
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==5"
>
四床房
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==6"
>
日式房
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==7"
>
日式
&
西式混合房间
</
template
>
</div>
</div>
<div
class=
"HS_div3One"
>
</li>
<ul>
<li
class=
"HS2_title"
>
入住人数
</li>
<li>
成人 2人
</li>
<li>
儿童 1人
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div
2
One"
>
<div
class=
"HS_div
3
One"
>
<ul>
<ul>
<li
class=
"HS2_title"
>
入住人数
</li>
<li
class=
"HS2_title"
>
入住人数
</li>
<li>
成人
2
人
</li>
<li>
成人
{{auditNum}}
人
</li>
<li>
儿童
1
人
</li>
<li>
儿童
{{childNum}}
人
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div2One"
>
<div
class=
"HS_div2One"
>
<ul>
<ul>
<li
class=
"HS2_title"
>
入住日期
</li>
<li
class=
"HS2_title"
>
入住日期
</li>
<li>
<li>
<el-date-picker
class=
"date_input"
style=
"width:130px;"
prefix-icon=
"none"
clear-icon=
""
<el-date-picker
class=
"date_input"
v-model=
"msg.arrivalDate"
@
change=
"getDateInfo()"
style=
"width:130px;"
prefix-icon=
"none"
clear-icon=
""
size=
"small"
size=
"small"
value-format=
"yyyy-MM-dd"
value-format=
"yyyy-MM-dd"
type=
"date"
type=
"date"
placeholder=
""
>
placeholder=
""
>
</el-date-picker>
</el-date-picker>
周二
<span
class=
"HS2_title"
style=
"margin:0 10px;"
>
15:00 之后
</span>
<
template
v-if=
"dataList.roomRateDetails"
>
{{
'周'
+
checkInWeek
}}
<span
class=
"HS2_title"
style=
"margin:0 10px;"
>
{{
dataList
.
roomRateDetails
.
roomOptions
[
'finalCheck-inTime'
]
}}
之后
</span>
</
template
>
<div
class=
"HS_Line"
></div>
<div
class=
"HS_Line"
></div>
<el-date-picker
class=
"date_input"
style=
"width:130px;"
prefix-icon=
"none"
clear-icon=
""
<el-date-picker
class=
"date_input"
v-model=
"msg.departureDate"
@
change=
"getDateInfo()"
style=
"width:130px;"
prefix-icon=
"none"
clear-icon=
""
size=
"small"
size=
"small"
value-format=
"yyyy-MM-dd"
value-format=
"yyyy-MM-dd"
type=
"date"
type=
"date"
placeholder=
""
>
placeholder=
""
>
</el-date-picker>
</el-date-picker>
周三
<span
class=
"HS2_title"
style=
"margin:0 10px;"
>
12:00 之前
</span>
<
template
v-if=
"dataList.roomRateDetails"
>
{{
'周'
+
checkOutWeek
}}
<span
class=
"HS2_title"
style=
"margin:0 10px;"
>
{{
dataList
.
roomRateDetails
.
roomOptions
[
'finalCheck-outTime'
]
}}
之前
</span>
</
template
>
</li>
</li>
<li>
<
!-- <
li>
1晚
1晚
</li>
</li>
-->
<li>
<
!-- <
li>
<input type="button" class="HS_UpdateDate" value="修改日期"/>
<input type="button" class="HS_UpdateDate" value="修改日期"/>
</li>
</li>
-->
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div2One HS_roomNum"
>
<div
class=
"HS_div2One HS_roomNum"
>
<ul>
<ul>
<li
class=
"HS2_title"
>
房间数量
</li>
<li
class=
"HS2_title"
>
房间数量
</li>
<li>
<li>
<el-select
style=
"width:80px"
clearable
placeholder=
""
>
<
template
v-if=
"dataList.roomGroup"
>
{{
dataList
.
roomGroup
.
roomCount
}}
</
template
>
<!-- <el-select style="width:80px" clearable placeholder="">
<el-option :value="1" label="1"></el-option>
<el-option :value="1" label="1"></el-option>
<el-option :value="2" label="2"></el-option>
<el-option :value="2" label="2"></el-option>
<el-option :value="3" label="3"></el-option>
<el-option :value="3" label="3"></el-option>
...
@@ -374,25 +404,28 @@
...
@@ -374,25 +404,28 @@
<el-option :value="7" label="7"></el-option>
<el-option :value="7" label="7"></el-option>
<el-option :value="8" label="8"></el-option>
<el-option :value="8" label="8"></el-option>
<el-option :value="9" label="9"></el-option>
<el-option :value="9" label="9"></el-option>
</el-select>
</el-select>
-->
</li>
</li>
<li>
<li>
<i
class=
"iconfont icon-jinggao1"
style=
"color:#FFA835"
></i>
<i
class=
"iconfont icon-jinggao1"
style=
"color:#FFA835"
></i>
仅剩
一
间
仅剩
{{dataList.currentAllotment}}
间
</li>
</li>
<li>
<li>
每间最多入住2人
<
template
v-if=
"dataList.roomGroup"
>
每间最多入住成人:
{{
dataList
.
roomGroup
.
roomAdultCount
}}
,儿童:
{{
dataList
.
roomGroup
.
roomChildCount
}}
</
template
>
</li>
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div2One"
>
<div
class=
"HS_div2One"
v-for=
"(item,index) in dataList.roomGroup"
>
<ul>
<ul>
<li
class=
"HS2_title"
style=
"vertical-align:top;"
>
房费情况
</li>
<li
class=
"HS2_title"
style=
"vertical-align:top;width:48px;"
>
<li>
<
template
v-if=
"index==0"
>
房费情况
</
template
>
<div
class=
"HS_fangfei"
>
</li>
<div
class=
"HS_fangfei_Top"
>
07-09
</div>
<li
style=
"width:680px;"
>
<div>
¥
<span>
7906
</span></div>
<div
class=
"HS_fangfei"
v-for=
"subItem in item.rateGroup"
>
<div>
无餐食
</div>
<div
class=
"HS_fangfei_Top"
>
{{subItem.stayDate}}
</div>
<div
v-if=
"subItem.perAdultRateBySetCurrency"
>
¥
<span>
{{subItem.perAdultRateBySetCurrency}}
</span></div>
</div>
</div>
</li>
</li>
</ul>
</ul>
...
@@ -403,121 +436,149 @@
...
@@ -403,121 +436,149 @@
<div
class=
"HS_bookTitle"
>
<div
class=
"HS_bookTitle"
>
入住信息
<span><i
class=
"iconfont icon-jinggao1"
></i>
所填姓名需和入住时所持证件一致
</span>
入住信息
<span><i
class=
"iconfont icon-jinggao1"
></i>
所填姓名需和入住时所持证件一致
</span>
</div>
</div>
<div
class=
"HS_div2One HS_BookMan"
>
<ul>
<li
style=
"margin-left:56px;"
>
入住时间
</li>
<el-time-select
v-model=
"sureMsg.checkInTime"
:picker-options=
"{
start: '15:00',
step: '01:00',
end: '27:00'
}"
value-format=
"HH:MM"
placeholder=
"选择时间"
>
</el-time-select>
</ul>
</div>
<div
class=
"HS_div2One HS_BookMan"
>
<div
class=
"HS_div2One HS_BookMan"
>
<ul>
<ul>
<li
class=
"HS2_title"
>
预订人
</li>
<li
class=
"HS2_title"
>
预订人
</li>
<li>
住客
<img
class=
"HS_wenhao"
src=
"../../assets/img/hotel/wenhao.png"
/></li>
<li>
住客
<img
class=
"HS_wenhao"
src=
"../../assets/img/hotel/wenhao.png"
/></li>
<el-input
tyle=
"text"
style=
"width:120px;margin-right:20px;"
placeholder=
"姓 Last Name"
></el-input>
<el-input
tyle=
"text"
v-model=
"sureMsg.guestLastName"
style=
"width:120px;margin-right:20px;"
placeholder=
"姓 Last Name"
></el-input>
<el-input
tyle=
"text"
style=
"width:120px;"
placeholder=
"名 First Name"
></el-input>
<el-input
tyle=
"text"
v-model=
"sureMsg.guestFirstName"
style=
"width:120px;"
placeholder=
"名 First Name"
></el-input>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div2One HS_AreaSelect"
>
<div
class=
"HS_div2One HS_AreaSelect"
>
<ul>
<ul>
<li
style=
"margin-left:53px;"
>
当前地址
</li>
<li
style=
"margin-left:53px;"
>
当前地址
</li>
<li>
<li>
<el-select
style=
"width:80px"
clearable
placeholder=
"国"
>
<el-input
type=
"text"
v-model=
"sureMsg.guestAddress"
style=
"width:400px;"
placeholder=
"详细地址"
></el-input>
<!--
<el-option
:value=
"1"
label=
"1"
></el-option>
-->
</el-select>
</li>
</li>
</ul>
</div>
<div
class=
"HS_div2One HS_Email"
>
<ul>
<li
style=
"margin-left:67px;"
>
Email
</li>
<li>
<li>
<el-select
style=
"width:80px"
clearable
placeholder=
"省"
>
<el-input
type=
"text"
v-model=
"sureMsg.guestEmail"
style=
"width:400px;"
placeholder=
"接收确认邮件,获得出行资格"
></el-input>
<!--
<el-option
:value=
"1"
label=
"1"
></el-option>
-->
</el-select>
</li>
</li>
</ul>
</div>
<div
class=
"HS_div2One HS_Email"
>
<ul>
<li
style=
"margin-left:67px;"
>
电话
</li>
<li>
<li>
<el-select
style=
"width:80px"
clearable
placeholder=
"市"
>
<el-input
type=
"text"
@
keyup
.
native=
"checkInteger(sureMsg,'guestPhoneNumber')"
v-model=
"sureMsg.guestPhoneNumber"
style=
"width:400px;"
placeholder=
"电话"
></el-input>
<!--
<el-option
:value=
"1"
label=
"1"
></el-option>
-->
</el-select>
</li>
</li>
</ul>
</div>
<div
class=
"HS_div2One HS_Email"
style=
"margin-top:30px;"
>
<ul>
<li
style=
"margin-left:45px;vertical-align:top;"
>
客户需求
</li>
<li>
<li>
<el-select
style=
"width:80px"
clearable
placeholder=
"区"
>
<el-input
type=
"textarea"
:rows=
"3"
maxlength=
"400"
v-model=
"sureMsg.guestRequest"
style=
"width:400px;"
placeholder=
"住宿需求"
></el-input>
<!--
<el-option
:value=
"1"
label=
"1"
></el-option>
-->
</el-select>
</li>
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_detailAddress"
>
<div
class=
"HS_div2One HS_Email"
style=
"margin-top:30px;"
>
<el-input
type=
"text"
style=
"width:400px;"
placeholder=
"详细地址"
></el-input>
</div>
<div
class=
"HS_div2One HS_Email"
>
<ul>
<ul>
<li
style=
"margin-left:
67px;"
>
Email
</li>
<li
style=
"margin-left:
20px;vertical-align:top;"
>
客户需求补充
</li>
<li>
<li>
<el-input
type=
"text
"
style=
"width:400px;"
placeholder=
"接收确认邮件,获得出行资格
"
></el-input>
<el-input
type=
"text
area"
:rows=
"3"
maxlength=
"400"
v-model=
"sureMsg.guestRequestAppendix"
style=
"width:400px;"
placeholder=
"住宿需求
"
></el-input>
</li>
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div2One"
style=
"margin-top:30px;"
>
<div
class=
"HS_div2One
HS_Email
"
style=
"margin-top:30px;"
>
<ul>
<ul>
<li
style=
"margin:0 10px 0 40px;"
>
<li
style=
"margin-left:68px;vertical-align:top;"
>
评语
</li>
<div>
入住和离店
</div>
<li>
<div>
(当地时间)
</div>
<el-input
type=
"textarea"
:rows=
"3"
maxlength=
"400"
v-model=
"sureMsg.comment"
style=
"width:400px;"
placeholder=
"住宿需求"
></el-input>
</li>
<li
style=
"vertical-align:top"
>
入住时间 15:00以后
</li>
<li
style=
"vertical-align:top"
>
离店时间 12:00以前
</li>
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"HS_div2One HS_AreaSelect"
>
<div
class=
"HS_div2One HS_AreaSelect"
>
<ul>
<ul
v-for=
"item in sureMsg.roomGroup"
>
<li
class=
"HS2_title"
>
房间
1
</li>
<li
class=
"HS2_title"
>
房间
{{item.roomCount}}
</li>
<li
style=
"margin-left:20px;"
>
人数
</li>
<li
style=
"margin-left:20px;"
>
人数
</li>
<li>
<li>
<el-select
style=
"width:90px"
clearable
placeholder=
"成人男"
>
<el-select
style=
"width:90px"
v-model=
"item.roomMaleCount"
:disabled=
"item.isShowMale"
clearable
placeholder=
"成人男"
>
<
!--
<el-option
:value=
"1"
label=
"1"
></el-option>
--
>
<
el-option
v-for=
"item in Pnumber"
:value=
"item.num"
:label=
"item.num"
></el-option
>
</el-select>
</el-select>
</li>
</li>
<li>
<li>
<el-select
style=
"width:90px"
clearable
placeholder=
"成人女"
>
<el-select
style=
"width:90px"
v-model=
"item.roomFemaleCount"
:disabled=
"item.isShowFemale"
clearable
placeholder=
"成人女"
>
<
!--
<el-option
:value=
"1"
label=
"1"
></el-option>
--
>
<
el-option
v-for=
"item in Pnumber"
:value=
"item.num"
:label=
"item.num"
></el-option
>
</el-select>
</el-select>
</li>
</li>
<li>
<li>
<el-select
style=
"width:90px"
clearable
placeholder=
"儿童"
>
<el-select
style=
"width:90px"
v-model=
"item.roomChildCount"
:disabled=
"item.isShowChild"
clearable
placeholder=
"儿童"
>
<
!--
<el-option
:value=
"1"
label=
"1"
></el-option>
--
>
<
el-option
v-for=
"item in Pnumber"
:value=
"item.num"
:label=
"item.num"
></el-option
>
</el-select>
</el-select>
</li>
</li>
</ul>
</ul>
</div>
</div>
</div>
</div>
<input
type=
"button"
class=
"HD_payBtn"
@
click=
"BuyHoTel()"
value=
"下单"
/>
</div>
</div>
<div
class=
"HS_RightList"
>
<div
class=
"HS_RightList"
>
<div
class=
"HS_RightTopImg"
>
<div
class=
"HS_RightTopImg"
>
<img
src=
"../../assets/img/hotel/biefu.png"
alt=
""
/>
<
template
v-if=
"dataList.roomRateDetails"
>
<img
:src=
"dataList.roomRateDetails.roomImageURL"
alt=
""
/>
</
template
>
</div>
</div>
<div
class=
"HS_HotelRight"
>
<div
class=
"HS_HotelRight"
>
<div
class=
"HS_HtName"
>
{{dataList.hotelName}}
</div>
<div
class=
"HS_HtName"
>
{{dataList.hotelName}}
</div>
<div
class=
"HS_EnName"
>
Aman Tokyo
</div>
<div
class=
"HS_HAddress"
>
<div
class=
"HS_HAddress"
>
<img
src=
"../../assets/img/hotel/redAddress.png"
alt=
""
/>
<img
src=
"../../assets/img/hotel/redAddress.png"
alt=
""
/>
THE OTEMACHI TOWER 1-5-6 OTEMACHI CHIYODA-KU,东京站/日本桥/秋叶原/锦糸町,东京,东京都,100-0004,日本
{{dataList.address}}
</div>
</div>
<div
class=
"HS_Haohua"
>
豪华客房(豪华大床)每日标准放假
</div>
<div
class=
"f12 C9"
>
Deluxe Room - King
</div>
<ul
class=
"HS_RoomInfo"
>
<ul
class=
"HS_RoomInfo"
>
<li>
<li>
<span
class=
"C9"
>
床型
</span>
<span
class=
"C9"
>
房型
</span>
<span>
1张特大床
</span>
<div
v-if=
"dataList.roomRateDetails"
>
<
template
v-if=
"dataList.roomRateDetails.roomType==1"
>
单人床
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==2"
>
双床
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==3"
>
大床房
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==4"
>
三人间
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==5"
>
四床房
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==6"
>
日式房
</
template
>
<
template
v-if=
"dataList.roomRateDetails.roomType==7"
>
日式
&
西式混合房间
</
template
>
</div>
</li>
</li>
<li>
<li>
<span
class=
"C9"
>
人数
</span>
<span
class=
"C9"
>
人数
</span>
<span>
每间房最多入住1人
</span>
<span
v-if=
"dataList.roomGroup"
>
每间最多入住成人:{{dataList.roomGroup.roomAdultCount}},儿童:{{dataList.roomGroup.roomChildCount}}
</span>
</li>
</li>
<li>
<
!-- <
li>
<span class="C9">加床</span>
<span class="C9">加床</span>
<span>JPY 20216.00/床/间夜</span>
<span>JPY 20216.00/床/间夜</span>
</li>
</li>
-->
<li>
<li>
<span
class=
"C9"
>
面积
</span>
<span
class=
"C9"
>
吸烟
</span>
<span>
71㎡
</span>
<span
v-if=
"dataList.roomRateDetails"
>
<
template
v-if=
"dataList.roomRateDetails.smoking==0"
>
禁吸
</
template
>
<
template
v-if=
"dataList.roomRateDetails.smoking==1"
>
可吸烟
</
template
>
</span>
</li>
</li>
<li>
<li>
<span
class=
"C9"
>
网络
</span>
<span
class=
"C9"
>
厕所
</span>
<span>
全部房间支持免费无线宽带上网
</span>
<span
v-if=
"dataList.roomRateDetails"
>
<
template
v-if=
"dataList.roomRateDetails.withBath==0"
>
无
</
template
>
<
template
v-if=
"dataList.roomRateDetails.withBath==1"
>
有
</
template
>
</span>
</li>
</li>
</ul>
</ul>
</div>
</div>
...
@@ -525,10 +586,10 @@
...
@@ -525,10 +586,10 @@
<div
class=
"HS_RitTop"
>
<div
class=
"HS_RitTop"
>
<span
class=
"HS_RitTop_Left"
>
订单总额
</span>
<span
class=
"HS_RitTop_Left"
>
订单总额
</span>
<span
class=
"HS_RitPrice"
>
<span
class=
"HS_RitPrice"
>
<i>
¥
</i>
7904
<i>
¥
</i>
{{totalPrice}}
</span>
</span>
</div>
</div>
<div
class=
"HS_RitBottom"
>
<
!-- <
div class="HS_RitBottom">
<div>
<div>
<span>房费</span>
<span>房费</span>
<span class="HS_btLine"></span>
<span class="HS_btLine"></span>
...
@@ -539,7 +600,7 @@
...
@@ -539,7 +600,7 @@
<span class="HS_btLineTwo"></span>
<span class="HS_btLineTwo"></span>
<span>¥1550</span>
<span>¥1550</span>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -558,13 +619,110 @@ export default {
...
@@ -558,13 +619,110 @@ export default {
roomOptionCd
:
''
,
roomOptionCd
:
''
,
searchroomGroup
:[]
searchroomGroup
:[]
},
},
auditNum
:
0
,
childNum
:
0
,
//入住 周几
checkInWeek
:
''
,
checkOutWeek
:
''
,
//确认MSG参数
sureMsg
:{
dataId
:
''
,
hotelId
:
''
,
totalRoomCount
:
''
,
arrivalDate
:
''
,
checkInTime
:
''
,
departureDate
:
''
,
roomOptionCd
:
''
,
totalChargeableRateInfo
:
''
,
roomGroup
:[],
guestLastName
:
''
,
guestFirstName
:
''
,
guestAddress
:
''
,
guestPhoneNumber
:
''
,
guestEmail
:
''
,
guestRequest
:
''
,
guestRequestAppendix
:
''
,
comment
:
''
,
CustomerId
:
0
,
CreateBy
:
0
},
//人数下拉
Pnumber
:[{
num
:
0
},{
num
:
1
},{
num
:
2
},{
num
:
3
},{
num
:
4
},{
num
:
5
},{
num
:
6
},{
num
:
7
},{
num
:
8
},{
num
:
9
},{
num
:
10
},{
num
:
11
},{
num
:
12
},{
num
:
13
},{
num
:
14
},{
num
:
15
},{
num
:
16
},{
num
:
17
},{
num
:
18
},{
num
:
19
},{
num
:
20
},],
dataList
:[],
dataList
:[],
//总价
totalPrice
:
0
,
};
};
},
},
mounted
()
{
mounted
()
{
let
msgList
=
JSON
.
parse
(
this
.
$route
.
query
.
msg
);
let
msgList
=
JSON
.
parse
(
this
.
$route
.
query
.
msg
);
this
.
msg
=
msgList
;
this
.
msg
=
msgList
;
console
.
log
(
msgList
,
'msglist'
);
console
.
log
(
msgList
,
'msglist'
);
this
.
auditNum
=
0
;
this
.
childNum
=
0
;
this
.
msg
.
searchroomGroup
.
forEach
(
x
=>
{
this
.
auditNum
+=
x
.
numberOfAdults
;
this
.
childNum
+=
x
.
numberOfChildren
;
})
let
roomGroupLen
=
this
.
msg
.
searchroomGroup
.
length
;
let
userInfo
=
this
.
getLocalStorage
();
this
.
sureMsg
.
CustomerId
=
userInfo
.
customerId
;
this
.
sureMsg
.
CreateBy
=
userInfo
.
createBy
;
this
.
sureMsg
.
roomGroup
=
[];
for
(
var
i
=
0
;
i
<
roomGroupLen
;
i
++
){
var
obj
=
{
roomCount
:
i
+
1
,
roomMaleCount
:
0
,
roomFemaleCount
:
0
,
roomChildCount
:
0
,
roomInfantCount
:
0
,
rateGroup
:[]
}
this
.
sureMsg
.
roomGroup
.
push
(
obj
);
}
console
.
log
(
this
.
sureMsg
,
'sureMsgsureMsgsureMsg'
);
this
.
getWeek
();
this
.
getBookInfo
();
this
.
getBookInfo
();
},
},
created
()
{
created
()
{
...
@@ -577,6 +735,19 @@ export default {
...
@@ -577,6 +735,19 @@ export default {
console
.
log
(
res
,
'bookMsg'
);
console
.
log
(
res
,
'bookMsg'
);
if
(
res
.
data
.
resultCode
==
1
)
{
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
dataList
=
res
.
data
.
data
;
this
.
dataList
=
res
.
data
.
data
;
if
(
Object
.
prototype
.
toString
.
call
(
this
.
dataList
.
roomGroup
)
==
'[object Object]'
){
let
arr
=
[];
arr
.
push
(
this
.
dataList
.
roomGroup
);
this
.
dataList
.
roomGroup
=
arr
;
}
this
.
dataList
.
roomGroup
.
forEach
(
x
=>
{
let
tt
=
0
;
x
.
rateGroup
.
forEach
(
z
=>
{
tt
+=
parseFloat
(
z
.
perAdultRate
);
})
this
.
totalPrice
+=
tt
*
x
.
roomAdultCount
;
})
}
else
{
}
else
{
this
.
Error
(
res
.
data
.
message
);
this
.
Error
(
res
.
data
.
message
);
}
}
...
@@ -584,6 +755,53 @@ export default {
...
@@ -584,6 +755,53 @@ export default {
err
=>
{}
err
=>
{}
);
);
},
},
//通过日期得到周几
getWeek
(){
this
.
checkInWeek
=
new
Date
(
this
.
msg
.
arrivalDate
).
getDay
();
this
.
checkOutWeek
=
new
Date
(
this
.
msg
.
departureDate
).
getDay
();
},
//改变日期
getDateInfo
(){
this
.
getWeek
();
this
.
getBookInfo
();
},
//点击支付
BuyHoTel
(){
this
.
sureMsg
.
hotelId
=
this
.
msg
.
hotelId
;
this
.
sureMsg
.
arrivalDate
=
this
.
msg
.
arrivalDate
;
this
.
sureMsg
.
totalRoomCount
=
this
.
msg
.
searchroomGroup
.
length
;
this
.
sureMsg
.
departureDate
=
this
.
msg
.
departureDate
;
this
.
sureMsg
.
roomOptionCd
=
this
.
msg
.
roomOptionCd
;
this
.
dataList
.
roomGroup
.
forEach
(
x
=>
{
this
.
sureMsg
.
roomGroup
.
forEach
(
j
=>
{
if
(
Object
.
prototype
.
toString
.
call
(
x
.
rateGroup
)
==
'[object Object]'
){
j
.
rateGroup
.
push
(
x
.
rateGroup
);
}
else
{
j
.
rateGroup
=
x
.
rateGroup
}
})
})
if
(
this
.
sureMsg
.
CustomerId
==
null
||
this
.
sureMsg
.
CustomerId
==
""
){
this
.
sureMsg
.
CustomerId
=
0
}
if
(
this
.
sureMsg
.
CreateBy
==
null
||
this
.
sureMsg
.
CreateBy
==
""
){
this
.
sureMsg
.
CreateBy
=
0
}
console
.
log
(
this
.
sureMsg
,
'确定'
);
this
.
sureMsg
.
totalChargeableRateInfo
=
this
.
totalPrice
;
this
.
apipost
(
"dmc_post_Get_GetJAPAN_HotelBooking"
,
this
.
sureMsg
,
res
=>
{
console
.
log
(
res
,
'保存完毕'
);
if
(
res
.
data
.
resultCode
==
1
)
{
this
.
Succrss
(
res
.
data
.
message
);
}
else
{
this
.
Error
(
res
.
data
.
message
);
}
},
err
=>
{}
);
}
}
}
};
};
</
script
>
</
script
>
src/components/global/newHead.vue
View file @
114dc87f
...
@@ -321,6 +321,13 @@
...
@@ -321,6 +321,13 @@
<span
class=
"__splice"
>
|
</span>
<span
class=
"__splice"
>
|
</span>
</div>
</div>
</li>
</li>
<!-- 酒店 -->
<li
:class=
"{_active: navActive === 10}"
>
<div
@
click=
"handleSelect('/HotelHome', 10), navActive = 10"
>
<span>
酒店
</span>
<span
class=
"__splice"
>
|
</span>
</div>
</li>
<!-- 景点门票 -->
<!-- 景点门票 -->
<!-- <li :class="{_active: navActive === 7}">
<!-- <li :class="{_active: navActive === 7}">
<div @click="handleSelect('/', 7), navActive = 7">
<div @click="handleSelect('/', 7), navActive = 7">
...
@@ -498,7 +505,9 @@ export default {
...
@@ -498,7 +505,9 @@ export default {
created
()
{
created
()
{
let
that
=
this
;
let
that
=
this
;
require
([
"http://pv.sohu.com/cityjson?ie=utf-8"
],
()
=>
{
require
([
"http://pv.sohu.com/cityjson?ie=utf-8"
],
()
=>
{
setTimeout
(()
=>
{
setTimeout
(()
=>
{
console
.
log
(
"returnCitySN"
,
returnCitySN
)
if
(
returnCitySN
)
{
if
(
returnCitySN
)
{
that
.
loadSites
();
that
.
loadSites
();
that
.
cityText
=
returnCitySN
.
cname
;
that
.
cityText
=
returnCitySN
.
cname
;
...
...
src/components/newPersonalCenter/integral/RedEnvelopes.vue
View file @
114dc87f
...
@@ -44,14 +44,13 @@
...
@@ -44,14 +44,13 @@
<td>
{{
item
.
peopleNum
}}
</td>
<td>
{{
item
.
peopleNum
}}
</td>
<td
class=
"cee"
>
¥
{{
item
.
money
}}
</td>
<td
class=
"cee"
>
¥
{{
item
.
money
}}
</td>
</tr>
</tr>
<tr
v-if=
"dataList.length
<1
"
>
<td
colspan=
"4"
>
</table>
<div
v-if=
"dataList.length==0"
style=
"padding:15px 0;text-align:center"
>
<div
class=
"empty-data"
><i
class=
"iconfont icon-kong"
></i>
<div
class=
"empty-data"
><i
class=
"iconfont icon-kong"
></i>
很抱歉,你想要的信息我们真的找不到了
很抱歉,你想要的信息我们真的找不到了
</div>
</div>
</td>
</div>
</tr>
</table>
</el-col>
</el-col>
<el-col
:span=
"8"
>
<el-col
:span=
"8"
>
<p
class=
"f14 c99"
>
数据占比
</p>
<p
class=
"f14 c99"
>
数据占比
</p>
...
@@ -74,10 +73,10 @@
...
@@ -74,10 +73,10 @@
</el-col>
</el-col>
<el-col
:span=
"6"
>
<el-col
:span=
"6"
>
<p
class=
"f14"
style=
"color:#999999;margin-top:30px"
>
本年累计交易总额
</p>
<p
class=
"f14"
style=
"color:#999999;margin-top:30px"
>
本年累计交易总额
</p>
<p
style=
"margin-top:20px"
><span>
¥
</span><span
class=
"f30"
>
{{
datainfo
.
Amount
}}
</span></p>
<p
style=
"margin-top:20px"
><span>
¥
</span><span
class=
"f30
pfR
"
>
{{
datainfo
.
Amount
}}
</span></p>
<div
style=
"border-bottom:1px solid #EDEDED;width:256px;margin:30px 0"
></div>
<div
style=
"border-bottom:1px solid #EDEDED;width:256px;margin:30px 0"
></div>
<p
class=
"f14"
style=
"color:#999999;"
>
累计收益
</p>
<p
class=
"f14"
style=
"color:#999999;"
>
累计收益
</p>
<p
style=
"margin-top:20px"
><span>
¥
</span><span
class=
"f30"
>
{{
datainfo
.
TotalMoney
}}
</span></p>
<p
style=
"margin-top:20px"
><span>
¥
</span><span
class=
"f30
pfR
"
>
{{
datainfo
.
TotalMoney
}}
</span></p>
</el-col>
</el-col>
</el-row>
</el-row>
<div
class=
"jyeDiv"
>
<div
class=
"jyeDiv"
>
...
@@ -97,7 +96,7 @@
...
@@ -97,7 +96,7 @@
<el-col
:span=
"9"
>
<el-col
:span=
"9"
>
<p
v-if=
"item.percent>1"
style=
"color:#00B526"
class=
"pfR"
>
已激活,预计收益 ¥
{{
(
item
.
Money
*
item
.
Ratio
)
/
1000
}}
</p>
<p
v-if=
"item.percent>1"
style=
"color:#00B526"
class=
"pfR"
>
已激活,预计收益 ¥
{{
(
item
.
Money
*
item
.
Ratio
)
/
1000
}}
</p>
<p
v-if=
"item.percent
<1
"
style=
"color:#EE4454"
class=
"pfR"
>
还差¥
{{
item
.
Money
-
datainfo
.
Amount
}}
,预计收益 ¥
{{
(
item
.
Money
*
item
.
Ratio
)
/
1000
}}
</p>
<p
v-if=
"item.percent
<1
"
style=
"color:#EE4454"
class=
"pfR"
>
还差¥
{{
item
.
Money
-
datainfo
.
Amount
}}
,预计收益 ¥
{{
(
item
.
Money
*
item
.
Ratio
)
/
1000
}}
</p>
<p
style=
"color:#999999"
>
月
交易额已达
<span
class=
"pfR"
>
¥
{{
item
.
Money
}}
</span><span>
返
</span><span
class=
"pfR"
>
{{
item
.
Ratio
}}
‰
</span></p>
<p
style=
"color:#999999"
>
年
交易额已达
<span
class=
"pfR"
>
¥
{{
item
.
Money
}}
</span><span>
返
</span><span
class=
"pfR"
>
{{
item
.
Ratio
}}
‰
</span></p>
</el-col>
</el-col>
</el-row>
</el-row>
...
@@ -199,12 +198,18 @@ export default {
...
@@ -199,12 +198,18 @@ export default {
if
(
res
.
data
.
resultCode
==
1
){
if
(
res
.
data
.
resultCode
==
1
){
let
data
=
res
.
data
.
data
;
let
data
=
res
.
data
.
data
;
let
arr
=
[];
let
arr
=
[];
for
(
let
k
in
data
)
{
data
.
forEach
(
item
=>
{
let
obj
=
{};
let
obj
=
{};
obj
.
name
=
k
;
obj
.
name
=
item
.
LineName
;
obj
.
value
=
data
[
k
]
;
obj
.
value
=
item
.
num
;
this
.
zbList
.
push
(
obj
);
this
.
zbList
.
push
(
obj
);
}
})
// for(let k in data){
// let obj={};
// obj.name=k;
// obj.value=data[k];
// this.zbList.push(obj);
// }
this
.
creatZhanBi
();
this
.
creatZhanBi
();
}
else
{
}
else
{
...
@@ -580,14 +585,14 @@ export default {
...
@@ -580,14 +585,14 @@ export default {
border-bottom
:
1px
solid
rgba
(
234
,
234
,
234
,
1
);
border-bottom
:
1px
solid
rgba
(
234
,
234
,
234
,
1
);
}
}
.rentou-box
th
{
.rentou-box
th
{
font-size
:
14px
!important
;
font-size
:
14px
;
font-family
:
'pingfangR'
;
font-weight
:
400
;
font-weight
:
400
;
color
:
#666666
;
}
}
.rentou-box
th
,
.rentou-box
td
{
.rentou-box
th
,
.rentou-box
td
{
padding
:
8px
20px
;
padding
:
8px
20px
;
text-align
:
left
!important
;
text-align
:
left
!important
;
font-size
:
12px
}
}
.rentou-box
td
{
.rentou-box
td
{
font-size
:
14px
;
font-size
:
14px
;
...
...
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