Commit 114dc87f authored by 华国豪's avatar 华国豪 🙄

更新

parents ce00795f b125a4e2
...@@ -107,9 +107,6 @@ ...@@ -107,9 +107,6 @@
color:#666666; color:#666666;
position: relative; position: relative;
} }
.HD_checkTime span{
margin-right:10px;
}
.HD_warn{ .HD_warn{
color:#EE4454; color:#EE4454;
font-size:14px; font-size:14px;
...@@ -119,16 +116,14 @@ ...@@ -119,16 +116,14 @@
.HD_warn i{ .HD_warn i{
color:#FFA835; color:#FFA835;
} }
.HD_PeoPleNum .el-input-number{ .HD_checkTime .el-input-number{
width:145px; width:145px;
line-height: 26px; line-height: 26px;
margin-right:20px; margin-right:20px;
} }
.HD_PeoPleNum .el-input__inner{ .HD_checkTime .el-input__inner{
height:28px; height:28px;
} border-radius:0;
.HD_PSpan{
margin-right:10px;
} }
.HD_PsureBtn{ .HD_PsureBtn{
position: absolute; position: absolute;
...@@ -225,11 +220,11 @@ ...@@ -225,11 +220,11 @@
top:0; top:0;
left:0; left:0;
width:66px; width:66px;
height:24px; height:20px;
color:#fff; color:#fff;
font-size:12px; font-size:12px;
text-align: center; text-align: center;
line-height: 24px; line-height: 20px;
border-bottom-right-radius: 12px; border-bottom-right-radius: 12px;
} }
.HD_Black{ .HD_Black{
...@@ -355,8 +350,6 @@ ...@@ -355,8 +350,6 @@
height:35px; height:35px;
} }
.HotelDetail .Ht_ul{ .HotelDetail .Ht_ul{
height:46px;
line-height: 46px;
width:400px; width:400px;
display: inline-block; display: inline-block;
} }
...@@ -382,7 +375,7 @@ ...@@ -382,7 +375,7 @@
width:262px; width:262px;
height:140px; height:140px;
padding:0 20px; padding:0 20px;
background-color: #F5F5F5; /* background-color: #F5F5F5; */
border:1px solid #DDDDDD; border:1px solid #DDDDDD;
} }
.HD_TOP_Map{ .HD_TOP_Map{
...@@ -434,6 +427,12 @@ ...@@ -434,6 +427,12 @@
.HD_date_input .el-input__inner{ .HD_date_input .el-input__inner{
border-radius: 0; border-radius: 0;
} }
.HD_fangxing_List:last-child{
border-bottom:0;
}
.Ht_ulName .el-input__icon{
line-height: 0;
}
</style> </style>
<template> <template>
...@@ -494,15 +493,16 @@ ...@@ -494,15 +493,16 @@
</div> </div>
</div> </div>
<div class="HD_btnContent"> <div class="HD_btnContent">
<div class="HD_checkTime"> <div class="HD_checkTime clearfix">
<span>入住</span> <div style="float:left">
<span style="margin-right:10px;">入住</span>
<el-date-picker class="HD_date_input" v-model="SimilarMsg.arrivalDate" style="width:190px;" clear-icon="" <el-date-picker class="HD_date_input" v-model="SimilarMsg.arrivalDate" style="width:190px;" clear-icon=""
size="small" size="small"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="date" type="date"
placeholder=""> placeholder="">
</el-date-picker> </el-date-picker>
<span style="margin-left:20px;">退房</span> <span style="margin:0 10px 0 20px;">退房</span>
<el-date-picker class="HD_date_input" v-model="SimilarMsg.departureDate" style="width:190px;" clear-icon="" <el-date-picker class="HD_date_input" v-model="SimilarMsg.departureDate" style="width:190px;" clear-icon=""
size="small" size="small"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
...@@ -514,7 +514,7 @@ ...@@ -514,7 +514,7 @@
超过13岁视为成人处理 超过13岁视为成人处理
</span> </span>
</div> </div>
<div class="HD_PeoPleNum"> <div style="float:left;margin-left:60px;">
<el-popover :visible-arrow="false" <el-popover :visible-arrow="false"
v-model="isShowPop" v-model="isShowPop"
placement="bottom" placement="bottom"
...@@ -579,7 +579,8 @@ ...@@ -579,7 +579,8 @@
<li class="Ht_ulName">{{childNum}}儿童</li> <li class="Ht_ulName">{{childNum}}儿童</li>
</ul> </ul>
</el-popover> </el-popover>
<input type="button" class="HD_PsureBtn" value="确定"/> </div>
<input type="button" style="top:-3px;" @click="getSimilar" class="HD_PsureBtn" value="确定"/>
</div> </div>
<div class="HD_fuhe"> <div class="HD_fuhe">
<img src="../../assets/img/hotel/fuhe.png" alt=""> <img src="../../assets/img/hotel/fuhe.png" alt="">
...@@ -629,18 +630,23 @@ ...@@ -629,18 +630,23 @@
<div><i>¥</i><span>{{subItem.chargeableRateInfoPerPersonForANightBySetCurrency}}</span></div> <div><i>¥</i><span>{{subItem.chargeableRateInfoPerPersonForANightBySetCurrency}}</span></div>
</li> </li>
<li> <li>
<input type="button" style="right:20px;" @click="bookHotel(item.roomOptionCd)" class="HD_PsureBtn" value="预订" /> <input type="button" style="right:20px;" @click="bookHotel(subItem.roomOptionCd)" class="HD_PsureBtn" value="预订" />
</li> </li>
</ul> </ul>
<span class="HD_ComDiJia" :class="getMealType(subItem.meals)=='无餐'?'HD_Black':'HD_Green'">{{getMealType(subItem.meals)}}</span> <span class="HD_ComDiJia" :class="getMealType(subItem.meals)=='无餐'?'HD_Black':'HD_Green'">{{getMealType(subItem.meals)}}</span>
<span class="HD_minNight">{{subItem.minNights}}</span> <span class="HD_minNight">{{subItem.minNights}}</span>
</div> </div>
<div class="HD_LastShowMore"> <!-- <div class="HD_LastShowMore">
<span>展开剩余122个报价<i class="iconfont icon-xiajiantou"></i></span> <span>展开剩余122个报价<i class="iconfont icon-xiajiantou"></i></span>
</div> </div> -->
</td> </td>
</tr> </tr>
</table> </table>
<div v-if="SimilarList.length==0" style="padding:15px 0;text-align:center">
<div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉,你想要的信息我们真的找不到了
</div>
</div>
<div class="HD_fuhe"> <div class="HD_fuhe">
<img src="../../assets/img/hotel/hotel.png" alt=""> <img src="../../assets/img/hotel/hotel.png" alt="">
酒店信息 酒店信息
...@@ -648,11 +654,11 @@ ...@@ -648,11 +654,11 @@
<div class="HD_hotelComIntroduce"> <div class="HD_hotelComIntroduce">
<div class="HD_inTitle">酒店详情指南</div> <div class="HD_inTitle">酒店详情指南</div>
<div> <div>
<span class="HD_ComLeftTitle">停车场</span> <!-- <span class="HD_ComLeftTitle">停车场</span> -->
<span>有(免费)</span> <span>{{hotelDetails.hotelDescription}}</span>
</div> </div>
</div> </div>
<div class="HD_hotelComIntroduce"> <!-- <div class="HD_hotelComIntroduce">
<div> <div>
<span class="HD_ComLeftTitle">接送服务</span> <span class="HD_ComLeftTitle">接送服务</span>
<span></span> <span></span>
...@@ -670,7 +676,7 @@ ...@@ -670,7 +676,7 @@
UC·DC·NICOS·UFJ 依据信用卡<br/>种类的不同,部分信用卡可进行网上支付。 UC·DC·NICOS·UFJ 依据信用卡<br/>种类的不同,部分信用卡可进行网上支付。
</span> </span>
</div> </div>
</div> </div> -->
<div class="HD_hotelComIntroduce"> <div class="HD_hotelComIntroduce">
<div class="HD_inTitle">房间类型和数量</div> <div class="HD_inTitle">房间类型和数量</div>
<div> <div>
...@@ -775,6 +781,8 @@ export default { ...@@ -775,6 +781,8 @@ export default {
Services:[], Services:[],
//客房有网络连接 //客房有网络连接
InterArr:[], InterArr:[],
//温泉
HotSpring:[],
}; };
}, },
mounted() { mounted() {
...@@ -801,8 +809,8 @@ export default { ...@@ -801,8 +809,8 @@ export default {
this.hotelSummary = res.data.data.hotelSummary; this.hotelSummary = res.data.data.hotelSummary;
this.hotelDetails.roomReviewRating = parseFloat(this.hotelDetails.roomReviewRating); this.hotelDetails.roomReviewRating = parseFloat(this.hotelDetails.roomReviewRating);
//拆分酒店服务与设施 //拆分酒店服务与设施
if(this.hotelDetails.roomEquipments!=""){
let ServeArr = this.hotelDetails.roomEquipments.split(","); let ServeArr = this.hotelDetails.roomEquipments.split(",");
this.Services=[]; this.Services=[];
if(ServeArr[0]==1){ if(ServeArr[0]==1){
this.Services.push('浴室和厕所'); this.Services.push('浴室和厕所');
...@@ -907,7 +915,9 @@ export default { ...@@ -907,7 +915,9 @@ export default {
this.Services.push('祖邦煎锅(收费)'); this.Services.push('祖邦煎锅(收费)');
} }
}
//拆分网络连接 //拆分网络连接
if(this.hotelDetails.internetAccessibilityOfTheRoom!=""){
this.InterArr=[]; this.InterArr=[];
let InternetArr = this.hotelDetails.internetAccessibilityOfTheRoom.split(","); let InternetArr = this.hotelDetails.internetAccessibilityOfTheRoom.split(",");
if(InternetArr[0]==1){ if(InternetArr[0]==1){
...@@ -928,7 +938,14 @@ export default { ...@@ -928,7 +938,14 @@ export default {
if(InternetArr[5]==1){ if(InternetArr[5]==1){
this.InterArr.push('免费接入网络'); this.InterArr.push('免费接入网络');
} }
console.log(ServeArr,'serarr'); }
//拆分温泉
if(this.hotelDetails.bathAndBathAmenities!=""){
this.HotSpring=[];
let HotSpring = this.hotelDetails.bathAndBathAmenities.split(",");
console.log(HotSpring,'HotSpring');
}
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
...@@ -941,7 +958,18 @@ export default { ...@@ -941,7 +958,18 @@ export default {
this.apipost("dmc_post_Get_GetJAPAN_RoomsList",this.SimilarMsg,res => { this.apipost("dmc_post_Get_GetJAPAN_RoomsList",this.SimilarMsg,res => {
console.log(res,'similarrrr'); console.log(res,'similarrrr');
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
if(Object.prototype.toString.call(res.data.data.roomRateDetails) == '[object Object]'){
this.SimilarList.push(res.data.data.roomRateDetails);
}else{
this.SimilarList = res.data.data.roomRateDetails; this.SimilarList = res.data.data.roomRateDetails;
}
this.SimilarList.forEach(x=>{
if(Object.prototype.toString.call(x.roomOptions) == '[object Object]'){
let arr=[];
arr.push(x.roomOptions);
x.roomOptions = arr;
}
})
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
...@@ -979,6 +1007,7 @@ export default { ...@@ -979,6 +1007,7 @@ export default {
}, },
//获取餐 //获取餐
getMealType(meals){ getMealType(meals){
if(meals!=''){
let mealType = meals.split(','); let mealType = meals.split(',');
if(mealType[0]==0&&mealType[2]==0){ if(mealType[0]==0&&mealType[2]==0){
return '无餐' return '无餐'
...@@ -992,6 +1021,7 @@ export default { ...@@ -992,6 +1021,7 @@ export default {
if(mealType[0]==0&&mealType[2]==1){ if(mealType[0]==0&&mealType[2]==1){
return '含晚餐' return '含晚餐'
} }
}
}, },
//点击预订传递参数 //点击预订传递参数
bookHotel(roomOptionCd){ bookHotel(roomOptionCd){
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="choose"> <div class="choose">
<div style="background:#ffffff;display: flex;align-items: center;position:relative"> <div style="background:#ffffff;display: flex;align-items: center;position:relative">
<img class="Ht_bed" src="../../assets/img/hotel/hotelBed.png" alt=""/> <img class="Ht_bed" src="../../assets/img/hotel/hotelBed.png" alt=""/>
<el-select style="width:350px" clearable v-model="msg.place" placeholder="请选择"> <el-select style="width:350px" clearable filterable v-model="msg.place" placeholder="请选择">
<el-option value="东京都" label="东京都"></el-option> <el-option value="东京都" label="东京都"></el-option>
<el-option value="大阪府" label="大阪府"></el-option> <el-option value="大阪府" label="大阪府"></el-option>
<el-option value="京都府" label="京都府"></el-option> <el-option value="京都府" label="京都府"></el-option>
......
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
top:1px; top:1px;
} }
.HL_Screen{ .HL_Screen{
width:1158px; width:1198px;
height:auto; height:auto;
margin:auto; margin:auto;
border:1px solid #DCDCDC; border:1px solid #DCDCDC;
...@@ -112,9 +112,6 @@ ...@@ -112,9 +112,6 @@
padding:4px 8px; padding:4px 8px;
} }
.MoreList span{
margin-top:10px;
}
.HL_Stitle{ .HL_Stitle{
display: inline-block; display: inline-block;
width:50px; width:50px;
...@@ -312,14 +309,16 @@ ...@@ -312,14 +309,16 @@
width:85%; width:85%;
overflow: hidden; overflow: hidden;
height: 100%; height: 100%;
}
.HL_Concept span{
margin:5px 0;
} }
.HL_minHeight{ .HL_minHeight{
height:43px; height:45px;
line-height: 27px;
} }
.HL_AutoHeight{ .HL_AutoHeight{
height:auto; height:auto;
padding:10px 0;
} }
.HL_ConZhankai{ .HL_ConZhankai{
...@@ -355,6 +354,9 @@ ...@@ -355,6 +354,9 @@
.HotelList .HT_otherStar i{ .HotelList .HT_otherStar i{
color:rgb(239, 242, 247); color:rgb(239, 242, 247);
} }
.HL_Maxheight{
height:150px!important;
}
</style> </style>
<template> <template>
...@@ -363,7 +365,10 @@ ...@@ -363,7 +365,10 @@
<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" 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> <el-option value="秋田县" label="秋田县"></el-option>
<el-option value="青森县" label="青森县"></el-option> <el-option value="青森县" label="青森县"></el-option>
...@@ -385,7 +390,6 @@ ...@@ -385,7 +390,6 @@
<el-option value="神奈川县" label="神奈川县"></el-option> <el-option value="神奈川县" label="神奈川县"></el-option>
<el-option value="高知县" label="高知县"></el-option> <el-option value="高知县" label="高知县"></el-option>
<el-option value="熊本县" label="熊本县"></el-option> <el-option value="熊本县" label="熊本县"></el-option>
<el-option value="京都府" label="京都府"></el-option>
<el-option value="三重县" label="三重县"></el-option> <el-option value="三重县" label="三重县"></el-option>
<el-option value="宫城县" label="宫城县"></el-option> <el-option value="宫城县" label="宫城县"></el-option>
<el-option value="宫崎县" label="宫崎县"></el-option> <el-option value="宫崎县" label="宫崎县"></el-option>
...@@ -396,7 +400,6 @@ ...@@ -396,7 +400,6 @@
<el-option value="大分县" label="大分县"></el-option> <el-option value="大分县" label="大分县"></el-option>
<el-option value="冈山县" label="冈山县"></el-option> <el-option value="冈山县" label="冈山县"></el-option>
<el-option value="冲绳县" label="冲绳县"></el-option> <el-option value="冲绳县" label="冲绳县"></el-option>
<el-option value="大阪府" label="大阪府"></el-option>
<el-option value="佐贺县" label="佐贺县"></el-option> <el-option value="佐贺县" label="佐贺县"></el-option>
<el-option value="崎玉县" label="崎玉县"></el-option> <el-option value="崎玉县" label="崎玉县"></el-option>
<el-option value="滋贺县" label="滋贺县"></el-option> <el-option value="滋贺县" label="滋贺县"></el-option>
...@@ -404,7 +407,6 @@ ...@@ -404,7 +407,6 @@
<el-option value="静冈县" label="静冈县"></el-option> <el-option value="静冈县" label="静冈县"></el-option>
<el-option value="枥木县" label="枥木县"></el-option> <el-option value="枥木县" label="枥木县"></el-option>
<el-option value="德岛县" label="德岛县"></el-option> <el-option value="德岛县" label="德岛县"></el-option>
<el-option value="东京都" label="东京都"></el-option>
<el-option value="鸟取县" label="鸟取县"></el-option> <el-option value="鸟取县" label="鸟取县"></el-option>
<el-option value="富山县" label="富山县"></el-option> <el-option value="富山县" label="富山县"></el-option>
<el-option value="和歌山县" label="和歌山县"></el-option> <el-option value="和歌山县" label="和歌山县"></el-option>
...@@ -512,9 +514,9 @@ ...@@ -512,9 +514,9 @@
{{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;" v-model="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;" v-model="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>
...@@ -551,9 +553,9 @@ ...@@ -551,9 +553,9 @@
<span>越早预订越便宜</span> <span>越早预订越便宜</span>
<span>限定期限</span> <span>限定期限</span>
</div> --> </div> -->
<div class="HL_ScList MoreList" :class="isOpen==1?'HL_minHeight':'HL_AutoHeight'"> <div class="HL_ScList MoreList" style="height:auto;">
<div class="HL_Stitle">理念</div> <div class="HL_Stitle" style="height:45px;" :class="isOpen==2?'HL_Maxheight':''">理念</div>
<div class="HL_Concept" > <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>
...@@ -568,9 +570,9 @@ ...@@ -568,9 +570,9 @@
<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;" v-model="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;" v-model="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>
...@@ -679,14 +681,18 @@ export default { ...@@ -679,14 +681,18 @@ export default {
}, },
//总页数 //总页数
TotalPage:0, TotalPage:0,
monyMsg:{
//最小金额 //最小金额
searchMinRate:'', searchMinRate:'',
//最大金额 //最大金额
searchMaxRate:'', searchMaxRate:'',
},
starMsg:{
//最小星星 //最小星星
reviewRatingLowerLimits:'', reviewRatingLowerLimits:'',
//最大星星 //最大星星
reviewRatingUpperLimits:'', reviewRatingUpperLimits:'',
},
isShowPop:false, isShowPop:false,
roomList:[], roomList:[],
room:1, room:1,
...@@ -955,26 +961,26 @@ export default { ...@@ -955,26 +961,26 @@ export default {
this.msg.freewordType=2; this.msg.freewordType=2;
this.msg.freeword=this.keyWords; this.msg.freeword=this.keyWords;
} }
if(this.searchMinRate==""){ if(this.monyMsg.searchMinRate==""){
this.msg.searchMinRate=0; this.msg.searchMinRate=0;
}else{ }else{
this.msg.searchMinRate = this.searchMinRate; this.msg.searchMinRate = this.monyMsg.searchMinRate;
} }
if(this.searchMaxRate==""){ if(this.monyMsg.searchMaxRate==""){
this.msg.searchMaxRate=0; this.msg.searchMaxRate=0;
}else{ }else{
this.msg.searchMaxRate = this.searchMaxRate; this.msg.searchMaxRate = this.monyMsg.searchMaxRate;
} }
if(this.reviewRatingLowerLimits==""){ if(this.starMsg.reviewRatingLowerLimits==""){
this.msg.reviewRatingLowerLimits=0; this.msg.reviewRatingLowerLimits=0;
}else{ }else{
this.msg.reviewRatingLowerLimits = this.reviewRatingLowerLimits; this.msg.reviewRatingLowerLimits = this.starMsg.reviewRatingLowerLimits;
} }
if(this.reviewRatingUpperLimits==""){ if(this.starMsg.reviewRatingUpperLimits==""){
this.msg.reviewRatingUpperLimits = 0; this.msg.reviewRatingUpperLimits = 0;
}else{ }else{
this.msg.reviewRatingUpperLimits = this.reviewRatingUpperLimits; this.msg.reviewRatingUpperLimits = this.starMsg.reviewRatingUpperLimits;
} }
this.msg.searchHotelCategory=[]; this.msg.searchHotelCategory=[];
......
...@@ -46,10 +46,11 @@ ...@@ -46,10 +46,11 @@
} }
.HS_div2{ .HS_div2{
width:100%; width:100%;
height:350px; min-height:350px;
border:1px solid #E0E0E0; border:1px solid #E0E0E0;
margin:20px 0; margin:20px 0;
overflow: hidden; overflow: hidden;
padding-bottom:20px;
} }
.HS_bookTitle{ .HS_bookTitle{
padding-left:20px; padding-left:20px;
...@@ -106,7 +107,7 @@ ...@@ -106,7 +107,7 @@
} }
.HS_fangfei{ .HS_fangfei{
display: inline-block; display: inline-block;
width:74px; width:90px;
height:86px; height:86px;
border:1px solid #BBC9DA; border:1px solid #BBC9DA;
background-color: #fff; background-color: #fff;
...@@ -164,9 +165,6 @@ ...@@ -164,9 +165,6 @@
.HS_AreaSelect .el-input__icon,.HS_roomNum .el-input__icon{ .HS_AreaSelect .el-input__icon,.HS_roomNum .el-input__icon{
line-height: 0; line-height: 0;
} }
.HS_detailAddress{
margin:15px 0 0 141px;
}
.HS_detailAddress .el-input__inner,.HS_Email .el-input__inner{ .HS_detailAddress .el-input__inner,.HS_Email .el-input__inner{
height:40px; height:40px;
border:0; border:0;
...@@ -183,7 +181,7 @@ ...@@ -183,7 +181,7 @@
} }
.HS_HotelRight{ .HS_HotelRight{
width:346px; width:346px;
height:354px; height:298px;
padding:17px 20px 20px 20px; padding:17px 20px 20px 20px;
border:1px solid #E0E0E0; border:1px solid #E0E0E0;
border-top:0; border-top:0;
...@@ -200,7 +198,7 @@ ...@@ -200,7 +198,7 @@
} }
.HS_HAddress{ .HS_HAddress{
font-size:12px; font-size:12px;
margin-bottom:20px; margin:20px 0;
} }
.HS_HAddress img{ .HS_HAddress img{
width:10px; width:10px;
...@@ -229,7 +227,7 @@ ...@@ -229,7 +227,7 @@
} }
.HS_RightBtm{ .HS_RightBtm{
width:100%; width:100%;
height:160px; /* height:160px; */
margin-top:20px; margin-top:20px;
overflow: hidden; overflow: hidden;
border:1px solid #E0E0E0; border:1px solid #E0E0E0;
...@@ -289,6 +287,27 @@ ...@@ -289,6 +287,27 @@
.HS_RitBottom>div{ .HS_RitBottom>div{
margin-bottom:15px; margin-bottom:15px;
} }
.HD_payBtn{
width:100%;
height:66px;
background-color: #EE4454;
color:#fff;
outline: none;
border:none;
cursor: pointer;
margin-top:30px;
font-size:18px;
border-radius: 4px;
}
.HD_payBtn:hover{
opacity: 0.8;
}
.HS_BookMan .el-input__icon{
line-height: 0;
}
.HS_FFEI:last-child{
visibility: hidden;
}
</style> </style>
...@@ -314,57 +333,68 @@ ...@@ -314,57 +333,68 @@
<div class="HS_div2One"> <div class="HS_div2One">
<ul> <ul>
<li class="HS2_title">房型信息</li> <li class="HS2_title">房型信息</li>
<li>豪华客房(豪华大床)每日标准房价</li> <li>
<li class="HS2_title">Deluxe Room - King</li> <div v-if="dataList.roomRateDetails">
</ul> <template v-if="dataList.roomRateDetails.roomType==1">单人床</template>
<template v-if="dataList.roomRateDetails.roomType==2">双床</template>
<template v-if="dataList.roomRateDetails.roomType==3">大床房</template>
<template v-if="dataList.roomRateDetails.roomType==4">三人间</template>
<template v-if="dataList.roomRateDetails.roomType==5">四床房</template>
<template v-if="dataList.roomRateDetails.roomType==6">日式房</template>
<template v-if="dataList.roomRateDetails.roomType==7">日式&西式混合房间</template>
</div> </div>
<div class="HS_div3One"> </li>
<ul>
<li class="HS2_title">入住人数</li>
<li>成人 2人</li>
<li>儿童 1人</li>
</ul> </ul>
</div> </div>
<div class="HS_div2One"> <div class="HS_div3One">
<ul> <ul>
<li class="HS2_title">入住人数</li> <li class="HS2_title">入住人数</li>
<li>成人 2</li> <li>成人 {{auditNum}}</li>
<li>儿童 1</li> <li>儿童 {{childNum}}</li>
</ul> </ul>
</div> </div>
<div class="HS_div2One"> <div class="HS_div2One">
<ul> <ul>
<li class="HS2_title">入住日期</li> <li class="HS2_title">入住日期</li>
<li> <li>
<el-date-picker class="date_input" style="width:130px;" prefix-icon="none" clear-icon="" <el-date-picker class="date_input" v-model="msg.arrivalDate" @change="getDateInfo()" style="width:130px;" prefix-icon="none" clear-icon=""
size="small" size="small"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="date" type="date"
placeholder=""> placeholder="">
</el-date-picker> </el-date-picker>
周二<span class="HS2_title" style="margin:0 10px;">15:00 之后</span> <template v-if="dataList.roomRateDetails">
{{'周'+checkInWeek}}<span class="HS2_title" style="margin:0 10px;">
{{dataList.roomRateDetails.roomOptions['finalCheck-inTime']}} 之后</span>
</template>
<div class="HS_Line"></div> <div class="HS_Line"></div>
<el-date-picker class="date_input" style="width:130px;" prefix-icon="none" clear-icon="" <el-date-picker class="date_input" v-model="msg.departureDate" @change="getDateInfo()" style="width:130px;" prefix-icon="none" clear-icon=""
size="small" size="small"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
type="date" type="date"
placeholder=""> placeholder="">
</el-date-picker> </el-date-picker>
周三<span class="HS2_title" style="margin:0 10px;">12:00 之前</span> <template v-if="dataList.roomRateDetails">
{{'周'+checkOutWeek}}<span class="HS2_title" style="margin:0 10px;">
{{dataList.roomRateDetails.roomOptions['finalCheck-outTime']}} 之前</span>
</template>
</li> </li>
<li> <!-- <li>
1晚 1晚
</li> </li> -->
<li> <!-- <li>
<input type="button" class="HS_UpdateDate" value="修改日期"/> <input type="button" class="HS_UpdateDate" value="修改日期"/>
</li> </li> -->
</ul> </ul>
</div> </div>
<div class="HS_div2One HS_roomNum"> <div class="HS_div2One HS_roomNum">
<ul> <ul>
<li class="HS2_title">房间数量</li> <li class="HS2_title">房间数量</li>
<li> <li>
<el-select style="width:80px" clearable placeholder=""> <template v-if="dataList.roomGroup">
{{dataList.roomGroup.roomCount}}
</template>
<!-- <el-select style="width:80px" clearable placeholder="">
<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>
...@@ -374,25 +404,28 @@ ...@@ -374,25 +404,28 @@
<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-select> </el-select> -->
</li> </li>
<li> <li>
<i class="iconfont icon-jinggao1" style="color:#FFA835"></i> <i class="iconfont icon-jinggao1" style="color:#FFA835"></i>
仅剩 仅剩{{dataList.currentAllotment}}
</li> </li>
<li> <li>
每间最多入住2人 <template v-if="dataList.roomGroup">
每间最多入住成人:{{dataList.roomGroup.roomAdultCount}},儿童:{{dataList.roomGroup.roomChildCount}}
</template>
</li> </li>
</ul> </ul>
</div> </div>
<div class="HS_div2One"> <div class="HS_div2One" v-for="(item,index) in dataList.roomGroup">
<ul> <ul>
<li class="HS2_title" style="vertical-align:top;">房费情况</li> <li class="HS2_title" style="vertical-align:top;width:48px;">
<li> <template v-if="index==0">房费情况</template>
<div class="HS_fangfei"> </li>
<div class="HS_fangfei_Top">07-09</div> <li style="width:680px;">
<div>¥<span>7906</span></div> <div class="HS_fangfei" v-for="subItem in item.rateGroup">
<div>无餐食</div> <div class="HS_fangfei_Top">{{subItem.stayDate}}</div>
<div v-if="subItem.perAdultRateBySetCurrency">¥<span>{{subItem.perAdultRateBySetCurrency}}</span></div>
</div> </div>
</li> </li>
</ul> </ul>
...@@ -403,121 +436,149 @@ ...@@ -403,121 +436,149 @@
<div class="HS_bookTitle"> <div class="HS_bookTitle">
入住信息<span><i class="iconfont icon-jinggao1"></i>所填姓名需和入住时所持证件一致</span> 入住信息<span><i class="iconfont icon-jinggao1"></i>所填姓名需和入住时所持证件一致</span>
</div> </div>
<div class="HS_div2One HS_BookMan">
<ul>
<li style="margin-left:56px;">入住时间</li>
<el-time-select
v-model="sureMsg.checkInTime"
:picker-options="{
start: '15:00',
step: '01:00',
end: '27:00'
}"
value-format="HH:MM"
placeholder="选择时间">
</el-time-select>
</ul>
</div>
<div class="HS_div2One HS_BookMan"> <div class="HS_div2One HS_BookMan">
<ul> <ul>
<li class="HS2_title">预订人</li> <li class="HS2_title">预订人</li>
<li>住客<img class="HS_wenhao" src="../../assets/img/hotel/wenhao.png"/></li> <li>住客<img class="HS_wenhao" src="../../assets/img/hotel/wenhao.png"/></li>
<el-input tyle="text" style="width:120px;margin-right:20px;" placeholder="姓 Last Name"></el-input> <el-input tyle="text" v-model="sureMsg.guestLastName" style="width:120px;margin-right:20px;" placeholder="姓 Last Name"></el-input>
<el-input tyle="text" style="width:120px;" placeholder="名 First Name"></el-input> <el-input tyle="text" v-model="sureMsg.guestFirstName" style="width:120px;" placeholder="名 First Name"></el-input>
</ul> </ul>
</div> </div>
<div class="HS_div2One HS_AreaSelect"> <div class="HS_div2One HS_AreaSelect">
<ul> <ul>
<li style="margin-left:53px;">当前地址</li> <li style="margin-left:53px;">当前地址</li>
<li> <li>
<el-select style="width:80px" clearable placeholder="国"> <el-input type="text" v-model="sureMsg.guestAddress" style="width:400px;" placeholder="详细地址"></el-input>
<!-- <el-option :value="1" label="1"></el-option> -->
</el-select>
</li> </li>
</ul>
</div>
<div class="HS_div2One HS_Email">
<ul>
<li style="margin-left:67px;">Email</li>
<li> <li>
<el-select style="width:80px" clearable placeholder="省"> <el-input type="text" v-model="sureMsg.guestEmail" style="width:400px;" placeholder="接收确认邮件,获得出行资格"></el-input>
<!-- <el-option :value="1" label="1"></el-option> -->
</el-select>
</li> </li>
</ul>
</div>
<div class="HS_div2One HS_Email">
<ul>
<li style="margin-left:67px;">电话</li>
<li> <li>
<el-select style="width:80px" clearable placeholder="市"> <el-input type="text" @keyup.native="checkInteger(sureMsg,'guestPhoneNumber')" v-model="sureMsg.guestPhoneNumber" style="width:400px;" placeholder="电话"></el-input>
<!-- <el-option :value="1" label="1"></el-option> -->
</el-select>
</li> </li>
</ul>
</div>
<div class="HS_div2One HS_Email" style="margin-top:30px;">
<ul>
<li style="margin-left:45px;vertical-align:top;">客户需求</li>
<li> <li>
<el-select style="width:80px" clearable placeholder="区"> <el-input type="textarea" :rows="3" maxlength="400" v-model="sureMsg.guestRequest" style="width:400px;" placeholder="住宿需求"></el-input>
<!-- <el-option :value="1" label="1"></el-option> -->
</el-select>
</li> </li>
</ul> </ul>
</div> </div>
<div class="HS_detailAddress"> <div class="HS_div2One HS_Email" style="margin-top:30px;">
<el-input type="text" style="width:400px;" placeholder="详细地址"></el-input>
</div>
<div class="HS_div2One HS_Email">
<ul> <ul>
<li style="margin-left:67px;">Email</li> <li style="margin-left:20px;vertical-align:top;">客户需求补充</li>
<li> <li>
<el-input type="text" style="width:400px;" placeholder="接收确认邮件,获得出行资格"></el-input> <el-input type="textarea" :rows="3" maxlength="400" v-model="sureMsg.guestRequestAppendix" style="width:400px;" placeholder="住宿需求"></el-input>
</li> </li>
</ul> </ul>
</div> </div>
<div class="HS_div2One" style="margin-top:30px;"> <div class="HS_div2One HS_Email" style="margin-top:30px;">
<ul> <ul>
<li style="margin:0 10px 0 40px;"> <li style="margin-left:68px;vertical-align:top;">评语</li>
<div>入住和离店</div> <li>
<div>(当地时间)</div> <el-input type="textarea" :rows="3" maxlength="400" v-model="sureMsg.comment" style="width:400px;" placeholder="住宿需求"></el-input>
</li>
<li style="vertical-align:top">
入住时间 15:00以后
</li>
<li style="vertical-align:top">
离店时间 12:00以前
</li> </li>
</ul> </ul>
</div> </div>
<div class="HS_div2One HS_AreaSelect"> <div class="HS_div2One HS_AreaSelect">
<ul> <ul v-for="item in sureMsg.roomGroup">
<li class="HS2_title">房间1</li> <li class="HS2_title">房间{{item.roomCount}}</li>
<li style="margin-left:20px;">人数</li> <li style="margin-left:20px;">人数</li>
<li> <li>
<el-select style="width:90px" clearable placeholder="成人男"> <el-select style="width:90px" v-model="item.roomMaleCount" :disabled="item.isShowMale" clearable placeholder="成人男">
<!-- <el-option :value="1" label="1"></el-option> --> <el-option v-for="item in Pnumber" :value="item.num" :label="item.num"></el-option>
</el-select> </el-select>
</li> </li>
<li> <li>
<el-select style="width:90px" clearable placeholder="成人女"> <el-select style="width:90px" v-model="item.roomFemaleCount" :disabled="item.isShowFemale" clearable placeholder="成人女">
<!-- <el-option :value="1" label="1"></el-option> --> <el-option v-for="item in Pnumber" :value="item.num" :label="item.num"></el-option>
</el-select> </el-select>
</li> </li>
<li> <li>
<el-select style="width:90px" clearable placeholder="儿童"> <el-select style="width:90px" v-model="item.roomChildCount" :disabled="item.isShowChild" clearable placeholder="儿童">
<!-- <el-option :value="1" label="1"></el-option> --> <el-option v-for="item in Pnumber" :value="item.num" :label="item.num"></el-option>
</el-select> </el-select>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<input type="button" class="HD_payBtn" @click="BuyHoTel()" value="下单" />
</div> </div>
<div class="HS_RightList"> <div class="HS_RightList">
<div class="HS_RightTopImg"> <div class="HS_RightTopImg">
<img src="../../assets/img/hotel/biefu.png" alt=""/> <template v-if="dataList.roomRateDetails">
<img :src="dataList.roomRateDetails.roomImageURL" alt=""/>
</template>
</div> </div>
<div class="HS_HotelRight"> <div class="HS_HotelRight">
<div class="HS_HtName">{{dataList.hotelName}}</div> <div class="HS_HtName">{{dataList.hotelName}}</div>
<div class="HS_EnName">Aman Tokyo</div>
<div class="HS_HAddress"> <div class="HS_HAddress">
<img src="../../assets/img/hotel/redAddress.png" alt=""/> <img src="../../assets/img/hotel/redAddress.png" alt=""/>
THE OTEMACHI TOWER 1-5-6 OTEMACHI CHIYODA-KU,东京站/日本桥/秋叶原/锦糸町,东京,东京都,100-0004,日本 {{dataList.address}}
</div> </div>
<div class="HS_Haohua">豪华客房(豪华大床)每日标准放假</div>
<div class="f12 C9">Deluxe Room - King</div>
<ul class="HS_RoomInfo"> <ul class="HS_RoomInfo">
<li> <li>
<span class="C9">床型</span> <span class="C9">房型</span>
<span>1张特大床</span> <div v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.roomType==1">单人床</template>
<template v-if="dataList.roomRateDetails.roomType==2">双床</template>
<template v-if="dataList.roomRateDetails.roomType==3">大床房</template>
<template v-if="dataList.roomRateDetails.roomType==4">三人间</template>
<template v-if="dataList.roomRateDetails.roomType==5">四床房</template>
<template v-if="dataList.roomRateDetails.roomType==6">日式房</template>
<template v-if="dataList.roomRateDetails.roomType==7">日式&西式混合房间</template>
</div>
</li> </li>
<li> <li>
<span class="C9">人数</span> <span class="C9">人数</span>
<span>每间房最多入住1人</span> <span v-if="dataList.roomGroup">
每间最多入住成人:{{dataList.roomGroup.roomAdultCount}},儿童:{{dataList.roomGroup.roomChildCount}}
</span>
</li> </li>
<li> <!-- <li>
<span class="C9">加床</span> <span class="C9">加床</span>
<span>JPY 20216.00/床/间夜</span> <span>JPY 20216.00/床/间夜</span>
</li> </li> -->
<li> <li>
<span class="C9">面积</span> <span class="C9">吸烟</span>
<span>71㎡</span> <span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.smoking==0">禁吸</template>
<template v-if="dataList.roomRateDetails.smoking==1">可吸烟</template>
</span>
</li> </li>
<li> <li>
<span class="C9">网络</span> <span class="C9">厕所</span>
<span>全部房间支持免费无线宽带上网</span> <span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.withBath==0"></template>
<template v-if="dataList.roomRateDetails.withBath==1"></template>
</span>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -525,10 +586,10 @@ ...@@ -525,10 +586,10 @@
<div class="HS_RitTop"> <div class="HS_RitTop">
<span class="HS_RitTop_Left">订单总额</span> <span class="HS_RitTop_Left">订单总额</span>
<span class="HS_RitPrice"> <span class="HS_RitPrice">
<i>¥</i>7904 <i>¥</i>{{totalPrice}}
</span> </span>
</div> </div>
<div class="HS_RitBottom"> <!-- <div class="HS_RitBottom">
<div> <div>
<span>房费</span> <span>房费</span>
<span class="HS_btLine"></span> <span class="HS_btLine"></span>
...@@ -539,7 +600,7 @@ ...@@ -539,7 +600,7 @@
<span class="HS_btLineTwo"></span> <span class="HS_btLineTwo"></span>
<span>¥1550</span> <span>¥1550</span>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -558,13 +619,110 @@ export default { ...@@ -558,13 +619,110 @@ export default {
roomOptionCd:'', roomOptionCd:'',
searchroomGroup:[] searchroomGroup:[]
}, },
auditNum:0,
childNum:0,
//入住 周几
checkInWeek:'',
checkOutWeek:'',
//确认MSG参数
sureMsg:{
dataId:'',
hotelId:'',
totalRoomCount:'',
arrivalDate:'',
checkInTime:'',
departureDate:'',
roomOptionCd:'',
totalChargeableRateInfo:'',
roomGroup:[],
guestLastName:'',
guestFirstName:'',
guestAddress:'',
guestPhoneNumber:'',
guestEmail:'',
guestRequest:'',
guestRequestAppendix:'',
comment:'',
CustomerId:0,
CreateBy:0
},
//人数下拉
Pnumber:[{
num:0
},{
num:1
},{
num:2
},{
num:3
},{
num:4
},{
num:5
},{
num:6
},{
num:7
},{
num:8
},{
num:9
},{
num:10
},{
num:11
},{
num:12
},{
num:13
},{
num:14
},{
num:15
},{
num:16
},{
num:17
},{
num:18
},{
num:19
},{
num:20
},],
dataList:[], dataList:[],
//总价
totalPrice:0,
}; };
}, },
mounted() { mounted() {
let msgList = JSON.parse(this.$route.query.msg); let msgList = JSON.parse(this.$route.query.msg);
this.msg = msgList; this.msg = msgList;
console.log(msgList,'msglist'); console.log(msgList,'msglist');
this.auditNum=0;
this.childNum=0;
this.msg.searchroomGroup.forEach(x=>{
this.auditNum+=x.numberOfAdults;
this.childNum+=x.numberOfChildren;
})
let roomGroupLen = this.msg.searchroomGroup.length;
let userInfo = this.getLocalStorage();
this.sureMsg.CustomerId = userInfo.customerId;
this.sureMsg.CreateBy = userInfo.createBy;
this.sureMsg.roomGroup=[];
for(var i=0;i<roomGroupLen;i++){
var obj = {
roomCount:i+1,
roomMaleCount:0,
roomFemaleCount:0,
roomChildCount:0,
roomInfantCount:0,
rateGroup:[]
}
this.sureMsg.roomGroup.push(obj);
}
console.log(this.sureMsg,'sureMsgsureMsgsureMsg');
this.getWeek();
this.getBookInfo(); this.getBookInfo();
}, },
created() { created() {
...@@ -577,6 +735,19 @@ export default { ...@@ -577,6 +735,19 @@ export default {
console.log(res,'bookMsg'); console.log(res,'bookMsg');
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.dataList = res.data.data; this.dataList = res.data.data;
if(Object.prototype.toString.call(this.dataList.roomGroup) == '[object Object]'){
let arr = [];
arr.push(this.dataList.roomGroup);
this.dataList.roomGroup=arr;
}
this.dataList.roomGroup.forEach(x=>{
let tt = 0;
x.rateGroup.forEach(z=>{
tt+=parseFloat(z.perAdultRate);
})
this.totalPrice+=tt*x.roomAdultCount;
})
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
} }
...@@ -584,6 +755,53 @@ export default { ...@@ -584,6 +755,53 @@ export default {
err => {} err => {}
); );
}, },
//通过日期得到周几
getWeek(){
this.checkInWeek = new Date(this.msg.arrivalDate).getDay();
this.checkOutWeek = new Date(this.msg.departureDate).getDay();
},
//改变日期
getDateInfo(){
this.getWeek();
this.getBookInfo();
},
//点击支付
BuyHoTel(){
this.sureMsg.hotelId = this.msg.hotelId;
this.sureMsg.arrivalDate = this.msg.arrivalDate;
this.sureMsg.totalRoomCount = this.msg.searchroomGroup.length;
this.sureMsg.departureDate = this.msg.departureDate;
this.sureMsg.roomOptionCd = this.msg.roomOptionCd;
this.dataList.roomGroup.forEach(x=>{
this.sureMsg.roomGroup.forEach(j=>{
if(Object.prototype.toString.call(x.rateGroup) == '[object Object]'){
j.rateGroup.push(x.rateGroup);
}else{
j.rateGroup=x.rateGroup
}
})
})
if(this.sureMsg.CustomerId==null||this.sureMsg.CustomerId==""){
this.sureMsg.CustomerId=0
}
if(this.sureMsg.CreateBy==null||this.sureMsg.CreateBy==""){
this.sureMsg.CreateBy=0
}
console.log(this.sureMsg,'确定');
this.sureMsg.totalChargeableRateInfo = this.totalPrice;
this.apipost("dmc_post_Get_GetJAPAN_HotelBooking",this.sureMsg,res => {
console.log(res,'保存完毕');
if (res.data.resultCode == 1) {
this.Succrss(res.data.message);
} else {
this.Error(res.data.message);
}
},
err => {}
);
}
} }
}; };
</script> </script>
...@@ -321,6 +321,13 @@ ...@@ -321,6 +321,13 @@
<span class="__splice">|</span> <span class="__splice">|</span>
</div> </div>
</li> </li>
<!-- 酒店 -->
<li :class="{_active: navActive === 10}">
<div @click="handleSelect('/HotelHome', 10), navActive = 10">
<span>酒店</span>
<span class="__splice">|</span>
</div>
</li>
<!-- 景点门票 --> <!-- 景点门票 -->
<!-- <li :class="{_active: navActive === 7}"> <!-- <li :class="{_active: navActive === 7}">
<div @click="handleSelect('/', 7), navActive = 7"> <div @click="handleSelect('/', 7), navActive = 7">
...@@ -498,7 +505,9 @@ export default { ...@@ -498,7 +505,9 @@ export default {
created() { created() {
let that = this; let that = this;
require(["http://pv.sohu.com/cityjson?ie=utf-8"], () => { require(["http://pv.sohu.com/cityjson?ie=utf-8"], () => {
setTimeout(() => { setTimeout(() => {
console.log("returnCitySN",returnCitySN)
if (returnCitySN) { if (returnCitySN) {
that.loadSites(); that.loadSites();
that.cityText = returnCitySN.cname; that.cityText = returnCitySN.cname;
......
...@@ -44,14 +44,13 @@ ...@@ -44,14 +44,13 @@
<td>{{item.peopleNum}}</td> <td>{{item.peopleNum}}</td>
<td class="cee">{{item.money}}</td> <td class="cee">{{item.money}}</td>
</tr> </tr>
<tr v-if="dataList.length<1">
<td colspan="4"> </table>
<div v-if="dataList.length==0" style="padding:15px 0;text-align:center">
<div class="empty-data"><i class="iconfont icon-kong"></i> <div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉,你想要的信息我们真的找不到了 很抱歉,你想要的信息我们真的找不到了
</div> </div>
</td> </div>
</tr>
</table>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<p class="f14 c99">数据占比</p> <p class="f14 c99">数据占比</p>
...@@ -74,10 +73,10 @@ ...@@ -74,10 +73,10 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<p class="f14" style="color:#999999;margin-top:30px">本年累计交易总额</p> <p class="f14" style="color:#999999;margin-top:30px">本年累计交易总额</p>
<p style="margin-top:20px"><span></span><span class="f30">{{datainfo.Amount}}</span></p> <p style="margin-top:20px"><span></span><span class="f30 pfR">{{datainfo.Amount}}</span></p>
<div style="border-bottom:1px solid #EDEDED;width:256px;margin:30px 0"></div> <div style="border-bottom:1px solid #EDEDED;width:256px;margin:30px 0"></div>
<p class="f14" style="color:#999999;">累计收益</p> <p class="f14" style="color:#999999;">累计收益</p>
<p style="margin-top:20px"><span></span><span class="f30">{{datainfo.TotalMoney}}</span></p> <p style="margin-top:20px"><span></span><span class="f30 pfR">{{datainfo.TotalMoney}}</span></p>
</el-col> </el-col>
</el-row> </el-row>
<div class="jyeDiv"> <div class="jyeDiv">
...@@ -97,7 +96,7 @@ ...@@ -97,7 +96,7 @@
<el-col :span="9"> <el-col :span="9">
<p v-if="item.percent>1" style="color:#00B526" class="pfR">已激活,预计收益 ¥{{(item.Money*item.Ratio)/1000}}</p> <p v-if="item.percent>1" style="color:#00B526" class="pfR">已激活,预计收益 ¥{{(item.Money*item.Ratio)/1000}}</p>
<p v-if="item.percent<1" style="color:#EE4454" class="pfR">还差¥{{item.Money-datainfo.Amount}},预计收益 ¥{{(item.Money*item.Ratio)/1000}}</p> <p v-if="item.percent<1" style="color:#EE4454" class="pfR">还差¥{{item.Money-datainfo.Amount}},预计收益 ¥{{(item.Money*item.Ratio)/1000}}</p>
<p style="color:#999999">交易额已达<span class="pfR">{{item.Money}}</span><span></span><span class="pfR">{{item.Ratio}}</span></p> <p style="color:#999999">交易额已达<span class="pfR">{{item.Money}}</span><span></span><span class="pfR">{{item.Ratio}}</span></p>
</el-col> </el-col>
</el-row> </el-row>
...@@ -199,12 +198,18 @@ export default { ...@@ -199,12 +198,18 @@ export default {
if(res.data.resultCode==1){ if(res.data.resultCode==1){
let data=res.data.data; let data=res.data.data;
let arr=[]; let arr=[];
for(let k in data){ data.forEach(item=>{
let obj={}; let obj={};
obj.name=k; obj.name=item.LineName;
obj.value=data[k]; obj.value=item.num;
this.zbList.push(obj); this.zbList.push(obj);
} })
// for(let k in data){
// let obj={};
// obj.name=k;
// obj.value=data[k];
// this.zbList.push(obj);
// }
this.creatZhanBi(); this.creatZhanBi();
}else{ }else{
...@@ -580,14 +585,14 @@ export default { ...@@ -580,14 +585,14 @@ export default {
border-bottom:1px solid rgba(234,234,234,1); border-bottom:1px solid rgba(234,234,234,1);
} }
.rentou-box th{ .rentou-box th{
font-size: 14px !important; font-size: 14px;
font-family: 'pingfangR';
font-weight: 400; font-weight: 400;
color:#666666;
} }
.rentou-box th,.rentou-box td { .rentou-box th,.rentou-box td {
padding: 8px 20px; padding: 8px 20px;
text-align: left !important; text-align: left !important;
font-size: 12px
} }
.rentou-box td{ .rentou-box td{
font-size: 14px; font-size: 14px;
......
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