Skip to content

A
Athena
Commit f04faa89 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/huaguohao/athena

parents 9da89014 3d1f110c
Hide whitespace changes
Inline Side-by-side
Showing with 601 additions and 482 deletions
src/components/Hotel/HotelDetail.vue
View file @ f04faa89
......@@ -468,6 +468,9 @@
<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>
......@@ -482,21 +485,21 @@
<input type="button" class="HD_SureBtn" style="display:none;" value="立即预订"/>
</div>
<div class="HD_Top_ImgList clearfix">
<div class="HD_Top_FirstImg" :style="`background-image: url(${hotelDetails.hotelImageUrl1})`" @click.stop="showImg(hotelDetails.hotelImageUrl1)">
<!-- <img :src="hotelDetails.hotelImageUrl1" alt=""/> -->
<div class="HD_Top_FirstImg">
<img :src="hotelDetails.hotelImageUrl1" alt="" @click="bigImgShow(0)"/>
</div>
<div class="HD_Top_rightImg clearfix">
<div class="HD_Top_ImgDiv" :style="`background-image: url(${hotelDetails.hotelImageUrl2})`" @click.stop="showImg(hotelDetails.hotelImageUrl2)">
<!-- <img :src="hotelDetails.hotelImageUrl2" alt=""/> -->
<div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl2" alt="" @click="bigImgShow(1)"/>
</div>
<div class="HD_Top_ImgDiv" :style="`background-image: url(${hotelDetails.hotelImageUrl3})`" @click.stop="showImg(hotelDetails.hotelImageUrl3)">
<!-- <img :src="hotelDetails.hotelImageUrl3" alt=""/> -->
<div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl3" alt="" @click="bigImgShow(2)"/>
</div>
<div class="HD_Top_ImgDiv" :style="`background-image: url(${hotelDetails.hotelImageUrl4})`" @click.stop="showImg(hotelDetails.hotelImageUrl4)">
<!-- <img :src="hotelDetails.hotelImageUrl4" alt=""/> -->
<div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl4" alt="" @click="bigImgShow(3)"/>
</div>
<div class="HD_Top_ImgDiv" :style="`background-image: url(${hotelDetails.hotelImageUrl5})`" @click.stop="showImg(hotelDetails.hotelImageUrl5)">
<!-- <img :src="hotelDetails.hotelImageUrl5" alt=""/> -->
<div class="HD_Top_ImgDiv">
<img :src="hotelDetails.hotelImageUrl5" alt="" @click="bigImgShow(4)"/>
</div>
</div>
</div>
......@@ -506,7 +509,7 @@
<div class="HD_TopScore">
<span>棒极了</span>
<span class="HD_Score_right">
<span class="HD_ScoreS">{{hotelDetails.roomReviewRating}}</span>/5.0
<span class="HD_ScoreS" v-if="hotelDetails.roomReviewRating">{{hotelDetails.roomReviewRating}}</span>/5.0
</span>
</div>
<div class="HD_xing">
......@@ -627,22 +630,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>
......@@ -793,13 +789,10 @@
</div>
</div>
<a :href="blankUrl" id="blankLink" target="_blank" style="display:none">1</a>
<viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="src in images" :src="src" :key="src">
</viewer>
</div>
</template>
<script>
import HTMap from '../global/HTMap'
import HTMap from "../global/HTMap";
import moment from "moment";
export default {
data() {
......@@ -811,53 +804,57 @@ export default {
title:false
},
//查询条件
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
}
},
images: []
};
},
mounted() {
},
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;
......@@ -871,399 +868,458 @@ 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;
}
}
},
components: {
HTMap
HTMap
},
methods: {
inited (viewer){
this.$viewer = viewer
inited(viewer) {
this.$viewer = viewer;
},
showImg(obj){
let isExsit=false
this.images.forEach(x=>{
if(x==obj)
isExsit=true
})
if(!isExsit) {
this.images.push(obj)
} else {
this.$viewer.view(this.images.indexOf(obj))
}
this.$viewer.show()
bigImgShow(index) {
//if (num == 1) {
this.$viewer.view(index)
this.$viewer.show();
//}
},
disabledDate(time) {
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 => {
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
}
)
//拆分酒店服务与设施
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('祖邦煎锅（收费）');
}
//获取房型
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");
return time.getTime() < new Date(today_after7).getTime() - 8.64e7;
}
},
changeImg(){
this.images=[]
}
//拆分网络连接
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.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[13]==1){
this.HotSpring.push('阿米蒂奇:浴巾(免费)');
}else if(HotSpring[13]==2){
this.HotSpring.push('阿米蒂奇:浴巾(收费)');
}
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
});
//拆分酒店服务与设施
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){
this.HotSpring.push('水芹菜:洗发水(免费)');
}else if(HotSpring[14]==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[13] == 1) {
this.HotSpring.push("阿米蒂奇:浴巾(免费)");
} else if (HotSpring[13] == 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[14] == 1) {
this.HotSpring.push("水芹菜:洗发水(免费)");
} else if (HotSpring[14] == 2) {
this.HotSpring.push("水芹菜:洗发水(收费)");
}
if(HotSpring[17]==1){
this.HotSpring.push('水黾:肥皂(免费)');
}else if(HotSpring[17]==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[18]==1){
this.HotSpring.push('亚健康:浴衣(免费)');
}else if(HotSpring[18]==2){
this.HotSpring.push('亚健康:浴衣(收费)');
}
if (HotSpring[17] == 1) {
this.HotSpring.push("水黾:肥皂(免费)");
} else if (HotSpring[17] == 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[18] == 1) {
this.HotSpring.push("亚健康:浴衣(免费)");
} else if (HotSpring[18] == 2) {
this.HotSpring.push("亚健康:浴衣(收费)");
}
if(HotSpring[21]==1){
this.HotSpring.push('足球运动员:吹风机(免费)');
}else if(HotSpring[21]==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[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[21] == 1) {
this.HotSpring.push("足球运动员:吹风机(免费)");
} else if (HotSpring[21] == 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(有条件)');
}
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[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);
}
},
err => {}
);
},
//获取符合条件房型
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;
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.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);
}
},
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.images=dataImgArray;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//获取符合条件房型
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.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;
})
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);
}
},
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){
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]==0){
return '含早餐'
}
if(mealType[0]==0&&mealType[2]==1){
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] == 0) {
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){
......
src/components/Hotel/HotelList.vue
View file @ f04faa89
......@@ -364,6 +364,10 @@
.HL_Two .icon-img-rili{
margin-left:0!important;
}
.HL_TitleSpan:hover{
text-decoration: underline;
cursor: pointer;
}
</style>
<template>
......@@ -581,7 +585,7 @@
</div>
<div class="HL_ListContent">
<div class="HL_ListTitle">
{{item.hotelName}}
<span class="HL_TitleSpan" @click="goHotelDetail(item,'HotelDetail')">{{item.hotelName}}</span>
<span v-if="item.reviewRating">
<el-rate
v-model="item.reviewRating"
......@@ -609,7 +613,7 @@
<div class="HL_ListPrice">
<span><label>¥</label>{{getPrice(item.lowrateBySetCurrency)}}</span>起
</div>
<input type="button" class="HL_ListBtn" @click="goHotelDetail(item)" value="查看详情"/>
<input type="button" class="HL_ListBtn" @click="goHotelDetail(item,'HotelDetail')" value="查看详情"/>
</div>
</div>
</td>
......@@ -737,7 +741,7 @@ export default {
Id:1,
isCked:false
},{
name:'双床',
name:'双人间',
Id:2,
isCked:false
},{
......@@ -749,7 +753,7 @@ export default {
Id:4,
isCked:false
},{
name:'四床房',
name:'四人间',
Id:5,
isCked:false
},{
......@@ -757,7 +761,7 @@ export default {
Id:6,
isCked:false
},{
name:'日式&西式混合房间',
name:'日式+西式混合',
Id:7,
isCked:false
}],
......@@ -1089,7 +1093,7 @@ export default {
this.SearchHotel();
},
//跳转详情
goHotelDetail(item){
goHotelDetail(item,path){
this.PassMsg.hotelId = item.hotelId,
this.PassMsg.arrivalDate=this.msg.arrivalDate;
this.PassMsg.departureDate = this.msg.departureDate;
......@@ -1099,9 +1103,13 @@ export default {
this.PassMsg.room = this.room
this.PassMsg.auditNum = this.auditNum;
sessionStorage.setItem("HotelDetail", JSON.stringify(this.PassMsg));
this.$router.push({
path:"/HotelDetail"
})
// this.$router.push({
// path:"/HotelDetail"
// })
let routeData = this.$router.resolve({
name: path,
});
window.open(routeData.href, "_blank");
},
//主题特色
getTravelFeature(feature){
......
src/components/Hotel/HotelSure.vue
View file @ f04faa89
......@@ -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>
......@@ -445,7 +444,7 @@
<li style="width:680px;">
<div class="HS_fangfei" v-for="subItem in item.rateGroup">
<div class="HS_fangfei_Top">{{subItem.stayDate}}</div>
<div v-if="subItem.perAdultRateBySetCurrency">¥<span>{{subItem.perAdultRateBySetCurrency}}</span></div>
<div v-if="subItem.perAdultRateBySetCurrency">¥<span>{{subItem.perAdultRateBySetCurrency}}/人</span></div>
</div>
</li>
</ul>
......@@ -493,19 +492,19 @@
<li class="HS2_title">房间{{item.roomCount}}</li>
<li style="margin-left:20px;">成人男</li>
<li>
<el-select style="width:90px" v-model="item.roomMaleCount" :disabled="item.isShowMale" clearable placeholder="成人男">
<el-select style="width:90px" v-model="item.roomMaleCount" :disabled="item.isShowMale" placeholder="成人男">
<el-option v-for="item in Pnumber" :value="item.num" :label="item.num"></el-option>
</el-select>
</li>
<li>成人女</li>
<li>
<el-select style="width:90px" v-model="item.roomFemaleCount" :disabled="item.isShowFemale" clearable placeholder="成人女">
<el-select style="width:90px" v-model="item.roomFemaleCount" :disabled="item.isShowFemale" placeholder="成人女">
<el-option v-for="item in Pnumber" :value="item.num" :label="item.num"></el-option>
</el-select>
</li>
<li>儿童数</li>
<li>
<el-select style="width:90px" v-model="item.roomChildCount" :disabled="item.isShowChild" clearable placeholder="儿童">
<el-select style="width:90px" v-model="item.roomChildCount" :disabled="item.isShowChild" placeholder="儿童">
<el-option v-for="item in Pnumber" :value="item.num" :label="item.num"></el-option>
</el-select>
</li>
......@@ -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 => {
......@@ -866,20 +889,20 @@ export default {
}
}
})
// AdultCount+=AdultTotalPrice*x.roomAdultCount;
// childCount+=childToTalPrice*x.roomChildCount;
AdultCount+=AdultTotalPrice;
childCount+=childToTalPrice;
AdultCount+=AdultTotalPrice*x.roomAdultCount;
childCount+=childToTalPrice*x.roomChildCount;
// AdultCount+=AdultTotalPrice;
// childCount+=childToTalPrice;
oldAount+=oldAuditPrice;
childAount+=childAount;
this.sureMsg.totalChargeableRateInfo += parseFloat(AdultCount+childCount);
this.sureMsg.OldTotalPrice+=parseFloat(oldAount+childAount);
// AdultJapanCount+=AdultJapanPrice*x.roomAdultCount;
// childJapanCount+=ChildJapanPrice*x.roomChildCount;
AdultJapanCount+=AdultJapanPrice*x.roomAdultCount;
childJapanCount+=ChildJapanPrice*x.roomChildCount;
AdultJapanCount+=AdultJapanPrice;
childJapanCount+=ChildJapanPrice;
// AdultJapanCount+=AdultJapanPrice;
// childJapanCount+=ChildJapanPrice;
this.sureMsg.totalPriceJapanese += parseFloat(AdultJapanCount+childJapanCount);
})
......@@ -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 @ f04faa89
......@@ -166,6 +166,8 @@ export default {
this.totalCount = res.data.data.pageCount;
this.Count = res.data.data.count;
this.orderLoading = false;
console.log(res,'resss');
} else {
this.Error(res.data.message);
}
......@@ -202,10 +204,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 @ f04faa89
......@@ -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