Commit b2c3fe96 authored by huangyuanyuan's avatar huangyuanyuan
parents 5d4d44dc 62bd18b1
......@@ -92,7 +92,7 @@
position: absolute;
width: 20px;
height: 20px;
border: 1px solid #fff;
border: 1px solid #F5F5F5;
z-index: 1;
background: #fff;
}
......@@ -102,6 +102,7 @@
border-radius:0px 0px 20px 0px;
border-bottom: 1px solid rgba(230,230,230,1);
border-right: 1px solid rgba(230,230,230,1);
background-color: #F5F5F5;
}
.top_info .cro_right_top{
......@@ -110,6 +111,7 @@
border-radius:0px 0px 0px 20px;
border-bottom: 1px solid rgba(230,230,230,1);
border-left: 1px solid rgba(230,230,230,1);
background-color: #F5F5F5;
}
.top_info .cro_left_bottom{
......@@ -118,6 +120,7 @@
border-radius:0px 20px 0px 0px;
border-top: 1px solid rgba(230,230,230,1);
border-right: 1px solid rgba(230,230,230,1);
background-color: #F5F5F5;
}
.top_info .cro_right_bottom{
......@@ -126,6 +129,7 @@
border-radius:20px 0px 0px 0px;
border-top: 1px solid rgba(230,230,230,1);
border-left: 1px solid rgba(230,230,230,1);
background-color: #F5F5F5;
}
.top_info ._head_icon ._addr{
margin-top: 10px;
......@@ -158,7 +162,16 @@
}
.top_info .top_info_right ._business ._business_ite{
margin: 8% 0;
height: 80%;
height: auto;
position: relative;
}
.top_info .top_info_right ._business ._business_Line{
border-right:1px dashed #E6E6E6;
width:1px;
height:40px;
position: absolute;
top:35px;
right:0;
}
.top_info .top_info_right ._business ._business_ite p{
text-align: center;
......@@ -178,6 +191,9 @@
.top_info .top_info_right ._business ._business_ite ._top span._bg_color_org{
background-color: #FEAD5E;
}
.top_info .top_info_right ._business ._business_ite ._top span._bg_color_green{
background-color: #49C0A1;
}
.top_info .top_info_right ._business ._business_ite ._text{
color: #666666;
font-size: 14px;
......
......@@ -474,7 +474,7 @@
<div class="HD_Top_Price">
<span class="HD_Top_Pinfo"><i>¥</i>{{price}}</span>
<span class="HD_Top_qi">/起</span>
<span>另付税:¥177</span>
<!-- <span>另付税:¥177</span> -->
<input type="button" class="HD_SureBtn" style="display:none;" value="立即预订"/>
</div>
<div class="HD_Top_ImgList clearfix">
......@@ -526,6 +526,7 @@
<el-date-picker class="HD_date_input" v-model="SimilarMsg.arrivalDate" style="width:190px;" clear-icon=""
size="small"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions0"
type="date"
placeholder="">
</el-date-picker>
......@@ -533,6 +534,7 @@
<el-date-picker class="HD_date_input" v-model="SimilarMsg.departureDate" style="width:190px;" clear-icon=""
size="small"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions0"
type="date"
placeholder="">
</el-date-picker>
......@@ -621,12 +623,12 @@
<img :src="item.roomImageURL" alt=""/>
</div>
<div class="HD_Kefang">
<span v-if="item.gradeType==1">标准间</span>
<span v-if="item.gradeType==2">普通间</span>
<span v-if="item.gradeType==3">经济</span>
<span v-if="item.gradeType==4">舒适间</span>
<span v-if="item.gradeType==5">豪华</span>
<span v-if="item.gradeType==6">其他</span>
<!-- <span v-if="item.gradeType==1">标准</span>
<span v-if="item.gradeType==2">主力</span>
<span v-if="item.gradeType==3">经济学家</span>
<span v-if="item.gradeType==4">苏佩里</span>
<span v-if="item.gradeType==5">豪华</span>
<span v-if="item.gradeType==6">特别房间、套房、远离</span> -->
<span v-if="item.roomType==1">单人</span>
<span v-if="item.roomType==2">双人</span>
......@@ -788,6 +790,7 @@
</template>
<script>
import HTMap from '../global/HTMap'
import moment from "moment";
export default {
data() {
return {
......@@ -826,7 +829,13 @@ export default {
//浴室
bathRoom:[],
//地图坐标
travelLngLat:[]
travelLngLat:[],
pickerOptions0: {
disabledDate(time) {
let today_after7=moment().add(8,'days').format('YYYY-MM-DD');
return time.getTime() < new Date(today_after7).getTime() - 8.64e7;
}
}
};
},
mounted() {
......@@ -1146,6 +1155,7 @@ export default {
x.roomOptions = arr;
}
})
console.log(this.SimilarList,'SimilarList');
} else {
this.Error(res.data.message);
}
......@@ -1201,9 +1211,13 @@ export default {
},
//点击预订传递参数
bookHotel(roomOptionCd){
if(sessionStorage.getItem("UserId")==''&& !localStorage.userInfo){
return this.Error('请登录!')
}
let msg = this.SimilarMsg;
msg.roomOptionCd = roomOptionCd;
msg.imgUrl = this.hotelDetails.hotelImageUrl1;
sessionStorage.setItem("HotelSure", JSON.stringify(msg));
this.$router.push({
path:"/HotelSure"
......
......@@ -54,22 +54,15 @@
<el-option value="山梨县" label="山梨县"></el-option>
</el-select>
<span class="sx"></span>
<el-date-picker class="date_inputOne HO_input" style="width:140px;" prefix-icon="iconfont icon-img-rili" clear-icon=""
size="small"
<el-date-picker
style="width:290px;"
v-model="dateList"
type="daterange"
value-format="yyyy-MM-dd"
v-model="msg.StartDate"
type="date"
range-separator="-"
:picker-options="pickerOptions0"
placeholder="入住日">
</el-date-picker>
<span class="Ht_hg"></span>
<el-date-picker class="date_input" style="width:130px;" prefix-icon="none" clear-icon=""
size="small"
value-format="yyyy-MM-dd"
v-model="msg.EndDate"
type="date"
:picker-options="pickerOptions0"
placeholder="离店日">
start-placeholder="入住日"
end-placeholder="离店日">
</el-date-picker>
<span class="sx"></span>
<el-popover :visible-arrow="false"
......@@ -329,17 +322,34 @@ export default {
}
},
isLogin:0,
dateList:"",
};
},
mounted() {
this.loadSize();
},
created() {
this.isLogin=this.$store.state.isLogin;
//获取传递参数
var url = window.location.href;
if (url.indexOf("?") != -1) {
let str = url.split("?")[1];
let uid = str.split("=")[1];
sessionStorage.setItem("UserId", uid);
}
},
methods: {
//查询
Search() {
if(this.dateList){
this.msg.StartDate=this.dateList[0];
this.msg.EndDate=this.dateList[1];
}else{
this.msg.StartDate="";
this.msg.EndDate="";
}
if(this.msg.place==''){
this.Error('请选择目的地');
return;
......@@ -424,7 +434,7 @@ export default {
let w = document.body.clientWidth;
this.carousel_height = w * 0.269* 0.75 + "px";
this.banner_height=w*0.205+"px";
}
},
}
};
</script>
......@@ -518,7 +528,7 @@ export default {
z-index:99;
}
.Hotel_home .Ht_ul{
margin:0 20px;
margin:0 12px;
height:46px;
line-height: 46px;
}
......
......@@ -230,11 +230,12 @@
background-color: #DBF1DF;
color:#4E9F5D;
font-size:12px;
margin:20px 10px 20px 0;
margin:20px 10px 0 0;
}
.HL_ListAddress{
font-size:12px;
color:#333333;
margin-top:20px;
}
.HL_ListPrice{
position: absolute;
......@@ -421,22 +422,14 @@
</el-select>
</div>
<div class="HL_ComSearch HL_Two">
<el-date-picker class="date_inputOne" style="width:140px;" prefix-icon="iconfont icon-img-rili" clear-icon=""
size="small"
<el-date-picker
v-model="dateList"
type="daterange"
value-format="yyyy-MM-dd"
v-model="msg.arrivalDate"
range-separator="-"
:picker-options="pickerOptions0"
type="date"
placeholder="入住日">
</el-date-picker>
<span class="Ht_hg"></span>
<el-date-picker class="date_input" style="width:140px;" prefix-icon="none" clear-icon=""
size="small"
value-format="yyyy-MM-dd"
v-model="msg.departureDate"
:picker-options="pickerOptions0"
type="date"
placeholder="离店日">
start-placeholder="入住日"
end-placeholder="离店日">
</el-date-picker>
</div>
<div class="HL_ComSearch HL_Three">
......@@ -605,9 +598,7 @@
</span>
</div>
<div>
<span class="HL_ListSpecial">明日可定</span>
<span class="HL_ListSpecial">亲子游</span>
<span class="HL_ListSpecial">主题乐园</span>
<span v-for="subItem in getTravelFeature(item.hotelFeaturesMask)" class="HL_ListSpecial">{{subItem}}</span>
</div>
<div class="HL_ListAddress">
<img src="../../assets/img/hotel/address.png" alt=""/>
......@@ -693,6 +684,9 @@ export default {
//酒店搜索关键字
keyWords:'',
placeKeyWords:'',
//日期
dateList:[],
//数据
dataList:[],
loading:false,
//住宿类型
......@@ -899,8 +893,8 @@ export default {
if(sessionStorage.getItem("HotelInfo")){
let msgList = JSON.parse(sessionStorage.getItem("HotelInfo"));
this.placeKeyWords = msgList.place;
this.msg.arrivalDate = msgList.StartDate;
this.msg.departureDate = msgList.EndDate;
this.dateList=[];
this.dateList.push(msgList.StartDate,msgList.EndDate);
this.auditNum = msgList.auditNum;
this.childNum = msgList.childNum;
this.room = msgList.room;
......@@ -954,6 +948,21 @@ export default {
},
//点击搜索
SearchHotel(){
if(this.dateList){
this.msg.arrivalDate=this.dateList[0];
this.msg.departureDate=this.dateList[1];
}else{
this.msg.arrivalDate="";
this.msg.departureDate="";
}
if(this.msg.arrivalDate==''){
this.Error('请选择入住日期');
return;
}
if(this.msg.departureDate==''){
this.Error('请选择退房日期');
return;
}
if(this.keyWords==''){
this.msg.freewordType=1;
this.msg.freeword= this.placeKeyWords;
......@@ -1063,7 +1072,24 @@ export default {
this.$router.push({
path:"/HotelDetail"
})
},
//主题特色
getTravelFeature(feature){
let fea = feature.split(',');
let newArr=[];
if(fea[0]==1){
newArr.push('从车站步行5分钟');
}
if(fea[1]==1){
newArr.push('有温泉');
}
if(fea[2]==1){
newArr.push('离海滩5分钟');
}
if(fea[3]==1){
newArr.push('退房11点以后');
}
return newArr;
}
}
};
......
......@@ -335,13 +335,15 @@
<li class="HS2_title">房型信息</li>
<li>
<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>
<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">4床</template>
<template v-if="dataList.roomRateDetails.roomType==6">日式房间</template>
<template v-if="dataList.roomRateDetails.roomType==7">和洋室</template>
<template v-if="dataList.roomRateDetails.roomType==8">半开房</template>
<template v-if="dataList.roomRateDetails.roomType==9">其他的</template>
</div>
</li>
</ul>
......@@ -497,7 +499,7 @@
<div class="HS_RightList">
<div class="HS_RightTopImg">
<template v-if="dataList.roomRateDetails">
<img :src="dataList.roomRateDetails.roomImageURL" alt=""/>
<img :src="HotelImgUrl" alt=""/>
</template>
</div>
<div class="HS_HotelRight">
......@@ -531,7 +533,7 @@
<span class="C9">加床</span>
<span>JPY 20216.00/床/间夜</span>
</li> -->
<li>
<li v-if="dataList.roomRateDetails&&dataList.roomRateDetails.smoking!=''">
<span class="C9">吸烟</span>
<span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.smoking==0">禁吸</template>
......@@ -545,13 +547,21 @@
<template v-if="dataList.roomRateDetails.withBath==1"></template>
</span>
</li>
<li>
<span class="C9">露天客房</span>
<span v-if="dataList.roomRateDetails">
<template v-if="dataList.roomRateDetails.withOpenAirBath==0">没有</template>
<template v-if="dataList.roomRateDetails.withOpenAirBath==1"></template>
</span>
</li>
</ul>
</div>
<div class="HS_RightBtm">
<div class="HS_RitTop">
<span class="HS_RitTop_Left">订单总额</span>
<span class="HS_RitPrice">
<i>¥</i>{{totalPrice}}
<i>¥</i>{{sureMsg.totalChargeableRateInfo}}
</span>
</div>
<!-- <div class="HS_RitBottom">
......@@ -599,6 +609,7 @@ export default {
departureDate:'',
roomOptionCd:'',
totalChargeableRateInfo:'',
totalPriceJapanese:'',
roomGroup:[],
guestLastName:'',
guestFirstName:'',
......@@ -610,6 +621,7 @@ export default {
CustomerId:0,
HotelName:'',
HotelPic:'',
EmployeeIdStr:''
},
//验证规则
rules: {
......@@ -703,9 +715,9 @@ export default {
},{
num:20
},],
//传递的图片
HotelImgUrl:'',
dataList:[],
//总价
totalPrice:0,
};
},
mounted() {
......@@ -713,6 +725,7 @@ export default {
created() {
if(sessionStorage.getItem("HotelSure")){
let msgList = JSON.parse(sessionStorage.getItem("HotelSure"));
this.HotelImgUrl = msgList.imgUrl;
this.msg = msgList;
this.auditNum=0;
this.childNum=0;
......@@ -721,8 +734,6 @@ export default {
this.childNum+=x.numberOfChildren;
})
let roomGroupLen = this.msg.searchroomGroup.length;
let userInfo = this.getLocalStorage();
this.sureMsg.CustomerId = userInfo.customerId;
this.sureMsg.roomGroup=[];
for(var i=0;i<roomGroupLen;i++){
var obj = {
......@@ -750,6 +761,8 @@ export default {
arr.push(this.dataList.roomGroup);
this.dataList.roomGroup=arr;
}
this.sureMsg.totalChargeableRateInfo=0;
this.sureMsg.totalPriceJapanese=0;
this.dataList.roomGroup.forEach(x=>{
if(Object.prototype.toString.call(x.rateGroup) == '[object Object]'){
let arr = [];
......@@ -757,12 +770,36 @@ export default {
x.rateGroup= arr;
}
let tt = 0;
let tt2 = 0;
let AdultTotalPrice = 0;
let childToTalPrice = 0;
let AdultCount = 0;
let childCount = 0;
let AdultJapanPrice = 0;
let ChildJapanPrice = 0;
let AdultJapanCount = 0;
let childJapanCount = 0;
x.rateGroup.forEach(z=>{
if(z.perAdultRateBySetCurrency){
AdultTotalPrice+=parseFloat(z.perAdultRateBySetCurrency);
childToTalPrice+=parseFloat(z.perChildRateBySetCurrency);
}
if(z.perAdultRate){
tt+=parseFloat(z.perAdultRate);
AdultJapanPrice+=parseFloat(z.perAdultRate);
ChildJapanPrice+=parseFloat(z.perChildRate);
}
})
this.totalPrice+=tt*x.roomAdultCount;
AdultCount+=AdultTotalPrice*x.roomAdultCount;
childCount+=childToTalPrice*x.roomChildCount;
this.sureMsg.totalChargeableRateInfo = parseFloat(AdultCount+childCount);
AdultJapanCount+=AdultJapanPrice*x.roomAdultCount;
childJapanCount+=ChildJapanPrice*x.roomChildCount;
this.sureMsg.totalPriceJapanese=parseFloat(AdultJapanCount+childJapanCount);
})
} else {
......@@ -774,8 +811,54 @@ export default {
},
//通过日期得到周几
getWeek(){
this.checkInWeek = new Date(this.msg.arrivalDate).getDay();
this.checkOutWeek = new Date(this.msg.departureDate).getDay();
let arrivalDate = new Date(this.msg.arrivalDate).getDay();
let departureDate = new Date(this.msg.departureDate).getDay();
switch(arrivalDate){
case 0:
this.checkInWeek="日"
break;
case 1:
this.checkInWeek="一"
break;
case 2:
this.checkInWeek="二"
break;
case 3:
this.checkInWeek="三"
break;
case 4:
this.checkInWeek="四"
break;
case 5:
this.checkInWeek="五"
break;
case 6:
this.checkInWeek="六"
break;
}
switch(departureDate){
case 0:
this.checkOutWeek="日"
break;
case 1:
this.checkOutWeek="一"
break;
case 2:
this.checkOutWeek="二"
break;
case 3:
this.checkOutWeek="三"
break;
case 4:
this.checkOutWeek="四"
break;
case 5:
this.checkOutWeek="五"
break;
case 6:
this.checkOutWeek="六"
break;
}
},
//改变日期
getDateInfo(){
......@@ -795,13 +878,26 @@ export default {
},
//点击支付
BuyHoTel(){
//判断是否为登录状态
if(localStorage.userInfo){
sessionStorage.removeItem("UserId");
this.sureMsg.EmployeeIdStr='';
let userInfo = this.getLocalStorage();
this.sureMsg.CustomerId = userInfo.customerId;
}
//判断是否跳过来的
if(sessionStorage.getItem("UserId")){
this.sureMsg.EmployeeIdStr= sessionStorage.getItem("UserId");
}
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.sureMsg.HotelName = this.dataList.hotelName;
this.sureMsg.HotelPic = this.dataList.roomRateDetails.roomImageURL;
this.sureMsg.HotelPic = this.HotelImgUrl;
this.dataList.roomGroup.forEach(x=>{
this.sureMsg.roomGroup.forEach(j=>{
......@@ -815,7 +911,6 @@ export default {
if(this.sureMsg.CustomerId==null||this.sureMsg.CustomerId==""){
this.sureMsg.CustomerId=0
}
this.sureMsg.totalChargeableRateInfo = this.totalPrice;
this.apipost("dmc_post_Get_GetJAPAN_HotelBooking",this.sureMsg,res => {
if (res.data.resultCode == 1) {
......@@ -829,7 +924,7 @@ export default {
costType:res.data.data.costType,
orderId:res.data.data.orderId,
bookingNumber:res.data.data.parmResult.bookingNumber,
bookMoney:res.data.data.parmResult.totalChargeableRateInfo,
bookMoney:this.sureMsg.totalChargeableRateInfo,
CancelTime:res.data.data.CancelTime,
hotelName:res.data.data.parmResult.hotelName,
totalPnumber:num
......
......@@ -65,8 +65,8 @@
<span>{{item.OrderStatus}}</span>
</td>
<td style="text-align:center;">
<el-button size="mini"type="danger" @click="goPay(item)">立即付款</el-button>
<el-button style="margin: 10px 0 0 0;" size="mini" @click="canCelHotel(item.ThirdOrderNo)">取消订单</el-button>
<el-button size="mini"type="danger" v-if="item.OrderStatus!='已取消'" @click="goPay(item)">立即付款</el-button>
<el-button style="margin: 10px 0 0 0;" v-if="item.OrderStatus!='已取消'" size="mini" @click="canCelHotel(item.ThirdOrderNo)">取消订单</el-button>
</td>
</tr>
</template>
......@@ -184,9 +184,9 @@ export default {
hotelName:item.HotelName,
totalPnumber:item.Number
}
sessionStorage.setItem("HotelPayMsg", JSON.stringify(msg));
this.$router.push({
path:"/HotelPay",
query:{msg:JSON.stringify(msg)}
})
},
//取消
......
......@@ -200,14 +200,13 @@ export default {
"/api/b2b/user/getrecentorder",
this.getOrderMsg,
res => {
this.orderLoading = false;
if (res.data.resultCode == 1) {
this.tableData = res.data.data.pageData;
this.tableData = res.data.data.pageData?res.data.data.pageData:[];
this.totalCount = res.data.data.pageCount;
this.Count = res.data.data.count;
this.orderLoading = false;
} else {
this.Error(res.data.message);
this.orderLoading = false;
}
},
null
......
......@@ -70,19 +70,30 @@
<div class="cro_left_bottom"></div>
<el-col :span="12" class="top_info_right cro">
<el-row class="_business">
<el-col :span="12" class="_business_ite">
<el-col :span="9" class="_business_ite">
<p class="_top">
<span></span>
</p>
<p class="_text">本月交易额</p>
<p class="_money">¥{{moneyFormat(userInfo.monthTradeMoney)}}</p>
<div class="_business_Line"></div>
</el-col>
<el-col :span="12" class="_business_ite">
<el-col :span="8" class="_business_ite">
<p class="_top">
<span class="_bg_color_org"></span>
</p>
<p class="_text">累计交易额</p>
<p class="_money">¥{{moneyFormat(userInfo.sumTradeMoney)}}</p>
<div class="_business_Line"></div>
</el-col>
<el-col :span="7" class="_business_ite">
<div @click="getCunzhe()" style="cursor:pointer;">
<p class="_top">
<span class="_bg_color_green"></span>
</p>
<p class="_text">幸福存折</p>
<p class="_money">¥{{moneyFormat(userInfo.Clientbalance)}}</p>
</div>
</el-col>
</el-row>
</el-col>
......@@ -110,13 +121,16 @@ export default {
res => {
if (res.data.resultCode == 1) {
this.userInfo = res.data.data;
console.log(res.data.data);
} else {
this.Error(res.data.message);
}
},
null
);
},
//点击跳转幸福存折
getCunzhe(){
this.MsgBus.$emit("happyPassBook");
}
}
};
......
......@@ -187,6 +187,12 @@ export default {
created() {
this.MsgBus.$on('newPersonalCenter', this.setActive)
this.MsgBus.$on('goCPage', this.setActive)
//个人中心首页点击幸福存折跳过来
var that = this;
that.MsgBus.$on('happyPassBook', function () {
that.clickMenu("6");
});
}
}
</script>
......@@ -843,7 +843,7 @@ export default {
OldPeopleNum:this.chosenObj.lrCount,
SingleRoomNum:this.chosenObj.df,
PreferPrice:this.price,
DiscountMoney: this.RedEnvelopeMoney,
DiscountMoney:this.price - this.SettlementPrice,
CouponAllotIds: this.CouponIds!== '' ? this.CouponIds.slice(0,this.CouponIds.length-1) : '',
YSeatNum:y,
ESeatNum:f,
......
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