|
|
|
@ -1,25 +1,31 @@ |
|
|
|
<template> |
|
|
|
<view> |
|
|
|
<view class="card" |
|
|
|
@click="$utils.navigateTo(`/pages_order/service/reservationDetail?type=${type}&id=${item.id}`)" |
|
|
|
v-for="(item,index) in 10" :key="index"> |
|
|
|
@click="toUrl(type, item)" |
|
|
|
v-for="(item, index) in list" :key="index"> |
|
|
|
<view class="card-img"> |
|
|
|
<image src="../../static/applyRelic/jdz.png" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
<view class="card-content"> |
|
|
|
<view style="display: flex; align-items: center;"> |
|
|
|
<view class="title text-ellipsis">刘申林</view> |
|
|
|
<image class="card-content-img" src="../../static/tell/goldMedal.png"></image> |
|
|
|
<view class="title text-ellipsis">{{ item.roleName }}</view> |
|
|
|
<image |
|
|
|
class="card-content-img" |
|
|
|
v-if="showRoleLevel" |
|
|
|
:src="`../../static/tell/goldMedal${item.roleLevel}.png`"></image> |
|
|
|
</view> |
|
|
|
<view class="card-content-tag"> |
|
|
|
提前一周预约 |
|
|
|
<view class="card-content-tag" |
|
|
|
v-if="item.preTime"> |
|
|
|
{{ item.preTime || '提前一周预约' }} |
|
|
|
</view> |
|
|
|
<view class="tips text-ellipsis-2"> |
|
|
|
御窑厂、刘家弄、观音阁、观音阁观音阁观音阁陶瓷博物馆御窑博物馆...陶瓷博物馆御窑博物馆陶瓷博物馆御窑博物馆陶瓷博物馆御窑博物馆 |
|
|
|
<view class="tips text-ellipsis-2" |
|
|
|
v-if="item.preInfo"> |
|
|
|
{{ item.preInfo}} |
|
|
|
<!-- 御窑厂、刘家弄、观音阁、观音阁观音阁观音阁陶瓷博物馆御窑博物馆...陶瓷博物馆御窑博物馆陶瓷博物馆御窑博物馆陶瓷博物馆御窑博物馆 --> |
|
|
|
</view> |
|
|
|
<view class="card-content-bottom"> |
|
|
|
<view style="color: #FF280C;"> |
|
|
|
￥300起 |
|
|
|
￥{{ item.price }}起 |
|
|
|
</view> |
|
|
|
<view class="card-content-bottom-one"> |
|
|
|
￥线上预约 |
|
|
|
@ -35,14 +41,50 @@ |
|
|
|
props : { |
|
|
|
type : { |
|
|
|
default : 0 |
|
|
|
}, |
|
|
|
height : { |
|
|
|
default : 'auto' |
|
|
|
}, |
|
|
|
showRoleLevel : { |
|
|
|
default : false, |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
queryParams: { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
}, |
|
|
|
total : 0, |
|
|
|
list : [], |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
// 1-遗产讲述，2-达人同游，3-我要跟拍 |
|
|
|
getList(){ |
|
|
|
this.queryParams.pageNo = 1 |
|
|
|
this.$api('queryRoleInfoList', { |
|
|
|
...this.queryParams, |
|
|
|
roleId : this.type + 1, |
|
|
|
}, res => { |
|
|
|
uni.stopPullDownRefresh() |
|
|
|
if(res.code == 200){ |
|
|
|
this.list = res.result.records |
|
|
|
this.total = res.result.total |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
loadMoreList(){ |
|
|
|
if(this.queryParams.pageSize < this.total){ |
|
|
|
this.queryParams.pageSize += 10 |
|
|
|
this.getList() |
|
|
|
} |
|
|
|
}, |
|
|
|
toUrl(type, item){ |
|
|
|
console.log(item.id); |
|
|
|
let url = `/pages_order/service/reservationDetail?type=${type}&id=` + item.id |
|
|
|
this.$utils.navigateTo(url) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
