|
|
@ -64,7 +64,7 @@ |
|
|
|
<view class="hd-list"> |
|
|
|
|
|
|
|
<uv-tabs |
|
|
|
@click= "tabs" |
|
|
|
@click="tabs" |
|
|
|
:list="hdList" |
|
|
|
lineWidth="50rpx" |
|
|
|
:lineColor="`url(${lineBg}) 100% 100%`" |
|
|
@ -80,7 +80,7 @@ |
|
|
|
itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;" |
|
|
|
></uv-tabs> |
|
|
|
|
|
|
|
<uv-tabs |
|
|
|
<!-- <uv-tabs |
|
|
|
@click="({index}) => type = index" |
|
|
|
:list="typeList" |
|
|
|
lineWidth="50rpx" |
|
|
@ -95,10 +95,14 @@ |
|
|
|
transform: 'scale(1)' |
|
|
|
}" |
|
|
|
itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;" |
|
|
|
></uv-tabs> |
|
|
|
></uv-tabs> --> |
|
|
|
|
|
|
|
<view v-for="(item, index) in cardListData" |
|
|
|
:key="item.id"> |
|
|
|
<active-item :cardListData="[item]" v-if="item.ntype == 0"/> |
|
|
|
<travelList :cardListData="[item]" v-else/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<active-item :cardListData="cardListData" v-if="type == 0"/> |
|
|
|
<travelList :cardListData="travelList" v-else/> |
|
|
|
<uv-load-more :status="status" fontSize="24rpx" dashed line /> |
|
|
|
</view> |
|
|
|
|
|
|
@ -158,10 +162,10 @@ |
|
|
|
return { |
|
|
|
status:"loading", |
|
|
|
params:{ |
|
|
|
title:'', |
|
|
|
state:0, |
|
|
|
pageNo:1, |
|
|
|
pageSize:10 |
|
|
|
title : '', |
|
|
|
state : 0, |
|
|
|
pageNo : 1, |
|
|
|
pageSize : 10 |
|
|
|
}, |
|
|
|
totalPage:0, |
|
|
|
bgColor:'transparent', |
|
|
@ -233,40 +237,59 @@ |
|
|
|
this.getActivityPageList() |
|
|
|
}, |
|
|
|
async getActivityPageList() { |
|
|
|
this.$api('activityPageList', { |
|
|
|
...this.params, |
|
|
|
cityId : this.selectArea.id |
|
|
|
}, res=>{ |
|
|
|
uni.stopPullDownRefresh() |
|
|
|
if(res.code == 200) { |
|
|
|
this.totalPage = res.result.pages |
|
|
|
this.cardListData = [...this.cardListData,...res.result.records] |
|
|
|
if(this.params.pageNo >= this.totalPage) { |
|
|
|
this.status = "nomore" |
|
|
|
}else { |
|
|
|
this.status = "loadmore" |
|
|
|
} |
|
|
|
} |
|
|
|
// this.$api('activityPageList', { |
|
|
|
// ...this.params, |
|
|
|
// cityId : this.selectArea.id |
|
|
|
// }, res=>{ |
|
|
|
// uni.stopPullDownRefresh() |
|
|
|
// if(res.code == 200) { |
|
|
|
// this.totalPage = res.result.pages |
|
|
|
// this.cardListData = [...this.cardListData,...res.result.records] |
|
|
|
// if(this.params.pageNo >= this.totalPage) { |
|
|
|
// this.status = "nomore" |
|
|
|
// }else { |
|
|
|
// this.status = "loadmore" |
|
|
|
// } |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// this.$api('travelPageList', { |
|
|
|
// ...this.params, |
|
|
|
// // pageNo: this.params.pageNo, |
|
|
|
// // pageSize: this.params.pageSize, |
|
|
|
// // title: this.params.title, |
|
|
|
// // state: this.params.state, |
|
|
|
// }, res=>{ |
|
|
|
// uni.stopPullDownRefresh() |
|
|
|
// if(res.code == 200) { |
|
|
|
// this.totalPage = res.result.pages |
|
|
|
// this.travelList = [...this.travelList,...res.result.records] |
|
|
|
// } |
|
|
|
// }) |
|
|
|
|
|
|
|
let list1 = await this.getApi('activityPageList') |
|
|
|
let list2 = await this.getApi('travelPageList') |
|
|
|
|
|
|
|
console.log(list1, list2); |
|
|
|
|
|
|
|
list1.forEach(n => { |
|
|
|
n.ntype = 0 |
|
|
|
}) |
|
|
|
this.$api('travelPageList', { |
|
|
|
...this.params, |
|
|
|
// pageNo: this.params.pageNo, |
|
|
|
// pageSize: this.params.pageSize, |
|
|
|
// title: this.params.title, |
|
|
|
// state: this.params.state, |
|
|
|
}, res=>{ |
|
|
|
uni.stopPullDownRefresh() |
|
|
|
if(res.code == 200) { |
|
|
|
this.totalPage = res.result.pages |
|
|
|
this.travelList = [...this.travelList,...res.result.records] |
|
|
|
} |
|
|
|
|
|
|
|
list2.forEach(n => { |
|
|
|
n.ntype = 1 |
|
|
|
}) |
|
|
|
|
|
|
|
// let list1 = await this.getApi('activityPageList') |
|
|
|
// let list2 = await this.getApi('travelPageList') |
|
|
|
if(this.params.pageNo >= this.totalPage) { |
|
|
|
this.status = "nomore" |
|
|
|
}else { |
|
|
|
this.status = "loadmore" |
|
|
|
} |
|
|
|
|
|
|
|
// console.log(list1, list2); |
|
|
|
this.cardListData = [...this.cardListData, ...list1, ...list2] |
|
|
|
|
|
|
|
this.cardListData.sort((a, b) => { |
|
|
|
return new Date(b.startTime).getTime() - new Date(a.startTime).getTime() |
|
|
|
}) |
|
|
|
}, |
|
|
|
getApi(api){ |
|
|
|
return new Promise((success, error) => { |
|
|
@ -275,6 +298,9 @@ |
|
|
|
cityId : this.selectArea.id |
|
|
|
}, res => { |
|
|
|
if(res.code == 200) { |
|
|
|
if(this.totalPage < res.result.pages){ |
|
|
|
this.totalPage = res.result.pages |
|
|
|
} |
|
|
|
success(res.result.records) |
|
|
|
} |
|
|
|
}) |
|
|
@ -453,6 +479,9 @@ |
|
|
|
background: url('@/static/image/home/hd-bg.png') no-repeat; |
|
|
|
background-size: 100% 100%; |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
.left-box { |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
@ -476,9 +505,9 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
.hdqd-img { |
|
|
|
position: absolute; |
|
|
|
right: 22rpx; |
|
|
|
top: 25rpx; |
|
|
|
// position: absolute; |
|
|
|
// right: 22rpx; |
|
|
|
// top: 25rpx; |
|
|
|
width: 123rpx; |
|
|
|
height: 100rpx; |
|
|
|
} |
|
|
@ -492,6 +521,9 @@ |
|
|
|
background-size: 100% 100%; |
|
|
|
position: relative; |
|
|
|
margin-top: 18rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
.left-box { |
|
|
|
height: 100%; |
|
|
|
display: flex; |
|
|
@ -515,9 +547,9 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
.hdqd-img { |
|
|
|
position: absolute; |
|
|
|
right: 22rpx; |
|
|
|
top: 25rpx; |
|
|
|
// position: absolute; |
|
|
|
// right: 22rpx; |
|
|
|
// top: 25rpx; |
|
|
|
width: 123rpx; |
|
|
|
height: 100rpx; |
|
|
|
} |
|
|
|