Skip to content

J
jz_Travel
Commit 57190e4d authored by 黄奎's avatar 黄奎
Browse files
Options

11

parent 5e840888
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3511 additions and 3579 deletions
pages/hotel/components/hotel-good.vue
View file @ 57190e4d
<template> <template>
<view class="hotel-list-item" <view class="hotel-list-item" :class="[isMap?'hotel-mapList':'']" @click="goHotelDetail(item.hotelid)">
:class="[isMap?'hotel-mapList':'']" @click="goHotelDetail(item.hotelid)"> <view class="img-box">
<view class="img-box"> <image v-if="item.coverimg&&item.coverimg!=''" :src="item.coverimg" mode="aspectFill"></image>
<image :src="item.coverimg" mode="aspectFill"></image> <image v-else src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/defaultHotelImg.png"
mode="aspectFill"></image>
</view>
<view class="hotel-info column">
<view class="hotel-name row items-center">
<img v-if="item.starRating>=3" class="hotel-SubR"
:class="[item.starRating==3?'hotel-SubStar3':item.starRating==4?'hotel-SubStar4':item.starRating==5?'hotel-SubStar5':'']"
:src="item.starRating==3?StarImgs[0]:item.starRating==4?StarImgs[1]:item.starRating==5?StarImgs[2]:''" />
<text v-else class="hotel-Economy">经济型</text>
{{item.name}}
</view> </view>
<view class="hotel-info column"> <view class="hotel-Subtitle row">
<view class="hotel-name row items-center"> <view class="hotel-SubText" v-if="item.areaList.length>0">
<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-for="(t,i) in item.areaList" :key="i">{{ t }}
<text v-else class="hotel-Economy">经济型</text> <template v-if="i!=item.areaList.length-1">、</template>
{{item.name}} </text>
</view> </view>
<view class="hotel-Subtitle row"> </view>
<view class="hotel-SubText" v-if="item.areaList.length>0"> <view class="hotel-start">
<text v-for="(t,i) in item.areaList" :key="i">{{ t }} <view class="other-rate" v-for="(tItem,i) in item.tagList" :key="i">
<template v-if="i!=item.areaList.length-1">、</template> <text>{{tItem}}</text>
</text>
</view>
</view> </view>
<view class="hotel-start"> </view>
<view class="other-rate" v-for="(t,i) in item.tagList" :key="i"> <view class="localtion row items-start">
<text>温泉酒店</text> <view class="localtionL">
</view> <img style="width: 18rpx;height: 21rpx;"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638759918789658713.png" />
</view> </view>
<view class="localtion row items-start"> <view class="localtionR" style="width:1px;flex:1">
<view class="localtionL"> {{item.address}}
<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>
<!-- <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" <view class="hotel-price">
size="mini"></u-tag> <view class="hotel-priceL">
</view>--> <view>
<view class="hotel-price"> {{ item.brandname }}
<view class="hotel-priceL">
<view>
{{ item.brandname }}
</view>
</view>
<view class="price">
<text>CNY</text>
<text class="money">{{item.unitprice}}</text>
<text>起</text>
</view> </view>
</view> </view>
<view class="price">
<text>CNY</text>
<text class="money">{{item.unitprice}}</text>
<text>起</text>
</view>
</view> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
export default { export default {
props: ['item','isMap','dayObj','searchObj'], props: ['item', 'isMap', 'dayObj', 'searchObj'],
data() { data() {
return { return {
StarImgs: [ StarImgs: [
...@@ -64,16 +61,14 @@ ...@@ -64,16 +61,14 @@
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel4stars.png', 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel4stars.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel5stars.png', 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotel5stars.png',
], ],
myDayObj:null, myDayObj: null,
} }
}, },
created() { created() {},
// console.log(this.HotelList, 'hotel'); watch: {
},
watch:{
dayObj: { dayObj: {
handler (val, oldval) { handler(val, oldval) {
if(val){ if (val) {
this.myDayObj = val this.myDayObj = val
} }
}, },
...@@ -81,11 +76,12 @@ ...@@ -81,11 +76,12 @@
immediate: true immediate: true
} }
}, },
methods:{ methods: {
goHotelDetail(id){ goHotelDetail(id) {
let myDayObj = JSON.stringify(this.myDayObj); let myDayObj = JSON.stringify(this.myDayObj);
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)
}); });
} }
} }
...@@ -93,7 +89,8 @@ ...@@ -93,7 +89,8 @@
</script> </script>
<style> <style>
@import url("@/asset/css/flex.css"); @import url("@/asset/css/flex.css");
.hotel-list-item { .hotel-list-item {
margin: 0 0 25rpx 0; margin: 0 0 25rpx 0;
padding-bottom: 25rpx; padding-bottom: 25rpx;
...@@ -133,15 +130,15 @@ ...@@ -133,15 +130,15 @@
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }
.hotel-Economy{
.hotel-Economy {
font-weight: 500; font-weight: 500;
font-size: 22rpx; font-size: 22rpx;
color: #757776; color: #757776;
margin-left: 10rpx; margin-left: 10rpx;
} }
.hotel-list-item .hotel-info .hotel-start {
.hotel-list-item .hotel-info .hotel-start {}
}
.hotel-list-item .hotel-info .hotel-start .rate { .hotel-list-item .hotel-info .hotel-start .rate {
font-size: 30rpx; font-size: 30rpx;
...@@ -179,16 +176,18 @@ ...@@ -179,16 +176,18 @@
position: absolute; position: absolute;
z-index: 1; z-index: 1;
} }
.hotel-list-item .hotel-info .localtion{
.hotel-list-item .hotel-info .localtion {}
}
.hotel-list-item .hotel-info .localtionL{ .hotel-list-item .hotel-info .localtionL {
margin-right: 9rpx; margin-right: 9rpx;
} }
.hotel-list-item .hotel-info .localtionL img{
.hotel-list-item .hotel-info .localtionL img {
position: relative; position: relative;
top: -7rpx; top: -7rpx;
} }
.hotel-list-item .hotel-info .localtionR { .hotel-list-item .hotel-info .localtionR {
font-size: 22rpx; font-size: 22rpx;
font-weight: 500; font-weight: 500;
...@@ -214,49 +213,59 @@ ...@@ -214,49 +213,59 @@
font-size: 34rpx; font-size: 34rpx;
margin-left: 5rpx; margin-left: 5rpx;
} }
.hotel-Subtitle{
.hotel-Subtitle {
font-size: 22rpx; font-size: 22rpx;
color: #FF3166; color: #FF3166;
padding: 5rpx 0; padding: 5rpx 0;
} }
.hotel-SubText{
.hotel-SubText {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.hotel-SubR{
.hotel-SubR {
max-width: 102rpx; max-width: 102rpx;
height: 35rpx; height: 35rpx;
margin-right: 10rpx; margin-right: 10rpx;
position: relative; position: relative;
top: 6rpx; top: 6rpx;
} }
.hotel-Subtitle img{
.hotel-Subtitle img {
height: 35rpx; height: 35rpx;
display: block; display: block;
} }
.hotel-SubStar3 img{
.hotel-SubStar3 img {
width: 74rpx; width: 74rpx;
} }
.hotel-SubStar4 img{
.hotel-SubStar4 img {
width: 81rpx; width: 81rpx;
} }
.hotel-SubStar5 img{
.hotel-SubStar5 img {
width: 102rpx; width: 102rpx;
} }
.hotel-price{
.hotel-price {
height: 1px; height: 1px;
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
} }
.hotel-priceL{
.hotel-priceL {
width: 198rpx; width: 198rpx;
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638759918587388853.png')no-repeat; background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638759918587388853.png')no-repeat;
background-size: 198rpx 26rpx; background-size: 198rpx 26rpx;
} }
.hotel-priceL view{
.hotel-priceL view {
width: 198rpx; width: 198rpx;
font-size: 20rpx; font-size: 20rpx;
color: #fff; color: #fff;
...@@ -268,9 +277,10 @@ ...@@ -268,9 +277,10 @@
top: -3rpx; top: -3rpx;
text-align: center; text-align: center;
} }
.hotel-list-item.hotel-mapList{
.hotel-list-item.hotel-mapList {
margin: 0; margin: 0;
padding-bottom: 0; padding-bottom: 0;
border-bottom: 0; border-bottom: 0;
} }
</style> </style>
\ No newline at end of file
pages/hotel/components/hotelRoom.vue
View file @ 57190e4d
This diff is collapsed.
pages/hotel/components/search.vue
View file @ 57190e4d
This diff is collapsed.
pages/hotel/detail.vue
View file @ 57190e4d
This diff is collapsed.
pages/hotel/list.vue
View file @ 57190e4d
<template> <template>
<view class="hotel-list column" style="background: #F3F1EF;"> <view class="hotel-list column" style="background: #F3F1EF;">
<view class="hotel-listHeader"> <view class="hotel-listHeader">
<hotelHeaders :title="pageTitle"></hotelHeaders> <hotelHeaders :title="pageTitle"></hotelHeaders>
<hotelSearch <hotelSearch :msg="searchObj" :daysObj="dayObj" :isMap="1" @change="change" @getItem="getItem">
:msg="searchObj" </hotelSearch>
:daysObj="dayObj"
:isMap="1"
@change="change"
@getItem="getItem"></hotelSearch>
<!-- <view style="padding: 9rpx 30rpx 19rpx 30rpx;">
<scroll-view :scroll-x="true">
<view class="ComprehensiveSortings row">
<view v-for="(item,index) in searchObj.TagList" :key="index"
:class="[item.IsCheck==1?'active':'']"
@click="chosenMorewhere(item)">
{{ item.Name }}
</view>
</view>
</scroll-view>
</view> -->
</view> </view>
<view style="height: 1px;flex: 1;overflow: hidden;"> <view style="height: 1px;flex: 1;overflow: hidden;">
<view class="no-data" v-if="HotelList.length === 0&&!showLoading" style="margin-top: 200rpx;"> <view class="no-data" v-if="HotelList.length === 0&&!showLoading" style="margin-top: 200rpx;">
...@@ -28,20 +13,17 @@ ...@@ -28,20 +13,17 @@
</view> </view>
<view class="column hotelScrollBox" style="padding: 0 30rpx 0 30rpx;height:100%"> <view class="column hotelScrollBox" style="padding: 0 30rpx 0 30rpx;height:100%">
<scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true" <scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true"
:scroll-top="scrollTop" @scroll="scroll" :scroll-top="scrollTop" @scroll="scroll" v-if="HotelList.length > 0" class="hotelScroll">
v-if="HotelList.length > 0" class="hotelScroll">
<view style="padding: 0 31rpx;"> <view style="padding: 0 31rpx;">
<view v-for="(item,index) in HotelList" :key="index"> <view v-for="(item,index) in HotelList" :key="index">
<hotel-good :item="item" :dayObj="dayObj" :searchObj="searchObj"></hotel-good> <hotel-good :item="item" :dayObj="dayObj" :searchObj="searchObj"></hotel-good>
</view> </view>
</view> </view>
<u-loadmore v-if="showLoading" :status="status" :load-text="loadText" :font-size="24" :margin-top="20" <u-loadmore v-if="showLoading" :status="status" :load-text="loadText" :font-size="24"
:margin-bottom="20" bg-color="#F5F5F5" color="#111" /> :margin-top="20" :margin-bottom="20" bg-color="#F5F5F5" color="#111" />
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
...@@ -118,12 +100,12 @@ ...@@ -118,12 +100,12 @@
let month1 = d1.getMonth() + 1; let month1 = d1.getMonth() + 1;
let day1 = d1.getDate(); let day1 = d1.getDate();
let Month1 = month1>9?month1:'0'+month1; let Month1 = month1 > 9 ? month1 : '0' + month1;
let Day1 = day1>9?day1:'0'+day1; let Day1 = day1 > 9 ? day1 : '0' + day1;
let month2 = d2.getMonth() + 1; let month2 = d2.getMonth() + 1;
let day2 = d2.getDate(); let day2 = d2.getDate();
let Month2 = month2>9?month2:'0'+month2; let Month2 = month2 > 9 ? month2 : '0' + month2;
let Day2 = day2>9?day2:'0'+day2; let Day2 = day2 > 9 ? day2 : '0' + day2;
var obj = { var obj = {
start: `${d1.getFullYear()}-${Month1}-${Day1}`, start: `${d1.getFullYear()}-${Month1}-${Day1}`,
end: `${d1.getFullYear()}-${Month2}-${Day2}`, end: `${d1.getFullYear()}-${Month2}-${Day2}`,
...@@ -141,10 +123,9 @@ ...@@ -141,10 +123,9 @@
data: JSON.stringify(obj), data: JSON.stringify(obj),
}); });
this.getSearchCondition(); this.getSearchCondition();
// this.getList();
}, },
methods: { methods: {
getItem(parameters,obj) { getItem(parameters, obj) {
this.searchObj = { this.searchObj = {
...this.searchObj, ...this.searchObj,
...parameters ...parameters
...@@ -181,7 +162,7 @@ ...@@ -181,7 +162,7 @@
this.research(); this.research();
}, },
change(item) { change(item) {
this.searchObj ={ this.searchObj = {
...this.searchObj, ...this.searchObj,
...item, ...item,
} }
...@@ -206,16 +187,15 @@ ...@@ -206,16 +187,15 @@
}, },
//获取列表数据 //获取列表数据
getList(type) { getList(type) {
if(this.showLoading) return if (this.showLoading) return
uni.showLoading({ uni.showLoading({
title: "加载中", title: "加载中",
}); });
this.showLoading = true; this.showLoading = true;
// this.searchObj.QStars = this.tempRateAndPrice.rate.toString();
if (type == 1) { if (type == 1) {
this.HotelList = []; this.HotelList = [];
} }
this.apipost('dmc_post_B2BAndB2CGetDidaHotelPage',this.searchObj, this.apipost('dmc_post_B2BAndB2CGetDidaHotelPage', this.searchObj,
(res) => { (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.showLoading = false this.showLoading = false
...@@ -227,7 +207,7 @@ ...@@ -227,7 +207,7 @@
} }
this.page_count = res.data.pageCount; this.page_count = res.data.pageCount;
} }
},(err)=>{ }, (err) => {
this.showLoading = false this.showLoading = false
uni.hideLoading(); uni.hideLoading();
uni.showToast({ uni.showToast({
...@@ -242,18 +222,21 @@ ...@@ -242,18 +222,21 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import url("@/asset/css/flex.css"); @import url("@/asset/css/flex.css");
.hotelScroll{
height: 1px; .hotelScroll {
flex: 1; height: 1px;
border-radius: 18rpx 18rpx 0 0; flex: 1;
overflow: hidden; border-radius: 18rpx 18rpx 0 0;
background: #fff; overflow: hidden;
padding-top: 34rpx; background: #fff;
} padding-top: 34rpx;
/deep/.hotelScrollBox .u-dropdown-item scroll-view{ }
/deep/.hotelScrollBox .u-dropdown-item scroll-view {
height: 100vh !important; height: 100vh !important;
} }
/deep/.u-flex { /deep/.u-flex {
justify-content: center; justify-content: center;
} }
...@@ -299,7 +282,7 @@ ...@@ -299,7 +282,7 @@
margin-top: -6px; margin-top: -6px;
} }
.hotel-list .search-box .date text{ .hotel-list .search-box .date text {
color: #757776; color: #757776;
margin-right: 7rpx; margin-right: 7rpx;
font-size: 22rpx; font-size: 22rpx;
...@@ -320,7 +303,8 @@ ...@@ -320,7 +303,8 @@
padding-left: 33rpx; padding-left: 33rpx;
padding-right: 15rpx; padding-right: 15rpx;
} }
.hotel-rateTetx{
.hotel-rateTetx {
width: 50%; width: 50%;
margin-bottom: 16rpx; margin-bottom: 16rpx;
} }
...@@ -394,14 +378,15 @@ ...@@ -394,14 +378,15 @@
margin-top: 20rpx; margin-top: 20rpx;
} }
} }
.hotel-listHeader{
.hotel-listHeader {
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotelBj.png') no-repeat; background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/hotelBj.png') no-repeat;
background-size: 100% auto; background-size: 100% auto;
} }
.ComprehensiveSortings{
} .ComprehensiveSortings {}
.ComprehensiveSortings view{
.ComprehensiveSortings view {
background: #E9E4E0; background: #E9E4E0;
white-space: nowrap; white-space: nowrap;
border-radius: 6rpx; border-radius: 6rpx;
...@@ -412,27 +397,33 @@ ...@@ -412,27 +397,33 @@
padding: 8rpx 13rpx; padding: 8rpx 13rpx;
border: 1rpx solid #E9E4E0; border: 1rpx solid #E9E4E0;
} }
.ComprehensiveSortings view.active{
.ComprehensiveSortings view.active {
color: #B99846; color: #B99846;
border: 1rpx solid #B99846; border: 1rpx solid #B99846;
} }
/deep/.search-box .u-input{
/deep/.search-box .u-input {
font-size: 24rpx; font-size: 24rpx;
} }
/deep/.hotel-listHeader .u-dropdown__menu{
/deep/.hotel-listHeader .u-dropdown__menu {
justify-content: space-between; justify-content: space-between;
} }
/deep/.hotel-listHeader .u-dropdown__menu__item { /deep/.hotel-listHeader .u-dropdown__menu__item {
flex: inherit !important; flex: inherit !important;
} }
/deep/.hotel-listHeader .u-flex{
/deep/.hotel-listHeader .u-flex {
justify-content: flex-start; justify-content: flex-start;
} }
/deep/.u-dropdown__menu__item:first-child{
/deep/.u-dropdown__menu__item:first-child {
padding-left: 40rpx; padding-left: 40rpx;
} }
/deep/.u-dropdown__menu__item:last-child{
/deep/.u-dropdown__menu__item:last-child {
padding-right: 40rpx; padding-right: 40rpx;
} }
</style>
</style> \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment