| | |
| | | <template> |
| | | <!-- 列表页面 --> |
| | | <view> |
| | | |
| | | <view class="p15" style="min-height: calc(100vh - 260rpx);"> |
| | | <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data> |
| | | <view v-for="(item,index) in list" :key="index" class="m-b-24"> |
| | | <view @click.stop="toDetail(item)" class="notice-item"> |
| | | <view v-if="item.typeStr" class="type">{{item.typeStr||'-'}}</view> |
| | | <view class="time">{{item.recordDate || ''}}</view> |
| | | <view class="form-item"> |
| | | <view class="form-item-label">变更类型</view> |
| | | <view class="form-item-value">{{item.changeTypeStr || ''}}</view> |
| | | </view> |
| | | <view class="form-item"> |
| | | <view class="form-item-label">积分</view> |
| | | <view class="form-item-value">{{item.point || ''}}</view> |
| | | </view> |
| | | <view class="form-item"> |
| | | <view class="form-item-label">备注</view> |
| | | <view class="form-item-value">{{item.remarks || ''}}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | <!-- 判断是否到底了,自动吧 --> |
| | | <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | |
| | | query: { |
| | | // status: '' |
| | | } |
| | | } |
| | | }, |
| | | onLoad() { |
| | | |
| | | |
| | | this.listApi = '/api/customer/point/list' |
| | | |
| | | this.getList() |
| | | |
| | | }, |
| | | onReachBottom() { |
| | | this.getMore() |
| | | }, |
| | | async onPullDownRefresh() { |
| | | this.page.current = 1 |
| | | await this.getList() |
| | | uni.stopPullDownRefresh() |
| | | }, |
| | | methods: { |
| | | |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="scss" scoped> |
| | | .notice-item { |
| | | padding: 20rpx; |
| | | font-size: 28rpx; |
| | | background-color: #fff; |
| | | |
| | | </style> |
| | | .type { |
| | | font-weight: 600; |
| | | |
| | | } |
| | | |
| | | .time { |
| | | font-size: 24rpx; |
| | | color: darkgray; |
| | | } |
| | | |
| | | .form-item { |
| | | display: flex; |
| | | |
| | | .form-item-label {} |
| | | |
| | | .form-item-value { |
| | | flex: 1; |
| | | text-align: right; |
| | | } |
| | | } |
| | | } |
| | | </style> |