Skip to content

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

s

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