优化
This commit is contained in:
@@ -1,3 +1,5 @@
|
||||
import { API } from './../../../utils/network/api'
|
||||
const api = new API()
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: {
|
||||
@@ -7,23 +9,77 @@ Page({
|
||||
},
|
||||
height: app.globalData.height,
|
||||
visible: false,
|
||||
list: [],
|
||||
current_page: 0,
|
||||
total: 0,
|
||||
per_page: 0,
|
||||
last_page: 0,
|
||||
},
|
||||
go(e){
|
||||
wx.navigateTo({
|
||||
url: e.currentTarget.dataset.url,
|
||||
events: {
|
||||
// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
|
||||
acceptDataFromOpenedPage: function(data) {
|
||||
console.log(data)
|
||||
},
|
||||
someEvent: function(data) {
|
||||
console.log(data)
|
||||
}
|
||||
},
|
||||
success: function(res) {
|
||||
// 通过 eventChannel 向被打开页面传送数据
|
||||
res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
|
||||
}
|
||||
this.putMessageReadNotice(e);
|
||||
app.go(e.currentTarget.dataset.url);
|
||||
},
|
||||
onShow(){
|
||||
this.setData({
|
||||
list: [],
|
||||
current_page: 0,
|
||||
total: 0,
|
||||
per_page: 0,
|
||||
last_page: 0,
|
||||
})
|
||||
let ap = this.getList();
|
||||
ap.then(res => {
|
||||
this.check()
|
||||
})
|
||||
},
|
||||
check(){
|
||||
// 不满一页自动加载下一页
|
||||
wx.createSelectorQuery().select('#list').boundingClientRect(res2 => {
|
||||
console.log(res2.height)
|
||||
console.log(wx.getSystemInfoSync().windowHeight)
|
||||
if (res2.height < wx.getSystemInfoSync().windowHeight) {
|
||||
this.getList().then(res => {
|
||||
if(this.data.current_page < this.data.last_page){
|
||||
this.check()
|
||||
}
|
||||
});
|
||||
}
|
||||
}).exec()
|
||||
},
|
||||
getList(){
|
||||
let current_page = this.data.current_page;
|
||||
current_page = current_page + 1;
|
||||
this.setData({
|
||||
current_page: current_page
|
||||
})
|
||||
let list = this.data.list;
|
||||
return api.getDoctorMessageSystem({page: current_page}).then(response => {
|
||||
console.log(response);
|
||||
this.setData({
|
||||
list: list.concat(response.data.data),
|
||||
current_page: response.data.current_page,
|
||||
total: response.data.total,
|
||||
per_page: response.data.per_page,
|
||||
last_page: response.data.last_page,
|
||||
})
|
||||
}).catch(errors => {console.error(errors);})
|
||||
},
|
||||
onReachBottom() {
|
||||
console.log('===触底了!!===');
|
||||
if(this.data.current_page < this.data.last_page){//最后一页时停止分页
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
putMessageReadNotice(e){
|
||||
let notice_id = e.currentTarget.dataset.notice_id;
|
||||
api.putMessageReadNotice({notice_id: notice_id}).then(response => {
|
||||
console.log(response);
|
||||
|
||||
}).catch(errors => {console.error(errors);})
|
||||
},
|
||||
putMessageReadNoticeAll(){
|
||||
api.putMessageReadNoticeAll({notice_type: 2}).then(response => {
|
||||
console.log(response);
|
||||
}).catch(errors => {console.error(errors);})
|
||||
}
|
||||
})
|
||||
@@ -2,6 +2,10 @@
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"van-image": "@vant/weapp/image/index"
|
||||
}
|
||||
"van-image": "@vant/weapp/image/index",
|
||||
"van-divider": "@vant/weapp/divider/index",
|
||||
"van-empty": "@vant/weapp/empty/index"
|
||||
},
|
||||
"enablePullDownRefresh": false,
|
||||
"onReachBottomDistance": 50
|
||||
}
|
||||
@@ -1,45 +1,22 @@
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container">
|
||||
<view class="list">
|
||||
|
||||
<view class="item" bindtap="go" data-url="/Pages/yishi/notice_deatil/index">
|
||||
<view class="list" id="list">
|
||||
<view class="item" bindtap="go" data-notice_id="{{item.notice_id}}" data-url="/Pages/yishi/notice_deatil/index?notice_id={{item.notice_id}}" wx:for="{{list}}">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<van-image class="van_img" src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/kuaisu.png" fit="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_content">9月份的服务费结算通知</view>
|
||||
<view class="item_content">{{item.notice_title}}</view>
|
||||
</view>
|
||||
<view class="hongdian">
|
||||
<view class="hongdian" wx:if="{{item.read_status == 0}}">
|
||||
<van-image src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/honhdian.png" fit="heightFix" height="20rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item" bindtap="go" data-url="/Pages/yishi/notice_deatil/index">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<van-image class="van_img" src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/kuaisu.png" fit="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_content">8月份的服务费结算通知</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item" bindtap="go" data-url="/Pages/yishi/notice_deatil/index">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<van-image class="van_img" src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/kuaisu.png" fit="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_content">7月份的服务费结算通知</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item" bindtap="go" data-url="/Pages/yishi/notice_deatil/index">
|
||||
<view class="item_top">
|
||||
<view class="item_img">
|
||||
<van-image class="van_img" src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/service_notice/kuaisu.png" fit="heightFix" height="54rpx" aria-label="qrcode" />
|
||||
</view>
|
||||
<view class="item_content">6月份的服务费结算通知</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<van-empty description="暂无数据" wx:if="{{list.length == 0}}" />
|
||||
<van-divider contentPosition="center" wx:if="{{list.length > 0 && current_page == last_page}}">到底了~</van-divider>
|
||||
<van-image bind:click="putMessageReadNoticeAll" style="position: fixed; right: 0;bottom: 262rpx;" src="https://img.applets.igandanyiyuan.com/applet/doctor/static/images/yishi/service_notice/readall.png" fit="heightFix" height="84rpx" aria-label="role" />
|
||||
<view style="height: 50rpx;">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user