Skip to content

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

修改

parent 0e3e905d
Show whitespace changes
Inline Side-by-side
Showing with 613 additions and 423 deletions
src/components/Hotel/SupplierView.vue
View file @ c715a238
<style>
.Sv_MainContent{
width:990px;
.HotelDetail{
width:1200px;
height:auto;
margin:20px auto;
margin:auto;
margin-bottom:34px;
}
.hotel-baseinfo {
border: 1px solid #e5e9f0;
background: #fff;
padding: 20px;
zoom: 1;
color: #8a9ca8;
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.HD_Top{
margin-top:20px;
}
.HD_Top_Left{
width:878px;
height:auto;
float:left;
}
.HD_Top_Right{
width:300px;
float:left;
height:368px;
margin-left:20px;
}
.HD_Top_Title{
font-weight: bold;
color:#000000;
font-size:16px;
margin-bottom:10px;
}
.hotel-baseinfo .main-img {
width: 320px;
height: 240px;
line-height: 240px;
float: left;
overflow: hidden;
text-align: center;
.HD_Top_Address{
font-size:14px;
color:#999999;
}
.HD_Top_Price{
width:838px;
height:54px;
margin:20px 0;
background-color: #F5F5F5;
padding:0 20px;
display: flex;
align-items: center;
font-size:12px;
color:#888888;
position: relative;
}
.HD_Top_Pinfo{
color:#EE4454;
font-size:22px;
font-weight: bold;
margin-top:-5px;
}
.HD_Top_Pinfo i{
margin-right:10px;
font-style:normal;
}
.HD_Top_qi{
margin-right:30px;
}
.HD_SureBtn{
float:right;
width:90px;
height:36px;
background-color: #EE4454;
border-radius:4px;
color:#fff;
outline: none;
right:20px;
position: absolute;
border:none;
cursor: pointer;
}
.HD_Top_ImgList{
width:100%;
height:auto;
}
.HD_Top_FirstImg{
float:left;
width:345px;
height:259px;
background-position: 50%;
background-repeat: no-repeat;
}
.hotel-baseinfo .main-img img{
.HD_Top_ImgList img{
width:100%;
height:100%;
}
.hotel-baseinfo img{
vertical-align: middle;
.HD_Top_rightImg{
float:left;
width:526px;
margin-left:7px;
}
.hotel-info{
margin: 0 260px 0 330px;
height: 240px;
width:66%;
overflow: hidden;
.HD_Top_ImgDiv{
width:259px;
height:126px;
float:left;
margin:0 8px 8px 0;
background-position: 50%;
background-repeat: no-repeat;
}
.hotel-baseinfo .hotel-info h2 {
font-size: 20px;
font-family: "microsoft yahei";
color: #42647f;
.HD_Top_ImgDiv:nth-child(2n+2){
margin-right:0;
}
.hotel-baseinfo .hotel-base{
height: 80px;
overflow: hidden;
position: relative;
.HD_btnContent{
width:100%;
height:auto;
border:1px solid #DCDCDC;
margin-top:49px;
}
.hotel-info .el-rate{
display:inline-block;
.HD_checkTime,.HD_PeoPleNum{
margin:20px;
font-size:12px;
color:#666666;
position: relative;
top:-2px;
}
.hotel-baseinfo .address{
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:12px;
margin-top:15px;
.HD_warn{
color:#EE4454;
font-size:14px;
font-weight:bold;
margin-left:46px;
}
.hotel-baseinfo .hotel-pics-box {
height: 160px;
overflow: hidden;
.HD_warn i{
color:#FFA835;
}
.clearfix {
zoom: 1;
.HD_checkTime .el-input-number{
width:145px;
line-height: 26px;
margin-right:20px;
}
.hotel-baseinfo .hotel-info .hotel-pics li {
float: left;
width: 100px;
height: 75px;
line-height: 75px;
margin: 0 10px 10px 0;
overflow: hidden;
background: #ddd;
.HD_checkTime .el-input__inner{
height:28px;
border-radius:0;
}
.HD_PsureBtn{
position: absolute;
right:0;
width:90px;
height:36px;
background-color: #EE4454;
color:#fff;
font-size: 16px;
font-weight: 400;
outline: none;
border:none;
cursor: pointer;
border-radius: 4px;
}
.hotel-baseinfo .hotel-info .hotel-pics img {
max-width: 100px;
height:100%;
vertical-align: middle;
.HD_fuhe{
width:100%;
padding:0 17px;
height:30px;
color:#fff;
font-size:16px;
display: flex;
align-items: center;
font-weight: bold;
background-color: #FFA835;
}
.HD_fuhe img{
margin-right:10px;
}
.HD_fangxing_List{
width:100%;
height:97px;
position: relative;
border-bottom:1px solid #DCDCDC;
}
.hotelSearchDiv{
.HD_fangxing{
width:100%;
height:90px;
background-color: #fff;
color:#42647f;
border-collapse: collapse;
}
.HD_fangxing td{
padding:0
}
.HtSearchBtn{
width: 60px;
padding-left: 0;
padding-right: 0;
.HD_LeftRoomInfo{
margin:15px 10px 0 15px;
display: flex;
}
.HD_FuheIMG{
position: relative;
display: inline-block;
width:70px;
height:70px;
}
.HD_FuheIMG img{
width:100%;
height:100%;
}
.HD_FuheIMG div{
position: absolute;
bottom: 0;
right:0;
width:40px;
height:20px;
background:rgba(0,0,0,0.5);
line-height: 20px;
text-align: center;
color: #fff;
background-color: #63b8f0;
border-color: #34a3ec;
box-shadow: 0 2px 0 #34a3ec;
padding: 6px 2px;
color:#fff;
font-size: 12px;
line-height: 1;
border:0;
outline: 0;
margin-left:20px;
border-radius: 3px;
}
.hotelSearchDiv .totalNight{
.HD_Kefang{
display: inline-block;
margin-left:10px;
color:#555555;
font-size:12px;
width:123px;
}
.HD_Kefang span{
display: block;
}
.HD_Kefang span:first-child{
font-size: 16px;
color:#111111;
}
.HD_fangxing_List ul li{
float:left;
font-size:13px;
margin-right:40px;
display: flex;
align-items: center;
height:98px;
}
.HD_ComDiJia{
position: absolute;
top:0;
left:0;
width:66px;
height:20px;
color:#fff;
font-size:12px;
text-align: center;
line-height: 20px;
border-bottom-right-radius: 12px;
}
.w120{
width:120px!important;
.HD_Black{
background-color: black;
}
.room-item-inner {
/* border-top: 1px solid #e5e9f0; */
zoom: 1;
padding: 10px 25px;
}
.quoted-price-wrapper {
float: right;
width: 130px;
}
.quoted-price {
float: right;
background: #fff;
border: 1px solid #fff;
padding: 8px 10px 7px;
margin-top: -7px;
}
.pi-btn-primary {
color: #fff;
background-color: #63b8f0;
border-color: #34a3ec;
box-shadow: 0 2px 0 #34a3ec;
}
.pi-btn{
display: inline-block;
padding: 10px 1.5em;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 0 solid transparent;
border-radius: 3px;
border: 0;
width: auto;
font-weight: 700;
white-space: nowrap;
text-decoration: none;
user-select: none;
}
.room-price-wrapper {
float: right;
min-width: 140px;
}
.room-price-wrapper .pi-price {
margin: 8px 0 0 0;
font-family: tahoma,verdana;
line-height: 1;
vertical-align: baseline;
color: #ff5741;
font-size:28px;
}
.pi-price i{
font-family: arial;
.HD_Green{
background-color: green;
}
.HD_OneLi{
color:#888888;
width:170px;
margin-left:20px;
font-size:14px;
}
.HD_FreeWifi{
color:#EE4454;
}
.HD_Lingprice{
color:#999999;
}
.HD_Lingprice i{
font-style: normal;
font-weight: 400;
padding-right: 4px;
font-size:18px;
margin-right:2px;
}
.HD_Lingprice span{
color:#EE4454;
font-size:22px;
}
.HD_Lingprice>div:last-child{
margin-top:3px;
}
.HD_letfTD{
width:238px;
vertical-align:top;
border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
}
.HD_LastShowMore{
width:941px;
height:23px;
background-color: #DCDCDC;
text-align: right;
padding-right:20px;
font-size:12px;
color:#999999;
line-height: 23px;
border-bottom:1px solid #DCDCDC;
}
.HD_LastShowMore span{
cursor: pointer;
}
.hotelQi{
.HD_LastShowMore i{
font-size:12px;
margin-left: 4px;
}
.Hotelroom-info {
overflow: hidden;
zoom: 1;
height: 38px;
.HD_HotelInfo{
width:100%
}
.htroomType{
font-size: 14px;
margin-right: 10px;
font-weight: 800;
color:#42647f;
.HD_fangxing tr td:last-child{
border-bottom:1px solid #DCDCDC;
}
.htmianji span{
margin-right:20px;
.HD_hotelComIntroduce{
margin:auto;
width:1160px;
height:auto;
padding:20px 0 10px 0;
border-bottom:1px solid #DCDCDC;
font-size:12px;
color:#42647f;
color:#111111;
}
.item-list {
border: 1px solid #e5e9f0;
padding: 10px 10px 0;
background: #fff;
margin-top: 10px;
padding-bottom:10px;
.HD_hotelComIntroduce span{
display:inline-block;
margin-bottom:10px;
}
.item-table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-bottom: 1px solid #e5e9f0;
font-size:12px;
.Hd_titles{
font-size:18px;
font-family: 'microsoft yahei';
font-weight: bold;
color:#42647f;
margin-bottom:10px;
}
.item-table th {
height: 24px;
background: #e4eaed;
color: #718a9a;
font-weight: 400;
.HD_ServiceList span{
display: inline-block;
margin:0 30px 10px 0;
}
.HD_ComLeftTitle{
display:inline-block;
width:110px;
text-align: left;
padding-left: 10px;
color:#666666;
vertical-align: top;
}
.item-table .item-seller {
width: 160px;
padding-left:30px;
.HD_Card img{
margin-right:10px;
}
.expanded .room-item-inner {
background: #e4eaed;
.Ht_PopList{
width:170px;
float:left;
height:auto;
border-right:1px solid #E9E9E9;
margin:0 20px 20px 0;
}
.Ht_PopList:last-child{
border-right:0;
margin-right:0;
}
.Ht_PopList>div{
width:94px;
height:26px;
border:1px solid #EE4454;
color:#EE4454;
text-align: center;
line-height: 26px;
border-radius:3px;
margin-bottom:20px;
}
.item-table td {
vertical-align: middle;
border-top: 1px solid #e5e9f0;
padding: 7px 0 7px 10px;
.Ht_PopList .el-input__inner{
width:54px;
height:22px;
}
.Ht_PopList .el-input__icon{
line-height: 0;
}
.Ht_PopList tr td{
height:35px;
}
.HotelDetail .Ht_ul{
width:400px;
display: inline-block;
}
.HotelDetail .Ht_ul li{
display: inline-block;
font-size:14px;
color:#333333;
margin-right:15px;
}
.HotelDetail .Ht_ulName{
position: relative;
top:-1px;
}
.HotelDetail .Ht_ulDian{
position: relative;
top:-5px;
}
.Ht_ul li img{
position: relative;
top:1px;
}
.hotelIntroduce{
.HD_Top_Right_Star{
width:100%;
height:auto;
height:122px;
padding:0 20px;
border:1px solid #DDDDDD;
}
.HD_TOP_Map{
width:100%;
height:244px;
margin-top:27px;
border:1px solid #DDDDDD;
}
.HD_TopScore{
height:60px;
width:100%;
display: flex;
align-items: center;
position: relative;
border-bottom:1px solid #DDDDDD;
}
.HD_Score_right{
position: absolute;
right:0;
color:#111111!important;
}
.HD_TopScore span{
display:inline-block;
font-size:16px;
color:#EE4454;
}
.HD_ScoreS{
color:#EE4454;
font-size:24px!important;
}
.HD_xing{
margin-top:20px;
text-align: center;
}
.blackColor{
color:black;
}
.HD_minNight{
position: absolute;
display: inline-block;
bottom:3px;
left:20px;
border:1px solid #44B276;
color:#44B276;
padding:1px;
font-weight: bold;
font-size:12px;
color:#42647f;
}
.hotel-desc{
padding:20px;
.HD_date_input .el-input__inner{
border-radius: 0;
}
.hotel-inner{
margin-top:8px;
line-height: 2;
.HD_fangxing_List:last-child{
border-bottom:0;
}
.hotel-desc h3{
font-size:18px;
font-family: "microsoft yahei";
.Ht_ulName .el-input__icon{
line-height: 0;
}
.hotel-details-table {
margin-top: 15px;
border: 1px solid #DCDCDC;
border-collapse: collapse;
width:680px;
}
.hotel-details-table .td01 {
padding: 3px 15px;
background: #F7F7F7;
width: 226px;
height: 19px;
text-align: center;
}
.hotel-facility li {
.hotel-details-table .td02 {
padding: 3px 15px;
background: #FAFAFA;
width: 69px;
height: 19px;
text-align: center;
}
.hotel-details-table td {
width: 439px;
padding: 10px 20px;
vertical-align: middle;
text-align: center;
border: 1px solid #DCDCDC;
font-size: 14px;
box-sizing: border-box;
}
.newRoom span{
margin-bottom:4px;
font-size:12px!important;
}
.hotel-inner li {
zoom: 1;
border-bottom: 1px dotted #e5e9f0;
padding: 4px 0 6px;
overflow: hidden;
color:#42647f;
}
.hotel-facility li label {
.hotel-inner li label {
font-weight: 800;
float: left;
width: 120px;
color:#42647f;
margin-top:10px;
}
.hotel-facility li div span {
.hotel-inner li div span {
margin-right: 18px;
}
.introduceSupplier span{
margin:10px 9px!important;
}
.introduceSupplier{
padding-bottom: 0!important;
}
.hotel-inner li:last-child{
border-bottom: 0;
}
</style>
<template>
<div class="Sv_MainContent" v-if="isShow">
<div class="hotel-baseinfo">
<div class="main-img">
<img v-if="dataList[0].ImageList[0] && dataList[0].ImageList[0]!='' " :src="dataList[0].ImageList[0]"
<div class="HotelDetail">
<viewer style="display:none" :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="(item,index) in images" :src="item" :key="index+5000" class="12312312">
</viewer>
<div class="HD_Top clearfix">
<div class="HD_Top_Left">
<div class="HD_Top_Title">{{tempData.SHotelName}}</div>
<div class="HD_Top_Address">
<img src="../../assets/img/hotel/address.png" alt=""/>
{{tempData.SHotelAddress}}
</div>
<div class="HD_Top_ImgList clearfix" style="margin-top:30px;" v-if="tempData.SHotelImgCoverArray&&tempData.SHotelImgCoverArray.length>0">
<div class="HD_Top_FirstImg">
<img v-if="tempData.SHotelImgCoverArray[0] && tempData.SHotelImgCoverArray[0]!='' " @click="bigImgShow(0)" :src="tempData.SHotelImgCoverArray[0]"
:onerror="defaultHeadImg" class="HeadImg" alt="" />
<img v-else src="../../assets/img/hotel/bg_c2@3x.png" alt="" />
</div>
<div class="hotel-info">
<div class="hotel-base">
<h2>
{{tempData.SHotelName}}
</h2>
<p class="address">
{{tempData.SHotelAddress}}
</p>
</div>
<div class="hotel-pics-box" style="display:none;">
<ul class="hotel-pics clearfix">
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
<li><img src="../../assets/img/hotel/dongye.png" alt=""></li>
</ul>
<div class="HD_Top_rightImg clearfix">
<div class="HD_Top_ImgDiv">
<img v-if="tempData.SHotelImgCoverArray[1] && tempData.SHotelImgCoverArray[1]!='' " @click="bigImgShow(1)" :src="tempData.SHotelImgCoverArray[1]"
:onerror="defaultHeadImg" class="HeadImg" alt="" />
<img v-else src="../../assets/img/hotel/bg_c2@3x.png" alt="" />
</div>
<div class="HD_Top_ImgDiv">
<img v-if="tempData.SHotelImgCoverArray[2] && tempData.SHotelImgCoverArray[2]!='' " @click="bigImgShow(2)" :src="tempData.SHotelImgCoverArray[2]"
:onerror="defaultHeadImg" class="HeadImg" alt="" />
<img v-else src="../../assets/img/hotel/bg_c2@3x.png" alt="" />
</div>
<div class="HD_Top_ImgDiv">
<img v-if="tempData.SHotelImgCoverArray[3] && tempData.SHotelImgCoverArray[3]!='' " @click="bigImgShow(3)" :src="tempData.SHotelImgCoverArray[3]"
:onerror="defaultHeadImg" class="HeadImg" alt="" />
<img v-else src="../../assets/img/hotel/bg_c2@3x.png" alt="" />
</div>
<div class="hotelSearchDiv" style="display:none;">
<div class="HD_Top_ImgDiv">
<img v-if="tempData.SHotelImgCoverArray[4] && tempData.SHotelImgCoverArray[4]!='' " @click="bigImgShow(4)" :src="tempData.SHotelImgCoverArray[4]"
:onerror="defaultHeadImg" class="HeadImg" alt="" />
<img v-else src="../../assets/img/hotel/bg_c2@3x.png" alt="" />
</div>
</div>
</div>
</div>
<div class="HD_Top_Right">
<div class="HD_Top_Right_Star">
<div class="HD_TopScore">
<span>棒极了</span>
<span class="HD_Score_right">
<span class="HD_ScoreS"></span>{{tempData.SHotelStar}}
</span>
</div>
<div class="HD_xing">
<el-rate
v-model="tempData.SHotelStar"
disabled
text-color="#ff9900"
>
</el-rate>
</div>
</div>
</div>
</div>
<div class="HD_btnContent" style="margin-top:0;">
<div class="HD_fuhe">
<img src="../../assets/img/hotel/fuhe.png" alt="">
符合条件的房型
</div>
<table class="HD_fangxing" v-for="(item,index) in dataList" :key="index">
<tr>
<td class="HD_letfTD">
<div class="HD_LeftRoomInfo">
<div class="HD_FuheIMG">
<img v-if="item.ImageList[0] && item.ImageList[0]!='' " :src="item.ImageList[0]"
:onerror="defaultHeadImg" class="HeadImg" alt="" />
<img v-else src="../../assets/img/hotel/bg_c2@3x.png" alt="" />
</div>
<div class="HD_Kefang newRoom">
<span>{{item.RoomName}}</span>
<span>{{item.RoomTypeName}}</span>
<span v-if="item.IsSmoke==2">禁烟</span>
<span v-if="item.IsSmoke==1">可吸烟</span>
</div>
</div>
</td>
<td>
<div class="HD_fangxing_List">
<ul class="clearfix" style="position:relative;">
<li class="HD_OneLi">
<div>床型：{{item.BedType}}</div>
<div style="margin-left:20px;">楼层：{{item.Floor}}</div>
</li>
<li style="width:180px;" class="HD_OneLi">
<div>面积：{{item.Area}}㎡</div>
<div style="margin-left:20px;">窗型：{{item.WindoWCut}}</div>
</li>
<li class="HD_FreeWifi" style="width:256px;">
<div>前台服务时间至 {{tempData.ServiceTime}}</div>
<div style="margin-left:10px;">早到入住时间 {{tempData.CheckInTime}}</div>
<div style="margin-left:10px;">退房时间 {{tempData.CheckOutTime}}</div>
</li>
<li class="HD_Lingprice">
<div>
<el-date-picker size="mini" v-model="msg.CheckInTime" :picker-options="beforeCheck" type="date"
value-format="yyyy-MM-dd" placeholder="入住">
</el-date-picker>
<el-date-picker size="mini" style="margin:0 20px;" v-model="msg.CheckOutTime" :picker-options="afterCheck" type="date"
value-format="yyyy-MM-dd" placeholder="离店">
</el-date-picker>
<span class="totalNight">共5晚</span>
<input type="button" class="HtSearchBtn" @click="getList()" value="重新搜索"/>
</div>
<div style="margin-top:10px;">
<el-select size="mini" class="w120" style="margin-right:15px;" v-model="msg.RoomNum" placeholder="房间数">
<el-option :value="1" label="1间"></el-option>
<el-option :value="2" label="2间"></el-option>
<el-option :value="3" label="3间"></el-option>
<el-option :value="4" label="4间"></el-option>
<el-option :value="5" label="5间"></el-option>
<el-option :value="6" label="6间"></el-option>
<el-option :value="7" label="7间"></el-option>
<el-option :value="8" label="8间"></el-option>
<el-option :value="9" label="9间"></el-option>
<el-option :value="10" label="10间"></el-option>
</el-select>
<el-select size="mini" class="w120" v-model="msg.RoomType" placeholder="房型" style="margin-right:10px;">
<el-option label="不限" :value='0'></el-option>
<el-option :key="item.ID" :value="item.ID" :label="item.Name" v-for="item in roomType"></el-option>
</el-select>
<el-select size="mini" class="w120" v-model="msg.Meals" placeholder="早餐" style="margin-right:10px;">
<el-option label="不限" :value='0'></el-option>
<el-option :key="item.ID" :value="item.ID" :label="item.Name" v-for="item in mealList"></el-option>
</el-select>
<el-select size="mini" class="w120" v-model="msg.BroadBand" placeholder="网络">
<el-option label="不限" :value='0'></el-option>
<el-option :key="item.ID" :value="item.ID" :label="item.Name" v-for="item in interNet"></el-option>
</el-select>
</div>
</div>
<div class="HotelListDiv">
<div class="room-item-wrapper" :class="{'expanded':isExpande}" v-for="(item,index) in dataList" :key="index">
<div class="room-item-inner">
<div class="room-item-baseinfo">
<div class="quoted-price-wrapper">
<button class="pi-btn pi-btn-primary" style="display:none;">报价列表</button>
</div>
<div class="room-price-wrapper">
<div class="pi-price">
<template v-if="item.ToDayMoney>0">
<i class="rmb">RMB</i>{{item.ToDayMoney}}
<span class="hotelQi">起</span>
<i class="rmb">RMB</i>
<span style="font-size:28px;color:#ff5741;">{{item.ToDayMoney}}</span>
<label style="font-size:12px;margin-left:4px;">起</label>
</template>
<template v-else>
<span style="font-size:14px;">未设置报价</span>
</template>
</div>
</li>
</ul>
<span class="HD_ComDiJia HD_Green">{{getMeal(item.Meals)}}</span>
</div>
<div class="Hotelroom-info">
<p class="htroomType">{{item.RoomName}}&nbsp;{{item.RoomTypeName}}</p>
<p class="htmianji">
<span>床型：{{item.BedType}}</span>
<span>面积：{{item.Area}}㎡</span>
<span>楼层：{{item.Floor}}</span>
<span>窗型：{{item.WindoWCut}}</span>
</p>
</div>
</div>
<div class="item-list" v-if="isExpande">
<table cellpadding="0" cellspacing="0" class="item-table">
<thead>
<tr>
<th class="item-seller">卖家</th>
<th style="width:60px;">处理时长</th>
<th style="width:75px;">预定成功率</th>
<th style="width:240px;">预订详情</th>
<th style="width:60px;"></th>
<th style="padding-left:16px;">价格</th>
<th style="width:60px;"></th>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>张三</td>
<td>张三</td>
<td>张三</td>
<td>张三</td>
<td>张三</td>
<td>张三</td>
</tr>
</tbody>
</table>
<div style="padding:15px 0;text-align:center" v-if="dataList.length==0">
<div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
</div>
<div class="HD_fuhe">
<img src="../../assets/img/hotel/hotel.png" alt="">
酒店信息
</div>
<div class="HD_hotelComIntroduce">
<h3 class="Hd_titles">酒店介绍</h3>
<div style="line-height:2;color:#42647f;" v-html="tempData.SHotelInfo"></div>
</div>
<div class="hotelIntroduce">
<div class="hotel-desc">
<div>
<h3>酒店介绍</h3>
</div>
<div class="hotel-inner" v-html="tempData.SHotelInfo"></div>
</div>
<div class="hotel-desc hotel-facility">
<div>
<h3>设施与服务</h3>
</div>
<div class="HD_hotelComIntroduce introduceSupplier">
<div class="Hd_titles">设施与服务</div>
<div class="hotel-inner">
<ul>
<template v-if="tempData.PublicFacilitiesList&&tempData.PublicFacilitiesList.length>0">
......@@ -445,48 +682,10 @@
</ul>
</div>
</div>
<div class="HD_hotelComIntroduce" style="border-bottom:0;">
<div class="Hd_titles">酒店政策</div>
<div style="color:#42647f;line-height:2" v-html="tempData.SHotelPolicy"></div>
</div>
<div class="hotelIntroduce">
<div class="hotel-desc">
<div>
<h3>酒店政策</h3>
</div>
<div class="hotel-inner" v-html="tempData.SHotelPolicy"></div>
</div>
<div class="hotel-desc hotel-facility">
<div>
<h3>实用数据</h3>
</div>
<div class="hotel-inner">
<ul>
<!-- <li>
<label>客房总数</label>
<div style="overflow:hidden;">
<span>160</span>
</div>
</li> -->
<li>
<label>酒店前台服务时间至</label>
<div style="overflow:hidden;">
<span>{{tempData.ServiceTime}}</span>
</div>
</li>
<li>
<label>早到入住时间</label>
<div style="overflow:hidden;">
<span>{{tempData.CheckInTime}}</span>
</div>
</li>
<li>
<label>退房时间</label>
<div style="overflow:hidden;">
<span>{{tempData.CheckOutTime}}</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</template>
......@@ -495,6 +694,11 @@ export default {
data() {
return {
defaultHeadImg: 'this.src="' + require("../../assets/img/hotel/bg_c2@3x.png") + '"',
images: [],
imageOptions:{
navbar:false,
title:false
},
//查询条件
msg:{
pageIndex:1,
......@@ -507,7 +711,6 @@ export default {
roomType:[],
mealList:[],
interNet:[],
Star:3,
isExpande:false,
isShow:false,
dataList:[],
......@@ -521,6 +724,8 @@ export default {
}
},
tempData:{},
//餐食数组
mealType:[],
};
},
mounted() {
......@@ -528,59 +733,22 @@ export default {
this.HotelId = this.$route.query.HotelId;
this.msg.HotelId = this.$route.query.HotelId;
}
this.getroomType();
this.getMeal();
this.getInternet();
var day2 = new Date();
day2.setTime(day2.getTime());
var s2 = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate();
this.msg.CheckInTime=s2;
//明天的时间
var day3 = new Date();
day3.setTime(day3.getTime()+24*60*60*1000);
var s3 = day3.getFullYear()+"-" + (day3.getMonth()+1) + "-" + day3.getDate();
this.msg.CheckOutTime=s3;
this.getList();
this.getData();
this.getMealType();
},
created() {
},
components: {
},
methods: {
getExpande(){
this.isExpande = !this.isExpande
inited(viewer) {
this.$viewer = viewer;
},
//获取房型数据
getroomType(){
this.apipost("scm_get_GetSCMHotelRoomTypeEnumCNList",{},res => {
if (res.data.resultCode == 1) {
this.roomType=res.data.data;
} else {
this.Error(res.data.message);
}
},err => {});
},
//获取早餐
getMeal(){
this.apipost("scm_get_GetSCMHotelRoomMealsEnumCNList",{},res => {
if (res.data.resultCode == 1) {
this.mealList=res.data.data;
} else {
this.Error(res.data.message);
}
},err => {});
},
// interNet
//获取宽带
getInternet(){
this.apipost("scm_get_GetSCMHotelRoomWifiEnumCNList",{},res => {
if (res.data.resultCode == 1) {
this.interNet=res.data.data;
} else {
this.Error(res.data.message);
}
},err => {});
bigImgShow(index) {
this.$viewer.view(index)
this.$viewer.show();
},
//获取数据
getList(){
......@@ -595,18 +763,40 @@ export default {
},
//获取详情
getData() {
this.images=[]
this.apipost("scm_get_GetSCMHotelService", {
SID: this.HotelId
},
res => {
if (res.data.resultCode == 1) {
this.tempData = res.data.data;
this.images=this.tempData.SHotelImgCoverArray;
} else {
this.Error(res.data.message);
}
}, null);
},
//获取餐食
getMealType(){
this.apipost("scm_get_GetSCMHotelRoomMealsEnumList", {},
res => {
if (res.data.resultCode == 1) {
this.mealType = res.data.data;
} else {
this.Error(res.data.message);
}
}, null);
},
//获取餐食
getMeal(id){
let str='';
this.mealType.forEach(x=>{
if(id==x.ID){
str=x.Name;
}
})
return str;
}
}
};
</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