|
|
@ -1,146 +1,144 @@ |
|
|
|
<template> |
|
|
|
<view class="publishList"> |
|
|
|
<view class="item" v-for="(item, index) in list" |
|
|
|
@click="gotoDetail(item)" |
|
|
|
:key="index"> |
|
|
|
<image :src="item.image" style="width: 40%"></image> |
|
|
|
<view class="text"> |
|
|
|
<view class="title"> |
|
|
|
{{ item.title }} |
|
|
|
</view> |
|
|
|
<view class="createBy"> |
|
|
|
<view class=""> |
|
|
|
是否置顶:{{ item.isTop }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="isPay"> |
|
|
|
<view class=""> |
|
|
|
是否付费:{{ item.isPay?"是":"否" }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="createTime"> |
|
|
|
发布时间:{{ item.createTime }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="publishList"> |
|
|
|
<view class="item" v-for="(item, index) in list" @click="gotoDetail(item)" :key="index"> |
|
|
|
<image :src="item.image" style="width: 40%"></image> |
|
|
|
<view class="text"> |
|
|
|
<view class="title"> |
|
|
|
{{ item.title }} |
|
|
|
</view> |
|
|
|
<view class="createBy"> |
|
|
|
<view class=""> |
|
|
|
是否置顶:{{ item.isTop=='Y'?"是":"否" }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="isPay"> |
|
|
|
<view class=""> |
|
|
|
是否付费:{{ item.isPay=='Y'?"是":"否" }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="createTime"> |
|
|
|
发布时间:{{ item.createTime }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
name: "releaseList", |
|
|
|
props: ['list'], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
total: 0, |
|
|
|
queryParams: { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 5, |
|
|
|
}, |
|
|
|
checkedIndex:0, |
|
|
|
}; |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
// this.getData() |
|
|
|
}, |
|
|
|
// onReachBottom() { |
|
|
|
// let allTotal = this.queryParams.pageNo * this.queryParams.pageSize |
|
|
|
// if (allTotal < this.total) { |
|
|
|
// //当前条数小于总条数 则增加请求数 |
|
|
|
// console.log(this.queryParams.pageSize,'==son=') |
|
|
|
// this.queryParams.pageSize += 10 |
|
|
|
// this.getData() //调用加载数据方法 |
|
|
|
// } |
|
|
|
// }, |
|
|
|
methods: { |
|
|
|
getData() { |
|
|
|
this.$api('infoGetMyReleasePage', { |
|
|
|
pageNo: this.queryParams.pageNo, |
|
|
|
pageSize: this.queryParams.pageSize, |
|
|
|
state: this.checkedIndex |
|
|
|
|
|
|
|
}, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.list = res.result.records |
|
|
|
this.total = res.result.total |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
gotoDetail(item) { |
|
|
|
// 根据字段区分跳转到不同页面 |
|
|
|
if (item.isCard=='N'){ |
|
|
|
// 跳转到动态(贴子)详情页面 |
|
|
|
console.log("跳转到动态(贴子)详情页面") |
|
|
|
this.$utils.navigateTo('/publish/postDetail?id=' + item.id) |
|
|
|
}else{ |
|
|
|
// 跳转到演员(名片)详情页面 |
|
|
|
console.log("跳转到演员(名片)详情页面") |
|
|
|
this.$utils.navigateTo('/publish/actorDetail?id=' + item.id) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
export default { |
|
|
|
name: "releaseList", |
|
|
|
props: ['list'], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
total: 0, |
|
|
|
queryParams: { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 5, |
|
|
|
}, |
|
|
|
checkedIndex: 0, |
|
|
|
}; |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
// this.getData() |
|
|
|
}, |
|
|
|
// onReachBottom() { |
|
|
|
// let allTotal = this.queryParams.pageNo * this.queryParams.pageSize |
|
|
|
// if (allTotal < this.total) { |
|
|
|
// //当前条数小于总条数 则增加请求数 |
|
|
|
// console.log(this.queryParams.pageSize,'==son=') |
|
|
|
// this.queryParams.pageSize += 10 |
|
|
|
// this.getData() //调用加载数据方法 |
|
|
|
// } |
|
|
|
// }, |
|
|
|
methods: { |
|
|
|
getData() { |
|
|
|
this.$api('infoGetMyReleasePage', { |
|
|
|
pageNo: this.queryParams.pageNo, |
|
|
|
pageSize: this.queryParams.pageSize, |
|
|
|
state: this.checkedIndex |
|
|
|
|
|
|
|
}, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.list = res.result.records |
|
|
|
this.total = res.result.total |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
gotoDetail(item) { |
|
|
|
// 根据字段区分跳转到不同页面 |
|
|
|
if (item.isCard == 'N') { |
|
|
|
// 跳转到动态(贴子)详情页面 |
|
|
|
console.log("跳转到动态(贴子)详情页面") |
|
|
|
this.$utils.navigateTo('/publish/postDetail?id=' + item.id) |
|
|
|
} else { |
|
|
|
// 跳转到演员(名片)详情页面 |
|
|
|
console.log("跳转到演员(名片)详情页面") |
|
|
|
this.$utils.navigateTo('/publish/actorDetail?id=' + item.id) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.publishList { |
|
|
|
width: 90%; |
|
|
|
.publishList { |
|
|
|
width: 90%; |
|
|
|
|
|
|
|
.item { |
|
|
|
height: 200rpx; |
|
|
|
width: 100%; |
|
|
|
background-color: #fff; |
|
|
|
overflow: hidden; |
|
|
|
border-radius: 10rpx; |
|
|
|
color: #777; |
|
|
|
display: flex; |
|
|
|
font-size: 24rpx; |
|
|
|
margin: 30rpx 0; |
|
|
|
.item { |
|
|
|
height: 200rpx; |
|
|
|
width: 100%; |
|
|
|
background-color: #fff; |
|
|
|
overflow: hidden; |
|
|
|
border-radius: 10rpx; |
|
|
|
color: #777; |
|
|
|
display: flex; |
|
|
|
font-size: 24rpx; |
|
|
|
margin: 30rpx 0; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 50%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
image { |
|
|
|
width: 50%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.text { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
padding: 16rpx; |
|
|
|
width: 60%; |
|
|
|
.text { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
padding: 16rpx; |
|
|
|
width: 60%; |
|
|
|
|
|
|
|
.title { |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
.title { |
|
|
|
font-size: 30rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
|
|
|
|
.createBy { |
|
|
|
display: flex; |
|
|
|
margin-top: auto; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
justify-content: space-between; |
|
|
|
.createBy { |
|
|
|
display: flex; |
|
|
|
margin-top: auto; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
& > view { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
&>view { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.isPay { |
|
|
|
display: flex; |
|
|
|
margin-top: auto; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
color: #7395f4; |
|
|
|
justify-content: space-between; |
|
|
|
.isPay { |
|
|
|
display: flex; |
|
|
|
margin-top: auto; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
color: #7395f4; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
& > view { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
&>view { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |