FightingN
4 years ago
9 changed files with 262 additions and 15 deletions
@ -0,0 +1,109 @@ |
|||
// import { getStudyNewsList } from '../../../../api/studyPlace'
|
|||
const api = require('../../utils/heartApi') |
|||
Page({ |
|||
data: { |
|||
newsLsit: [ |
|||
{ |
|||
id: '1', |
|||
title: '小区环境美化正在进行中,各社区居民积极参与', |
|||
state: 0, //审核状态：0-审核中，5-未通过，10-待发布，15已发布
|
|||
stateName: '审核中', //状态名
|
|||
createdTime: '2020.10.09', |
|||
}, |
|||
{ |
|||
id: '2', |
|||
title: '小区环境美化正在进行中,各社区居民积极参与', |
|||
state: 5, //审核状态：0-审核中，5-未通过，10-待发布，15已发布
|
|||
stateName: '未通过', //状态名
|
|||
createdTime: '2020.10.09', |
|||
}, |
|||
{ |
|||
id: '3', |
|||
title: '小区环境美化正在进行中,各社区居民积极参与', |
|||
state: 10, //审核状态：0-审核中，5-未通过，10-待发布，15已发布
|
|||
stateName: '待发布', //状态名
|
|||
createdTime: '2020.10.09', |
|||
}, |
|||
{ |
|||
id: '4', |
|||
title: '小区环境美化正在进行中,各社区居民积极参与', |
|||
state: 15, //审核状态：0-审核中，5-未通过，10-待发布，15已发布
|
|||
stateName: '已发布', //状态名
|
|||
createdTime: '2020.10.09', |
|||
}, |
|||
{ |
|||
id: '6', |
|||
title: '小区环境美化正在进行中,各社区居民积极参与', |
|||
state: 0, //审核状态：0-审核中，5-未通过，10-待发布，15已发布
|
|||
stateName: '审核中', //状态名
|
|||
createdTime: '2020.10.09', |
|||
}, |
|||
], |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'loading', |
|||
isShow: false, |
|||
}, |
|||
onLoad: function () { |
|||
// this.getStudyNewsList()
|
|||
}, |
|||
// 列表点击事件
|
|||
toDetail(e) { |
|||
wx.navigateTo({ |
|||
// url: `/pages/listDetail/listDetail?newsId=${e.detail.id}&pageType=studyTypeList`,
|
|||
}) |
|||
}, |
|||
getStudyNewsList() { |
|||
let params = { |
|||
pageIndex: this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
if (this.data.pageIndex == 1) { |
|||
this.setData({ |
|||
newsLsit: [], |
|||
}) |
|||
} |
|||
api.getActivityList(params) |
|||
.then((res) => { |
|||
let newsLsit = [] |
|||
res.data.forEach((item) => { |
|||
newsLsit.push({ |
|||
newsImageUrl: item.newsImageUrl, |
|||
newsTitle: item.newsTitle, |
|||
newsContent: item.richTextContent, |
|||
id: item.id, |
|||
}) |
|||
}) |
|||
this.setData({ |
|||
newsLsit: this.data.newsLsit.concat(newsLsit), |
|||
loadMoreType: |
|||
res.data.length < this.data.pageSize ? 'none' : 'loading', |
|||
}) |
|||
if (this.data.newsLsit == 0) { |
|||
this.setData({ |
|||
isShow: true, |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
isShow: true, |
|||
}) |
|||
}) |
|||
}, |
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
if (this.data.loadMoreType == 'none') { |
|||
return |
|||
} |
|||
this.setData({ |
|||
pageIndex: ++this.data.pageIndex, |
|||
}) |
|||
this.getStudyNewsList() |
|||
}, |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"navigationBarTitleText": "活动申请", |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data": "../../../../components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -0,0 +1,34 @@ |
|||
<view class="more-list"> |
|||
<!-- <view class="item-box"> |
|||
<view class="item-title" hover-class="none" hover-stop-propagation="false"> |
|||
服务为民，一次办好 |
|||
</view> |
|||
<view class="item-bottom"> |
|||
<view class="item-bottom-left"> |
|||
<view class="state">审核中</view> |
|||
<view class="time">2020.10.01</view> |
|||
</view> |
|||
<view class="item-bottom-right"> |
|||
<view class="edit">编辑</view> |
|||
<view class="look">查看</view> |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
<view class="item-box" wx:for="{{newsLsit}}"> |
|||
<view class="item-title" hover-class="none" hover-stop-propagation="false">{{item.title}}</view> |
|||
<view class="item-bottom"> |
|||
<view class="item-bottom-left"> |
|||
<view class="state {{item.state==0? 'state':item.state==5?'state-nopass':item.state==10?'state':item.state==15?'state-published':''}}"> |
|||
{{item.stateName}} |
|||
</view> |
|||
<view class="time">{{item.createdTime}}</view> |
|||
</view> |
|||
<view class="item-bottom-right"> |
|||
<view class="edit" wx:if="{{item.state ==0 || item.state ==5}}">编辑</view> |
|||
<view class="look" bind:tap='toDetail'>查看</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}" bg-f="bg-f"></load-more> |
|||
<no-data isShow='{{isShow}}'></no-data> |
|||
@ -0,0 +1,78 @@ |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.more-list { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
} |
|||
|
|||
.item-box { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 188rpx; |
|||
background: #fff; |
|||
margin-bottom: 7rpx; |
|||
padding: 30rpx 37rpx 0 31rpx; |
|||
} |
|||
|
|||
.item-title { |
|||
height: 80rpx; |
|||
font-size: 32rpx; |
|||
color: #000000; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.item-bottom { |
|||
margin-top: 20rpx; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.item-bottom-left { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.state { |
|||
font-size: 26rpx; |
|||
color: #ffaf03; |
|||
margin-right: 37rpx; |
|||
} |
|||
|
|||
.state-nopass { |
|||
color: #e10000; |
|||
} |
|||
|
|||
.state-stay { |
|||
color: #ffaf03; |
|||
} |
|||
|
|||
.state-published { |
|||
color: #00a069; |
|||
} |
|||
|
|||
.time { |
|||
font-size: 22rpx; |
|||
color: #aaaaaa; |
|||
} |
|||
|
|||
.item-bottom-right { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.edit { |
|||
font-size: 26rpx; |
|||
color: #bb0300; |
|||
margin-right: 53rpx; |
|||
} |
|||
|
|||
.look { |
|||
font-size: 26rpx; |
|||
color: #666666; |
|||
} |
|||
Loading…
Reference in new issue