Skip to content

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

页面修改

parent 3ef76a6e
Show 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; .HotelList .Ht_hg {
width:10px; display: inline-block;
height:1px; width: 10px;
border-bottom:1px solid #cccccc; height: 1px;
z-index:99; border-bottom: 1px solid #cccccc;
z-index: 99;
} }
.HotelList .Ht_ul{
margin:0 20px; .HotelList .Ht_ul {
height:46px; 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;}
.HL_ListTable{ .clearfix:after {
float:left; content: "\0020";
width:840px; display: block;
height: 0;
clear: both;
}
.HL_ListTable {
float: left;
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>
...@@ -379,7 +456,7 @@ ...@@ -379,7 +456,7 @@
<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>
...@@ -431,22 +508,13 @@ ...@@ -431,22 +508,13 @@
</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"
placement="bottom"
trigger="click">
<div class="citycompent"> <div class="citycompent">
<div class="Ht_pNum clearfix"> <div class="Ht_pNum clearfix">
<div class="Ht_PopList" v-for="item in msg.searchroomGroup"> <div class="Ht_PopList" v-for="item in msg.searchroomGroup">
...@@ -455,7 +523,8 @@ ...@@ -455,7 +523,8 @@
<tr> <tr>
<td width="80">成人</td> <td width="80">成人</td>
<td> <td>
<el-select v-model="item.numberOfAdults" placeholder="" @change="setPeopleNum"> <el-select v-model="item.numberOfAdults" placeholder=""
@change="setPeopleNum">
<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>
...@@ -471,7 +540,8 @@ ...@@ -471,7 +540,8 @@
<tr> <tr>
<td>儿童</td> <td>儿童</td>
<td> <td>
<el-select v-model="item.numberOfChildren" placeholder="" @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>
...@@ -488,7 +558,8 @@ ...@@ -488,7 +558,8 @@
<ul class="Ht_ul" slot="reference"> <ul class="Ht_ul" slot="reference">
<li class="Ht_ulName"> <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>
...@@ -501,7 +572,7 @@ ...@@ -501,7 +572,7 @@
<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>
...@@ -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,292 +727,287 @@ ...@@ -649,292 +727,287 @@
</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:'停车场免费', name: '停车场免费',
Id:11, Id: 11,
isCked:false isCked: false
},{ }, {
name:'室内浴池/大型浴池', name: '室内浴池/大型浴池',
Id:12, Id: 12,
isCked:false isCked: false
},{ }, {
name:'包租浴池/包租露天浴池', name: '包租浴池/包租露天浴池',
Id:13, Id: 13,
isCked:false isCked: false
},{ }, {
name:'11点之后退房', name: '11点之后退房',
Id:14, Id: 14,
isCked:false isCked: false
},{ }, {
name:'美容沙龙护理设备', name: '美容沙龙护理设备',
Id:15, Id: 15,
isCked:false isCked: false
},{ }, {
name:'有乒乓球台', name: '有乒乓球台',
Id:16, Id: 16,
isCked:false isCked: false
},{ }, {
name:'瞭望式浴池', name: '瞭望式浴池',
Id:17, Id: 17,
isCked:false isCked: false
},{ }, {
name:'桑拿浴', name: '桑拿浴',
Id:18, Id: 18,
isCked:false isCked: false
},{ }, {
name:'喷流式气泡浴缸', name: '喷流式气泡浴缸',
Id:19, Id: 19,
isCked:false isCked: false
},{ }, {
name:'按摩', name: '按摩',
Id:20, Id: 20,
isCked:false isCked: false
},{ }, {
name:'出租滑雪用具', name: '出租滑雪用具',
Id:21, Id: 21,
isCked:false isCked: false
},{ }, {
name:'租赁滑板', name: '租赁滑板',
Id:22, Id: 22,
isCked:false isCked: false
},{ }, {
name:'有车接送', name: '有车接送',
Id:23, Id: 23,
isCked:false isCked: false
},], }, ],
//传过去参数 //传过去参数
PassMsg:{ PassMsg: {
hotelId:'', hotelId: '',
groupBookingFlg:'', groupBookingFlg: '',
arrivalDate:'', arrivalDate: '',
departureDate:'', departureDate: '',
searchroomGroup:[], searchroomGroup: [],
lowrateBySetCurrency:'' lowrateBySetCurrency: ''
}, },
pickerOptions0: { pickerOptions0: {
disabledDate: this.disabledDate disabledDate: this.disabledDate
}, },
//坐标数组 //坐标数组
travelLngLat:[] travelLngLat: []
}; };
}, },
mounted() { mounted() {},
},
created() { created() {
if(this.$route.query.time){ if (this.$route.query.time) {
this.dateList=this.$route.query.time; this.dateList = this.$route.query.time;
this.msg.searchroomGroup = [{ this.msg.searchroomGroup = [{
roomNum:1, roomNum: 1,
numberOfAdults:1, numberOfAdults: 1,
numberOfChildren:0 numberOfChildren: 0
}] }]
this.getInOutDate() this.getInOutDate()
} }
if(this.$route.query.searchKey){ if (this.$route.query.searchKey) {
this.keyWords=this.$route.query.searchKey; this.keyWords = this.$route.query.searchKey;
this.SearchHotel(); this.SearchHotel();
} }
if(sessionStorage.getItem("HotelInfo")){ if (sessionStorage.getItem("HotelInfo")) {
let msgList = JSON.parse(sessionStorage.getItem("HotelInfo")); let msgList = JSON.parse(sessionStorage.getItem("HotelInfo"));
this.placeKeyWords = msgList.place; this.placeKeyWords = msgList.place;
this.dateList=[]; this.dateList = [];
this.dateList.push(msgList.StartDate,msgList.EndDate); this.dateList.push(msgList.StartDate, msgList.EndDate);
this.auditNum = msgList.auditNum; this.auditNum = msgList.auditNum;
this.childNum = msgList.childNum; this.childNum = msgList.childNum;
this.room = msgList.room; this.room = msgList.room;
...@@ -942,9 +1015,9 @@ export default { ...@@ -942,9 +1015,9 @@ export default {
this.SearchHotel(); this.SearchHotel();
} }
if(sessionStorage.getItem("OpenB2BCode")){ if (sessionStorage.getItem("OpenB2BCode")) {
if(sessionStorage.getItem("OpenB2BCode")=='jqk4n7BSaoI='){ if (sessionStorage.getItem("OpenB2BCode") == 'jqk4n7BSaoI=') {
this.isShowTime=false; this.isShowTime = false;
} }
} }
...@@ -954,16 +1027,16 @@ export default { ...@@ -954,16 +1027,16 @@ export default {
}, },
methods: { methods: {
disabledDate(time) { disabledDate(time) {
if(this.isShowTime){ if (this.isShowTime) {
let today_after7=moment().add(8,'days').format('YYYY-MM-DD'); let today_after7 = moment().add(8, 'days').format('YYYY-MM-DD');
return time.getTime() < new Date(today_after7).getTime() - 8.64e7; return time.getTime() < new Date(today_after7).getTime() - 8.64e7;
} }
}, },
//结束日期默认加1 //结束日期默认加1
getInOutDate(){ getInOutDate() {
if(this.dateList){ if (this.dateList) {
if(this.dateList[0]==this.dateList[1]){ if (this.dateList[0] == this.dateList[1]) {
this.dateList[1] = moment(this.dateList[0]).add(1,'days').format('YYYY-MM-DD') this.dateList[1] = moment(this.dateList[0]).add(1, 'days').format('YYYY-MM-DD')
} }
} }
}, },
...@@ -972,175 +1045,168 @@ export default { ...@@ -972,175 +1045,168 @@ export default {
this.SearchHotel(); this.SearchHotel();
}, },
//房间数改变 //房间数改变
getRoomList(roomNum){ getRoomList(roomNum) {
this.isShowPop=true; this.isShowPop = true;
this.msg.searchroomGroup = []; this.msg.searchroomGroup = [];
for(var i=1;i<=roomNum;i++){ for (var i = 1; i <= roomNum; i++) {
var obj = { var obj = {
roomNum:i, roomNum: i,
numberOfAdults:1, numberOfAdults: 1,
numberOfChildren:0 numberOfChildren: 0
} }
this.msg.searchroomGroup.push(obj); this.msg.searchroomGroup.push(obj);
} }
this.auditNum=0; this.auditNum = 0;
this.childNum=0; this.childNum = 0;
this.msg.searchroomGroup.forEach(x=>{ this.msg.searchroomGroup.forEach(x => {
this.auditNum += x.numberOfAdults; this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren; this.childNum += x.numberOfChildren;
}) })
}, },
//设置房间里面成人数改变总成人数和儿童数 //设置房间里面成人数改变总成人数和儿童数
setPeopleNum(){ setPeopleNum() {
this.auditNum=0; this.auditNum = 0;
this.childNum=0; this.childNum = 0;
this.msg.searchroomGroup.forEach(x=>{ this.msg.searchroomGroup.forEach(x => {
this.auditNum += x.numberOfAdults; this.auditNum += x.numberOfAdults;
this.childNum += x.numberOfChildren; this.childNum += x.numberOfChildren;
}) })
if(this.auditNum==null||this.auditNum==undefined){ if (this.auditNum == null || this.auditNum == undefined) {
this.auditNum=1 this.auditNum = 1
} }
if(this.childNum==null||this.childNum==undefined){ if (this.childNum == null || this.childNum == undefined) {
this.childNum=1 this.childNum = 1
} }
}, },
//点击展开关闭 //点击展开关闭
setOpenMore(){ setOpenMore() {
if(this.isOpen==1){ if (this.isOpen == 1) {
this.isOpen=2 this.isOpen = 2
}else{ } else {
this.isOpen=1; this.isOpen = 1;
} }
}, },
//点击搜索 //点击搜索
SearchHotel(){ SearchHotel() {
if(this.dateList){ if (this.dateList) {
this.msg.arrivalDate=this.dateList[0]; this.msg.arrivalDate = this.dateList[0];
this.msg.departureDate=this.dateList[1]; this.msg.departureDate = this.dateList[1];
}else{ } else {
this.msg.arrivalDate=""; this.msg.arrivalDate = "";
this.msg.departureDate=""; this.msg.departureDate = "";
} }
if(this.msg.arrivalDate==''){ if (this.msg.arrivalDate == '') {
this.Error('请选择入住日期'); this.Error('请选择入住日期');
return; return;
} }
if(this.msg.departureDate==''){ if (this.msg.departureDate == '') {
this.Error('请选择退房日期'); this.Error('请选择退房日期');
return; return;
} }
if(this.keyWords==''){ if (this.keyWords == '') {
this.msg.freewordType=1; this.msg.freewordType = 1;
this.msg.freeword= this.placeKeyWords; this.msg.freeword = this.placeKeyWords;
}else{ } else {
this.msg.freewordType=2; this.msg.freewordType = 2;
this.msg.freeword=this.keyWords; this.msg.freeword = this.keyWords;
} }
if(this.monyMsg.searchMinRate==""){ if (this.monyMsg.searchMinRate == "") {
this.msg.searchMinRate=0; this.msg.searchMinRate = 0;
}else{ } else {
this.msg.searchMinRate = this.monyMsg.searchMinRate; this.msg.searchMinRate = this.monyMsg.searchMinRate;
} }
if(this.monyMsg.searchMaxRate==""){ if (this.monyMsg.searchMaxRate == "") {
this.msg.searchMaxRate=0; this.msg.searchMaxRate = 0;
}else{ } else {
this.msg.searchMaxRate = this.monyMsg.searchMaxRate; this.msg.searchMaxRate = this.monyMsg.searchMaxRate;
} }
if(this.starMsg.reviewRatingLowerLimits==""){ if (this.starMsg.reviewRatingLowerLimits == "") {
this.msg.reviewRatingLowerLimits=0; this.msg.reviewRatingLowerLimits = 0;
}else{ } else {
this.msg.reviewRatingLowerLimits = this.starMsg.reviewRatingLowerLimits; this.msg.reviewRatingLowerLimits = this.starMsg.reviewRatingLowerLimits;
} }
if(this.starMsg.reviewRatingUpperLimits==""){ if (this.starMsg.reviewRatingUpperLimits == "") {
this.msg.reviewRatingUpperLimits = 0; this.msg.reviewRatingUpperLimits = 0;
}else{ } else {
this.msg.reviewRatingUpperLimits = this.starMsg.reviewRatingUpperLimits; this.msg.reviewRatingUpperLimits = this.starMsg.reviewRatingUpperLimits;
} }
this.msg.searchHotelCategory=[]; this.msg.searchHotelCategory = [];
this.msg.searchRoomType=[]; this.msg.searchRoomType = [];
this.msg.searchHotelFeatures=[]; this.msg.searchHotelFeatures = [];
this.msg.searchMealType=[]; this.msg.searchMealType = [];
//酒店分类 //酒店分类
this.hotelObj.forEach(x=>{ this.hotelObj.forEach(x => {
if(x.isCked){ if (x.isCked) {
this.msg.searchHotelCategory.push(x.Id); this.msg.searchHotelCategory.push(x.Id);
} }
}) })
//类型的房间 //类型的房间
this.houseType.forEach(x=>{ this.houseType.forEach(x => {
if(x.isCked){ if (x.isCked) {
this.msg.searchRoomType.push(x.Id); this.msg.searchRoomType.push(x.Id);
} }
}) })
//酒店特征 //酒店特征
this.ConceptObj.forEach(x=>{ this.ConceptObj.forEach(x => {
if(x.isCked){ if (x.isCked) {
this.msg.searchHotelFeatures.push(x.Id); this.msg.searchHotelFeatures.push(x.Id);
} }
}) })
//酒店餐饮 //酒店餐饮
this.mealType.forEach(x=>{ this.mealType.forEach(x => {
if(x.isCked){ if (x.isCked) {
this.msg.searchMealType.push(x.Id); this.msg.searchMealType.push(x.Id);
} }
}) })
this.loading=true; this.loading = true;
this.dataList = []; this.dataList = [];
this.dataList2 = []; this.dataList2 = [];
this.travelLngLat=[]; this.travelLngLat = [];
this.apipost("dmc_post_Get_GetJAPAN_HotelList",this.msg,res => { this.apipost("dmc_post_Get_GetJAPAN_HotelList", this.msg, res => {
this.loading=false; this.loading = false;
console.log(res,'resssss');
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
if (res.data.data.parmResult&& res.data.data.parmResult.hotelSummary) { if (res.data.data.parmResult && res.data.data.parmResult.hotelSummary) {
this.dataList = res.data.data.parmResult.hotelSummary; this.dataList = res.data.data.parmResult.hotelSummary;
} }
var ourHotelList = res.data.data.ourHotelList; var ourHotelList = res.data.data.ourHotelList;
if(ourHotelList&&ourHotelList.length>0){ if (ourHotelList && ourHotelList.length > 0) {
ourHotelList.forEach(x=>{ ourHotelList.forEach(x => {
x.type=2 x.type = 2
}) })
} }
//获取酒店坐标 //获取酒店坐标
this.dataList.forEach(x=>{ this.dataList.forEach(x => {
x.reviewRating = parseFloat(x.reviewRating); x.reviewRating = parseFloat(x.reviewRating);
let obj = { let obj = {
lat:x.latitudeW, lat: x.latitudeW,
lng:x.longitudeW, lng: x.longitudeW,
name:x.hotelName name: x.hotelName
} }
this.travelLngLat.push(obj); this.travelLngLat.push(obj);
x.type=1 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;
// this.TotalPage = parseInt(res.data.data.parmResult.numberOfResultMatched); if (ourHotelList && ourHotelList.length > 0) {
let Number1 = res.data.data.parmResult.numberOfResultMatched; ourHotelTotalCount = ourHotelList[0].totalHotelCount;
let TotalPage=0;
if(Number1){
TotalPage = parseInt(res.data.data.parmResult.numberOfResultMatched);
}else{
TotalPage = 0;
} }
let TotalourHotel=ourHotelList[0].totalHotelCount; let totalCount = Number(jalanTotalCount) + Number(ourHotelTotalCount);
let c = TotalPage+TotalourHotel if (totalCount % 2 == 1) {
let d = c/2 this.TotalPage = parseInt(totalCount / 2) + 1
if(c%2==1){ } else {
this.TotalPage=(c/2)+1 this.TotalPage = parseInt(totalCount / 2)
}else{
this.TotalPage=c/2
} }
this.PassMsg.groupBookingFlg = res.data.data.parmResult.groupBookingFlg; this.PassMsg.groupBookingFlg = res.data.data.parmResult.groupBookingFlg;
this.JapanIncrease = res.data.data.parmResult.JapanIncrease; this.JapanIncrease = res.data.data.parmResult.JapanIncrease;
} else {
//this.Error(res.data.message);
} }
}, },
err => {} err => {}
...@@ -1149,28 +1215,28 @@ export default { ...@@ -1149,28 +1215,28 @@ export default {
//重置页数 //重置页数
resetPageIndex() { resetPageIndex() {
this.msg.displayFrom = 1; this.msg.displayFrom = 1;
this.currentPage=1; this.currentPage = 1;
}, },
//按人气排序 //按人气排序
OrderBySource(type){ OrderBySource(type) {
this.msg.sort=type; this.msg.sort = type;
this.SearchHotel(); this.SearchHotel();
}, },
//跳转详情 //跳转详情
goHotelDetail(item,path){ goHotelDetail(item, path) {
if(item.type==2){ if (item.type == 2) {
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "SupplierView", name: "SupplierView",
query: { query: {
HotelId:item.hotelId, HotelId: item.hotelId,
arrivalDate:this.msg.arrivalDate, arrivalDate: this.msg.arrivalDate,
departureDate:this.msg.departureDate departureDate: this.msg.departureDate
} }
}); });
window.open(routeData.href, "_blank"); window.open(routeData.href, "_blank");
}else{ } else {
this.PassMsg.hotelId = item.hotelId, this.PassMsg.hotelId = item.hotelId,
this.PassMsg.arrivalDate=this.msg.arrivalDate; this.PassMsg.arrivalDate = this.msg.arrivalDate;
this.PassMsg.departureDate = this.msg.departureDate; this.PassMsg.departureDate = this.msg.departureDate;
this.PassMsg.searchroomGroup = this.msg.searchroomGroup; this.PassMsg.searchroomGroup = this.msg.searchroomGroup;
this.PassMsg.lowrateBySetCurrency = this.getPrice(item.lowrateBySetCurrency); this.PassMsg.lowrateBySetCurrency = this.getPrice(item.lowrateBySetCurrency);
...@@ -1179,11 +1245,11 @@ export default { ...@@ -1179,11 +1245,11 @@ export default {
this.PassMsg.auditNum = this.auditNum; this.PassMsg.auditNum = this.auditNum;
sessionStorage.setItem("HotelDetail", JSON.stringify(this.PassMsg)); sessionStorage.setItem("HotelDetail", JSON.stringify(this.PassMsg));
var jsonstr= JSON.stringify(this.PassMsg); var jsonstr = JSON.stringify(this.PassMsg);
let routeData = this.$router.resolve({ let routeData = this.$router.resolve({
name: "HotelDetail", name: "HotelDetail",
query: { query: {
msg:encodeURIComponent(jsonstr), msg: encodeURIComponent(jsonstr),
} }
}); });
window.open(routeData.href, "_blank"); window.open(routeData.href, "_blank");
...@@ -1212,9 +1278,9 @@ export default { ...@@ -1212,9 +1278,9 @@ export default {
return newArr; return newArr;
}, },
//获取价格 //获取价格
getPrice(price){ getPrice(price) {
return Math.ceil(price/this.JapanIncrease); return Math.ceil(price / this.JapanIncrease);
} }
} }
}; };
</script> </script>
\ No newline at end of file
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