Skip to content

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

签证 优惠券换算单位

parent 289e0861
Expand all Show whitespace changes
Inline Side-by-side
Showing with 3916 additions and 866 deletions
pages.json
View file @ 1b07c9c7
...@@ -636,7 +636,24 @@ ...@@ -636,7 +636,24 @@
{ {
"root": "pages/hotel", "root": "pages/hotel",
"pages": [{ "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" "path": "picture"
......
pages/coupon/details/details.vue
View file @ 1b07c9c7
...@@ -8,13 +8,13 @@ ...@@ -8,13 +8,13 @@
<view class="couponDetailsHeadeLq" v-if="g.couponsType==1"> <view class="couponDetailsHeadeLq" v-if="g.couponsType==1">
<view>¥</view> <view>¥</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 class="couponDetailsHeadeLq" style="margin-right: 0;margin-left: 10rpx;" v-if="g.couponsType==2">
<view>折</view> <view>折</view>
</view> </view>
</view> </view>
<view class="couponDetailsHeadeR"> <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 class="couponDetailsHeadeRn">满{{g.useCondition}}元使用</view>
</view> </view>
</view> </view>
...@@ -104,6 +104,18 @@ ...@@ -104,6 +104,18 @@
console.log("this.g", this.g); console.log("this.g", this.g);
}, },
methods: { 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){ receive(id){
this.apipost("b2c_post_CustomerGrantCoupon", { this.apipost("b2c_post_CustomerGrantCoupon", {
Id: id Id: id
......
pages/hotel/components/hotel-good.vue
View file @ 1b07c9c7
<template> <template>
<view> <view class="hotel-list-item"
<view class="hotel-list-item" v-for="(item,index) in HotelList" :key="index" @click="goHotelDetail(item.HotelId)"> :class="[isMap?'hotel-mapList':'']" @click="goHotelDetail(item.HotelId)">
<view class="img-box"> <view class="img-box">
<image :src="item.CoverImg" mode="aspectFill"></image> <image :src="item.CoverImg" mode="aspectFill"></image>
</view> </view>
<view class="hotel-info"> <view class="hotel-info column">
<view class="hotel-name">{{item.HotelName}}</view> <view class="hotel-name row items-center">
<view class="hotel-start"> <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]:''"/>
<!-- TODO：判定是否为星级酒店，如果是显示星级，不是，显示另外一种方式 --> <text v-else class="hotel-Economy">经济型</text>
<view class="rate" v-if="item.Star>=1&&item.Star<=5"> {{item.HotelName}}
<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>
<view class="hotel-Subtitle row">
<view class="hotel-SubText" v-if="item.AddressDes">{{ item.AddressDes }}</view>
</view>
<view class="hotel-start">
<view class="other-rate" v-if="item.Star==9"> <view class="other-rate" v-if="item.Star==9">
<text>温泉酒店</text> <text>温泉酒店</text>
<span class="line"></span>
</view> </view>
<view class="other-rate" v-if="item.Star==8"> <view class="other-rate" v-if="item.Star==8">
<text>精选民宿</text> <text>精选民宿</text>
<span class="line"></span>
</view> </view>
</view> </view>
<view class="localtion">{{item.Address}}</view> <view class="localtion row items-start">
<view> <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" <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> size="mini"></u-tag>
</view>-->
<view class="hotel-price">
<view class="hotel-priceL">
<view>
Shangri-La Hotel...
</view>
</view> </view>
<view class="price"> <view class="price">
<text>￥</text> <text>CNY</text>
<text class="money">{{$utils.getretailer()==true? item.B2BPrice:item.SalesPrice}}</text> <text class="money">{{$utils.getretailer()==true? item.B2BPrice:item.SalesPrice}}</text>
<text>起</text> <text>起</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
props: { props: ['item','isMap','dayObj','searchObj'],
HotelList: {
type: Array,
default: null
},
dayObj:{
type: Object,
default: null
},
searchObj:{
type:Object,
default:null
}
},
data() { data() {
return { 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() { created() {
...@@ -62,6 +70,7 @@ ...@@ -62,6 +70,7 @@
}, },
methods:{ methods:{
goHotelDetail(id){ goHotelDetail(id){
console.log(this.dayObj,'id');
let myDayObj = JSON.stringify(this.dayObj); let myDayObj = JSON.stringify(this.dayObj);
uni.navigateTo({ uni.navigateTo({
url: "/pages/hotel/detail?id=" + id + '&dayObj=' + myDayObj+'&searchObj='+JSON.stringify(this.searchObj) url: "/pages/hotel/detail?id=" + id + '&dayObj=' + myDayObj+'&searchObj='+JSON.stringify(this.searchObj)
...@@ -72,44 +81,54 @@ ...@@ -72,44 +81,54 @@
</script> </script>
<style> <style>
@import url("@/asset/css/flex.css");
.hotel-list-item { .hotel-list-item {
margin: 30rpx 30rpx 0 30rpx; margin: 0 0 25rpx 0;
padding-bottom: 30rpx; padding-bottom: 25rpx;
border-bottom: 1rpx solid #E2E2E2; border-bottom: 1rpx solid #f2f2f2;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
.hotel-list-item .img-box { .hotel-list-item .img-box {
width: 220rpx; width: 161rpx;
height: 280rpx; height: 236rpx;
border-radius: 20rpx; border-radius: 14rpx;
overflow: hidden; overflow: hidden;
margin-right: 30rpx; margin-right: 17rpx;
} }
.hotel-list-item .img-box image { .hotel-list-item .img-box image {
width: 100%; width: 100%;
display: block;
} }
.hotel-list-item .hotel-info { .hotel-list-item .hotel-info {
width: 1px; width: 1px;
height: 236rpx;
flex: 1; flex: 1;
margin-top:20rpx;
} }
.hotel-list-item .hotel-info .hotel-name { .hotel-list-item .hotel-info .hotel-name {
font-weight: 500; font-weight: bold;
color: #111111; color: #111111;
line-height: 30rpx; line-height: 30rpx;
font-size: 30rpx; font-size: 28rpx;
white-space: nowrap; word-break: break-all;
overflow: hidden;
text-overflow: ellipsis; 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 { .hotel-list-item .hotel-info .hotel-start {
margin: 20rpx 0;
} }
.hotel-list-item .hotel-info .hotel-start .rate { .hotel-list-item .hotel-info .hotel-start .rate {
...@@ -122,17 +141,21 @@ ...@@ -122,17 +141,21 @@
} }
.hotel-list-item .hotel-info .hotel-start .other-rate { .hotel-list-item .hotel-info .hotel-start .other-rate {
height: 28rpx;
overflow: hidden;
display: inline-block; 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 { .hotel-list-item .hotel-info .hotel-start .other-rate text {
position: relative; font-size: 20rpx;
z-index: 2;
font-size: 30rpx;
line-height: 30rpx;
font-weight: 500; font-weight: 500;
color: #111; color: #B99846;
position: relative;
top: -10rpx;
} }
.hotel-list-item .hotel-info .hotel-start .other-rate .line { .hotel-list-item .hotel-info .hotel-start .other-rate .line {
...@@ -144,20 +167,27 @@ ...@@ -144,20 +167,27 @@
position: absolute; position: absolute;
z-index: 1; z-index: 1;
} }
.hotel-list-item .hotel-info .localtion{
.hotel-list-item .hotel-info .localtion { }
font-size: 24rpx; .hotel-list-item .hotel-info .localtionL{
font-weight: 400; margin-right: 9rpx;
color: #999999; }
line-height: 30rpx; .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; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
margin-bottom: 10rpx;
} }
.hotel-list-item .hotel-info .price { .hotel-list-item .hotel-info .price {
...@@ -169,6 +199,65 @@ ...@@ -169,6 +199,65 @@
} }
.hotel-list-item .hotel-info .price .money { .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> </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 { ...@@ -388,7 +388,8 @@ export default {
transform: translate(0, -50%); transform: translate(0, -50%);
background: #fff; background: #fff;
border-radius: 50%; 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 { .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 @@ ...@@ -41,7 +41,7 @@
padding: 30rpx 0; padding: 30rpx 0;
" "
> >
<text>选择日期</text> <text>{{ title }}</text>
</view> </view>
<view class="week"> <view class="week">
<view>日</view> <view>日</view>
...@@ -154,6 +154,7 @@ ...@@ -154,6 +154,7 @@
import json from "./day.js"; import json from "./day.js";
export default { export default {
props:['title'],
computed: {}, computed: {},
computed: { computed: {
//房间是否能预订 //房间是否能预订
...@@ -607,6 +608,14 @@ export default { ...@@ -607,6 +608,14 @@ export default {
}, },
//确定入住离店事件提交 //确定入住离店事件提交
submit() { 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 = { var obj = {
/* startYMD: this.date[this.start[0]].year + this.type + this.date[this.start[0]].month + this.type + this.isFestival( /* 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]), this.start[0], this.start[1]),
...@@ -634,14 +643,14 @@ export default { ...@@ -634,14 +643,14 @@ export default {
this.type + this.type +
this.isFestival(this.end[0], this.end[1], true), this.isFestival(this.end[0], this.end[1], true),
startDay: startDay:
this.date[this.start[0]].month + startMonth +
"-" + "-" +
this.isFestival(this.start[0], this.start[1], true), startDay,
endDay: endDay:
this.date[this.end[0]].month + endMonth +
"-" + "-" +
this.isFestival(this.end[0], this.end[1], true), endDay,
day: this.day, 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
<template>
<view class="hotel-list column" style="background: #F3F1EF;">
<view class="hotel-listHeader">
<hotelHeaders :title="pageTitle"></hotelHeaders>
<hotelSearch @change="change"></hotelSearch>
</view>
<view style="height: 1px;flex: 1;overflow: hidden;position: relative;">
<!-- :latitude="latitude" :longitude="longitude" :markers="covers" -->
<map id="map" style="width: 100%; height: 100%;"
:longitude="center.longitude"
:latitude="center.latitude"
:markers="markers"
@callouttap="handleCalloutClick"
>
</map>
<img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638761008788457858.png"
class="hotelPosition" @click="getLocation"/>
<view class="hotelMapListBox">
<swiper class="swiper" circular
:indicator-dots="indicatorDots"
:autoplay="autoplay"
:interval="interval"
:duration="duration"
:current="current"
@change="changeCurrent"
:previous-margin="'14rpx'"
:next-margin="'14rpx'">
<swiper-item
v-for="(item,index) in HotelList" :key="index"
class="hotelMapListSwp"
:class="[
prevCurrent==index?'activePrev':'',
current==index?'active':'',
nextCurrent==index?'activeNext':'',]">
<view class="hotelMapList">
<hotel-good :item="item" :isMap="1"></hotel-good>
</view>
</swiper-item>
</swiper>
</view>
</view>
</view>
</template>
<script>
import rangeSlider from "./components/range-slider.vue";
import canlendar from "./components/time/index";
import hotelGood from "./components/hotel-good.vue";
import Address from "./components/address/smh-address-indexed.vue";
import hotelHeaders from "@/components/header/header";
import hotelSearch from "./components/search.vue";
export default {
data() {
return {
pageTitle: '成都',
city: "成都",
searchObj: {
pageIndex: 1,
pageSize: 15,
Name: "", //关键字
// StartPrice: 0,
// EndPrice: 1000,
QStartDate: "",
QEndDate: "",
// OrderByType: "1", //排序类型
// QStars: "", //星级
TagList: [], //查询标签
// City: 262, //市
// District: 0, //区
},
day: 0,
startDay: "",
endDay: "",
HotelList: [], //酒店数据
tempRateAndPrice: {
price: {},
priceText: "不限",
rate: [],
},
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多商品了",
},
showLoading: false,
status: "loadmore",
page_count: 0,
dayObj: {},
mc: '',
center: { longitude: 116.397428, latitude: 39.90923 },
markers: [
{
id: 1,
latitude: 39.909,
longitude: 116.39742,
iconPath: '',
title: '',
alpha: 0,
callout:{
content:'¥ 99999起',
bgColor: '#FF3166',
borderWidth: 1,
borderColor: '#E2D5D2',
color: '#fff',
fontSize: '12px',
fontWeight: 'bold',
anchorX: 0,
anchorY: 0,
borderRadius: 7,
padding: 5,
display: 'ALWAYS',
},
},
],
bubble:[
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638761641584224459.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638761646347047352.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638761646386246237.png',
],
calloutStyle:{
content:'',
bgColor: '',
borderWidth: 1,
borderColor: '#E2D5D2',
color: '',
fontSize: '12px',
fontWeight: 'bold',
anchorX: 0,
anchorY: 0,
borderRadius: 7,
padding: 5,
display: 'ALWAYS',
},
editCallout1:{
bgColor: '#FF3166',
color: '#fff',
},
editCallout2:{
bgColor: '#FEEEF2',
color: '#FF3166',
},
editCallout3:{
bgColor: '#F3F1EF',
color: '#C7C6C6',
},
indicatorDots: false,
autoplay: false,
interval: 2000,
duration: 500,
prevCurrent: null,
current: 0,
nextCurrent: null,
};
},
components: {
rangeSlider,
canlendar,
hotelGood,
Address,
hotelHeaders,
hotelSearch,
},
onLoad(options) {
this.mc = this.$uiConfig.mainColor;
if (options && options.Name) {
this.searchObj.Name = options.Name;
}
},
created() {
uni.setNavigationBarTitle({
title: "酒店",
});
let d1 = new Date();
let d = new Date();
let d2 = new Date(d.setDate(d.getDate() + 1));
let startWeek = "周" + "日一二三四五六".charAt(new Date().getDay());
let endWeek = "周" + "日一二三四五六".charAt(new Date().getDay() + 1);
let month1 = d1.getMonth() + 1;
let day1 = d1.getDate();
let Month1 = month1>9?month1:'0'+month1;
let Day1 = day1>9?day1:'0'+day1;
let month2 = d2.getMonth() + 1;
let day2 = d2.getDate();
let Month2 = month2>9?month2:'0'+month2;
let Day2 = day2>9?day2:'0'+day2;
var obj = {
start: `${d1.getFullYear()}-${Month1}-${Day1}`,
end: `${d2.getFullYear()}-${Month2}-${Day2}`,
startDay: `${Month1}-${Day1}`,
endDay: `${Month2}-${Day2}`,
day: 1,
startWeek: startWeek,
endWeek: endWeek,
};
this.dayObj = obj;
uni.setStorage({
key: "Time",
data: JSON.stringify(obj),
});
this.searchObj.QStartDate = obj.start;
this.searchObj.QEndDate = obj.end;
this.startDay = obj.startDay;
this.endDay = obj.endDay;
this.day = obj.day;
this.getList();
// this.getLocation()
},
methods: {
handleCalloutClick(marker) {
console.log('点击了标记:', marker.detail);
// 可自定义弹窗逻辑或跳转页面
},
getLocation() {
wx.getLocation({
type: 'wgs84', // 精度模式
success: (res) => {
this.longitude = res.longitude;
this.latitude = res.latitude;
// 更新地图中心点
this.$refs.map.moveToLocation({
longitude: res.longitude,
latitude: res.latitude
});
},
fail: (err) => {
console.error('定位失败', err);
wx.showModal({
title: '提示',
content: '授权失败，请检查定位权限'
});
}
});
},
changeCurrent(e) {
this.prevCurrent = this.current
this.current = e.detail.current;
let length = this.HotelList.length
if((length-1)==this.current){
this.nextCurrent = 0
}else this.nextCurrent = this.current+1
},
research() {
this.searchObj.pageIndex = 1;
this.getList(1);
},
lower(e) {
// TODO: 滚动到了底部，实现翻页加载
if (this.searchObj.pageIndex < this.page_count) {
this.status = "loading";
this.searchObj.pageIndex++;
this.getList();
} else {
this.status = "nomore";
}
},
change(item) {
this.searchObj ={
...this.searchObj,
...item,
}
this.research();
},
//获取列表数据
getList(type) {
this.searchObj.QStars = this.tempRateAndPrice.rate.toString();
if (type == 1) {
this.HotelList = [];
}
this.request2({
url: "/api/Hotel/AppGetHotelPage",
data: this.searchObj,
},
(res) => {
if (res.resultCode == 1) {
if (this.searchObj.pageIndex === 1) {
this.HotelList = res.data.pageData;
} else {
this.HotelList = this.HotelList.concat(res.data.pageData);
}
let length = this.HotelList.length
this.prevCurrent = length-1
if((length-1)==this.current){
this.nextCurrent = 0
}else this.nextCurrent = this.current+1
this.page_count = res.data.pageCount;
}
}
);
},
},
};
</script>
<style lang="scss" scoped>
@import url("@/asset/css/flex.css");
.hotel-list{
height: 100vh;
}
.hotel-listHeader{
background: #F3F1EF ;
}
.hotelPosition{
position: fixed;
right: 19rpx;
bottom: 403rpx;
width: 94rpx;
height: 108rpx;
z-index: 9;
}
.hotelMapListBox{
position: fixed;
bottom: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
height: 396rpx;
}
.hotelMapListSwp{
}
.hotelMapListSwp.activePrev .hotelMapList{
}
.hotelMapListSwp.active .hotelMapList{
margin-left: 17rpx;
margin-right: 17rpx;
margin-top: 0;
}
.hotelMapListSwp.activeNext .hotelMapList{
}
.hotelMapList{
background: #fff;
padding: 33rpx 33rpx;
border-radius: 14rpx;
margin-top: 24rpx;
}
.hotelScroll{
height: 300rpx;
}
.swiper {
height: 328rpx;
}
.swiper-item {
height: 304rpx;
}
/deep/.search-box .u-input{
font-size: 24rpx;
}
/deep/.hotel-listHeader .u-dropdown__menu{
justify-content: space-between;
}
/deep/.hotel-listHeader .u-dropdown__menu__item {
flex: inherit !important;
}
/deep/.hotel-listHeader .u-flex{
justify-content: flex-start;
}
</style>
pages/hotel/order.vue
View file @ 1b07c9c7
This diff is collapsed.
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