Skip to content

A
Athena
Commit 4a6d1b6b authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 3ef76a6e
Hide whitespace changes
Inline Side-by-side
Showing with 946 additions and 880 deletions
src/components/Hotel/HotelList.vue
View file @ 4a6d1b6b
<style> <style>
.Hotel_Search{ .Hotel_Search {
width:100%; width: 100%;
height:70px; height: 70px;
background-color: #FFE0E3; background-color: #FFE0E3;
} }
.HL_SearchInfo{
width:1200px; .HL_SearchInfo {
height:70px; width: 1200px;
margin:auto; height: 70px;
display:flex; margin: auto;
display: flex;
} }
.HL_ComSearch{
display:inline-block; .HL_ComSearch {
height:44px; display: inline-block;
height: 44px;
background-color: #fff; background-color: #fff;
margin:12px 0; margin: 12px 0;
border:1px solid #DCDCDC; border: 1px solid #DCDCDC;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.HL_ComSearch:last-child{
margin-right:0; .HL_ComSearch:last-child {
margin-right: 0;
} }
.HL_one{
width:407px; .HL_one {
margin:12px 30px 12px 40px; width: 407px;
margin: 12px 30px 12px 40px;
position: relative; position: relative;
} }
.HL_Two{
width:265px; .HL_Two {
margin-right:30px; width: 265px;
padding:0 20px; margin-right: 30px;
padding: 0 20px;
} }
.HL_Three{
width:318px; .HL_Three {
width: 318px;
} }
.HL_bed{
.HL_bed {
width: 22px; width: 22px;
height: 14px; height: 14px;
margin:0 10px 0 20px; margin: 0 10px 0 20px;
} }
.HL_ComSearch .el-input__inner{
border:none; .HL_ComSearch .el-input__inner {
} border: none;
.HotelList .Ht_hg{ }
display:inline-block;
width:10px; .HotelList .Ht_hg {
height:1px; display: inline-block;
border-bottom:1px solid #cccccc; width: 10px;
z-index:99; height: 1px;
} border-bottom: 1px solid #cccccc;
.HotelList .Ht_ul{ z-index: 99;
margin:0 20px; }
height:46px;
.HotelList .Ht_ul {
margin: 0 20px;
height: 46px;
line-height: 46px; line-height: 46px;
} }
.HotelList .Ht_ul li{
.HotelList .Ht_ul li {
display: inline-block; display: inline-block;
font-size:14px; font-size: 14px;
color:#333333; color: #333333;
margin-right:15px; margin-right: 15px;
} }
.HotelList .Ht_ulName{
.HotelList .Ht_ulName {
position: relative; position: relative;
top:-1px; top: -1px;
} }
.HotelList .Ht_ulDian{
.HotelList .Ht_ulDian {
position: relative; position: relative;
top:-5px; top: -5px;
} }
.Ht_ul li img{
.Ht_ul li img {
position: relative; position: relative;
top:1px; top: 1px;
} }
.HL_Screen{
width:1198px; .HL_Screen {
height:auto; width: 1198px;
margin:auto; height: auto;
border:1px solid #DCDCDC; margin: auto;
margin-top:23px; border: 1px solid #DCDCDC;
color:#43647F; margin-top: 23px;
font-size:12px; color: #43647F;
font-size: 12px;
border-left: none; border-left: none;
} }
.HL_Screen .HL_ScList>span:first-child,.HL_Screen .HL_ScList>div:first-child{
.HL_Screen .HL_ScList>span:first-child,
.HL_Screen .HL_ScList>div:first-child {
display: inline-flex; display: inline-flex;
background: #efefef; background: #efefef;
height: 100%; height: 100%;
...@@ -92,285 +109,345 @@ ...@@ -92,285 +109,345 @@
align-items: center; align-items: center;
width: 150px; width: 150px;
justify-content: center; justify-content: center;
margin:0; margin: 0;
} }
.HL_ScList{
width:100%; .HL_ScList {
height:40px; width: 100%;
height: 40px;
display: flex; display: flex;
align-items: center; align-items: center;
/* border-bottom:1px solid #DDDDDD; */ /* border-bottom:1px solid #DDDDDD; */
position: relative; position: relative;
} }
.HL_ScList:last-child{
border-bottom:0; .HL_ScList:last-child {
border-bottom: 0;
} }
.HL_Screen .HL_ScList span{
display:inline-block; .HL_Screen .HL_ScList span {
margin-right:20px; display: inline-block;
margin-right: 20px;
cursor: pointer; cursor: pointer;
padding:4px 8px; padding: 4px 8px;
} }
.HL_Stitle{
.HL_Stitle {
display: inline-block; display: inline-block;
width:50px; width: 50px;
text-align: left; text-align: left;
color:#96A6B1; color: #96A6B1;
margin-right:20px!important; margin-right: 20px !important;
} }
.HL_ScList .el-input__inner{
width:100px; .HL_ScList .el-input__inner {
height:28px; width: 100px;
height: 28px;
border-radius: 0; border-radius: 0;
} }
.HL_gang{
width:8px; .HL_gang {
height:2px; width: 8px;
height: 2px;
background-color: #43647F; background-color: #43647F;
margin:0 10px; margin: 0 10px;
} }
.HL_checked{
.HL_checked {
display: inline-block; display: inline-block;
padding: 4px 8px; padding: 4px 8px;
background-color: #96A9B5; background-color: #96A9B5;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
} }
.HL_searchHotelName .el-input__inner{
width:338px; .HL_searchHotelName .el-input__inner {
height:28px; width: 338px;
height: 28px;
} }
.HL_searchBtn{
width:70px; .HL_searchBtn {
height:20px; width: 70px;
color:#fff; height: 20px;
color: #fff;
background-color: #EE4454; background-color: #EE4454;
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
margin-left:30px; margin-left: 30px;
} }
.HL_BtmList{
width:1200px; .HL_BtmList {
height:auto; width: 1200px;
margin:30px auto; height: auto;
margin: 30px auto;
} }
.HL_BtmTop{
width:100%; .HL_BtmTop {
height:36px; width: 100%;
height: 36px;
background-color: #DDDDDD; background-color: #DDDDDD;
display: flex; display: flex;
align-items:center; align-items: center;
font-size:12px; font-size: 12px;
color:#333333; color: #333333;
margin-bottom:20px; margin-bottom: 20px;
} }
.HL_BtmTop i{
font-size:12px; .HL_BtmTop i {
font-size: 12px;
} }
.HL_BtmTop span{
margin-left:30px; .HL_BtmTop span {
margin-left: 30px;
cursor: pointer; cursor: pointer;
padding:4px 8px; padding: 4px 8px;
}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
} }
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.HL_ListTable{ .HL_ListTable {
float:left; float: left;
width:840px; width: 840px;
/* width:100%; */ /* width:100%; */
border-collapse:collapse; border-collapse: collapse;
} }
.HL_ListTable td{
height:149px; .HL_ListTable td {
padding:10px; height: 149px;
width:840px; padding: 10px;
border:1px solid #E5E5E5; width: 840px;
} border: 1px solid #E5E5E5;
.HL_Map{ }
float:left;
width:338px; .HL_Map {
height:380px; float: left;
margin-left:20px; width: 338px;
border:1px solid #d1d1d1; height: 380px;
} margin-left: 20px;
.HL_ListImg{ border: 1px solid #d1d1d1;
float:left; }
width:199px;
height:148px; .HL_ListImg {
float: left;
width: 199px;
height: 148px;
background-position: 50%; background-position: 50%;
} }
.HL_ListImg img{
width:100%; .HL_ListImg img {
height:100%; width: 100%;
height: 100%;
} }
.HL_ListContent{
float:left; .HL_ListContent {
float: left;
position: relative; position: relative;
margin-left:13px; margin-left: 13px;
width:605px; width: 605px;
/* width:900px; */ /* width:900px; */
height:148px; height: 148px;
} }
.HL_ListTitle{
font-size:16px; .HL_ListTitle {
color:#2A5532; font-size: 16px;
width:410px; color: #2A5532;
width: 410px;
} }
.HL_ListTitle span{
display:inline-block; .HL_ListTitle span {
display: inline-block;
/* margin-left:30px; */ /* margin-left:30px; */
/* color:#FFA835; */ /* color:#FFA835; */
font-size:12px; font-size: 12px;
} }
.HL_ListTitle span img{
margin-right:4px; .HL_ListTitle span img {
margin-right: 4px;
} }
.HL_ListSpecial{
.HL_ListSpecial {
display: inline-block; display: inline-block;
padding:4px 11px; padding: 4px 11px;
background-color: #DBF1DF; background-color: #DBF1DF;
color:#4E9F5D; color: #4E9F5D;
font-size:12px; font-size: 12px;
margin:20px 10px 0 0; margin: 20px 10px 0 0;
} }
.HL_ListAddress{
font-size:12px; .HL_ListAddress {
color:#333333; font-size: 12px;
margin-top:20px; color: #333333;
margin-top: 20px;
} }
.HL_ListPrice{
.HL_ListPrice {
position: absolute; position: absolute;
top:3px; top: 3px;
right:10px; right: 10px;
font-size:12px; font-size: 12px;
color:#666666; color: #666666;
} }
.HL_ListPrice span{
color:#FDAC11; .HL_ListPrice span {
color: #FDAC11;
font-weight: bold; font-weight: bold;
font-size:22px; font-size: 22px;
margin-right:5px; margin-right: 5px;
} }
.HL_ListBtn{
width:80px; .HL_ListBtn {
height:28px; width: 80px;
height: 28px;
background-color: #F2F2F2; background-color: #F2F2F2;
color:#666666; color: #666666;
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
bottom:6px; bottom: 6px;
right:11px; right: 11px;
outline: none; outline: none;
font-size:12px; font-size: 12px;
border:none; border: none;
} }
.HL_ListBtn:hover{
.HL_ListBtn:hover {
background-color: #EE4454; background-color: #EE4454;
color:#fff; color: #fff;
-webkit-transition: all .3s; -webkit-transition: all .3s;
-moz-transition: all .3s; -moz-transition: all .3s;
-ms-transition: all .3s; -ms-transition: all .3s;
-o-transition: all .3s; -o-transition: all .3s;
transition: all .3s; transition: all .3s;
} }
.Ht_PopList{
width:170px; .Ht_PopList {
float:left; width: 170px;
height:auto; float: left;
border-right:1px solid #E9E9E9; height: auto;
margin:0 20px 20px 0; border-right: 1px solid #E9E9E9;
} margin: 0 20px 20px 0;
.Ht_PopList:last-child{ }
border-right:0;
margin-right:0; .Ht_PopList:last-child {
} border-right: 0;
.Ht_PopList>div{ margin-right: 0;
width:94px; }
height:26px;
border:1px solid #EE4454; .Ht_PopList>div {
color:#EE4454; width: 94px;
height: 26px;
border: 1px solid #EE4454;
color: #EE4454;
text-align: center; text-align: center;
line-height: 26px; line-height: 26px;
border-radius:3px; border-radius: 3px;
margin-bottom:20px; margin-bottom: 20px;
} }
.Ht_PopList .el-input__inner{
width:54px; .Ht_PopList .el-input__inner {
height:22px; width: 54px;
height: 22px;
} }
.Ht_PopList .el-input__icon{
.Ht_PopList .el-input__icon {
line-height: 0; line-height: 0;
} }
.Ht_PopList tr td{
height:35px; .Ht_PopList tr td {
height: 35px;
}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
} }
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.HL_Concept{ .HL_Concept {
display:inline-block; display: inline-block;
width:85%; width: 85%;
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
} }
.HL_Concept span{
margin:5px 0; .HL_Concept span {
margin: 5px 0;
} }
.HL_minHeight{
height:45px; .HL_minHeight {
height: 45px;
line-height: 27px; line-height: 27px;
} }
.HL_AutoHeight{
height:auto; .HL_AutoHeight {
height: auto;
} }
.HL_ConZhankai{ .HL_ConZhankai {
display: inline-block; display: inline-block;
margin-left:10px; margin-left: 10px;
vertical-align: top; vertical-align: top;
cursor: pointer; cursor: pointer;
color:blue; color: blue;
position: absolute; position: absolute;
right:10px; right: 10px;
top:14px; top: 14px;
} }
.HotelList .pagination { .HotelList .pagination {
margin: 10px 0; margin: 10px 0;
text-align:right; text-align: right;
margin:15px 0 30px 0; margin: 15px 0 30px 0;
width:1200px; width: 1200px;
} }
.HotelList .el-pagination .btn-next { .HotelList .el-pagination .btn-next {
height: 28px; height: 28px;
} }
.HotelList .el-pagination .btn-prev { .HotelList .el-pagination .btn-prev {
height: 28px; height: 28px;
} }
.HotelList .HL_ListTitle>span { .HotelList .HL_ListTitle>span {
margin-left:20px; margin-left: 20px;
position: relative; position: relative;
top:-3px; top: -3px;
} }
.HotelList .HT_otherStar{
top:0!important; .HotelList .HT_otherStar {
top: 0 !important;
} }
.HotelList .HT_otherStar i{
color:rgb(239, 242, 247); .HotelList .HT_otherStar i {
color: rgb(239, 242, 247);
} }
.HL_Maxheight{
height:114px!important; .HL_Maxheight {
height: 114px !important;
} }
.HL_Two .icon-img-rili{
margin-left:0!important; .HL_Two .icon-img-rili {
margin-left: 0 !important;
} }
.HL_TitleSpan:hover{
.HL_TitleSpan:hover {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
} }
.HL_listType{
.HL_listType {
position: absolute; position: absolute;
right: 40px; right: 40px;
top:30px; top: 30px;
color:#10A200; color: #10A200;
font-size:14px; font-size: 14px;
} }
</style> </style>
...@@ -378,9 +455,9 @@ ...@@ -378,9 +455,9 @@
<div class="HotelList"> <div class="HotelList">
<div class="Hotel_Search"> <div class="Hotel_Search">
<div class="HL_SearchInfo"> <div class="HL_SearchInfo">
<div class="HL_ComSearch HL_one"> <div class="HL_ComSearch HL_one">
<img class="HL_bed" src="../../assets/img/hotel/hotelBed.png" alt=""/> <img class="HL_bed" src="../../assets/img/hotel/hotelBed.png" alt="" />
<el-select style="width:350px;" v-model="placeKeyWords" filterable 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>
...@@ -429,86 +506,80 @@ ...@@ -429,86 +506,80 @@
<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-select> </el-select>
</div> </div>
<div class="HL_ComSearch HL_Two"> <div class="HL_ComSearch HL_Two">
<el-date-picker <el-date-picker v-model="dateList" type="daterange" @change="getInOutDate" value-format="yyyy-MM-dd"
v-model="dateList" range-separator="-" :picker-options="pickerOptions0" start-placeholder="入住日"
type="daterange"
@change="getInOutDate"
value-format="yyyy-MM-dd"
range-separator="-"
:picker-options="pickerOptions0"
start-placeholder="入住日"
end-placeholder="离店日"> end-placeholder="离店日">
</el-date-picker> </el-date-picker>
</div> </div>
<div class="HL_ComSearch HL_Three"> <div class="HL_ComSearch HL_Three">
<el-popover :visible-arrow="false" <el-popover :visible-arrow="false" v-model="isShowPop" placement="bottom" trigger="click">
v-model="isShowPop" <div class="citycompent">
placement="bottom" <div class="Ht_pNum clearfix">
trigger="click"> <div class="Ht_PopList" v-for="item in msg.searchroomGroup">
<div class="citycompent"> <div>客房{{item.roomNum}}</div>
<div class="Ht_pNum clearfix"> <table>
<div class="Ht_PopList" v-for="item in msg.searchroomGroup"> <tr>
<div>客房{{item.roomNum}}</div> <td width="80">成人</td>
<table> <td>
<tr> <el-select v-model="item.numberOfAdults" placeholder=""
<td width="80">成人</td> @change="setPeopleNum">
<td> <el-option :value="1" label="1"></el-option>
<el-select v-model="item.numberOfAdults" placeholder="" @change="setPeopleNum"> <el-option :value="2" label="2"></el-option>
<el-option :value="1" label="1"></el-option> <el-option :value="3" label="3"></el-option>
<el-option :value="2" label="2"></el-option> <el-option :value="4" label="4"></el-option>
<el-option :value="3" label="3"></el-option> <el-option :value="5" label="5"></el-option>
<el-option :value="4" label="4"></el-option> <el-option :value="6" label="6"></el-option>
<el-option :value="5" label="5"></el-option> <el-option :value="7" label="7"></el-option>
<el-option :value="6" label="6"></el-option> <el-option :value="8" label="8"></el-option>
<el-option :value="7" label="7"></el-option> <el-option :value="9" label="9"></el-option>
<el-option :value="8" label="8"></el-option> </el-select>
<el-option :value="9" label="9"></el-option> </td>
</el-select> </tr>
</td> <tr>
</tr> <td>儿童</td>
<tr> <td>
<td>儿童</td> <el-select v-model="item.numberOfChildren" placeholder=""
<td> @change="setPeopleNum">
<el-select v-model="item.numberOfChildren" placeholder="" @change="setPeopleNum"> <el-option :value="0" label="0"></el-option>
<el-option :value="0" label="0"></el-option> <el-option :value="1" label="1"></el-option>
<el-option :value="1" label="1"></el-option> <el-option :value="2" label="2"></el-option>
<el-option :value="2" label="2"></el-option> <el-option :value="3" label="3"></el-option>
<el-option :value="3" label="3"></el-option> <el-option :value="4" label="4"></el-option>
<el-option :value="4" label="4"></el-option> <el-option :value="5" label="5"></el-option>
<el-option :value="5" label="5"></el-option> </el-select>
</el-select> </td>
</td> </tr>
</tr> </table>
</table> </div>
</div>
</div> </div>
</div> <ul class="Ht_ul" slot="reference">
</div> <li class="Ht_ulName">
<ul class="Ht_ul" slot="reference"> 客房
<li class="Ht_ulName"> <el-select style="width:65px;" v-model="room" placeholder=""
客房 @change="getRoomList(room)">
<el-select style="width:65px;" v-model="room" placeholder="" @change="getRoomList(room)"> <el-option :value="1" label="1"></el-option>
<el-option :value="1" label="1"></el-option> <el-option :value="2" label="2"></el-option>
<el-option :value="2" label="2"></el-option> <el-option :value="3" label="3"></el-option>
<el-option :value="3" label="3"></el-option> <el-option :value="4" label="4"></el-option>
<el-option :value="4" label="4"></el-option> <el-option :value="5" label="5"></el-option>
<el-option :value="5" label="5"></el-option> <el-option :value="6" label="6"></el-option>
<el-option :value="6" label="6"></el-option> <el-option :value="7" label="7"></el-option>
<el-option :value="7" label="7"></el-option> <el-option :value="8" label="8"></el-option>
<el-option :value="8" label="8"></el-option> <el-option :value="9" label="9"></el-option>
<el-option :value="9" label="9"></el-option> <el-option :value="10" label="10"></el-option>
<el-option :value="10" label="10"></el-option> </el-select>
</el-select> </li>
</li> <li style="margin-right:8px;"><img src="../../assets/img/hotel/head.png" alt="" /></li>
<li style="margin-right:8px;"><img src="../../assets/img/hotel/head.png" alt=""/></li> <li class="Ht_ulName">{{auditNum}}成人</li>
<li class="Ht_ulName">{{auditNum}}成人</li> <li class="Ht_ulDian">.</li>
<li class="Ht_ulDian">.</li> <li class="Ht_ulName">{{childNum}}儿童</li>
<li class="Ht_ulName">{{childNum}}儿童</li> </ul>
</ul> </el-popover>
</el-popover>
</div>
</div>
</div> </div>
</div> </div>
<div class="HL_Screen"> <div class="HL_Screen">
...@@ -524,9 +595,11 @@ ...@@ -524,9 +595,11 @@
{{item.name}} {{item.name}}
</span> --> </span> -->
<!-- <span style="margin-right:10px;">自定义价格：</span> --> <!-- <span style="margin-right:10px;">自定义价格：</span> -->
<el-input type="text" style="width:100px;" @keyup.native="checkPrice(monyMsg,'searchMinRate')" v-model="monyMsg.searchMinRate" /> <el-input type="text" style="width:100px;" @keyup.native="checkPrice(monyMsg,'searchMinRate')"
v-model="monyMsg.searchMinRate" />
<i class="HL_gang"></i> <i class="HL_gang"></i>
<el-input type="text" style="width:100px;" @keyup.native="checkPrice(monyMsg,'searchMaxRate')" v-model="monyMsg.searchMaxRate" /> <el-input type="text" style="width:100px;" @keyup.native="checkPrice(monyMsg,'searchMaxRate')"
v-model="monyMsg.searchMaxRate" />
</div> </div>
<div class="HL_ScList"> <div class="HL_ScList">
<span class="HL_Stitle">房型</span> <span class="HL_Stitle">房型</span>
...@@ -544,7 +617,8 @@ ...@@ -544,7 +617,8 @@
<div class="HL_ScList MoreList" style="height:auto;"> <div class="HL_ScList MoreList" style="height:auto;">
<div class="HL_Stitle" style="height:45px;" :class="isOpen==2?'HL_Maxheight':''">理念</div> <div class="HL_Stitle" style="height:45px;" :class="isOpen==2?'HL_Maxheight':''">理念</div>
<div class="HL_Concept" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'"> <div class="HL_Concept" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'">
<span v-for="item in ConceptObj" :class="item.isCked?'HL_checked':''" @click="item.isCked=!item.isCked"> <span v-for="item in ConceptObj" :class="item.isCked?'HL_checked':''"
@click="item.isCked=!item.isCked">
{{item.name}} {{item.name}}
</span> </span>
</div> </div>
...@@ -558,13 +632,18 @@ ...@@ -558,13 +632,18 @@
<div class="HL_ScList"> <div class="HL_ScList">
<span class="HL_Stitle">评分</span> <span class="HL_Stitle">评分</span>
<span style="margin-right:10px;">输入评分范围：</span> <span style="margin-right:10px;">输入评分范围：</span>
<el-input type="text" style="width:100px;" @keyup.native="checkInteger(starMsg,'reviewRatingLowerLimits')" v-model="starMsg.reviewRatingLowerLimits" /> <el-input type="text" style="width:100px;"
@keyup.native="checkInteger(starMsg,'reviewRatingLowerLimits')"
v-model="starMsg.reviewRatingLowerLimits" />
<i class="HL_gang"></i> <i class="HL_gang"></i>
<el-input type="text" style="width:100px;" @keyup.native="checkInteger(starMsg,'reviewRatingUpperLimits')" v-model="starMsg.reviewRatingUpperLimits" /> <el-input type="text" style="width:100px;"
@keyup.native="checkInteger(starMsg,'reviewRatingUpperLimits')"
v-model="starMsg.reviewRatingUpperLimits" />
</div> </div>
<div class="HL_ScList"> <div class="HL_ScList">
<span class="HL_Stitle">酒店名称</span> <span class="HL_Stitle">酒店名称</span>
<el-input type="text" class="HL_searchHotelName" style="width:320px;" @keyup.native.enter="SearchHotel(),resetPageIndex()" v-model="keyWords" placeholder="请输入你想找的酒店名称" /> <el-input type="text" class="HL_searchHotelName" style="width:320px;"
@keyup.native.enter="SearchHotel(),resetPageIndex()" v-model="keyWords" placeholder="请输入你想找的酒店名称" />
<span class="HL_searchBtn" @click="SearchHotel(),resetPageIndex()">搜索</span> <span class="HL_searchBtn" @click="SearchHotel(),resetPageIndex()">搜索</span>
</div> </div>
</div> </div>
...@@ -589,14 +668,11 @@ ...@@ -589,14 +668,11 @@
</div> </div>
<div class="HL_ListContent"> <div class="HL_ListContent">
<div class="HL_ListTitle"> <div class="HL_ListTitle">
<span class="HL_TitleSpan" @click="goHotelDetail(item,'HotelDetail')">{{item.hotelName}}</span> <span class="HL_TitleSpan"
@click="goHotelDetail(item,'HotelDetail')">{{item.hotelName}}</span>
<span v-if="item.reviewRating"> <span v-if="item.reviewRating">
<el-rate <el-rate v-model="item.reviewRating" disabled show-score
v-model="item.reviewRating" text-color="#ff9900" :score-template="item.reviewRating+'分'">
disabled
show-score
text-color="#ff9900"
:score-template="item.reviewRating+'分'">
</el-rate> </el-rate>
</span> </span>
<span v-else class="HT_otherStar"> <span v-else class="HT_otherStar">
...@@ -608,10 +684,11 @@ ...@@ -608,10 +684,11 @@
</span> </span>
</div> </div>
<div> <div>
<span v-for="subItem in getTravelFeature(item.hotelFeaturesMask)" class="HL_ListSpecial">{{subItem}}</span> <span v-for="subItem in getTravelFeature(item.hotelFeaturesMask)"
class="HL_ListSpecial">{{subItem}}</span>
</div> </div>
<div class="HL_ListAddress"> <div class="HL_ListAddress">
<img src="../../assets/img/hotel/address.png" alt=""/> <img src="../../assets/img/hotel/address.png" alt="" />
地址：{{item.address}} 地址：{{item.address}}
</div> </div>
<div class="HL_ListPrice"> <div class="HL_ListPrice">
...@@ -632,7 +709,8 @@ ...@@ -632,7 +709,8 @@
jalan jalan
</template> </template>
</div> </div>
<input type="button" class="HL_ListBtn" @click="goHotelDetail(item,'HotelDetail')" value="查看详情"/> <input type="button" class="HL_ListBtn"
@click="goHotelDetail(item,'HotelDetail')" value="查看详情" />
</div> </div>
</div> </div>
</td> </td>
...@@ -649,572 +727,560 @@ ...@@ -649,572 +727,560 @@
</div> </div>
</div> </div>
</div> </div>
<el-pagination v-if="dataList2.length>0" class="pagination" <el-pagination v-if="dataList2.length>0" class="pagination" @current-change="CurrentChange"
@current-change="CurrentChange" :current-page.sync="currentPage" background layout="total, prev, pager, next" :total="TotalPage">
:current-page.sync="currentPage"
background
layout="total, prev, pager, next"
:total="TotalPage">
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
import moment from "moment"; import moment from "moment";
import HTMap from '../global/HTMap' import HTMap from '../global/HTMap'
export default { export default {
data() { data() {
return { return {
//查询条件 //查询条件
msg:{ msg: {
displayFrom:1, displayFrom: 1,
numberOfResults:5, numberOfResults: 5,
arrivalDate:'', arrivalDate: '',
departureDate:'', departureDate: '',
searchroomGroup:[], searchroomGroup: [],
searchHotelIdList:[], searchHotelIdList: [],
freeword:'', freeword: '',
freewordType:1, //类型 1，地区，2-酒店名称 freewordType: 1, //类型 1，地区，2-酒店名称
reviewRatingUpperLimits:'', reviewRatingUpperLimits: '',
reviewRatingLowerLimits:'', reviewRatingLowerLimits: '',
searchHotelCategory:[], //酒店分类 searchHotelCategory: [], //酒店分类
searchHotelFeatures:[], //酒店特征 searchHotelFeatures: [], //酒店特征
searchRoomType:[], //类型的房间 searchRoomType: [], //类型的房间
searchMealType:[], //饮食条件搜索 searchMealType: [], //饮食条件搜索
searchMinRate:'', //最小金额 searchMinRate: '', //最小金额
searchMaxRate:'', //最大金额 searchMaxRate: '', //最大金额
sort:0 sort: 0
}, },
//是否显示日期范围 //是否显示日期范围
isShowTime:true, isShowTime: true,
//总页数 //总页数
TotalPage:0, TotalPage: 0,
currentPage:1, currentPage: 1,
monyMsg:{ monyMsg: {
//最小金额 //最小金额
searchMinRate:'', searchMinRate: '',
//最大金额 //最大金额
searchMaxRate:'', searchMaxRate: '',
}, },
starMsg:{ starMsg: {
//最小星星 //最小星星
reviewRatingLowerLimits:'', reviewRatingLowerLimits: '',
//最大星星 //最大星星
reviewRatingUpperLimits:'', reviewRatingUpperLimits: '',
}, },
//除以 //除以
JapanIncrease:0, JapanIncrease: 0,
isShowPop:false, isShowPop: false,
roomList:[], roomList: [],
room:1, room: 1,
auditNum:1, auditNum: 1,
childNum:0, childNum: 0,
//是否展开 //是否展开
isOpen:1, isOpen: 1,
//酒店搜索关键字 //酒店搜索关键字
keyWords:'', keyWords: '',
placeKeyWords:'', placeKeyWords: '',
//日期 //日期
dateList:[], dateList: [],
//数据 //数据
dataList:[], dataList: [],
dataList2:[], dataList2: [],
loading:false, loading: false,
//住宿类型 //住宿类型
hotelObj:[{ hotelObj: [{
name:'酒店', name: '酒店',
Id:1, Id: 1,
isCked:false isCked: false
},{ }, {
name:'日式旅馆', name: '日式旅馆',
Id:2, Id: 2,
isCked:false isCked: false
},{ }, {
name:'出租别墅', name: '出租别墅',
Id:3, Id: 3,
isCked:false isCked: false
},{ }, {
name:'酒店/商务酒店', name: '酒店/商务酒店',
Id:4, Id: 4,
isCked:false isCked: false
},{ }, {
name:'简易旅馆/民宿/山间小屋', name: '简易旅馆/民宿/山间小屋',
Id:5, Id: 5,
isCked:false isCked: false
}], }],
//价格 //价格
PriceObj:[{ PriceObj: [{
name:'100元以下', name: '100元以下',
Id:1 Id: 1
},{ }, {
name:'100-300元', name: '100-300元',
Id:2 Id: 2
},{ }, {
name:'300-600元', name: '300-600元',
Id:3 Id: 3
},{ }, {
name:'600-800元', name: '600-800元',
Id:4 Id: 4
}], }],
//房型 //房型
houseType:[{ houseType: [{
name:'单人床', name: '单人床',
Id:1, Id: 1,
isCked:false isCked: false
},{ }, {
name:'双人间', name: '双人间',
Id:2, Id: 2,
isCked:false isCked: false
},{ }, {
name:'大床房', name: '大床房',
Id:3, Id: 3,
isCked:false isCked: false
},{ }, {
name:'三人间', name: '三人间',
Id:4, Id: 4,
isCked:false isCked: false
},{ }, {
name:'四人间', name: '四人间',
Id:5, Id: 5,
isCked:false isCked: false
},{ }, {
name:'日式房', name: '日式房',
Id:6, Id: 6,
isCked:false isCked: false
},{ }, {
name:'日式+西式混合', name: '日式+西式混合',
Id:7, Id: 7,
isCked:false isCked: false
}], }],
//餐饮 //餐饮
mealType:[{ mealType: [{
name:'无餐', name: '无餐',
Id:1, Id: 1,
isCked:false isCked: false
},{ }, {
name:'含早餐', name: '含早餐',
Id:2, Id: 2,
isCked:false isCked: false
},{ }, {
name:'含晚餐', name: '含晚餐',
Id:3, Id: 3,
isCked:false isCked: false
},{ }, {
name:'包含早餐.晚餐', name: '包含早餐.晚餐',
Id:4, Id: 4,
isCked:false isCked: false
}], }],
//理念 //理念
ConceptObj:[{ ConceptObj: [{
name:'至外汇兑换处步行5分钟以内', name: '至外汇兑换处步行5分钟以内',
Id:1, Id: 1,
isCked:false isCked: false
},{ }, {
name:'车站步行5分钟以内', name: '车站步行5分钟以内',
Id:2, Id: 2,
isCked:false isCked: false
},{ }, {
name:'温泉', name: '温泉',
Id:3, Id: 3,
isCked:false isCked: false
},{ }, {
name:'前台可兑换', name: '前台可兑换',
Id:4, Id: 4,
isCked:false isCked: false
},{ }, {
name:'到观光信息中心5分钟', name: '到观光信息中心5分钟',
Id:5, Id: 5,
isCked:false isCked: false
},{ }, {
name:'露天浴池', name: '露天浴池',
Id:6, Id: 6,
isCked:false isCked: false
},{ }, {
name:'自然式温泉', name: '自然式温泉',
Id:7, Id: 7,
isCked:false isCked: false
},{ }, {
name:'浊汤温泉', name: '浊汤温泉',
Id:8, Id: 8,
isCked:false isCked: false
},{ }, {
name:'室外游泳池', name: '室外游泳池',
Id:9, Id: 9,
isCked:false isCked: false
},{ }, {
name:'去海滩步行5分钟的路程', name: '去海滩步行5分钟的路程',
Id:10, Id: 10,
isCked:false isCked: false
},{
name:'停车场免费',
Id:11,
isCked:false
},{
name:'室内浴池/大型浴池',
Id:12,
isCked:false
},{
name:'包租浴池/包租露天浴池',
Id:13,
isCked:false
},{
name:'11点之后退房',
Id:14,
isCked:false
},{
name:'美容沙龙护理设备',
Id:15,
isCked:false
},{
name:'有乒乓球台',
Id:16,
isCked:false
},{
name:'瞭望式浴池',
Id:17,
isCked:false
},{
name:'桑拿浴',
Id:18,
isCked:false
},{
name:'喷流式气泡浴缸',
Id:19,
isCked:false
},{
name:'按摩',
Id:20,
isCked:false
},{
name:'出租滑雪用具',
Id:21,
isCked:false
},{
name:'租赁滑板',
Id:22,
isCked:false
},{
name:'有车接送',
Id:23,
isCked:false
},],
//传过去参数
PassMsg:{
hotelId:'',
groupBookingFlg:'',
arrivalDate:'',
departureDate:'',
searchroomGroup:[],
lowrateBySetCurrency:''
},
pickerOptions0: {
disabledDate: this.disabledDate
},
//坐标数组
travelLngLat:[]
};
},
mounted() {
},
created() {
if(this.$route.query.time){
this.dateList=this.$route.query.time;
this.msg.searchroomGroup = [{
roomNum:1,
numberOfAdults:1,
numberOfChildren:0
}]
this.getInOutDate()
}
if(this.$route.query.searchKey){
this.keyWords=this.$route.query.searchKey;
this.SearchHotel();
}
if(sessionStorage.getItem("HotelInfo")){
let msgList = JSON.parse(sessionStorage.getItem("HotelInfo"));
this.placeKeyWords = msgList.place;
this.dateList=[];
this.dateList.push(msgList.StartDate,msgList.EndDate);
this.auditNum = msgList.auditNum;
this.childNum = msgList.childNum;
this.room = msgList.room;
this.msg.searchroomGroup = msgList.roomList;
this.SearchHotel();
}
if(sessionStorage.getItem("OpenB2BCode")){
if(sessionStorage.getItem("OpenB2BCode")=='jqk4n7BSaoI='){
this.isShowTime=false;
}
}
},
components: {
HTMap
},
methods: {
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;
}
},
//结束日期默认加1
getInOutDate(){
if(this.dateList){
if(this.dateList[0]==this.dateList[1]){
this.dateList[1] = moment(this.dateList[0]).add(1,'days').format('YYYY-MM-DD')
}
}
},
CurrentChange(val) {
this.msg.displayFrom = val;
this.SearchHotel();
},
//房间数改变
getRoomList(roomNum){
this.isShowPop=true;
this.msg.searchroomGroup = [];
for(var i=1;i<=roomNum;i++){
var obj = {
roomNum:i,
numberOfAdults:1,
numberOfChildren:0
}
this.msg.searchroomGroup.push(obj);
}
this.auditNum=0;
this.childNum=0;
this.msg.searchroomGroup.forEach(x=>{
this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren;
})
},
//设置房间里面成人数改变总成人数和儿童数
setPeopleNum(){
this.auditNum=0;
this.childNum=0;
this.msg.searchroomGroup.forEach(x=>{
this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren;
})
if(this.auditNum==null||this.auditNum==undefined){
this.auditNum=1
}
if(this.childNum==null||this.childNum==undefined){
this.childNum=1
}
},
//点击展开关闭
setOpenMore(){
if(this.isOpen==1){
this.isOpen=2
}else{
this.isOpen=1;
}
},
//点击搜索
SearchHotel(){
if(this.dateList){
this.msg.arrivalDate=this.dateList[0];
this.msg.departureDate=this.dateList[1];
}else{
this.msg.arrivalDate="";
this.msg.departureDate="";
}
if(this.msg.arrivalDate==''){
this.Error('请选择入住日期');
return;
}
if(this.msg.departureDate==''){
this.Error('请选择退房日期');
return;
}
if(this.keyWords==''){
this.msg.freewordType=1;
this.msg.freeword= this.placeKeyWords;
}else{
this.msg.freewordType=2;
this.msg.freeword=this.keyWords;
}
if(this.monyMsg.searchMinRate==""){
this.msg.searchMinRate=0;
}else{
this.msg.searchMinRate = this.monyMsg.searchMinRate;
}
if(this.monyMsg.searchMaxRate==""){
this.msg.searchMaxRate=0;
}else{
this.msg.searchMaxRate = this.monyMsg.searchMaxRate;
}
if(this.starMsg.reviewRatingLowerLimits==""){ }, {
this.msg.reviewRatingLowerLimits=0; name: '停车场免费',
}else{ Id: 11,
this.msg.reviewRatingLowerLimits = this.starMsg.reviewRatingLowerLimits; isCked: false
} }, {
if(this.starMsg.reviewRatingUpperLimits==""){ name: '室内浴池/大型浴池',
this.msg.reviewRatingUpperLimits = 0; Id: 12,
}else{ isCked: false
this.msg.reviewRatingUpperLimits = this.starMsg.reviewRatingUpperLimits; }, {
} name: '包租浴池/包租露天浴池',
Id: 13,
this.msg.searchHotelCategory=[]; isCked: false
this.msg.searchRoomType=[]; }, {
this.msg.searchHotelFeatures=[]; name: '11点之后退房',
this.msg.searchMealType=[]; Id: 14,
//酒店分类 isCked: false
this.hotelObj.forEach(x=>{ }, {
if(x.isCked){ name: '美容沙龙护理设备',
this.msg.searchHotelCategory.push(x.Id); Id: 15,
isCked: false
}, {
name: '有乒乓球台',
Id: 16,
isCked: false
}, {
name: '瞭望式浴池',
Id: 17,
isCked: false
}, {
name: '桑拿浴',
Id: 18,
isCked: false
}, {
name: '喷流式气泡浴缸',
Id: 19,
isCked: false
}, {
name: '按摩',
Id: 20,
isCked: false
}, {
name: '出租滑雪用具',
Id: 21,
isCked: false
}, {
name: '租赁滑板',
Id: 22,
isCked: false
}, {
name: '有车接送',
Id: 23,
isCked: false
}, ],
//传过去参数
PassMsg: {
hotelId: '',
groupBookingFlg: '',
arrivalDate: '',
departureDate: '',
searchroomGroup: [],
lowrateBySetCurrency: ''
},
pickerOptions0: {
disabledDate: this.disabledDate
},
//坐标数组
travelLngLat: []
};
},
mounted() {},
created() {
if (this.$route.query.time) {
this.dateList = this.$route.query.time;
this.msg.searchroomGroup = [{
roomNum: 1,
numberOfAdults: 1,
numberOfChildren: 0
}]
this.getInOutDate()
} }
}) if (this.$route.query.searchKey) {
//类型的房间 this.keyWords = this.$route.query.searchKey;
this.houseType.forEach(x=>{ this.SearchHotel();
if(x.isCked){
this.msg.searchRoomType.push(x.Id);
} }
}) if (sessionStorage.getItem("HotelInfo")) {
//酒店特征 let msgList = JSON.parse(sessionStorage.getItem("HotelInfo"));
this.ConceptObj.forEach(x=>{ this.placeKeyWords = msgList.place;
if(x.isCked){ this.dateList = [];
this.msg.searchHotelFeatures.push(x.Id); this.dateList.push(msgList.StartDate, msgList.EndDate);
this.auditNum = msgList.auditNum;
this.childNum = msgList.childNum;
this.room = msgList.room;
this.msg.searchroomGroup = msgList.roomList;
this.SearchHotel();
} }
})
//酒店餐饮 if (sessionStorage.getItem("OpenB2BCode")) {
this.mealType.forEach(x=>{ if (sessionStorage.getItem("OpenB2BCode") == 'jqk4n7BSaoI=') {
if(x.isCked){ this.isShowTime = false;
this.msg.searchMealType.push(x.Id); }
} }
})
this.loading=true; },
this.dataList = []; components: {
this.dataList2 = []; HTMap
this.travelLngLat=[]; },
this.apipost("dmc_post_Get_GetJAPAN_HotelList",this.msg,res => { methods: {
this.loading=false; disabledDate(time) {
console.log(res,'resssss'); if (this.isShowTime) {
if (res.data.resultCode == 1) { let today_after7 = moment().add(8, 'days').format('YYYY-MM-DD');
if (res.data.data.parmResult&& res.data.data.parmResult.hotelSummary) { return time.getTime() < new Date(today_after7).getTime() - 8.64e7;
this.dataList = res.data.data.parmResult.hotelSummary; }
} },
var ourHotelList = res.data.data.ourHotelList; //结束日期默认加1
if(ourHotelList&&ourHotelList.length>0){ getInOutDate() {
ourHotelList.forEach(x=>{ if (this.dateList) {
x.type=2 if (this.dateList[0] == this.dateList[1]) {
}) this.dateList[1] = moment(this.dateList[0]).add(1, 'days').format('YYYY-MM-DD')
}
}
},
CurrentChange(val) {
this.msg.displayFrom = val;
this.SearchHotel();
},
//房间数改变
getRoomList(roomNum) {
this.isShowPop = true;
this.msg.searchroomGroup = [];
for (var i = 1; i <= roomNum; i++) {
var obj = {
roomNum: i,
numberOfAdults: 1,
numberOfChildren: 0
}
this.msg.searchroomGroup.push(obj);
}
this.auditNum = 0;
this.childNum = 0;
this.msg.searchroomGroup.forEach(x => {
this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren;
})
},
//设置房间里面成人数改变总成人数和儿童数
setPeopleNum() {
this.auditNum = 0;
this.childNum = 0;
this.msg.searchroomGroup.forEach(x => {
this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren;
})
if (this.auditNum == null || this.auditNum == undefined) {
this.auditNum = 1
}
if (this.childNum == null || this.childNum == undefined) {
this.childNum = 1
}
},
//点击展开关闭
setOpenMore() {
if (this.isOpen == 1) {
this.isOpen = 2
} else {
this.isOpen = 1;
}
},
//点击搜索
SearchHotel() {
if (this.dateList) {
this.msg.arrivalDate = this.dateList[0];
this.msg.departureDate = this.dateList[1];
} else {
this.msg.arrivalDate = "";
this.msg.departureDate = "";
}
if (this.msg.arrivalDate == '') {
this.Error('请选择入住日期');
return;
}
if (this.msg.departureDate == '') {
this.Error('请选择退房日期');
return;
}
if (this.keyWords == '') {
this.msg.freewordType = 1;
this.msg.freeword = this.placeKeyWords;
} else {
this.msg.freewordType = 2;
this.msg.freeword = this.keyWords;
} }
//获取酒店坐标 if (this.monyMsg.searchMinRate == "") {
this.dataList.forEach(x=>{ this.msg.searchMinRate = 0;
x.reviewRating = parseFloat(x.reviewRating); } else {
let obj = { this.msg.searchMinRate = this.monyMsg.searchMinRate;
lat:x.latitudeW, }
lng:x.longitudeW, if (this.monyMsg.searchMaxRate == "") {
name:x.hotelName this.msg.searchMaxRate = 0;
} else {
this.msg.searchMaxRate = this.monyMsg.searchMaxRate;
}
if (this.starMsg.reviewRatingLowerLimits == "") {
this.msg.reviewRatingLowerLimits = 0;
} else {
this.msg.reviewRatingLowerLimits = this.starMsg.reviewRatingLowerLimits;
}
if (this.starMsg.reviewRatingUpperLimits == "") {
this.msg.reviewRatingUpperLimits = 0;
} else {
this.msg.reviewRatingUpperLimits = this.starMsg.reviewRatingUpperLimits;
}
this.msg.searchHotelCategory = [];
this.msg.searchRoomType = [];
this.msg.searchHotelFeatures = [];
this.msg.searchMealType = [];
//酒店分类
this.hotelObj.forEach(x => {
if (x.isCked) {
this.msg.searchHotelCategory.push(x.Id);
}
})
//类型的房间
this.houseType.forEach(x => {
if (x.isCked) {
this.msg.searchRoomType.push(x.Id);
}
})
//酒店特征
this.ConceptObj.forEach(x => {
if (x.isCked) {
this.msg.searchHotelFeatures.push(x.Id);
} }
this.travelLngLat.push(obj);
x.type=1
}) })
//酒店餐饮
this.mealType.forEach(x => {
if (x.isCked) {
this.msg.searchMealType.push(x.Id);
}
})
this.loading = true;
this.dataList = [];
this.dataList2 = [];
this.travelLngLat = [];
this.apipost("dmc_post_Get_GetJAPAN_HotelList", this.msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
if (res.data.data.parmResult && res.data.data.parmResult.hotelSummary) {
this.dataList = res.data.data.parmResult.hotelSummary;
}
var ourHotelList = res.data.data.ourHotelList;
if (ourHotelList && ourHotelList.length > 0) {
ourHotelList.forEach(x => {
x.type = 2
})
}
//获取酒店坐标
this.dataList.forEach(x => {
x.reviewRating = parseFloat(x.reviewRating);
let obj = {
lat: x.latitudeW,
lng: x.longitudeW,
name: x.hotelName
}
this.travelLngLat.push(obj);
x.type = 1
})
this.dataList2 = ourHotelList.concat(this.dataList); this.dataList2 = ourHotelList.concat(this.dataList);
let jalanTotalCount = 0;
if (res.data.data.parmResult && res.data.data.parmResult.numberOfResultMatched) {
jalanTotalCount = res.data.data.parmResult.numberOfResultMatched;
}
let ourHotelTotalCount = 0;
if (ourHotelList && ourHotelList.length > 0) {
ourHotelTotalCount = ourHotelList[0].totalHotelCount;
}
let totalCount = Number(jalanTotalCount) + Number(ourHotelTotalCount);
if (totalCount % 2 == 1) {
this.TotalPage = parseInt(totalCount / 2) + 1
} else {
this.TotalPage = parseInt(totalCount / 2)
}
this.PassMsg.groupBookingFlg = res.data.data.parmResult.groupBookingFlg;
this.JapanIncrease = res.data.data.parmResult.JapanIncrease;
}
},
err => {}
);
},
//重置页数
resetPageIndex() {
this.msg.displayFrom = 1;
this.currentPage = 1;
},
//按人气排序
OrderBySource(type) {
this.msg.sort = type;
this.SearchHotel();
},
//跳转详情
goHotelDetail(item, path) {
if (item.type == 2) {
let routeData = this.$router.resolve({
name: "SupplierView",
query: {
HotelId: item.hotelId,
arrivalDate: this.msg.arrivalDate,
departureDate: this.msg.departureDate
}
});
window.open(routeData.href, "_blank");
} else {
this.PassMsg.hotelId = item.hotelId,
this.PassMsg.arrivalDate = this.msg.arrivalDate;
this.PassMsg.departureDate = this.msg.departureDate;
this.PassMsg.searchroomGroup = this.msg.searchroomGroup;
this.PassMsg.lowrateBySetCurrency = this.getPrice(item.lowrateBySetCurrency);
// this.TotalPage = parseInt(res.data.data.parmResult.numberOfResultMatched); this.PassMsg.room = this.room
let Number1 = res.data.data.parmResult.numberOfResultMatched; this.PassMsg.auditNum = this.auditNum;
let TotalPage=0; sessionStorage.setItem("HotelDetail", JSON.stringify(this.PassMsg));
if(Number1){
TotalPage = parseInt(res.data.data.parmResult.numberOfResultMatched); var jsonstr = JSON.stringify(this.PassMsg);
}else{ let routeData = this.$router.resolve({
TotalPage = 0; name: "HotelDetail",
} query: {
let TotalourHotel=ourHotelList[0].totalHotelCount; msg: encodeURIComponent(jsonstr),
}
let c = TotalPage+TotalourHotel });
let d = c/2 window.open(routeData.href, "_blank");
if(c%2==1){
this.TotalPage=(c/2)+1
}else{
this.TotalPage=c/2
} }
this.PassMsg.groupBookingFlg = res.data.data.parmResult.groupBookingFlg;
this.JapanIncrease = res.data.data.parmResult.JapanIncrease;
} else {
//this.Error(res.data.message);
}
}, },
err => {} //主题特色
); getTravelFeature(feature) {
}, let newArr = [];
//重置页数 if (feature != '') {
resetPageIndex() { let fea = feature.split(',');
this.msg.displayFrom = 1;
this.currentPage=1; if (fea[0] == 1) {
}, newArr.push('从车站步行5分钟');
//按人气排序 }
OrderBySource(type){ if (fea[1] == 1) {
this.msg.sort=type; newArr.push('有温泉');
this.SearchHotel(); }
}, if (fea[2] == 1) {
//跳转详情 newArr.push('离海滩5分钟');
goHotelDetail(item,path){ }
if(item.type==2){ if (fea[3] == 1) {
let routeData = this.$router.resolve({ newArr.push('退房11点以后');
name: "SupplierView", }
query: { }
HotelId:item.hotelId, return newArr;
arrivalDate:this.msg.arrivalDate, },
departureDate:this.msg.departureDate //获取价格
} getPrice(price) {
}); return Math.ceil(price / this.JapanIncrease);
window.open(routeData.href, "_blank");
}else{
this.PassMsg.hotelId = item.hotelId,
this.PassMsg.arrivalDate=this.msg.arrivalDate;
this.PassMsg.departureDate = this.msg.departureDate;
this.PassMsg.searchroomGroup = this.msg.searchroomGroup;
this.PassMsg.lowrateBySetCurrency = this.getPrice(item.lowrateBySetCurrency);
this.PassMsg.room = this.room
this.PassMsg.auditNum = this.auditNum;
sessionStorage.setItem("HotelDetail", JSON.stringify(this.PassMsg));
var jsonstr= JSON.stringify(this.PassMsg);
let routeData = this.$router.resolve({
name: "HotelDetail",
query: {
msg:encodeURIComponent(jsonstr),
}
});
window.open(routeData.href, "_blank");
}
},
//主题特色
getTravelFeature(feature) {
let newArr = [];
if (feature != '') {
let fea = feature.split(',');
if (fea[0] == 1) {
newArr.push('从车站步行5分钟');
}
if (fea[1] == 1) {
newArr.push('有温泉');
}
if (fea[2] == 1) {
newArr.push('离海滩5分钟');
}
if (fea[3] == 1) {
newArr.push('退房11点以后');
} }
} }
return newArr; };
}, </script>
//获取价格 \ No newline at end of file
getPrice(price){
return Math.ceil(price/this.JapanIncrease);
}
}
};
</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