Skip to content

A
Athena
Commit 2cb102f0 authored by zhengke's avatar zhengke
Browse files
Options

s

parent 03065c12
Hide whitespace changes
Inline Side-by-side
Showing with 1050 additions and 913 deletions
src/components/Hotel/HotelDetail.vue
View file @ 2cb102f0
<style> <style>
.HotelDetail{ .HotelDetail {
width:1200px; width: 1200px;
height:auto; height: auto;
margin:auto; margin: auto;
margin-bottom:34px; margin-bottom: 34px;
} }
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;} .clearfix:after {
.HD_Top{ content: "\0020";
margin-top:20px; display: block;
} height: 0;
.HD_Top_Left{ clear: both;
width:878px; }
height:auto; .HD_Top {
float:left; margin-top: 20px;
} }
.HD_Top_Right{ .HD_Top_Left {
width:300px; width: 878px;
float:left; height: auto;
height:368px; float: left;
margin-left:20px; }
} .HD_Top_Right {
.HD_Top_Title{ width: 300px;
font-weight: bold; float: left;
color:#000000; height: 368px;
font-size:16px; margin-left: 20px;
margin-bottom:10px; }
} .HD_Top_Title {
.HD_Top_Address{ font-weight: bold;
font-size:14px; color: #000000;
color:#999999; font-size: 16px;
} margin-bottom: 10px;
.HD_Top_Price{ }
width:838px; .HD_Top_Address {
height:54px; font-size: 14px;
margin:20px 0; color: #999999;
background-color: #F5F5F5; }
padding:0 20px; .HD_Top_Price {
display: flex; width: 838px;
align-items: center; height: 54px;
font-size:12px; margin: 20px 0;
color:#888888; background-color: #f5f5f5;
position: relative; padding: 0 20px;
} display: flex;
.HD_Top_Pinfo{ align-items: center;
color:#EE4454; font-size: 12px;
font-size:22px; color: #888888;
font-weight: bold; position: relative;
margin-top:-5px; }
} .HD_Top_Pinfo {
.HD_Top_Pinfo i{ color: #ee4454;
margin-right:10px; font-size: 22px;
font-style:normal; font-weight: bold;
} margin-top: -5px;
.HD_Top_qi{ }
margin-right:30px; .HD_Top_Pinfo i {
} margin-right: 10px;
.HD_SureBtn{ font-style: normal;
float:right; }
width:90px; .HD_Top_qi {
height:36px; margin-right: 30px;
background-color: #EE4454; }
border-radius:4px; .HD_SureBtn {
color:#fff; float: right;
outline: none; width: 90px;
right:20px; height: 36px;
position: absolute; background-color: #ee4454;
border:none; border-radius: 4px;
cursor: pointer; color: #fff;
} outline: none;
.HD_Top_ImgList{ right: 20px;
width:100%; position: absolute;
height:auto; border: none;
} cursor: pointer;
.HD_Top_FirstImg{ }
float:left; .HD_Top_ImgList {
width:345px; width: 100%;
height:259px; height: auto;
} }
.HD_Top_ImgList img{ .HD_Top_FirstImg {
width:100%; float: left;
height:100%; width: 345px;
} height: 259px;
.HD_Top_rightImg{ }
float:left; .HD_Top_ImgList img {
width:526px; width: 100%;
margin-left:7px; height: 100%;
} }
.HD_Top_ImgDiv{ .HD_Top_rightImg {
width:259px; float: left;
height:126px; width: 526px;
float:left; margin-left: 7px;
margin:0 8px 8px 0; }
} .HD_Top_ImgDiv {
.HD_Top_ImgDiv:nth-child(2n+2){ width: 259px;
margin-right:0; height: 126px;
} float: left;
.HD_btnContent{ margin: 0 8px 8px 0;
width:100%; }
height:auto; .HD_Top_ImgDiv:nth-child(2n + 2) {
border:1px solid #DCDCDC; margin-right: 0;
margin-top:49px; }
} .HD_btnContent {
.HD_checkTime,.HD_PeoPleNum{ width: 100%;
margin:20px; height: auto;
font-size:12px; border: 1px solid #dcdcdc;
color:#666666; margin-top: 49px;
position: relative; }
} .HD_checkTime,
.HD_warn{ .HD_PeoPleNum {
color:#EE4454; margin: 20px;
font-size:14px; font-size: 12px;
font-weight:bold; color: #666666;
margin-left:46px; position: relative;
} }
.HD_warn i{ .HD_warn {
color:#FFA835; color: #ee4454;
} font-size: 14px;
.HD_checkTime .el-input-number{ font-weight: bold;
width:145px; margin-left: 46px;
line-height: 26px; }
margin-right:20px; .HD_warn i {
} color: #ffa835;
.HD_checkTime .el-input__inner{ }
height:28px; .HD_checkTime .el-input-number {
border-radius:0; width: 145px;
} line-height: 26px;
.HD_PsureBtn{ margin-right: 20px;
position: absolute; }
right:0; .HD_checkTime .el-input__inner {
width:90px; height: 28px;
height:36px; border-radius: 0;
background-color: #EE4454; }
color:#fff; .HD_PsureBtn {
font-size: 16px; position: absolute;
font-weight: 400; right: 0;
outline: none; width: 90px;
border:none; height: 36px;
cursor: pointer; background-color: #ee4454;
border-radius: 4px; color: #fff;
} font-size: 16px;
.HD_fuhe{ font-weight: 400;
width:1167px; outline: none;
padding:0 17px; border: none;
height:30px; cursor: pointer;
color:#fff; border-radius: 4px;
font-size:16px; }
display: flex; .HD_fuhe {
align-items: center; width: 1167px;
font-weight: bold; padding: 0 17px;
background-color: #FFA835; height: 30px;
} color: #fff;
.HD_fuhe img{ font-size: 16px;
margin-right:10px; display: flex;
} align-items: center;
.HD_fangxing_List{ font-weight: bold;
width:100%; background-color: #ffa835;
height:97px; }
position: relative; .HD_fuhe img {
border-bottom:1px solid #DCDCDC; margin-right: 10px;
} }
.HD_fangxing{ .HD_fangxing_List {
width:100%; width: 100%;
border-collapse: collapse; height: 97px;
} position: relative;
.HD_fangxing td{ border-bottom: 1px solid #dcdcdc;
padding:0 }
} .HD_fangxing {
.HD_LeftRoomInfo{ width: 100%;
margin:15px 10px 0 15px; border-collapse: collapse;
display: flex; }
} .HD_fangxing td {
.HD_FuheIMG{ padding: 0;
position: relative; }
display: inline-block; .HD_LeftRoomInfo {
width:70px; margin: 15px 10px 0 15px;
height:70px; display: flex;
} }
.HD_FuheIMG img{ .HD_FuheIMG {
width:100%; position: relative;
height:100%; display: inline-block;
} width: 70px;
.HD_FuheIMG div{ height: 70px;
position: absolute; }
bottom: 0; .HD_FuheIMG img {
right:0; width: 100%;
width:40px; height: 100%;
height:20px; }
background:rgba(0,0,0,0.5); .HD_FuheIMG div {
line-height: 20px; position: absolute;
text-align: center; bottom: 0;
color:#fff; right: 0;
font-size: 12px; width: 40px;
} height: 20px;
.HD_Kefang{ background: rgba(0, 0, 0, 0.5);
display: inline-block; line-height: 20px;
margin-left:10px; text-align: center;
color:#555555; color: #fff;
font-size:12px; font-size: 12px;
width:123px; }
} .HD_Kefang {
.HD_Kefang span{ display: inline-block;
display: block; margin-left: 10px;
} color: #555555;
.HD_Kefang span:first-child{ font-size: 12px;
font-size: 16px; width: 123px;
color:#111111; }
} .HD_Kefang span {
.HD_fangxing_List ul li{ display: block;
float:left; }
font-size:13px; .HD_Kefang span:first-child {
margin-right:40px; font-size: 16px;
display: flex; color: #111111;
align-items: center; }
height:98px; .HD_fangxing_List ul li {
} float: left;
.HD_ComDiJia{ font-size: 13px;
position: absolute; margin-right: 40px;
top:0; display: flex;
left:0; align-items: center;
width:66px; height: 98px;
height:20px; }
color:#fff; .HD_ComDiJia {
font-size:12px; position: absolute;
text-align: center; top: 0;
line-height: 20px; left: 0;
border-bottom-right-radius: 12px; width: 66px;
} height: 20px;
.HD_Black{ color: #fff;
background-color: black; font-size: 12px;
} text-align: center;
.HD_Green{ line-height: 20px;
background-color: green; border-bottom-right-radius: 12px;
} }
.HD_OneLi{ .HD_Black {
color:#888888; background-color: black;
width:170px; }
margin-left:20px; .HD_Green {
font-size:14px; background-color: green;
} }
.HD_FreeWifi{ .HD_OneLi {
color:#EE4454; color: #888888;
} width: 170px;
.HD_Lingprice{ margin-left: 20px;
color:#999999; font-size: 14px;
} }
.HD_Lingprice i{ .HD_FreeWifi {
font-style: normal; color: #ee4454;
margin-right:2px; }
} .HD_Lingprice {
.HD_Lingprice span{ color: #999999;
color:#EE4454; }
font-size:22px; .HD_Lingprice i {
} font-style: normal;
.HD_Lingprice>div:last-child{ margin-right: 2px;
margin-top:3px; }
} .HD_Lingprice span {
.HD_letfTD{ color: #ee4454;
width:238px; font-size: 22px;
vertical-align:top; }
border-right:1px solid #d1d1d1; .HD_Lingprice > div:last-child {
border-bottom:1px solid #d1d1d1; margin-top: 3px;
} }
.HD_LastShowMore{ .HD_letfTD {
width:941px; width: 238px;
height:23px; vertical-align: top;
background-color: #DCDCDC; border-right: 1px solid #d1d1d1;
text-align: right; border-bottom: 1px solid #d1d1d1;
padding-right:20px; }
font-size:12px; .HD_LastShowMore {
color:#999999; width: 941px;
line-height: 23px; height: 23px;
border-bottom:1px solid #DCDCDC; background-color: #dcdcdc;
} text-align: right;
.HD_LastShowMore span{ padding-right: 20px;
cursor: pointer; font-size: 12px;
} color: #999999;
.HD_LastShowMore i{ line-height: 23px;
font-size:12px; border-bottom: 1px solid #dcdcdc;
} }
.HD_HotelInfo{ .HD_LastShowMore span {
width:100% cursor: pointer;
} }
.HD_fangxing tr td:last-child{ .HD_LastShowMore i {
border-bottom:1px solid #DCDCDC; font-size: 12px;
} }
.HD_hotelComIntroduce{ .HD_HotelInfo {
margin:auto; width: 100%;
width:1160px; }
height:auto; .HD_fangxing tr td:last-child {
padding:20px 0 10px 0; border-bottom: 1px solid #dcdcdc;
border-bottom:1px solid #DCDCDC; }
font-size:12px; .HD_hotelComIntroduce {
color:#111111; margin: auto;
} width: 1160px;
.HD_hotelComIntroduce span{ height: auto;
display:inline-block; padding: 20px 0 10px 0;
margin-bottom:10px; border-bottom: 1px solid #dcdcdc;
} font-size: 12px;
.HD_inTitle{ color: #111111;
font-size:14px; }
font-weight: bold; .HD_hotelComIntroduce span {
color:#111111; display: inline-block;
margin-bottom:20px; margin-bottom: 10px;
} }
.HD_ServiceList span{ .HD_inTitle {
display: inline-block; font-size: 14px;
margin:0 30px 10px 0; font-weight: bold;
} color: #111111;
.HD_ComLeftTitle{ margin-bottom: 20px;
display:inline-block; }
width:110px; .HD_ServiceList span {
text-align: left; display: inline-block;
color:#666666; margin: 0 30px 10px 0;
vertical-align: top; }
} .HD_ComLeftTitle {
.HD_Card img{ display: inline-block;
margin-right:10px; width: 110px;
} text-align: left;
.Ht_PopList{ color: #666666;
width:170px; vertical-align: top;
float:left; }
height:auto; .HD_Card img {
border-right:1px solid #E9E9E9; margin-right: 10px;
margin:0 20px 20px 0; }
} .Ht_PopList {
.Ht_PopList:last-child{ width: 170px;
border-right:0; float: left;
margin-right:0; height: auto;
} border-right: 1px solid #e9e9e9;
.Ht_PopList>div{ margin: 0 20px 20px 0;
width:94px; }
height:26px; .Ht_PopList:last-child {
border:1px solid #EE4454; border-right: 0;
color:#EE4454; margin-right: 0;
text-align: center; }
line-height: 26px; .Ht_PopList > div {
border-radius:3px; width: 94px;
margin-bottom:20px; height: 26px;
} border: 1px solid #ee4454;
.Ht_PopList .el-input__inner{ color: #ee4454;
width:54px; text-align: center;
height:22px; line-height: 26px;
} border-radius: 3px;
.Ht_PopList .el-input__icon{ margin-bottom: 20px;
line-height: 0; }
} .Ht_PopList .el-input__inner {
.Ht_PopList tr td{ width: 54px;
height:35px; height: 22px;
} }
.HotelDetail .Ht_ul{ .Ht_PopList .el-input__icon {
width:400px; line-height: 0;
display: inline-block; }
} .Ht_PopList tr td {
.HotelDetail .Ht_ul li{ height: 35px;
display: inline-block; }
font-size:14px; .HotelDetail .Ht_ul {
color:#333333; width: 400px;
margin-right:15px; display: inline-block;
} }
.HotelDetail .Ht_ulName{ .HotelDetail .Ht_ul li {
position: relative; display: inline-block;
top:-1px; font-size: 14px;
} color: #333333;
.HotelDetail .Ht_ulDian{ margin-right: 15px;
position: relative; }
top:-5px; .HotelDetail .Ht_ulName {
} position: relative;
.Ht_ul li img{ top: -1px;
position: relative; }
top:1px; .HotelDetail .Ht_ulDian {
} position: relative;
.HD_Top_Right_Star{ top: -5px;
width:262px; }
height:122px; .Ht_ul li img {
padding:0 20px; position: relative;
border:1px solid #DDDDDD; top: 1px;
} }
.HD_TOP_Map{ .HD_Top_Right_Star {
width:100%; width: 262px;
height:244px; height: 122px;
margin-top:27px; padding: 0 20px;
border:1px solid #DDDDDD; border: 1px solid #dddddd;
} }
.HD_TopScore{ .HD_TOP_Map {
height:60px; width: 100%;
width:100%; height: 244px;
display: flex; margin-top: 27px;
align-items: center; border: 1px solid #dddddd;
position: relative; }
border-bottom:1px solid #DDDDDD; .HD_TopScore {
} height: 60px;
.HD_Score_right{ width: 100%;
position: absolute; display: flex;
right:0; align-items: center;
color:#111111!important; position: relative;
} border-bottom: 1px solid #dddddd;
.HD_TopScore span{ }
display:inline-block; .HD_Score_right {
font-size:16px; position: absolute;
color:#EE4454; right: 0;
} color: #111111 !important;
.HD_ScoreS{ }
color:#EE4454; .HD_TopScore span {
font-size:24px!important; display: inline-block;
} font-size: 16px;
.HD_xing{ color: #ee4454;
margin-top:20px; }
text-align: center; .HD_ScoreS {
} color: #ee4454;
.blackColor{ font-size: 24px !important;
color:black; }
} .HD_xing {
.HD_minNight{ margin-top: 20px;
position: absolute; text-align: center;
display: inline-block; }
bottom:3px; .blackColor {
left:20px; color: black;
border:1px solid #44B276; }
color:#44B276; .HD_minNight {
padding:1px; position: absolute;
font-weight: bold; display: inline-block;
font-size:12px; bottom: 3px;
} left: 20px;
.HD_date_input .el-input__inner{ border: 1px solid #44b276;
border-radius: 0; color: #44b276;
} padding: 1px;
.HD_fangxing_List:last-child{ font-weight: bold;
border-bottom:0; font-size: 12px;
} }
.Ht_ulName .el-input__icon{ .HD_date_input .el-input__inner {
line-height: 0; border-radius: 0;
} }
.hotel-details-table { .HD_fangxing_List:last-child {
margin-top: 15px; border-bottom: 0;
border: 1px solid #DCDCDC; }
border-collapse: collapse; .Ht_ulName .el-input__icon {
width:680px; line-height: 0;
} }
.hotel-details-table .td01 { .hotel-details-table {
padding: 3px 15px; margin-top: 15px;
background: #F7F7F7; border: 1px solid #dcdcdc;
width: 226px; border-collapse: collapse;
height: 19px; width: 680px;
text-align: center; }
} .hotel-details-table .td01 {
.hotel-details-table .td02 { padding: 3px 15px;
padding: 3px 15px; background: #f7f7f7;
background: #FAFAFA; width: 226px;
width: 69px; height: 19px;
height: 19px; text-align: center;
text-align: center; }
} .hotel-details-table .td02 {
.hotel-details-table td { padding: 3px 15px;
width: 439px; background: #fafafa;
padding: 10px 20px; width: 69px;
vertical-align: middle; height: 19px;
text-align: center; text-align: center;
border: 1px solid #DCDCDC; }
font-size: 14px; .hotel-details-table td {
box-sizing: border-box; width: 439px;
} padding: 10px 20px;
vertical-align: middle;
text-align: center;
border: 1px solid #dcdcdc;
font-size: 14px;
box-sizing: border-box;
}
</style> </style>
<template> <template>
<div class="HotelDetail"> <div class="HotelDetail">
<viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="(item,index) in images" :src="item" :key="index+5000" class="12312312">
</viewer>
<div class="HD_Top clearfix"> <div class="HD_Top clearfix">
<div class="HD_Top_Left"> <div class="HD_Top_Left">
<div class="HD_Top_Title">{{hotelSummary.hotelName}}</div> <div class="HD_Top_Title">{{hotelSummary.hotelName}}</div>
...@@ -479,20 +488,20 @@ ...@@ -479,20 +488,20 @@
</div> </div>
<div class="HD_Top_ImgList clearfix"> <div class="HD_Top_ImgList clearfix">
<div class="HD_Top_FirstImg"> <div class="HD_Top_FirstImg">
<img :src="hotelDetails.hotelImageUrl1" alt=""/> <img :src="hotelDetails.hotelImageUrl1" alt="" @click="bigImgShow(0)"/>
</div> </div>
<div class="HD_Top_rightImg clearfix"> <div class="HD_Top_rightImg clearfix">
<div class="HD_Top_ImgDiv"> <div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl2" alt=""/> <img :src="hotelDetails.hotelImageUrl2" alt="" @click="bigImgShow(1)"/>
</div> </div>
<div class="HD_Top_ImgDiv"> <div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl3" alt=""/> <img :src="hotelDetails.hotelImageUrl3" alt="" @click="bigImgShow(2)"/>
</div> </div>
<div class="HD_Top_ImgDiv"> <div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl4" alt=""/> <img :src="hotelDetails.hotelImageUrl4" alt="" @click="bigImgShow(3)"/>
</div> </div>
<div class="HD_Top_ImgDiv"> <div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl5" alt=""/> <img :src="hotelDetails.hotelImageUrl5" alt="" @click="bigImgShow(4)"/>
</div> </div>
</div> </div>
</div> </div>
...@@ -623,22 +632,15 @@ ...@@ -623,22 +632,15 @@
<img :src="item.roomImageURL" alt=""/> <img :src="item.roomImageURL" alt=""/>
</div> </div>
<div class="HD_Kefang"> <div class="HD_Kefang">
<!-- <span v-if="item.gradeType==1">标准</span> <span v-if="item.roomType==1">{{getGradeType(item.gradeType)}}单人间</span>
<span v-if="item.gradeType==2">主力</span> <span v-if="item.roomType==2">{{getGradeType(item.gradeType)}}双人间</span>
<span v-if="item.gradeType==3">经济学家</span> <span v-if="item.roomType==3">{{getGradeType(item.gradeType)}}大床房</span>
<span v-if="item.gradeType==4">苏佩里</span> <span v-if="item.roomType==4">{{getGradeType(item.gradeType)}}三人间</span>
<span v-if="item.gradeType==5">豪华裤</span> <span v-if="item.roomType==5">{{getGradeType(item.gradeType)}}四人间</span>
<span v-if="item.gradeType==6">特别房间、套房、远离</span> --> <span v-if="item.roomType==6">{{getGradeType(item.gradeType)}}日式房</span>
<span v-if="item.roomType==7">{{getGradeType(item.gradeType)}}日式+西式混合房</span>
<span v-if="item.roomType==1">单人</span> <span v-if="item.roomType==8">{{getGradeType(item.gradeType)}}大床房（小型）</span>
<span v-if="item.roomType==2">双人</span> <span v-if="(item.roomType==9||item.roomType=='')&&item.gradeType==''">未知房型</span>
<span v-if="item.roomType==3">双</span>
<span v-if="item.roomType==4">三件套</span>
<span v-if="item.roomType==5">4床</span>
<span v-if="item.roomType==6">日式房间</span>
<span v-if="item.roomType==7">和洋室</span>
<span v-if="item.roomType==8">半开双</span>
<span v-if="item.roomType==9">其他的</span>
<span v-if="item.smoking==0">禁烟</span> <span v-if="item.smoking==0">禁烟</span>
<span v-if="item.smoking==1">可吸烟</span> <span v-if="item.smoking==1">可吸烟</span>
...@@ -791,59 +793,63 @@ ...@@ -791,59 +793,63 @@
</div> </div>
</template> </template>
<script> <script>
import HTMap from '../global/HTMap' import HTMap from "../global/HTMap";
import moment from "moment"; import moment from "moment";
export default { export default {
data() { data() {
return { return {
//查询条件 //查询条件
msg:{ msg: {
hotelId:'', hotelId: "",
hotelImageSize:5, hotelImageSize: 5,
photoGalleryGetFlg:1, photoGalleryGetFlg: 1,
groupBookingFlg:1 groupBookingFlg: 1
},
imageOptions: {
navbar: false,
title: false
}, },
//获取相似查询条件 //获取相似查询条件
SimilarMsg:{ SimilarMsg: {
hotelId:'', hotelId: "",
sort:1, sort: 1,
displayFrom:1, displayFrom: 1,
arrivalDate:'', arrivalDate: "",
departureDate:'', departureDate: "",
roomOptionCd:'', roomOptionCd: "",
searchroomGroup:[] searchroomGroup: []
}, },
//相似数据 //相似数据
SimilarList:[], SimilarList: [],
hotelDetails:[], hotelDetails: [],
hotelSummary:[], hotelSummary: [],
price:'', price: "",
isShowPop:false, isShowPop: false,
room:1, room: 1,
auditNum:1, auditNum: 1,
childNum:0, childNum: 0,
//设施和服务 //设施和服务
Services:[], Services: [],
//客房有网络连接 //客房有网络连接
InterArr:[], InterArr: [],
//温泉 //温泉
HotSpring:[], HotSpring: [],
//浴室 //浴室
bathRoom:[], bathRoom: [],
//地图坐标 //地图坐标
travelLngLat:[], travelLngLat: [],
//除以 //除以
JapanIncrease:0, JapanIncrease: 0,
isShowTime:true, isShowTime: true,
pickerOptions0: { pickerOptions0: {
disabledDate: this.disabledDate disabledDate: this.disabledDate
} },
images: []
}; };
}, },
mounted() { mounted() {},
},
created() { created() {
if(sessionStorage.getItem("HotelDetail")){ if (sessionStorage.getItem("HotelDetail")) {
let msgList = JSON.parse(sessionStorage.getItem("HotelDetail")); let msgList = JSON.parse(sessionStorage.getItem("HotelDetail"));
this.msg.hotelId = msgList.hotelId; this.msg.hotelId = msgList.hotelId;
this.msg.groupBookingFlg = msgList.groupBookingFlg; this.msg.groupBookingFlg = msgList.groupBookingFlg;
...@@ -857,397 +863,475 @@ export default { ...@@ -857,397 +863,475 @@ export default {
this.getList(); this.getList();
this.getSimilar(); this.getSimilar();
} }
if(sessionStorage.getItem("OpenB2BCode")){ if (sessionStorage.getItem("OpenB2BCode")) {
if(sessionStorage.getItem("OpenB2BCode")=='jqk4n7BSaoI='){ if (sessionStorage.getItem("OpenB2BCode") == "jqk4n7BSaoI=") {
this.isShowTime=false; this.isShowTime = false;
} }
} }
}, },
components: { components: {
HTMap HTMap
}, },
methods: { methods: {
disabledDate(time) { inited(viewer) {
if(this.isShowTime){ this.$viewer = viewer;
let today_after7=moment().add(8,'days').format('YYYY-MM-DD'); },
return time.getTime() < new Date(today_after7).getTime() - 8.64e7; bigImgShow(index) {
} //if (num == 1) {
}, this.$viewer.view(index)
getList(){ this.$viewer.show();
this.apipost("dmc_post_Get_GetJAPAN_HotelDetail",this.msg,res => { //}
if (res.data.resultCode == 1) { },
this.hotelDetails = res.data.data.hotelDetails; //获取房型
this.hotelSummary = res.data.data.hotelSummary; getGradeType(type) {
this.hotelDetails.roomReviewRating = parseFloat(this.hotelDetails.roomReviewRating); let gradeType = "";
this.travelLngLat.push( switch (parseInt(type)) {
{ case 1:
lat:this.hotelSummary.latitudeW, gradeType = "标准";
lng:this.hotelSummary.longitudeW, break;
name:this.hotelSummary.hotelName case 2:
} gradeType = "普通";
) break;
//拆分酒店服务与设施 case 3:
if(this.hotelDetails.roomEquipments!=""){ gradeType = "经济";
let ServeArr = this.hotelDetails.roomEquipments.split(","); break;
this.Services=[]; case 4:
if(ServeArr[0]==1){ gradeType = "精品";
this.Services.push('浴室和厕所'); break;
} case 5:
if(ServeArr[1]==0){ gradeType = "豪华";
this.Services.push('公共汽车厕所CD（有全室巴士）'); break;
} case 6:
if(ServeArr[1]==1){ gradeType = "套房";
this.Services.push('公共汽车厕所CD（有一部分巴士）'); break;
} }
if(ServeArr[1]==2){ return gradeType;
this.Services.push('公共汽车厕所CD（有全室厕所）'); },
} disabledDate(time) {
if(ServeArr[1]==3){ if (this.isShowTime) {
this.Services.push('公共汽车厕所CD（有一部分厕所）'); let today_after7 = moment()
} .add(8, "days")
if(ServeArr[1]==4){ .format("YYYY-MM-DD");
this.Services.push('公共汽车厕所CD（所有厕所都没有）'); return time.getTime() < new Date(today_after7).getTime() - 8.64e7;
} }
if(ServeArr[2]==1){ },
this.Services.push('淋浴-免费(全室)'); changeImg(){
} this.images=[]
if(ServeArr[2]==2){
this.Services.push('淋浴-收费(全室)');
}
if(ServeArr[2]==3){
this.Services.push('淋浴-免费(部分)');
}
if(ServeArr[2]==4){
this.Services.push('淋浴-收费(部分)');
}
if(ServeArr[3]==1){
this.Services.push('冷暖气-免费(全室)');
}
if(ServeArr[3]==2){
this.Services.push('冷暖气-收费(全室)');
}
if(ServeArr[3]==3){
this.Services.push('冷暖气-免费(部分)');
}
if(ServeArr[3]==4){
this.Services.push('冷暖气-收费(部分)');
}
if(ServeArr[4]==1){
this.Services.push('全室有空调(收费)');
}
if(ServeArr[4]==2){
this.Services.push('部分客房有空调(免费)');
}
if(ServeArr[4]==3){
this.Services.push('部分客房有空调(收费)');
}
if(ServeArr[4]==4){
this.Services.push('没有空调');
}
if(ServeArr[5]==0){
this.Services.push('全房间有暖气设备(免费)');
}
if(ServeArr[5]==1){
this.Services.push('全部房间都有暖气(收费)');
}
if(ServeArr[5]==2){
this.Services.push('部分客房供暖(免费)');
}
if(ServeArr[5]==3){
this.Services.push('部分客房供暖(收费)');
}
if(ServeArr[5]==4){
this.Services.push('没有暖气设备');
}
if(ServeArr[6]==1){
this.Services.push('电视（免费）');
}
if(ServeArr[6]==2){
this.Services.push('电视（收费）');
}
if(ServeArr[7]==1){
this.Services.push('录像机（免费）');
}
if(ServeArr[7]==2){
this.Services.push('录像机（收费）');
}
if(ServeArr[8]==1){
this.Services.push('卫星广播（免费）');
}
if(ServeArr[8]==2){
this.Services.push('卫星广播（收费）');
}
if(ServeArr[9]==1){
this.Services.push('冰箱-有(带饮料的)');
}
if(ServeArr[9]==2){
this.Services.push('空冰箱');
}
if(ServeArr[10]==1){
this.Services.push('迷你酒吧');
}
if(ServeArr[11]==1){
this.Services.push('祖邦煎锅（免费）');
}
if(ServeArr[11]==2){
this.Services.push('祖邦煎锅（收费）');
}
}
//拆分网络连接
if(this.hotelDetails.internetAccessibilityOfTheRoom!=""){
this.InterArr=[];
let InternetArr = this.hotelDetails.internetAccessibilityOfTheRoom.split(",");
if(InternetArr[0]==1){
this.InterArr.push('客房网络连接');
}
if(InternetArr[1]==1){
this.InterArr.push('拨号连线');
}
if(InternetArr[2]==1){
this.InterArr.push('可连接LAN');
}
if(InternetArr[3]==1){
this.InterArr.push('无线局域网');
}
if(InternetArr[4]==1){
this.InterArr.push('PC贷款');
}
if(InternetArr[5]==1){
this.InterArr.push('免费接入网络');
}
}
//拆分温泉
if(this.hotelDetails.bathAndBathAmenities!=""){
this.HotSpring=[];
this.bathRoom=[];
let HotSpring = this.hotelDetails.bathAndBathAmenities.split(",");
this.bathRoom=HotSpring.slice(2,11);
if(HotSpring[0]==1){
this.HotSpring.push('露天温泉(也有男女(包括时间交替)·可借贷');
}else if(HotSpring[0]==2){
this.HotSpring.push('露天温泉(有男女也有(包括时间交替)·不能借贷');
}else if(HotSpring[0]==3){
this.HotSpring.push('露天温泉(男女中只有1个(包括混浴)、可以包租)');
}else if(HotSpring[0]==4){
this.HotSpring.push('露天温泉(男女中只有一个(包括混浴)，不能包租');
}
if(HotSpring[1]==1){
this.HotSpring.push('有包租浴室(没有条件)');
}else if(HotSpring[1]==2){
this.HotSpring.push('有包租浴室(有条件)');
}
if(HotSpring[11]==1){ this.bigImgShow()
this.HotSpring.push('阿米尼蒂:脸·手巾(免费)'); },
}else if(HotSpring[11]==2){ getList() {
this.HotSpring.push('阿米尼蒂:脸·手巾(收费)'); this.images=[]
} this.apipost(
if(HotSpring[12]==1){ "dmc_post_Get_GetJAPAN_HotelDetail",
this.HotSpring.push('阿米尼蒂:牙刷、牙膏(免费)'); this.msg,
}else if(HotSpring[12]==2){ res => {
this.HotSpring.push('阿米尼蒂:牙刷、牙膏(收费)'); if (res.data.resultCode == 1) {
} this.hotelDetails = res.data.data.hotelDetails;
if(HotSpring[13]==1){ this.hotelSummary = res.data.data.hotelSummary;
this.HotSpring.push('阿米蒂奇:浴巾(免费)'); this.hotelDetails.roomReviewRating = parseFloat(
}else if(HotSpring[13]==2){ this.hotelDetails.roomReviewRating
this.HotSpring.push('阿米蒂奇:浴巾(收费)'); );
} this.travelLngLat.push({
lat: this.hotelSummary.latitudeW,
lng: this.hotelSummary.longitudeW,
name: this.hotelSummary.hotelName
});
//拆分酒店服务与设施
if (this.hotelDetails.roomEquipments != "") {
let ServeArr = this.hotelDetails.roomEquipments.split(",");
this.Services = [];
if (ServeArr[0] == 1) {
this.Services.push("浴室和厕所");
}
if (ServeArr[1] == 0) {
this.Services.push("公共汽车厕所CD（有全室巴士）");
}
if (ServeArr[1] == 1) {
this.Services.push("公共汽车厕所CD（有一部分巴士）");
}
if (ServeArr[1] == 2) {
this.Services.push("公共汽车厕所CD（有全室厕所）");
}
if (ServeArr[1] == 3) {
this.Services.push("公共汽车厕所CD（有一部分厕所）");
}
if (ServeArr[1] == 4) {
this.Services.push("公共汽车厕所CD（所有厕所都没有）");
}
if (ServeArr[2] == 1) {
this.Services.push("淋浴-免费(全室)");
}
if (ServeArr[2] == 2) {
this.Services.push("淋浴-收费(全室)");
}
if (ServeArr[2] == 3) {
this.Services.push("淋浴-免费(部分)");
}
if (ServeArr[2] == 4) {
this.Services.push("淋浴-收费(部分)");
}
if (ServeArr[3] == 1) {
this.Services.push("冷暖气-免费(全室)");
}
if (ServeArr[3] == 2) {
this.Services.push("冷暖气-收费(全室)");
}
if (ServeArr[3] == 3) {
this.Services.push("冷暖气-免费(部分)");
}
if (ServeArr[3] == 4) {
this.Services.push("冷暖气-收费(部分)");
}
if (ServeArr[4] == 1) {
this.Services.push("全室有空调(收费)");
}
if (ServeArr[4] == 2) {
this.Services.push("部分客房有空调(免费)");
}
if (ServeArr[4] == 3) {
this.Services.push("部分客房有空调(收费)");
}
if (ServeArr[4] == 4) {
this.Services.push("没有空调");
}
if (ServeArr[5] == 0) {
this.Services.push("全房间有暖气设备(免费)");
}
if (ServeArr[5] == 1) {
this.Services.push("全部房间都有暖气(收费)");
}
if (ServeArr[5] == 2) {
this.Services.push("部分客房供暖(免费)");
}
if (ServeArr[5] == 3) {
this.Services.push("部分客房供暖(收费)");
}
if (ServeArr[5] == 4) {
this.Services.push("没有暖气设备");
}
if (ServeArr[6] == 1) {
this.Services.push("电视（免费）");
}
if (ServeArr[6] == 2) {
this.Services.push("电视（收费）");
}
if (ServeArr[7] == 1) {
this.Services.push("录像机（免费）");
}
if (ServeArr[7] == 2) {
this.Services.push("录像机（收费）");
}
if (ServeArr[8] == 1) {
this.Services.push("卫星广播（免费）");
}
if (ServeArr[8] == 2) {
this.Services.push("卫星广播（收费）");
}
if (ServeArr[9] == 1) {
this.Services.push("冰箱-有(带饮料的)");
}
if (ServeArr[9] == 2) {
this.Services.push("空冰箱");
}
if (ServeArr[10] == 1) {
this.Services.push("迷你酒吧");
}
if (ServeArr[11] == 1) {
this.Services.push("祖邦煎锅（免费）");
}
if (ServeArr[11] == 2) {
this.Services.push("祖邦煎锅（收费）");
}
}
//拆分网络连接
if (this.hotelDetails.internetAccessibilityOfTheRoom != "") {
this.InterArr = [];
let InternetArr = this.hotelDetails.internetAccessibilityOfTheRoom.split(
","
);
if (InternetArr[0] == 1) {
this.InterArr.push("客房网络连接");
}
if (InternetArr[1] == 1) {
this.InterArr.push("拨号连线");
}
if (InternetArr[2] == 1) {
this.InterArr.push("可连接LAN");
}
if (InternetArr[3] == 1) {
this.InterArr.push("无线局域网");
}
if (InternetArr[4] == 1) {
this.InterArr.push("PC贷款");
}
if (InternetArr[5] == 1) {
this.InterArr.push("免费接入网络");
}
}
//拆分温泉
if (this.hotelDetails.bathAndBathAmenities != "") {
this.HotSpring = [];
this.bathRoom = [];
let HotSpring = this.hotelDetails.bathAndBathAmenities.split(",");
this.bathRoom = HotSpring.slice(2, 11);
if (HotSpring[0] == 1) {
this.HotSpring.push("露天温泉(也有男女(包括时间交替)·可借贷");
} else if (HotSpring[0] == 2) {
this.HotSpring.push(
"露天温泉(有男女也有(包括时间交替)·不能借贷"
);
} else if (HotSpring[0] == 3) {
this.HotSpring.push(
"露天温泉(男女中只有1个(包括混浴)、可以包租)"
);
} else if (HotSpring[0] == 4) {
this.HotSpring.push(
"露天温泉(男女中只有一个(包括混浴)，不能包租"
);
}
if (HotSpring[1] == 1) {
this.HotSpring.push("有包租浴室(没有条件)");
} else if (HotSpring[1] == 2) {
this.HotSpring.push("有包租浴室(有条件)");
}
if(HotSpring[14]==1){ if (HotSpring[11] == 1) {
this.HotSpring.push('水芹菜:洗发水(免费)'); this.HotSpring.push("阿米尼蒂:脸·手巾(免费)");
}else if(HotSpring[14]==2){ } else if (HotSpring[11] == 2) {
this.HotSpring.push('水芹菜:洗发水(收费)'); this.HotSpring.push("阿米尼蒂:脸·手巾(收费)");
} }
if (HotSpring[12] == 1) {
this.HotSpring.push("阿米尼蒂:牙刷、牙膏(免费)");
} else if (HotSpring[12] == 2) {
this.HotSpring.push("阿米尼蒂:牙刷、牙膏(收费)");
}
if (HotSpring[13] == 1) {
this.HotSpring.push("阿米蒂奇:浴巾(免费)");
} else if (HotSpring[13] == 2) {
this.HotSpring.push("阿米蒂奇:浴巾(收费)");
}
if(HotSpring[15]==1){ if (HotSpring[14] == 1) {
this.HotSpring.push('阿姆尼蒂:林斯(免费)'); this.HotSpring.push("水芹菜:洗发水(免费)");
}else if(HotSpring[15]==2){ } else if (HotSpring[14] == 2) {
this.HotSpring.push('阿姆尼蒂:林斯(收费)'); this.HotSpring.push("水芹菜:洗发水(收费)");
} }
if(HotSpring[16]==1){
this.HotSpring.push('阿米尼蒂:沐浴露(免费)');
}else if(HotSpring[16]==2){
this.HotSpring.push('阿米尼蒂:沐浴露(收费)');
}
if(HotSpring[17]==1){ if (HotSpring[15] == 1) {
this.HotSpring.push('水黾:肥皂(免费)'); this.HotSpring.push("阿姆尼蒂:林斯(免费)");
}else if(HotSpring[17]==2){ } else if (HotSpring[15] == 2) {
this.HotSpring.push('水黾:肥皂(收费)'); this.HotSpring.push("阿姆尼蒂:林斯(收费)");
} }
if (HotSpring[16] == 1) {
this.HotSpring.push("阿米尼蒂:沐浴露(免费)");
} else if (HotSpring[16] == 2) {
this.HotSpring.push("阿米尼蒂:沐浴露(收费)");
}
if(HotSpring[18]==1){ if (HotSpring[17] == 1) {
this.HotSpring.push('亚健康:浴衣(免费)'); this.HotSpring.push("水黾:肥皂(免费)");
}else if(HotSpring[18]==2){ } else if (HotSpring[17] == 2) {
this.HotSpring.push('亚健康:浴衣(收费)'); this.HotSpring.push("水黾:肥皂(收费)");
} }
if(HotSpring[19]==1){ if (HotSpring[18] == 1) {
this.HotSpring.push('艾尼蒂:睡衣(免费)'); this.HotSpring.push("亚健康:浴衣(免费)");
}else if(HotSpring[19]==2){ } else if (HotSpring[18] == 2) {
this.HotSpring.push('艾尼蒂:睡衣(收费)'); this.HotSpring.push("亚健康:浴衣(收费)");
} }
if(HotSpring[20]==1){
this.HotSpring.push('阿姆尼蒂:浴衣(免费)');
}else if(HotSpring[20]==2){
this.HotSpring.push('阿姆尼蒂:浴衣(收费)');
}
if(HotSpring[21]==1){ if (HotSpring[19] == 1) {
this.HotSpring.push('足球运动员:吹风机(免费)'); this.HotSpring.push("艾尼蒂:睡衣(免费)");
}else if(HotSpring[21]==2){ } else if (HotSpring[19] == 2) {
this.HotSpring.push('足球运动员:吹风机(收费)'); this.HotSpring.push("艾尼蒂:睡衣(收费)");
} }
if (HotSpring[20] == 1) {
this.HotSpring.push("阿姆尼蒂:浴衣(免费)");
} else if (HotSpring[20] == 2) {
this.HotSpring.push("阿姆尼蒂:浴衣(收费)");
}
if(HotSpring[22]==1){ if (HotSpring[21] == 1) {
this.HotSpring.push('艾尼蒂:羽毛被褥(免费)'); this.HotSpring.push("足球运动员:吹风机(免费)");
}else if(HotSpring[22]==2){ } else if (HotSpring[21] == 2) {
this.HotSpring.push('艾尼蒂:羽毛被褥(收费)'); this.HotSpring.push("足球运动员:吹风机(收费)");
} }
if(HotSpring[23]==1){
this.HotSpring.push('艾尼蒂:刮胡子(免费)');
}else if(HotSpring[23]==2){
this.HotSpring.push('艾尼蒂:刮胡子(收费)');
}
if(HotSpring[24]==1){
this.HotSpring.push('水黾:淋浴帽(免费)');
}else if(HotSpring[24]==2){
this.HotSpring.push('水黾:淋浴帽(收费)');
}
if(HotSpring[25]==1){
this.HotSpring.push('阿米尼蒂:棉签(免费)');
}else if(HotSpring[25]==2){
this.HotSpring.push('阿米尼蒂:棉签(收费)');
}
if(HotSpring[26]==1){
this.HotSpring.push('水黾:冲澡(免费)');
}else if(HotSpring[26]==2){
this.HotSpring.push('水黾:冲澡(收费)');
}
if(HotSpring[27]==1){ if (HotSpring[22] == 1) {
this.HotSpring.push('石梳:梳子刷(有)'); this.HotSpring.push("艾尼蒂:羽毛被褥(免费)");
} } else if (HotSpring[22] == 2) {
if(HotSpring[28]==1){ this.HotSpring.push("艾尼蒂:羽毛被褥(收费)");
this.HotSpring.push('其他温泉浴:展望浴(没有条件)'); }
}else if(HotSpring[28]==2){ if (HotSpring[23] == 1) {
this.HotSpring.push('其他温泉浴:展望浴(有条件)'); this.HotSpring.push("艾尼蒂:刮胡子(免费)");
} } else if (HotSpring[23] == 2) {
if(HotSpring[29]==1){ this.HotSpring.push("艾尼蒂:刮胡子(收费)");
this.HotSpring.push('其他:桑拿浴(免费)'); }
}else if(HotSpring[29]==2){ if (HotSpring[24] == 1) {
this.HotSpring.push('其他:桑拿浴(收费)'); this.HotSpring.push("水黾:淋浴帽(免费)");
} } else if (HotSpring[24] == 2) {
if(HotSpring[30]==1){ this.HotSpring.push("水黾:淋浴帽(收费)");
this.HotSpring.push('其他:jazza(没有条件)'); }
}else if(HotSpring[29]==2){ if (HotSpring[25] == 1) {
this.HotSpring.push('其他:jazza(有条件)'); this.HotSpring.push("阿米尼蒂:棉签(免费)");
} } else if (HotSpring[25] == 2) {
this.HotSpring.push("阿米尼蒂:棉签(收费)");
}
if (HotSpring[26] == 1) {
this.HotSpring.push("水黾:冲澡(免费)");
} else if (HotSpring[26] == 2) {
this.HotSpring.push("水黾:冲澡(收费)");
}
if (HotSpring[27] == 1) {
this.HotSpring.push("石梳:梳子刷(有)");
}
if (HotSpring[28] == 1) {
this.HotSpring.push("其他温泉浴:展望浴(没有条件)");
} else if (HotSpring[28] == 2) {
this.HotSpring.push("其他温泉浴:展望浴(有条件)");
}
if (HotSpring[29] == 1) {
this.HotSpring.push("其他:桑拿浴(免费)");
} else if (HotSpring[29] == 2) {
this.HotSpring.push("其他:桑拿浴(收费)");
}
if (HotSpring[30] == 1) {
this.HotSpring.push("其他:jazza(没有条件)");
} else if (HotSpring[29] == 2) {
this.HotSpring.push("其他:jazza(有条件)");
}
}
let dataImgArray=[]
for (let i = 0; i < 5; i++) {
if(this.hotelDetails[`hotelImageUrl${(i+1)}`] && this.hotelDetails[`hotelImageUrl${(i+1)}`].length>0){
dataImgArray.push(this.hotelDetails[`hotelImageUrl${(i+1)}`])
} }
} else {
this.Error(res.data.message);
} }
}, if(res.data.data.photoGalleries&&res.data.data.photoGalleries.photoGalleryInfo){
err => {} for (let i = 0; i < res.data.data.photoGalleries.photoGalleryInfo.length; i++) {
); dataImgArray.push(res.data.data.photoGalleries.photoGalleryInfo[i].photoGalleryImageURL)
},
//获取符合条件房型
getSimilar(){
if(this.SimilarMsg.arrivalDate==null){
this.Error('请选择入住日期');
return
}
if(this.SimilarMsg.departureDate==null){
this.Error('请选择退房日期');
return
}
this.apipost("dmc_post_Get_GetJAPAN_RoomsList",this.SimilarMsg,res => {
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.forEach(x=>{
if(Object.prototype.toString.call(x.roomOptions) == '[object Object]'){
let arr=[];
arr.push(x.roomOptions);
x.roomOptions = arr;
}
})
this.JapanIncrease = res.data.data.JapanIncrease;
} else {
this.Error(res.data.message);
} }
}, this.images=dataImgArray;
err => {} } else {
); this.Error(res.data.message);
}, }
//房间数改变 },
getRoomList(roomNum){ err => {}
this.isShowPop=true; );
this.SimilarMsg.searchroomGroup = []; },
for(var i=1;i<=roomNum;i++){ //获取符合条件房型
var obj = { getSimilar() {
roomNum:i, if (this.SimilarMsg.arrivalDate == null) {
numberOfAdults:1, this.Error("请选择入住日期");
numberOfChildren:0 return;
}
if (this.SimilarMsg.departureDate == null) {
this.Error("请选择退房日期");
return;
}
this.apipost(
"dmc_post_Get_GetJAPAN_RoomsList",
this.SimilarMsg,
res => {
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.SimilarMsg.searchroomGroup.push(obj); this.SimilarList.forEach(x => {
} if (
this.auditNum=0; Object.prototype.toString.call(x.roomOptions) ==
this.childNum=0; "[object Object]"
this.SimilarMsg.searchroomGroup.forEach(x=>{ ) {
this.auditNum += x.numberOfAdults; let arr = [];
this.childNum += x.numberOfChildren; arr.push(x.roomOptions);
}) x.roomOptions = arr;
}, }
//设置房间里面成人数改变总成人数和儿童数 });
setPeopleNum(){ this.JapanIncrease = res.data.data.JapanIncrease;
this.auditNum=0; } else {
this.childNum=0; this.Error(res.data.message);
this.SimilarMsg.searchroomGroup.forEach(x=>{ }
this.auditNum += x.numberOfAdults; },
this.childNum += x.numberOfChildren; err => {}
}) );
},
//房间数改变
getRoomList(roomNum) {
this.isShowPop = true;
this.SimilarMsg.searchroomGroup = [];
for (var i = 1; i <= roomNum; i++) {
var obj = {
roomNum: i,
numberOfAdults: 1,
numberOfChildren: 0
};
this.SimilarMsg.searchroomGroup.push(obj);
}
this.auditNum = 0;
this.childNum = 0;
this.SimilarMsg.searchroomGroup.forEach(x => {
this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren;
});
},
//设置房间里面成人数改变总成人数和儿童数
setPeopleNum() {
this.auditNum = 0;
this.childNum = 0;
this.SimilarMsg.searchroomGroup.forEach(x => {
this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren;
});
}, },
//获取餐 //获取餐
getMealType(meals){ getMealType(meals) {
if(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 "无餐";
} }
if(mealType[0]==1&&mealType[2]==1){ if (mealType[0] == 1 && mealType[2] == 1) {
return '含早晚餐' return "含早晚餐";
} }
if(mealType[0]==1&&mealType[2]==0){ if (mealType[0] == 1 && mealType[2] == 0) {
return '含早餐' return "含早餐";
}
if(mealType[0]==0&&mealType[2]==1){
return '含晚餐'
}
} }
if (mealType[0] == 0 && mealType[2] == 1) {
return "含晚餐";
}
}
}, },
//获取价格 //获取价格
getPrice(price){ getPrice(price) {
return Math.ceil(price/this.JapanIncrease); return Math.ceil(price / this.JapanIncrease);
}, },
//点击预订传递参数 //点击预订传递参数
bookHotel(roomOptionCd){ bookHotel(roomOptionCd) {
if(sessionStorage.getItem('OpenB2BCode')==null && !localStorage.userInfo){ if (
return this.Error('请登录！') sessionStorage.getItem("OpenB2BCode") == null &&
} !localStorage.userInfo
) {
return this.Error("请登录！");
}
let msg = this.SimilarMsg; let msg = this.SimilarMsg;
msg.roomOptionCd = roomOptionCd; msg.roomOptionCd = roomOptionCd;
msg.imgUrl = this.hotelDetails.hotelImageUrl1; msg.imgUrl = this.hotelDetails.hotelImageUrl1;
sessionStorage.setItem("HotelSure", JSON.stringify(msg)); sessionStorage.setItem("HotelSure", JSON.stringify(msg));
this.$router.push({ this.$router.push({
path:"/HotelSure" path: "/HotelSure"
}) });
} }
} }
}; };
......
src/components/Hotel/HotelList.vue
View file @ 2cb102f0
...@@ -736,7 +736,7 @@ export default { ...@@ -736,7 +736,7 @@ export default {
Id:1, Id:1,
isCked:false isCked:false
},{ },{
name:'双床', name:'双人间',
Id:2, Id:2,
isCked:false isCked:false
},{ },{
...@@ -748,7 +748,7 @@ export default { ...@@ -748,7 +748,7 @@ export default {
Id:4, Id:4,
isCked:false isCked:false
},{ },{
name:'四床房', name:'四人间',
Id:5, Id:5,
isCked:false isCked:false
},{ },{
...@@ -756,7 +756,7 @@ export default { ...@@ -756,7 +756,7 @@ export default {
Id:6, Id:6,
isCked:false isCked:false
},{ },{
name:'日式&西式混合房间', name:'日式+西式混合',
Id:7, Id:7,
isCked:false isCked:false
}], }],
......
src/components/Hotel/HotelSure.vue
View file @ 2cb102f0
...@@ -352,15 +352,14 @@ ...@@ -352,15 +352,14 @@
<li class="HS2_title">房型信息</li> <li class="HS2_title">房型信息</li>
<li> <li>
<div v-if="dataList.roomRateDetails"> <div v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.roomType==1">单人</template> <template v-if="dataList.roomRateDetails.roomType==1">{{getGradeType(dataList.roomRateDetails.gradeType)}}单人间</template>
<template v-if="dataList.roomRateDetails.roomType==2">双人</template> <template v-if="dataList.roomRateDetails.roomType==2">{{getGradeType(dataList.roomRateDetails.gradeType)}}双人间</template>
<template v-if="dataList.roomRateDetails.roomType==3">双</template> <template v-if="dataList.roomRateDetails.roomType==3">{{getGradeType(dataList.roomRateDetails.gradeType)}}大床房</template>
<template v-if="dataList.roomRateDetails.roomType==4">三件套</template> <template v-if="dataList.roomRateDetails.roomType==4">{{getGradeType(dataList.roomRateDetails.gradeType)}}三人间</template>
<template v-if="dataList.roomRateDetails.roomType==5">4床</template> <template v-if="dataList.roomRateDetails.roomType==5">{{getGradeType(dataList.roomRateDetails.gradeType)}}四人间</template>
<template v-if="dataList.roomRateDetails.roomType==6">日式房间</template> <template v-if="dataList.roomRateDetails.roomType==6">{{getGradeType(dataList.roomRateDetails.gradeType)}}日式房</template>
<template v-if="dataList.roomRateDetails.roomType==7">和洋室</template> <template v-if="dataList.roomRateDetails.roomType==7">{{getGradeType(dataList.roomRateDetails.gradeType)}}日式+西式混合</template>
<template v-if="dataList.roomRateDetails.roomType==8">半开房</template> <template v-if="dataList.roomRateDetails.roomType==8">{{getGradeType(dataList.roomRateDetails.gradeType)}}大床房（小型）</template>
<template v-if="dataList.roomRateDetails.roomType==9">其他的</template>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -550,15 +549,14 @@ ...@@ -550,15 +549,14 @@
<li> <li>
<span class="C9">房型</span> <span class="C9">房型</span>
<span v-if="dataList.roomRateDetails"> <span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.roomType==1">单人</template> <template v-if="dataList.roomRateDetails.roomType==1">{{getGradeType(dataList.roomRateDetails.gradeType)}}单人间</template>
<template v-if="dataList.roomRateDetails.roomType==2">双人</template> <template v-if="dataList.roomRateDetails.roomType==2">{{getGradeType(dataList.roomRateDetails.gradeType)}}双人间</template>
<template v-if="dataList.roomRateDetails.roomType==3">双</template> <template v-if="dataList.roomRateDetails.roomType==3">{{getGradeType(dataList.roomRateDetails.gradeType)}}大床房</template>
<template v-if="dataList.roomRateDetails.roomType==4">三件套</template> <template v-if="dataList.roomRateDetails.roomType==4">{{getGradeType(dataList.roomRateDetails.gradeType)}}三人间</template>
<template v-if="dataList.roomRateDetails.roomType==5">4床</template> <template v-if="dataList.roomRateDetails.roomType==5">{{getGradeType(dataList.roomRateDetails.gradeType)}}四人间</template>
<template v-if="dataList.roomRateDetails.roomType==6">日式房间</template> <template v-if="dataList.roomRateDetails.roomType==6">{{getGradeType(dataList.roomRateDetails.gradeType)}}日式房</template>
<template v-if="dataList.roomRateDetails.roomType==7">和洋室</template> <template v-if="dataList.roomRateDetails.roomType==7">{{getGradeType(dataList.roomRateDetails.gradeType)}}日式+西式混合</template>
<template v-if="dataList.roomRateDetails.roomType==8">半开双</template> <template v-if="dataList.roomRateDetails.roomType==8">{{getGradeType(dataList.roomRateDetails.gradeType)}}大床房（小型）</template>
<template v-if="dataList.roomRateDetails.roomType==9">其他的</template>
</span> </span>
</li> </li>
<!-- <li> <!-- <li>
...@@ -574,7 +572,7 @@ ...@@ -574,7 +572,7 @@
<li v-if="dataList.roomRateDetails&&dataList.roomRateDetails.smoking!=''"> <li v-if="dataList.roomRateDetails&&dataList.roomRateDetails.smoking!=''">
<span class="C9">吸烟</span> <span class="C9">吸烟</span>
<span v-if="dataList.roomRateDetails"> <span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.smoking==0">禁吸</template> <template v-if="dataList.roomRateDetails.smoking==0">禁烟</template>
<template v-if="dataList.roomRateDetails.smoking==1">可吸烟</template> <template v-if="dataList.roomRateDetails.smoking==1">可吸烟</template>
</span> </span>
</li> </li>
...@@ -588,7 +586,7 @@ ...@@ -588,7 +586,7 @@
<li> <li>
<span class="C9">露天客房</span> <span class="C9">露天客房</span>
<span v-if="dataList.roomRateDetails"> <span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.withOpenAirBath==0">没有</template> <template v-if="dataList.roomRateDetails.withOpenAirBath==0">无</template>
<template v-if="dataList.roomRateDetails.withOpenAirBath==1">有</template> <template v-if="dataList.roomRateDetails.withOpenAirBath==1">有</template>
</span> </span>
</li> </li>
...@@ -800,6 +798,31 @@ export default { ...@@ -800,6 +798,31 @@ export default {
} }
}, },
methods: { methods: {
//获取房型
getGradeType(type){
let gradeType=''
switch(parseInt(type)){
case 1:
gradeType="标准"
break;
case 2:
gradeType="普通"
break;
case 3:
gradeType="经济"
break;
case 4:
gradeType="精品"
break;
case 5:
gradeType="豪华"
break;
case 6:
gradeType="套房"
break;
}
return gradeType;
},
//获取带过来信息 //获取带过来信息
getBookInfo(){ getBookInfo(){
this.apipost("dmc_post_Get_GetJAPAN_RoomsList",this.msg,res => { this.apipost("dmc_post_Get_GetJAPAN_RoomsList",this.msg,res => {
...@@ -1023,7 +1046,14 @@ export default { ...@@ -1023,7 +1046,14 @@ export default {
path:"/HotelPayBefore", path:"/HotelPayBefore",
}) })
} else { } else {
this.Error(res.data.message); var that = this
if(res.data.message=='Room rate(s) for 1 day(s) changed'){
that.Confirm("当前酒店价格已发生变化，需要重新加载?", function() {
that.getBookInfo();
});
}else{
that.Error(res.data.message);
}
} }
}, },
err => {} err => {}
......
src/components/newPersonalCenter/block/model/HotelOrder.vue
View file @ 2cb102f0
...@@ -202,10 +202,10 @@ export default { ...@@ -202,10 +202,10 @@ export default {
//取消 //取消
canCelHotel(ThirdOrderNo){ canCelHotel(ThirdOrderNo){
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
let EmployeeId = userInfo.EmployeeId; let customerId = userInfo.customerId;
let msg ={ let msg ={
bookingNumber:ThirdOrderNo, bookingNumber:ThirdOrderNo,
CancelBy:EmployeeId, CancelBy:customerId,
CancelType:2 CancelType:2
} }
this.apipost( this.apipost(
......
src/components/newPersonalCenter/block/model/OpHotelOrderDetail.vue
View file @ 2cb102f0
...@@ -345,15 +345,14 @@ ...@@ -345,15 +345,14 @@
<li class="HS2_title">房型信息</li> <li class="HS2_title">房型信息</li>
<li> <li>
<div> <div>
<template v-if="details.parmResult.roomType==1">单人</template> <template v-if="details.parmResult.roomType==1">{{getGradeType(details.parmResult.gradeType)}}单人间</template>
<template v-if="details.parmResult.roomType==2">双人</template> <template v-if="details.parmResult.roomType==2">{{getGradeType(details.parmResult.gradeType)}}双人间</template>
<template v-if="details.parmResult.roomType==3">双</template> <template v-if="details.parmResult.roomType==3">{{getGradeType(details.parmResult.gradeType)}}大床房</template>
<template v-if="details.parmResult.roomType==4">三人间</template> <template v-if="details.parmResult.roomType==4">{{getGradeType(details.parmResult.gradeType)}}三人间</template>
<template v-if="details.parmResult.roomType==5">4床</template> <template v-if="details.parmResult.roomType==5">{{getGradeType(details.parmResult.gradeType)}}四人间</template>
<template v-if="details.parmResult.roomType==6">日式房间</template> <template v-if="details.parmResult.roomType==6">{{getGradeType(details.parmResult.gradeType)}}日式房</template>
<template v-if="details.parmResult.roomType==7">和洋室</template> <template v-if="details.parmResult.roomType==7">{{getGradeType(details.parmResult.gradeType)}}日式+西式混合房</template>
<template v-if="details.parmResult.roomType==8">半开房</template> <template v-if="details.parmResult.roomType==8">{{getGradeType(details.parmResult.gradeType)}}大床房（小型）</template>
<template v-if="details.parmResult.roomType==9">其他的</template>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -461,7 +460,31 @@ export default { ...@@ -461,7 +460,31 @@ export default {
}) })
}, },
methods: { methods: {
//获取房型
getGradeType(type){
let gradeType=''
switch(parseInt(type)){
case 1:
gradeType="标准"
break;
case 2:
gradeType="普通"
break;
case 3:
gradeType="经济"
break;
case 4:
gradeType="精品"
break;
case 5:
gradeType="豪华"
break;
case 6:
gradeType="套房"
break;
}
return gradeType;
}
} }
}; };
</script> </script>
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