Skip to content

A
Athena
Commit 02988c48 authored by zhengke's avatar zhengke
Browse files
Options

酒店

parent 3fa97c9f
Expand all Show whitespace changes
Inline Side-by-side
Showing with 634 additions and 371 deletions
src/components/Hotel/HotelDetail.vue
View file @ 02988c48
......@@ -107,9 +107,6 @@
color:#666666;
position: relative;
}
.HD_checkTime span{
margin-right:10px;
}
.HD_warn{
color:#EE4454;
font-size:14px;
......@@ -119,16 +116,14 @@
.HD_warn i{
color:#FFA835;
}
.HD_PeoPleNum .el-input-number{
.HD_checkTime .el-input-number{
width:145px;
line-height: 26px;
margin-right:20px;
}
.HD_PeoPleNum .el-input__inner{
.HD_checkTime .el-input__inner{
height:28px;
}
.HD_PSpan{
margin-right:10px;
border-radius:0;
}
.HD_PsureBtn{
position: absolute;
......@@ -225,11 +220,11 @@
top:0;
left:0;
width:66px;
height:24px;
height:20px;
color:#fff;
font-size:12px;
text-align: center;
line-height: 24px;
line-height: 20px;
border-bottom-right-radius: 12px;
}
.HD_Black{
......@@ -355,8 +350,6 @@
height:35px;
}
.HotelDetail .Ht_ul{
height:46px;
line-height: 46px;
width:400px;
display: inline-block;
}
......@@ -382,7 +375,7 @@
width:262px;
height:140px;
padding:0 20px;
background-color: #F5F5F5;
/* background-color: #F5F5F5; */
border:1px solid #DDDDDD;
}
.HD_TOP_Map{
......@@ -434,6 +427,12 @@
.HD_date_input .el-input__inner{
border-radius: 0;
}
.HD_fangxing_List:last-child{
border-bottom:0;
}
.Ht_ulName .el-input__icon{
line-height: 0;
}
</style>
<template>
......@@ -494,15 +493,16 @@
</div>
</div>
<div class="HD_btnContent">
<div class="HD_checkTime">
<span>入住</span>
<div class="HD_checkTime clearfix">
<div style="float:left">
<span style="margin-right:10px;">入住</span>
<el-date-picker class="HD_date_input" v-model="SimilarMsg.arrivalDate" style="width:190px;" clear-icon=""
size="small"
value-format="yyyy-MM-dd"
type="date"
placeholder="">
</el-date-picker>
<span style="margin-left:20px;">退房</span>
<span style="margin:0 10px 0 20px;">退房</span>
<el-date-picker class="HD_date_input" v-model="SimilarMsg.departureDate" style="width:190px;" clear-icon=""
size="small"
value-format="yyyy-MM-dd"
......@@ -514,7 +514,7 @@
超过13岁视为成人处理
</span>
</div>
<div class="HD_PeoPleNum">
<div style="float:left;margin-left:60px;">
<el-popover :visible-arrow="false"
v-model="isShowPop"
placement="bottom"
......@@ -579,7 +579,8 @@
<li class="Ht_ulName">{{childNum}}儿童</li>
</ul>
</el-popover>
<input type="button" class="HD_PsureBtn" value="确定"/>
</div>
<input type="button" style="top:-3px;" @click="getSimilar" class="HD_PsureBtn" value="确定"/>
</div>
<div class="HD_fuhe">
<img src="../../assets/img/hotel/fuhe.png" alt="">
......@@ -629,18 +630,23 @@
<div><i>¥</i><span>{{subItem.chargeableRateInfoPerPersonForANightBySetCurrency}}</span></div>
</li>
<li>
<input type="button" style="right:20px;" @click="bookHotel(item.roomOptionCd)" class="HD_PsureBtn" value="预订" />
<input type="button" style="right:20px;" @click="bookHotel(subItem.roomOptionCd)" class="HD_PsureBtn" value="预订" />
</li>
</ul>
<span class="HD_ComDiJia" :class="getMealType(subItem.meals)=='无餐'?'HD_Black':'HD_Green'">{{getMealType(subItem.meals)}}</span>
<span class="HD_minNight">{{subItem.minNights}}</span>
</div>
<div class="HD_LastShowMore">
<!-- <div class="HD_LastShowMore">
<span>展开剩余122个报价<i class="iconfont icon-xiajiantou"></i></span>
</div>
</div> -->
</td>
</tr>
</table>
<div v-if="SimilarList.length==0" style="padding:15px 0;text-align:center">
<div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
</div>
<div class="HD_fuhe">
<img src="../../assets/img/hotel/hotel.png" alt="">
酒店信息
......@@ -648,11 +654,11 @@
<div class="HD_hotelComIntroduce">
<div class="HD_inTitle">酒店详情指南</div>
<div>
<span class="HD_ComLeftTitle">停车场</span>
<span>有（免费）</span>
<!-- <span class="HD_ComLeftTitle">停车场</span> -->
<span>{{hotelDetails.hotelDescription}}</span>
</div>
</div>
<div class="HD_hotelComIntroduce">
<!-- <div class="HD_hotelComIntroduce">
<div>
<span class="HD_ComLeftTitle">接送服务</span>
<span>无</span>
......@@ -670,7 +676,7 @@
UC·DC·NICOS·UFJ 依据信用卡<br/>种类的不同，部分信用卡可进行网上支付。
</span>
</div>
</div>
</div> -->
<div class="HD_hotelComIntroduce">
<div class="HD_inTitle">房间类型和数量</div>
<div>
......@@ -775,6 +781,8 @@ export default {
Services:[],
//客房有网络连接
InterArr:[],
//温泉
HotSpring:[],
};
},
mounted() {
......@@ -801,8 +809,8 @@ export default {
this.hotelSummary = res.data.data.hotelSummary;
this.hotelDetails.roomReviewRating = parseFloat(this.hotelDetails.roomReviewRating);
//拆分酒店服务与设施
if(this.hotelDetails.roomEquipments!=""){
let ServeArr = this.hotelDetails.roomEquipments.split(",");
this.Services=[];
if(ServeArr[0]==1){
this.Services.push('浴室和厕所');
......@@ -907,7 +915,9 @@ export default {
this.Services.push('祖邦煎锅（收费）');
}
}
//拆分网络连接
if(this.hotelDetails.internetAccessibilityOfTheRoom!=""){
this.InterArr=[];
let InternetArr = this.hotelDetails.internetAccessibilityOfTheRoom.split(",");
if(InternetArr[0]==1){
......@@ -928,7 +938,14 @@ export default {
if(InternetArr[5]==1){
this.InterArr.push('免费接入网络');
}
console.log(ServeArr,'serarr');
}
//拆分温泉
if(this.hotelDetails.bathAndBathAmenities!=""){
this.HotSpring=[];
let HotSpring = this.hotelDetails.bathAndBathAmenities.split(",");
console.log(HotSpring,'HotSpring');
}
} else {
this.Error(res.data.message);
}
......@@ -941,7 +958,18 @@ export default {
this.apipost("dmc_post_Get_GetJAPAN_RoomsList",this.SimilarMsg,res => {
console.log(res,'similarrrr');
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;
}
})
} else {
this.Error(res.data.message);
}
......@@ -979,6 +1007,7 @@ export default {
},
//获取餐
getMealType(meals){
if(meals!=''){
let mealType = meals.split(',');
if(mealType[0]==0&&mealType[2]==0){
return '无餐'
......@@ -992,6 +1021,7 @@ export default {
if(mealType[0]==0&&mealType[2]==1){
return '含晚餐'
}
}
},
//点击预订传递参数
bookHotel(roomOptionCd){
......
src/components/Hotel/HotelHome.vue
View file @ 02988c48
......@@ -4,7 +4,7 @@
<div class="choose">
<div style="background:#ffffff;display: flex;align-items: center;position:relative">
<img class="Ht_bed" src="../../assets/img/hotel/hotelBed.png" alt=""/>
<el-select style="width:350px" clearable v-model="msg.place" placeholder="请选择">
<el-select style="width:350px" clearable filterable v-model="msg.place" placeholder="请选择">
<el-option value="东京都" label="东京都"></el-option>
<el-option value="大阪府" label="大阪府"></el-option>
<el-option value="京都府" label="京都府"></el-option>
......
src/components/Hotel/HotelList.vue
View file @ 02988c48
......@@ -74,7 +74,7 @@
top:1px;
}
.HL_Screen{
width:1158px;
width:1198px;
height:auto;
margin:auto;
border:1px solid #DCDCDC;
......@@ -112,9 +112,6 @@
padding:4px 8px;
}
.MoreList span{
margin-top:10px;
}
.HL_Stitle{
display: inline-block;
width:50px;
......@@ -312,14 +309,16 @@
width:85%;
overflow: hidden;
height: 100%;
}
.HL_Concept span{
margin:5px 0;
}
.HL_minHeight{
height:43px;
height:45px;
line-height: 27px;
}
.HL_AutoHeight{
height:auto;
padding:10px 0;
}
.HL_ConZhankai{
......@@ -355,6 +354,9 @@
.HotelList .HT_otherStar i{
color:rgb(239, 242, 247);
}
.HL_Maxheight{
height:150px!important;
}
</style>
<template>
......@@ -363,7 +365,10 @@
<div class="HL_SearchInfo">
<div class="HL_ComSearch HL_one">
<img class="HL_bed" src="../../assets/img/hotel/hotelBed.png" alt=""/>
<el-select style="width:350px;" v-model="placeKeyWords" clearable placeholder="请选择">
<el-select style="width:350px;" v-model="placeKeyWords" filterable clearable placeholder="请选择">
<el-option value="东京都" label="东京都"></el-option>
<el-option value="大阪府" label="大阪府"></el-option>
<el-option value="京都府" label="京都府"></el-option>
<el-option value="爱知县" label="爱知县"></el-option>
<el-option value="秋田县" label="秋田县"></el-option>
<el-option value="青森县" label="青森县"></el-option>
......@@ -385,7 +390,6 @@
<el-option value="神奈川县" label="神奈川县"></el-option>
<el-option value="高知县" label="高知县"></el-option>
<el-option value="熊本县" label="熊本县"></el-option>
<el-option value="京都府" label="京都府"></el-option>
<el-option value="三重县" label="三重县"></el-option>
<el-option value="宫城县" label="宫城县"></el-option>
<el-option value="宫崎县" label="宫崎县"></el-option>
......@@ -396,7 +400,6 @@
<el-option value="大分县" label="大分县"></el-option>
<el-option value="冈山县" label="冈山县"></el-option>
<el-option value="冲绳县" label="冲绳县"></el-option>
<el-option value="大阪府" label="大阪府"></el-option>
<el-option value="佐贺县" label="佐贺县"></el-option>
<el-option value="崎玉县" label="崎玉县"></el-option>
<el-option value="滋贺县" label="滋贺县"></el-option>
......@@ -404,7 +407,6 @@
<el-option value="静冈县" label="静冈县"></el-option>
<el-option value="枥木县" label="枥木县"></el-option>
<el-option value="德岛县" label="德岛县"></el-option>
<el-option value="东京都" label="东京都"></el-option>
<el-option value="鸟取县" label="鸟取县"></el-option>
<el-option value="富山县" label="富山县"></el-option>
<el-option value="和歌山县" label="和歌山县"></el-option>
......@@ -512,9 +514,9 @@
{{item.name}}
</span> -->
<!-- <span style="margin-right:10px;">自定义价格：</span> -->
<el-input type="text" style="width:100px;" v-model="searchMinRate" />
<el-input type="text" style="width:100px;" @keyup.native="checkPrice(monyMsg,'searchMinRate')" v-model="monyMsg.searchMinRate" />
<i class="HL_gang"></i>
<el-input type="text" style="width:100px;" v-model="searchMaxRate" />
<el-input type="text" style="width:100px;" @keyup.native="checkPrice(monyMsg,'searchMaxRate')" v-model="monyMsg.searchMaxRate" />
</div>
<div class="HL_ScList">
<span class="HL_Stitle">房型</span>
......@@ -551,9 +553,9 @@
<span>越早预订越便宜</span>
<span>限定期限</span>
</div> -->
<div class="HL_ScList MoreList" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'">
<div class="HL_Stitle">理念</div>
<div class="HL_Concept" >
<div class="HL_ScList MoreList" style="height:auto;">
<div class="HL_Stitle" style="height:45px;" :class="isOpen==2?'HL_Maxheight':''">理念</div>
<div class="HL_Concept" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'">
<span v-for="item in ConceptObj" :class="item.isCked?'HL_checked':''" @click="item.isCked=!item.isCked">
{{item.name}}
</span>
......@@ -568,9 +570,9 @@
<div class="HL_ScList">
<span class="HL_Stitle">评分</span>
<span style="margin-right:10px;">输入评分范围：</span>
<el-input type="text" style="width:100px;" v-model="reviewRatingLowerLimits" />
<el-input type="text" style="width:100px;" @keyup.native="checkInteger(starMsg,'reviewRatingLowerLimits')" v-model="starMsg.reviewRatingLowerLimits" />
<i class="HL_gang"></i>
<el-input type="text" style="width:100px;" v-model="reviewRatingUpperLimits" />
<el-input type="text" style="width:100px;" @keyup.native="checkInteger(starMsg,'reviewRatingUpperLimits')" v-model="starMsg.reviewRatingUpperLimits" />
</div>
<div class="HL_ScList">
<span class="HL_Stitle">酒店名称</span>
......@@ -679,14 +681,18 @@ export default {
},
//总页数
TotalPage:0,
monyMsg:{
//最小金额
searchMinRate:'',
//最大金额
searchMaxRate:'',
},
starMsg:{
//最小星星
reviewRatingLowerLimits:'',
//最大星星
reviewRatingUpperLimits:'',
},
isShowPop:false,
roomList:[],
room:1,
......@@ -955,26 +961,26 @@ export default {
this.msg.freewordType=2;
this.msg.freeword=this.keyWords;
}
if(this.searchMinRate==""){
if(this.monyMsg.searchMinRate==""){
this.msg.searchMinRate=0;
}else{
this.msg.searchMinRate = this.searchMinRate;
this.msg.searchMinRate = this.monyMsg.searchMinRate;
}
if(this.searchMaxRate==""){
if(this.monyMsg.searchMaxRate==""){
this.msg.searchMaxRate=0;
}else{
this.msg.searchMaxRate = this.searchMaxRate;
this.msg.searchMaxRate = this.monyMsg.searchMaxRate;
}
if(this.reviewRatingLowerLimits==""){
if(this.starMsg.reviewRatingLowerLimits==""){
this.msg.reviewRatingLowerLimits=0;
}else{
this.msg.reviewRatingLowerLimits = this.reviewRatingLowerLimits;
this.msg.reviewRatingLowerLimits = this.starMsg.reviewRatingLowerLimits;
}
if(this.reviewRatingUpperLimits==""){
if(this.starMsg.reviewRatingUpperLimits==""){
this.msg.reviewRatingUpperLimits = 0;
}else{
this.msg.reviewRatingUpperLimits = this.reviewRatingUpperLimits;
this.msg.reviewRatingUpperLimits = this.starMsg.reviewRatingUpperLimits;
}
this.msg.searchHotelCategory=[];
......
src/components/Hotel/HotelSure.vue
View file @ 02988c48
This diff is collapsed.
src/components/global/newHead.vue
View file @ 02988c48
......@@ -321,6 +321,13 @@
<span class="__splice">|</span>
</div>
</li>
<!-- 酒店 -->
<li :class="{_active: navActive === 10}">
<div @click="handleSelect('/HotelHome', 10), navActive = 10">
<span>酒店</span>
<span class="__splice">|</span>
</div>
</li>
<!-- 景点门票 -->
<!-- <li :class="{_active: navActive === 7}">
<div @click="handleSelect('/', 7), navActive = 7">
......@@ -498,7 +505,9 @@ export default {
created() {
let that = this;
require(["http://pv.sohu.com/cityjson?ie=utf-8"], () => {
setTimeout(() => {
console.log("returnCitySN",returnCitySN)
if (returnCitySN) {
that.loadSites();
that.cityText = returnCitySN.cname;
......
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