Skip to content

J
jz_Travel
Commit 1b07c9c7 authored by youjie's avatar youjie
Browse files
Options

签证 优惠券换算单位

parent 289e0861
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3916 additions and 866 deletions
pages.json
View file @ 1b07c9c7
......@@ -636,7 +636,24 @@
{
"root": "pages/hotel",
"pages": [{
"path": "list"
"path": "list",
"style": {
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
},
{
"path": "mapList",
"style": {
"navigationStyle": "custom",
"mp-alipay": {
"transparentTitle": "always",
"titlePenetrate": "YES"
}
}
},
{
"path": "picture"
......
pages/coupon/details/details.vue
View file @ 1b07c9c7
......@@ -8,13 +8,13 @@
<view class="couponDetailsHeadeLq" v-if="g.couponsType==1">
<view>¥</view>
</view>
<view class="couponDetailsHeadeLn">{{ g.denomination }}</view>
<view class="couponDetailsHeadeLn">{{ UnitCalculation(g.denomination) }}</view>
<view class="couponDetailsHeadeLq" style="margin-right: 0;margin-left: 10rpx;" v-if="g.couponsType==2">
<view>折</view>
</view>
</view>
<view class="couponDetailsHeadeR">
<view class="couponDetailsHeadeRt">{{ g.couponName }}</view>
<view class="couponDetailsHeadeRt">{{ g.couponName?g.couponName:g.couponsName }}</view>
<view class="couponDetailsHeadeRn">满{{g.useCondition}}元使用</view>
</view>
</view>
......@@ -104,6 +104,18 @@
console.log("this.g", this.g);
},
methods: {
UnitCalculation(num) {
let data
if(num>999.99&&num<10000){
data = num / 10000;
return `${data}千`;
}else if(num>9999.99){
data = num / 10000;
return `${data}万`;
}else{
return num;
}
},
receive(id){
this.apipost("b2c_post_CustomerGrantCoupon", {
Id: id
......
pages/hotel/components/hotel-good.vue
View file @ 1b07c9c7
<template>
<view>
<view class="hotel-list-item" v-for="(item,index) in HotelList" :key="index" @click="goHotelDetail(item.HotelId)">
<view class="hotel-list-item"
:class="[isMap?'hotel-mapList':'']" @click="goHotelDetail(item.HotelId)">
<view class="img-box">
<image :src="item.CoverImg" mode="aspectFill"></image>
</view>
<view class="hotel-info">
<view class="hotel-name">{{item.HotelName}}</view>
<view class="hotel-info column">
<view class="hotel-name row items-center">
<img v-if="item.Star>=3" class="hotel-SubR" :class="[item.Star==3?'hotel-SubStar3':item.Star==4?'hotel-SubStar4':item.Star==5?'hotel-SubStar5':'']" :src="item.Star==3?StarImgs[0]:item.Star==4?StarImgs[1]:item.Star==5?StarImgs[2]:''"/>
<text v-else class="hotel-Economy">经济型</text>
{{item.HotelName}}
</view>
<view class="hotel-Subtitle row">
<view class="hotel-SubText" v-if="item.AddressDes">{{ item.AddressDes }}</view>
</view>
<view class="hotel-start">
<!-- TODO：判定是否为星级酒店，如果是显示星级，不是，显示另外一种方式 -->
<view class="rate" v-if="item.Star>=1&&item.Star<=5">
<u-rate active-color="#FEB969" inactive-color="#b2b2b2" :current="item.Star" active-icon="star" inactive-icon="star" disabled></u-rate>
<text style="margin-left: 20rpx;vertical-align: top;">{{item.Star+'星'}}</text>
</view>
<view class="other-rate" v-if="item.Star==9">
<text>温泉酒店</text>
<span class="line"></span>
</view>
<view class="other-rate" v-if="item.Star==8">
<text>精选民宿</text>
<span class="line"></span>
</view>
</view>
<view class="localtion">{{item.Address}}</view>
<view>
<view class="localtion row items-start">
<view class="localtionL">
<img
style="width: 18rpx;height: 21rpx;"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638759918789658713.png"/>
</view>
<view class="localtionR" style="width:1px;flex:1">
{{item.Address}}
</view>
</view>
<!-- <view>
<u-tag v-for="(subItem,subIndex) in item.TagList" :key="subIndex" style="margin-right:10rpx;" :text="subItem" bg-color="#FFF" border-color="#DFBE6E" color="#DFBE6E"
size="mini"></u-tag>
</view>-->
<view class="hotel-price">
<view class="hotel-priceL">
<view>
Shangri-La Hotel...
</view>
</view>
<view class="price">
<text>CNY</text>
<text class="money">{{$utils.getretailer()==true? item.B2BPrice:item.SalesPrice}}</text>
<text>起</text>
</view>
</view>
<view class="price">
<text>￥</text>
<text class="money">{{$utils.getretailer()==true? item.B2BPrice:item.SalesPrice}}</text>
<text>起</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
props: {
HotelList: {
type: Array,
default: null
},
dayObj:{
type: Object,
default: null
},
searchObj:{
type:Object,
default:null
}
},
props: ['item','isMap','dayObj','searchObj'],
data() {
return {
StarImgs: [
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel3stars.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel4stars.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel5stars.png',
],
}
},
created() {
......@@ -62,6 +70,7 @@
},
methods:{
goHotelDetail(id){
console.log(this.dayObj,'id');
let myDayObj = JSON.stringify(this.dayObj);
uni.navigateTo({
url: "/pages/hotel/detail?id=" + id + '&dayObj=' + myDayObj+'&searchObj='+JSON.stringify(this.searchObj)
......@@ -72,44 +81,54 @@
</script>
<style>
@import url("@/asset/css/flex.css");
.hotel-list-item {
margin: 30rpx 30rpx 0 30rpx;
padding-bottom: 30rpx;
border-bottom: 1rpx solid #E2E2E2;
margin: 0 0 25rpx 0;
padding-bottom: 25rpx;
border-bottom: 1rpx solid #f2f2f2;
display: flex;
align-items: flex-start;
}
.hotel-list-item .img-box {
width: 220rpx;
height: 280rpx;
border-radius: 20rpx;
width: 161rpx;
height: 236rpx;
border-radius: 14rpx;
overflow: hidden;
margin-right: 30rpx;
margin-right: 17rpx;
}
.hotel-list-item .img-box image {
width: 100%;
display: block;
}
.hotel-list-item .hotel-info {
width: 1px;
height: 236rpx;
flex: 1;
margin-top:20rpx;
}
.hotel-list-item .hotel-info .hotel-name {
font-weight: 500;
font-weight: bold;
color: #111111;
line-height: 30rpx;
font-size: 30rpx;
white-space: nowrap;
overflow: hidden;
font-size: 28rpx;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.hotel-Economy{
font-weight: 500;
font-size: 22rpx;
color: #757776;
margin-left: 10rpx;
}
.hotel-list-item .hotel-info .hotel-start {
margin: 20rpx 0;
}
.hotel-list-item .hotel-info .hotel-start .rate {
......@@ -122,17 +141,21 @@
}
.hotel-list-item .hotel-info .hotel-start .other-rate {
height: 28rpx;
overflow: hidden;
display: inline-block;
position: relative;
border: 1rpx solid #B99846;
border-radius: 4rpx;
padding: 0 4rpx 0 4rpx;
margin-right: 10rpx;
}
.hotel-list-item .hotel-info .hotel-start .other-rate text {
position: relative;
z-index: 2;
font-size: 30rpx;
line-height: 30rpx;
font-size: 20rpx;
font-weight: 500;
color: #111;
color: #B99846;
position: relative;
top: -10rpx;
}
.hotel-list-item .hotel-info .hotel-start .other-rate .line {
......@@ -144,20 +167,27 @@
position: absolute;
z-index: 1;
}
.hotel-list-item .hotel-info .localtion {
font-size: 24rpx;
font-weight: 400;
color: #999999;
line-height: 30rpx;
.hotel-list-item .hotel-info .localtion{
}
.hotel-list-item .hotel-info .localtionL{
margin-right: 9rpx;
}
.hotel-list-item .hotel-info .localtionL img{
position: relative;
top: -7rpx;
}
.hotel-list-item .hotel-info .localtionR {
font-size: 22rpx;
font-weight: 500;
color: #080A09;
line-height: 28rpx;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 10rpx;
}
.hotel-list-item .hotel-info .price {
......@@ -169,6 +199,65 @@
}
.hotel-list-item .hotel-info .price .money {
font-size: 36rpx;
font-size: 34rpx;
margin-left: 5rpx;
}
.hotel-Subtitle{
font-size: 22rpx;
color: #FF3166;
padding: 5rpx 0;
}
.hotel-SubText{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hotel-SubR{
max-width: 102rpx;
height: 35rpx;
margin-right: 10rpx;
position: relative;
top: 10rpx;
}
.hotel-Subtitle img{
height: 35rpx;
display: block;
}
.hotel-SubStar3 img{
width: 74rpx;
}
.hotel-SubStar4 img{
width: 81rpx;
}
.hotel-SubStar5 img{
width: 102rpx;
}
.hotel-price{
height: 1px;
flex: 1;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.hotel-priceL{
width: 198rpx;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638759918587388853.png')no-repeat;
background-size: 198rpx 26rpx;
}
.hotel-priceL view{
width: 198rpx;
font-size: 20rpx;
color: #fff;
padding: 0rpx 12rpx 0rpx 12rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
top: -3rpx;
}
.hotel-list-item.hotel-mapList{
margin: 0;
padding-bottom: 0;
border-bottom: 0;
}
</style>
pages/hotel/components/hotelFacilities.vue 0 → 100644
View file @ 1b07c9c7
<template>
<view class="hotelSheShi">
<view class="big-title">
<text>设施服务</text>
</view>
<view class="big-titleAssis">休闲健身</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">生活服务</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">餐饮</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">会议与商务</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">停车</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">接待与礼宾</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">出行</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">清洁与洗衣</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">其它服务</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">网络</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
<view class="big-titleAssis2">客房信息
<view class="hotelSheShitisp">酒店全部客房设施信息仅供参考，可能与您入住的房型略有差异，请知晓</view>
</view>
<ul class="title-style-two row">
<li>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763470948443226.png"/>
<text class="item-title">
提供早餐（收费）
</text>
</li>
</ul>
</view>
</template>
<script>
export default {
props: ['dataList'],
data() {
return {
};
},
onLoad(options) {
},
created() {
},
methods: {
},
};
</script>
<style scoped>
@import url("@/asset/css/flex.css");
.title-style-one {
font-weight: 500;
font-size: 24rpx;
color: #080A09;
line-height: 43rpx;
padding-left: 21rpx;
}
.big-title {
position: relative;
font-size: 32rpx;
font-weight: bold;
margin-bottom: 35rpx;
}
.big-title::before {
display: block;
width: 18rpx;
height: 18rpx;
background: #E2C27A;
border-radius: 5rpx;
content: " ";
position: absolute;
left: 0;
bottom: -4rpx;
z-index: 1;
}
.big-title text {
font-size: 34rpx;
font-weight: bold;
color: #1f1f1f;
position: relative;
z-index: 2;
}
.big-titleAssis{
font-weight: bold;
font-size: 28rpx;
color: #080A09;
margin-bottom: 15rpx;
}
.big-titleAssis2{
margin-top: 30rpx;
margin-bottom: 14rpx;
font-weight: bold;
font-size: 28rpx;
}
.hotelSheShitisp{
font-weight: 500;
font-size: 20rpx;
color: #FF3166;
}
.hotelSheShi{
letter-spacing: 1rpx;
}
.hotelSheShi{
padding: 33rpx 6rpx 88rpx 6rpx;
}
.title-style-two{
flex-wrap: wrap;
}
.title-style-two li{
width: 50%;
margin-bottom: 5rpx;
}
.title-style-two img{
width: 10rpx;
height: 10rpx;
margin-right: 11rpx;
margin-left: 21rpx;
}
.title-style-two li:nth-child(2n) img{
margin-left: 0;
}
.title-style-two .item-title{
font-weight: 500;
font-size: 24rpx;
color: #080A09;
}
</style>
\ No newline at end of file
pages/hotel/components/hotelInfor.vue 0 → 100644
View file @ 1b07c9c7
<template>
<view class="hotelFacilitiesXinXi">
<!--:style="{background: `url(${dataList.HotelImg[0].Path}) no-repeat`}"-->
<view class="hotelInforBox">
<image class="hotelInforBoxBj" mode="scaleToFill" :src="dataList.HotelImg[0].Path" />
<view class="hotelInforCenterBox">
<view class="hotelInforTitle">上海淳大万丽酒店</view>
<view class="hotelInforCenter column">
<view class="hotelInforCB row-sb-n">
<view class="hotelInforCBL">开业时间：<text>2015年</text></view>
<view class="hotelInforCBR">房间数量：<text>238间</text></view>
</view>
<view class="hotelInforCB row-sb-n">
<view class="hotelInforCBL">酒店等级：
<img class="hotelInforStar"
v-for="(item,index) in dataList.Star"
:key="index"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638762795578682801.png"/>
</view>
<view class="hotelInforCBR">总楼层数：<text>31楼</text></view>
</view>
<view class="hotelInforCB">
联系电话：
<text>
021-68888888
<img
class="hotelInforPhone"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638763341462574374.png"/>
</text>
</view>
<view class="row hotelInforCAddress">
<view>详细地址：</view>
<view class="hotelInforCAddressL">
首尔龙山美爵大使酒店及公寓坐落于首尔中心地段，步行前往龙山电子市场只需 8 分钟、前往新罗爱宝客购物中心需 12 分钟。 此娱乐场酒店距离韩国战争纪念馆 1.7 英里（2.8 公里）。
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
props: ['dataList'],
data() {
return {
};
},
onLoad(options) {
},
created() {
},
methods: {
},
};
</script>
<style scoped>
@import url("@/asset/css/flex.css");
.hotelFacilitiesXinXi{
padding: 30rpx 31rpx 40rpx 31rpx;
border-bottom: 1rpx solid #E9E9E9;
}
.hotelInforBox{
background-size: 100% 100%;
position: relative;
border-radius: 34rpx 34rpx 14rpx 14rpx;
overflow: hidden;
}
.hotelInforBoxBj{
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.hotelInforCenterBox{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotelinfobj.png')no-repeat;
background-size: 100% 100%;
padding: 46rpx 25rpx 44rpx 25rpx;
position: relative;
z-index: 1;
}
.hotelInforTitle{
font-weight: bold;
font-size: 32rpx;
color: #F3F1EF;
padding-bottom: 43rpx;
}
.hotelInforCenter{
background: rgba(23,23,23,.7);
border-radius: 34rpx 34rpx 14rpx 14rpx;
padding: 36rpx 32rpx 77rpx 32rpx;
color: #fff;
font-size: 24rpx;
}
.hotelInforStar{
width:24rpx;
height:22rpx;
margin-right: 5rpx;
position: relative;
top:3rpx;
}
.hotelInforPhone{
width: 27rpx;
height:30rpx;
margin-left: 25rpx;
position: relative;
top:3rpx;
}
.hotelInforCAddress{
margin-top: 20rpx;
letter-spacing: 1rpx;
line-height: 42rpx;
}
.hotelInforCB{
margin-top: 20rpx;
letter-spacing: 1rpx;
}
.hotelInforCB:first-child{
margin-top: 0;
}
.hotelInforCAddressL{
width: 1px;
flex: 1;
}
.hotelInforCBL{
width: 300rpx;
}
.hotelInforCBR{
flex: 1;
}
</style>
pages/hotel/components/hotelPolicy.vue 0 → 100644
View file @ 1b07c9c7
<template>
<view class="hotelZhenCe">
<view class="big-title">
<text>酒店政策</text>
</view>
<view class="big-titleAssis">入住和离店</view>
<ul class="title-style-one">
<li>
<text class="item-title">
可自行办理入住手续的最低年龄
</text>
<text class="item-content">
19
</text>
</li>
</ul>
<view class="big-titleAssis2">费用</view>
<ul class="title-style-one">
<li>
<text class="item-title">
自助式早餐费用：
</text>
<text class="item-content">
成人约为 KRW 55000，儿童约为 KRW 27500
</text>
</li>
<li class="hotelZCtisp">上面所列内容可能并不完整。这些费用和押金可能不包括税款，并且可能会随时发生变化。</li>
</ul>
</view>
</template>
<script>
export default {
props: ['dataList'],
data() {
return {
};
},
onLoad(options) {
},
created() {
},
methods: {
},
};
</script>
<style scoped>
@import url("@/asset/css/flex.css");
.hotelZhenCe{
padding: 0 6rpx 33rpx 6rpx;
border-bottom: 1rpx solid #E9E9E9;
}
.title-style-one {
font-weight: 500;
font-size: 24rpx;
color: #080A09;
line-height: 43rpx;
padding-left: 21rpx;
}
.big-title {
position: relative;
font-size: 32rpx;
font-weight: bold;
margin-bottom: 35rpx;
}
.big-title::before {
display: block;
width: 18rpx;
height: 18rpx;
background: #E2C27A;
border-radius: 5rpx;
content: " ";
position: absolute;
left: 0;
bottom: -4rpx;
z-index: 1;
}
.hotel-detail .hotel-content .big-title text {
font-size: 34rpx;
font-weight: bold;
color: #1f1f1f;
position: relative;
z-index: 2;
}
.big-titleAssis{
font-weight: bold;
font-size: 28rpx;
color: #080A09;
margin-bottom: 15rpx;
}
.big-titleAssis2{
margin-top: 30rpx;
margin-bottom: 14rpx;
font-weight: bold;
font-size: 28rpx;
}
.item-content{
color: #B99846;
margin-left: 5rpx;
line-height: 36rpx;
}
.hotelZCtisp{
font-weight: 500;
font-size: 20rpx;
color: #FF3166;
line-height: 28rpx;
}
.hotelSheShitisp{
font-weight: 500;
font-size: 20rpx;
color: #FF3166;
}
.hotelZhenCe{
letter-spacing: 1rpx;
}
.hotelSheShi{
padding: 33rpx 6rpx 88rpx 6rpx;
}
</style>
\ No newline at end of file
pages/hotel/components/hotelRoom.vue 0 → 100644
View file @ 1b07c9c7
This diff is collapsed.
pages/hotel/components/range-slider.vue
View file @ 1b07c9c7
......@@ -388,7 +388,8 @@ export default {
transform: translate(0, -50%);
background: #fff;
border-radius: 50%;
box-shadow: 0rpx 0rpx 6rpx #ccc;
box-shadow: 0rpx 1rpx 26rpx 0rpx rgba(185,152,70,0.48);
border: 2rpx solid #E2C27A;
}
.block.active {
......
pages/hotel/components/search.vue 0 → 100644
View file @ 1b07c9c7
This diff is collapsed.
pages/hotel/components/time/index.vue
View file @ 1b07c9c7
......@@ -41,7 +41,7 @@
padding: 30rpx 0;
"
>
<text>选择日期</text>
<text>{{ title }}</text>
</view>
<view class="week">
<view>日</view>
......@@ -154,6 +154,7 @@
import json from "./day.js";
export default {
props:['title'],
computed: {},
computed: {
//房间是否能预订
......@@ -607,6 +608,14 @@ export default {
},
//确定入住离店事件提交
submit() {
let smonth = this.date[this.start[0]].month
let emonth = this.date[this.end[0]].month
let sday = this.isFestival(this.start[0], this.start[1], true)
let eday = this.isFestival(this.end[0], this.end[1], true)
let startMonth = smonth>9? smonth:'0'+smonth
let endMonth = emonth>9? emonth:'0'+emonth
let startDay = sday>9? sday:'0'+sday
let endDay = eday>9? eday:'0'+eday
var obj = {
/* startYMD: this.date[this.start[0]].year + this.type + this.date[this.start[0]].month + this.type + this.isFestival(
this.start[0], this.start[1]),
......@@ -634,14 +643,14 @@ export default {
this.type +
this.isFestival(this.end[0], this.end[1], true),
startDay:
this.date[this.start[0]].month +
startMonth +
"-" +
this.isFestival(this.start[0], this.start[1], true),
startDay,
endDay:
this.date[this.end[0]].month +
endMonth +
"-" +
this.isFestival(this.end[0], this.end[1], true),
endDay,
day: this.day,
};
......
pages/hotel/detail.vue
View file @ 1b07c9c7
This diff is collapsed.
pages/hotel/list.vue
View file @ 1b07c9c7
This diff is collapsed.
pages/hotel/mapList.vue 0 → 100644
View file @ 1b07c9c7
This diff is collapsed.
pages/hotel/order.vue
View file @ 1b07c9c7
<template>
<view style="height:100vh;display: flex;flex-direction: column;">
<view style="background:#F3F1EF; height:100vh;display: flex;flex-direction: column;">
<scroll-view scroll-y="true" style="height: 1px;flex: 1;box-sizing: border-box;">
<view class="hotel-order">
<view class="o-head">
<view class="o-timer flex">
<view class="time-item">{{getDate(dayObj.start)}} {{dayObj.startWeek}}</view>
<view class="time-split">
<view>{{dayObj.day}}晚</view>
<image style="width: 66rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1622098352000_930.png" mode="widthFix"></image>
<view class="o-head-title">成田国际花园酒店</view>
<view class="o-timer">
<view class="row-sb-n">
<view class="row items-center">
<view class="time-item">{{getDate(dayObj.start)?getDate(dayObj.start):''}} <text>今天</text></view>
<view class="time-itemZhi"><text>-</text></view>
<view class="time-item">{{getDate(dayObj.end)}}</view>
<view class="timeline"></view>
<view class="time-split">
<view>{{dayObj.day?dayObj.day:''}}晚</view>
</view>
</view>
<view class="o-detail">详情</view>
</view>
<view class="room-dateil row items-center">
<view class="room-name">{{HotelInfo.HotelName?HotelInfo.HotelName:''}}</view>
<view class="roomline"></view>
<view class="room-remark">
{{RoomInfo.BreakfastTypeStr}}
<!-- | {{RoomInfo.BedTypeStr}} |
{{RoomInfo.RoomSize}}㎡ |
{{RoomInfo.HasWindowStr}} -->
</view>
<view class="roomline"></view>
<view class="roomPrice">
1500/人
</view>
</view>
<view class="time-item">{{getDate(dayObj.end)}} {{dayObj.endWeek}}</view>
</view>
<view class="room-name">{{HotelInfo.HotelName}}</view>
<view class="room-remark">{{RoomInfo.BreakfastTypeStr}} | {{RoomInfo.BedTypeStr}} | {{RoomInfo.RoomSize}}㎡ | {{RoomInfo.HasWindowStr}}</view>
<view class="big-title">
<text class=" f12">订房必知</text>
</view>
<view class="rule">
<text class="king">此房间
<template v-if="RoomInfo.IsCancel==0">支持免费取消，</template>
<template v-if="RoomInfo.IsCancel==1">不可取消，</template>
</text>
<text>订单需要等待酒店或供应商确认后生效，订单确认结果我们将会通知推送到您的微信，请您在下单时同意结果订阅，以便您能正常收到消息。</text>
</view>
</view>
<view class="form">
<view class="form-items">
<view class="label">房间数量</view>
<view class="val">
<u-number-box size="28" :min="1" :max="100" @change="getRoomNumber" v-model="orderMsg.RoomNumber"></u-number-box>
<view class="row-sb-n visaProductTextBox">
<view class="row col" style="width:1px;flex: 1;">
<view class="visaProduct_rColor visaProductTextL">*</view>
<view class="visaProductTitle">订房信息</view>
<view v-if="tipsText" class="row visaProduct_rColor visaProductTextR items-center">
<view>{{tipsText}}</view>
<img style="width: 19rpx;height: 19rpx;margin-left: 5rpx;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638751271514841634.png"/>
</view>
</view>
<view class="row-sbas-n items-center">
<view class="addPnum addPnumL" @click="orderMsg.RoomNumber>1?editNum(1):''">
<image v-if="orderMsg.RoomNumber>1" style="width: 27rpx;height: 27rpx;display: block;"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638751245939665786.png" />
<image v-else style="width: 27rpx;height: 27rpx;display: block;"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638755711218891689.png" />
</view>
<view class="col row items-center textCenter visaProductTetx">
{{orderMsg.RoomNumber}}
间
</view>
<view class="addPnum addPnumR" @click="editNum()">
<image style="width: 27rpx;height: 27rpx;display: block;"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638751245974558349.png" />
</view>
</view>
</view>
<view class="form-items">
......@@ -50,6 +81,12 @@
<u-icon name="arrow" color="#D9D9D9" size="20" />
</view>
</view>
<view class="form-items">
<view class="label">E-mail</view>
<view class="val">
<input type="text" v-model="orderMsg.Email" placeholder="用于接收信息" />
</view>
</view>
</view>
<view class="empty-block"></view>
<view style="padding:50rpx 40rpx">
......@@ -82,6 +119,18 @@
</view>
<view class="empty-block"></view>
<view>
<view class="big-title">
<text class=" f12">订房必知</text>
</view>
<view class="rule">
<text class="king">此房间
<template v-if="RoomInfo.IsCancel==0">支持免费取消，</template>
<template v-if="RoomInfo.IsCancel==1">不可取消，</template>
</text>
<text>订单需要等待酒店或供应商确认后生效，订单确认结果我们将会通知推送到您的微信，请您在下单时同意结果订阅，以便您能正常收到消息。</text>
</view>
</view>
<view style="padding:50rpx 40rpx">
<view class="big-title">
<text>重要提醒</text>
......@@ -157,7 +206,8 @@
productId:0,
StartDate:'',
EndDate:''
}
},
tipsText:'',
}
},
created() {
......@@ -188,6 +238,14 @@
this.getRoomPrice();
},
methods:{
editNum(type) {
if (type == 1) {
if(this.orderMsg.RoomNumber>1)this.orderMsg.RoomNumber--;
}else {
this.orderMsg.RoomNumber++;
}
this.getRoomNumber()
},
getDate(date){
if(date){
let arr = date.split('-');
......@@ -334,6 +392,7 @@
</script>
<style>
@import url("@/asset/css/flex.css");
.hotel-order{
color: #111111;
}
......@@ -376,6 +435,9 @@
.hotel-order .form{
margin-top: 60rpx;
padding:0 45rpx;
background: #fff;
border-radius: 18rpx;
margin: 28rpx 31rpx;
}
.hotel-order .form .form-items{
margin-bottom: 40rpx;
......@@ -455,42 +517,52 @@
flex-wrap: wrap;
}
.hotel-order .o-head{
padding: 45rpx;
padding: 20rpx 31rpx 46rpx 31rpx;
background: #FFFFFF;
box-shadow: 0px 2rpx 15rpx 0px rgba(76, 76, 76, 0.13);
border-radius: 0px 0px 60rpx 60rpx;
border-radius: 0px 0px 40rpx 40rpx;
}
.hotel-order .o-head .o-timer{
height: 100rpx;
background: #ECF1F4;
border-radius: 20rpx;
padding: 0 40rpx;
border-radius: 18rpx;
padding: 30rpx 30rpx;
}
.hotel-order .o-head .o-timer .time-item{
font-size: 32rpx;
font-weight: 800;
flex:1;
font-size: 32rpx;
color: #080A09;
}
.hotel-order .o-head .o-timer .time-item text{
margin-left: 15rpx;
}
.hotel-order .o-head .o-timer .time-itemZhi{
font-size: 32rpx;
color: #080A09;
padding: 0 10rpx;
}
.hotel-order .o-head .o-timer .time-item:last-child{
text-align: right;
.hotel-order .o-head .o-timer .timeline{
width: 1rpx;
height: 24rpx;
background: #BCBCBC;
background: #BCBCBC;
margin-left: 18rpx;
margin-right: 18rpx;
}
.hotel-order .o-head .o-timer .time-split{
font-size: 24rpx;
font-weight: 400;
font-weight: 800;
font-size: 32rpx;
text-align: center;
}
.hotel-order .o-head .room-name{
font-size: 32rpx;
font-weight: bold;
margin-top: 40rpx;
margin-bottom: 10rpx;
font-weight: 500;
font-size: 28rpx;
color: #1D1D20;
}
.hotel-order .o-head .room-remark{
font-size: 28rpx;
font-weight: 500;
padding-bottom:30rpx;
margin-bottom: 30rpx;
border-bottom: 1px solid #E7E7E7;
font-size: 28rpx;
color: #1D1D20
}
.hotel-order .o-head .rule{
font-size: 22rpx;
......@@ -522,4 +594,63 @@
position: relative;
z-index: 2;
}
.o-head-title{
font-weight: bold;
font-size: 32rpx;
color: #080A09;
margin-bottom: 20rpx;
}
.o-detail{
font-weight: 800;
font-size: 32rpx;
color: #B99846;
}
.room-dateil{
margin-top: 3rpx;
}
.roomline{
width: 1rpx;
height: 24rpx;
background: #BCBCBC;
margin-left: 14rpx;
margin-right: 14rpx;
}
.roomPrice{
font-weight: 500;
font-size: 28rpx;
color: #1D1D20;
}
.visaProductTextBox{
padding: 39rpx 0 21rpx 0;
font-family: PingFang SC;
}
.visaProductTitle{
font-weight: 800;
font-size: 32rpx;
}
.visaProductTextL{
font-size: 35rpx;
font-weight: bold;
}
.visaProductTextR{
font-size: 20rpx;
margin-left: 24rpx;
}
.visaProduct_rColor{
color: #FF3166;
}
.addPnum{
padding: 9rpx 10rpx;
}
.addPnumL{
margin-right: 17rpx;
}
.addPnumR{
margin-left: 17rpx;
}
.visaProductTetx{
font-weight: bold;
font-size: 28rpx;
color: #080A09;
}
</style>
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