15 changed files with 2632 additions and 2523 deletions
@ -1,78 +1,77 @@ |
|||
var api = require('../../utils/activity.js') |
|||
|
|||
const app = getApp() |
|||
Component({ |
|||
properties: { |
|||
state: Number |
|||
}, |
|||
data: { |
|||
activityList: [], |
|||
nomore: false |
|||
}, |
|||
attached: function() {}, |
|||
ready: function() {}, |
|||
pageLifetimes: { |
|||
show: function() {}, |
|||
}, |
|||
methods: { |
|||
getActivityList(params) { |
|||
let that = this |
|||
that.setData({ |
|||
selectedTab: params.selectedTab |
|||
}) |
|||
if (params.qkdat == true) { |
|||
console.log('清空') |
|||
that.setData({ |
|||
activityList: [], |
|||
nomore: false |
|||
}) |
|||
} |
|||
|
|||
api.getActivityList(params).then((res) => { |
|||
console.log(res.data) |
|||
that.setData({ |
|||
activityList: that.data.activityList.concat(res.data) |
|||
}) |
|||
console.log(res.data.length) |
|||
//数据访问成功
|
|||
var myEventDetail = { |
|||
listLength: res.data.length |
|||
} |
|||
that.triggerEvent('toActDetail', myEventDetail) |
|||
if (res.data.length == 0) { |
|||
that.setData({ |
|||
nomore: true |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
toActDetail(e) { |
|||
console.log('selectedTab::::'+this.data.selectedTab) |
|||
const id = e.currentTarget.dataset.id |
|||
const actcurrentstate = e.currentTarget.dataset.actcurrentstate |
|||
const signupflag = e.currentTarget.dataset.signupflag |
|||
this.triggerEvent('toActDetail', { |
|||
actId: id |
|||
}) |
|||
wx.navigateTo({ |
|||
url: `/subpages/heart/pages/heartDetail/heartDetail?id=${id}&actcurrentstate=${actcurrentstate}&signupflag=${signupflag}&selectedTab=${this.data.selectedTab}` |
|||
}) |
|||
}, |
|||
updateActivityList(params) { |
|||
api.getActivityList(params).then(res => { |
|||
console.log('详情回列表刷新数据', res) |
|||
const index = this.data.activityList.findIndex(item => item.id === res.data[0].id) |
|||
if (index > -1) { |
|||
this.data.activityList.splice(index, 1, res.data[0]) |
|||
} else { |
|||
this.data.activityList.splice(index, 1) |
|||
} |
|||
this.setData({ |
|||
activityList: this.data.activityList |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
|
|||
var api = require('../../utils/activity.js') |
|||
|
|||
const app = getApp() |
|||
Component({ |
|||
properties: { |
|||
state: Number, |
|||
}, |
|||
data: { |
|||
activityList: [], |
|||
nomore: false |
|||
}, |
|||
attached: function() {}, |
|||
ready: function() {}, |
|||
pageLifetimes: { |
|||
show: function() {}, |
|||
}, |
|||
methods: { |
|||
getActivityList(params) { |
|||
let that = this |
|||
that.setData({ |
|||
selectedTab: params.selectedTab |
|||
}) |
|||
if (params.qkdat == true) { |
|||
console.log('清空') |
|||
that.setData({ |
|||
activityList: [], |
|||
nomore: false |
|||
}) |
|||
} |
|||
|
|||
api.getActivityList(params).then((res) => { |
|||
console.log(res.data) |
|||
that.setData({ |
|||
activityList: that.data.activityList.concat(res.data) |
|||
}) |
|||
//console.log(res.data.length)
|
|||
//数据访问成功
|
|||
var myEventDetail = { |
|||
listLength: res.data.length |
|||
} |
|||
that.triggerEvent('toActDetail', myEventDetail) |
|||
if (res.data.length == 0) { |
|||
that.setData({ |
|||
nomore: true |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
toActDetail(e) { |
|||
console.log('selectedTab::::'+this.data.selectedTab) |
|||
const id = e.currentTarget.dataset.id |
|||
const actcurrentstate = e.currentTarget.dataset.actcurrentstate |
|||
const signupflag = e.currentTarget.dataset.signupflag |
|||
this.triggerEvent('toActDetail', { |
|||
actId: id |
|||
}) |
|||
wx.navigateTo({ |
|||
url: `/subpages/heart/pages/heartDetail/heartDetail?id=${id}&actcurrentstate=${actcurrentstate}&signupflag=${signupflag}&selectedTab=${this.data.selectedTab}` |
|||
}) |
|||
}, |
|||
updateActivityList(params) { |
|||
api.getActivityList(params).then(res => { |
|||
console.log('详情回列表刷新数据', res) |
|||
const index = this.data.activityList.findIndex(item => item.id === res.data[0].id) |
|||
if (index > -1) { |
|||
this.data.activityList.splice(index, 1, res.data[0]) |
|||
} else { |
|||
this.data.activityList.splice(index, 1) |
|||
} |
|||
this.setData({ |
|||
activityList: this.data.activityList |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
@ -1,39 +1,39 @@ |
|||
<view class="layout" wx:for="{{activityList}}"> |
|||
<view data-id="{{item.id}}" |
|||
data-actCurrentState="{{item.actCurrentState}}" |
|||
data-signupFlag="{{item.signupFlag}}" |
|||
bindtap="toActDetail"> |
|||
<view class="img"> |
|||
<image class="imgsrc" src="{{item.headPic}}" mode="aspectFill"/> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='0'}}">报名中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='1'}}">已报满</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='2'}}">未开始</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='3'}}">进行中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='4'}}">已结束</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='5'}}">已取消</view> |
|||
</view> |
|||
<view class="infos"> |
|||
<view class="infos_title">{{item.title}}</view> |
|||
<view class="infos_times"> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A6WAcS1lAAABQRNkl7Y828.png" /> |
|||
活动时间:{{item.actStartTime}}至 |
|||
</view> |
|||
<view class="endtime">{{item.actEndTime}}</view> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A7-AKfhbAAABTg-ZMDk458.png" /> |
|||
<text>活动地点:{{item.actAddress}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="infos_nums"> |
|||
|
|||
<span wx:if="{{item.actQuotaCategory == 0}}" class="total">不限名额</span> |
|||
<span wx:else class="total">活动名额 {{item.actQuota}}人</span> |
|||
<span class="signed">已报名 {{item.signupNum}}人</span> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<image class="signed-logo" wx:if="{{item.signupFlag=='1'}}" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A-CAIEeKAABSBTxj8ns662.png" /> |
|||
</view> |
|||
<!-- <view hidden="{{nomore}}" class="loadmore">上滑加载更多</view> |
|||
<view class="layout" wx:for="{{activityList}}"> |
|||
<view data-id="{{item.id}}" |
|||
data-actCurrentState="{{item.actCurrentState}}" |
|||
data-signupFlag="{{item.signupFlag}}" |
|||
bindtap="toActDetail"> |
|||
<view class="img"> |
|||
<image class="imgsrc" src="{{item.headPic}}" mode="aspectFill"/> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='0'}}">报名中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='1'}}">已报满</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='2'}}">未开始</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='3'}}">进行中</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='4'}}">已结束</view> |
|||
<view class="user-state" wx:if="{{item.actCurrentState=='5'}}">已取消</view> |
|||
</view> |
|||
<view class="infos"> |
|||
<view class="infos_title">{{item.title}}</view> |
|||
<view class="infos_times"> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A6WAcS1lAAABQRNkl7Y828.png" /> |
|||
活动时间:{{item.actStartTime}}至 |
|||
</view> |
|||
<view class="endtime">{{item.actEndTime}}</view> |
|||
<view> |
|||
<image class="imgsize" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A7-AKfhbAAABTg-ZMDk458.png" /> |
|||
<text>活动地点:{{item.actAddress}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="infos_nums" wx:if="{{!(state==2&&item.actCurrentState=='4')}}"> |
|||
|
|||
<span wx:if="{{item.actQuotaCategory == 0}}" class="total">不限名额</span> |
|||
<span wx:else class="total">活动名额 {{item.actQuota}}人</span> |
|||
<span class="signed">已报名 {{item.signupNum}}人</span> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<image class="signed-logo" wx:if="{{item.signupFlag=='1'}}" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7165A-CAIEeKAABSBTxj8ns662.png" /> |
|||
</view> |
|||
<!-- <view hidden="{{nomore}}" class="loadmore">上滑加载更多</view> |
|||
<view hidden="{{!nomore}}" class="loadmore">没有更多了~</view> --> |
|||
|
After Width: | Height: | Size: 9.3 KiB |
@ -1,347 +1,368 @@ |
|||
// pages/heartNew/heartNew.js
|
|||
const app = getApp() |
|||
var api = require('../../utils/activity.js') |
|||
import { |
|||
getTimestamp |
|||
} from '../../utils/common' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
statusHeight: 0, // 自定义头部状态栏高度
|
|||
navigationHeight: 0, // 自定义头部导航栏高度
|
|||
selectedTab: 'tab0', |
|||
// banner 相关
|
|||
banner: [], |
|||
indicatorDots: false, //指示点
|
|||
autoplay: true, //true false,//自动播放
|
|||
circular: true, //衔接滑动
|
|||
interval: 4000, //自动播放间隔时长(ms)
|
|||
duration: 500, //幻灯片切换时长(ms)
|
|||
currentSwiper: 0, |
|||
// banner 相关end
|
|||
// 列表相关
|
|||
loadMoreVisible: false, //false
|
|||
loadMoreType: 'none', //loading none
|
|||
dingdan: false,//判断订单列表隐藏
|
|||
jingcai: true,//判断精彩列表隐藏
|
|||
indexPage: 1, |
|||
pageSize: 10, |
|||
qkdat: false,//判断是否清空数据
|
|||
actId: '',//判断返回以后是否需要刷新列表
|
|||
volunteerlist:[],//志愿者列表
|
|||
listLength:0,//数据长度判断是否需要加载
|
|||
getImgUrl:'', |
|||
ifClickImage:false,//因为志友多多点击图片查看大图,会出现列表刷新的bug,所以加这个字段进行控制
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.bannerListV2() |
|||
this.getImgUrl()//获取配置图片
|
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
|
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 0, |
|||
qkdat: true, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-0").getActivityList(parms) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.selectedTab == 'tab1'){//刷新志友
|
|||
if(this.data.ifClickImage){//如果为true就不可以刷新,判断完成以后重新置为false
|
|||
this.setData({ |
|||
ifClickImage: false |
|||
}) |
|||
}else{ |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
loadMoreType: 'none', |
|||
indexPage: 1, |
|||
}) |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: true, |
|||
volunteerlist:[],//列表置空
|
|||
listLength:0 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.volunteerlist(parms) |
|||
} |
|||
} |
|||
if (this.data.actId) { |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
loadMoreType: 'none', |
|||
indexPage: 1, |
|||
}) |
|||
this.updateActivityList() |
|||
} |
|||
}, |
|||
// tab 切换
|
|||
tabBarChange(e) { |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
loadMoreType: 'none', |
|||
indexPage: 1, |
|||
}) |
|||
if (e.currentTarget.dataset.tab == 'tab0') { |
|||
this.setData({ |
|||
dingdan: false, |
|||
jingcai: true, |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 0,//活动列表类型(0-招募令,1-精彩活动)
|
|||
qkdat: true, |
|||
selectedTab:e.currentTarget.dataset.tab |
|||
} |
|||
this.selectComponent("#state-0").getActivityList(parms) |
|||
} else if (e.currentTarget.dataset.tab == 'tab1') { |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: true, |
|||
volunteerlist:[],//列表置空
|
|||
listLength:0 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.volunteerlist(parms) |
|||
} else if (e.currentTarget.dataset.tab == 'tab2') { |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: false, |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 1,//活动列表类型(0-招募令,1-精彩活动)
|
|||
qkdat: true, |
|||
selectedTab:e.currentTarget.dataset.tab |
|||
} |
|||
this.selectComponent("#state-2").getActivityList(parms) |
|||
} else if (e.currentTarget.dataset.tab == 'tab3') { |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: true, |
|||
}) |
|||
|
|||
wx.navigateTo({ |
|||
url: `/subpages/heart/pages/leaderboardNew/leaderboardNew` |
|||
}) |
|||
} |
|||
this.setData({ |
|||
selectedTab: e.currentTarget.dataset.tab |
|||
}) |
|||
}, |
|||
// 返回以后刷新列表
|
|||
updateActivityList() { |
|||
if ((this.data.selectedTab === 'tab0')) { |
|||
let params = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp(), |
|||
actType: 0, |
|||
actId: this.data.actId, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-0").updateActivityList(params) |
|||
} else if (this.data.selectedTab === 'tab2') { |
|||
let params = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp(), |
|||
actType: 1, |
|||
actId: this.data.actId, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-2").updateActivityList(params) |
|||
} |
|||
|
|||
this.setData({ |
|||
actId: '' |
|||
}) |
|||
}, |
|||
// 志愿者列表
|
|||
volunteerlist(params){ |
|||
let that = this |
|||
api.volunteerlist(params).then(function (res) { |
|||
if (res.data.length !== that.data.pageSize) { |
|||
that.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} |
|||
that.setData({ |
|||
listLength:res.data.length, |
|||
volunteerlist:that.data.volunteerlist.concat(res.data) |
|||
}) |
|||
}) |
|||
}, |
|||
//返回上一级
|
|||
goback() { |
|||
wx.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
}, |
|||
// banner 切换
|
|||
swiperChange: function (e) { |
|||
this.setData({ |
|||
currentSwiper: e.detail.current |
|||
}) |
|||
}, |
|||
// 通过判断列表的长度断定是否显示加载中
|
|||
toActDetailDown(e) { |
|||
if (e.detail.listLength !== this.data.pageSize) { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} |
|||
this.setData({ |
|||
actId: e.detail.actId, |
|||
listLength: e.detail.listLength |
|||
}) |
|||
}, |
|||
|
|||
clickImage(e){ |
|||
this.setData({ |
|||
ifClickImage: e.detail, |
|||
}) |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
this.bannerListV2() |
|||
}, |
|||
bannerListV2: function () { |
|||
let that = this |
|||
let params = { |
|||
bannerType:"0" |
|||
} |
|||
api.bannerList(params).then(function (res) { |
|||
that.setData({ |
|||
banner: res.data |
|||
}) |
|||
wx.stopPullDownRefresh(); |
|||
}) |
|||
}, |
|||
// 获取配置图片
|
|||
getImgUrl:function(){//0:咨询热线
|
|||
let that = this |
|||
api.getImgUrl('0').then(function (res) { |
|||
that.setData({ |
|||
getImgUrl: res.data[0].imgUrl |
|||
}) |
|||
}) |
|||
}, |
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
if (this.data.listLength !== this.data.pageSize) { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'loading', |
|||
}) |
|||
} |
|||
if (this.data.selectedTab == 'tab0') { |
|||
this.setData({ |
|||
indexPage: this.data.indexPage + 1 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 0, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-0").getActivityList(parms) |
|||
}else if(this.data.selectedTab == 'tab1'){ |
|||
this.setData({ |
|||
indexPage: this.data.indexPage + 1 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.volunteerlist(parms) |
|||
} else if (this.data.selectedTab == 'tab2') { |
|||
this.setData({ |
|||
indexPage: this.data.indexPage + 1 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 1, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-2").getActivityList(parms) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
//跳转志愿者认证页面
|
|||
govolunteer() { |
|||
wx.navigateTo({ |
|||
url: `/subpages/heart/pages/volunteer/volunteer` |
|||
}) |
|||
}, |
|||
// pages/heartNew/heartNew.js
|
|||
const app = getApp() |
|||
var api = require('../../utils/activity.js') |
|||
import { |
|||
getTimestamp |
|||
} from '../../utils/common' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
statusHeight: 0, // 自定义头部状态栏高度
|
|||
navigationHeight: 0, // 自定义头部导航栏高度
|
|||
selectedTab: 'tab0', |
|||
// banner 相关
|
|||
banner: [], |
|||
indicatorDots: false, //指示点
|
|||
autoplay: true, //true false,//自动播放
|
|||
circular: true, //衔接滑动
|
|||
interval: 4000, //自动播放间隔时长(ms)
|
|||
duration: 500, //幻灯片切换时长(ms)
|
|||
currentSwiper: 0, |
|||
// banner 相关end
|
|||
// 列表相关
|
|||
loadMoreVisible: false, //false
|
|||
loadMoreType: 'none', //loading none
|
|||
dingdan: false,//判断订单列表隐藏
|
|||
jingcai: true,//判断精彩列表隐藏
|
|||
indexPage: 1, |
|||
pageSize: 10, |
|||
qkdat: false,//判断是否清空数据
|
|||
actId: '',//判断返回以后是否需要刷新列表
|
|||
volunteerlist:[],//志愿者列表
|
|||
listLength:0,//数据长度判断是否需要加载
|
|||
getImgUrl:'', |
|||
ifClickImage:false,//因为志友多多点击图片查看大图,会出现列表刷新的bug,所以加这个字段进行控制
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.bannerListV2() |
|||
this.getImgUrl()//获取配置图片
|
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
}) |
|||
|
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 0, |
|||
qkdat: true, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-0").getActivityList(parms) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
if(this.data.selectedTab == 'tab1'){//刷新志友
|
|||
if(this.data.ifClickImage){//如果为true就不可以刷新,判断完成以后重新置为false
|
|||
this.setData({ |
|||
ifClickImage: false |
|||
}) |
|||
}else{ |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
loadMoreType: 'none', |
|||
indexPage: 1, |
|||
}) |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: true, |
|||
volunteerlist:[],//列表置空
|
|||
listLength:0 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.volunteerlist(parms) |
|||
} |
|||
} |
|||
if (this.data.actId) { |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
loadMoreType: 'none', |
|||
indexPage: 1, |
|||
}) |
|||
this.updateActivityList() |
|||
} |
|||
}, |
|||
// tab 切换
|
|||
tabBarChange(e) { |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
loadMoreType: 'none', |
|||
indexPage: 1, |
|||
}) |
|||
if (e.currentTarget.dataset.tab == 'tab0') { |
|||
this.setData({ |
|||
dingdan: false, |
|||
jingcai: true, |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 0,//活动列表类型(0-招募令,1-精彩活动)
|
|||
qkdat: true, |
|||
selectedTab:e.currentTarget.dataset.tab |
|||
} |
|||
this.selectComponent("#state-0").getActivityList(parms) |
|||
} else if (e.currentTarget.dataset.tab == 'tab1') { |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: true, |
|||
volunteerlist:[],//列表置空
|
|||
listLength:0 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.volunteerlist(parms) |
|||
} else if (e.currentTarget.dataset.tab == 'tab2') { |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: false, |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 1,//活动列表类型(0-招募令,1-精彩活动)
|
|||
qkdat: true, |
|||
selectedTab:e.currentTarget.dataset.tab |
|||
} |
|||
this.selectComponent("#state-2").getActivityList(parms) |
|||
} else if (e.currentTarget.dataset.tab == 'tab3') { |
|||
this.setData({ |
|||
dingdan: true, |
|||
jingcai: true, |
|||
}) |
|||
|
|||
wx.navigateTo({ |
|||
url: `/subpages/heart/pages/leaderboardNew/leaderboardNew` |
|||
}) |
|||
} |
|||
this.setData({ |
|||
selectedTab: e.currentTarget.dataset.tab |
|||
}) |
|||
}, |
|||
// 返回以后刷新列表
|
|||
updateActivityList() { |
|||
if ((this.data.selectedTab === 'tab0')) { |
|||
let params = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp(), |
|||
actType: 0, |
|||
actId: this.data.actId, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-0").updateActivityList(params) |
|||
} else if (this.data.selectedTab === 'tab2') { |
|||
let params = { |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
timestamp: getTimestamp(), |
|||
actType: 1, |
|||
actId: this.data.actId, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-2").updateActivityList(params) |
|||
} |
|||
|
|||
this.setData({ |
|||
actId: '' |
|||
}) |
|||
}, |
|||
// 志愿者列表
|
|||
volunteerlist(params){ |
|||
let that = this |
|||
api.volunteerlist(params).then(function (res) { |
|||
if (res.data.length !== that.data.pageSize) { |
|||
that.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} |
|||
that.setData({ |
|||
listLength:res.data.length, |
|||
volunteerlist:that.data.volunteerlist.concat(res.data) |
|||
}) |
|||
}) |
|||
}, |
|||
//返回上一级
|
|||
goback() { |
|||
wx.navigateBack({ |
|||
delta: 1 |
|||
}) |
|||
}, |
|||
// banner 切换
|
|||
swiperChange: function (e) { |
|||
this.setData({ |
|||
currentSwiper: e.detail.current |
|||
}) |
|||
}, |
|||
// 通过判断列表的长度断定是否显示加载中
|
|||
toActDetailDown(e) { |
|||
if (e.detail.listLength !== this.data.pageSize) { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} |
|||
this.setData({ |
|||
actId: e.detail.actId, |
|||
listLength: e.detail.listLength |
|||
}) |
|||
}, |
|||
|
|||
clickImage(e){ |
|||
this.setData({ |
|||
ifClickImage: e.detail, |
|||
}) |
|||
}, |
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
this.bannerListV2() |
|||
}, |
|||
bannerListV2: function () { |
|||
let that = this |
|||
let params = { |
|||
bannerType:"0" |
|||
} |
|||
api.bannerList(params).then(function (res) { |
|||
that.setData({ |
|||
banner: res.data |
|||
}) |
|||
wx.stopPullDownRefresh(); |
|||
}) |
|||
}, |
|||
// 获取配置图片
|
|||
getImgUrl:function(){//0:咨询热线
|
|||
let that = this |
|||
api.getImgUrl('0').then(function (res) { |
|||
that.setData({ |
|||
getImgUrl: res.data[0] |
|||
}) |
|||
}) |
|||
}, |
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
if (this.data.listLength !== this.data.pageSize) { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
loadMoreType: 'loading', |
|||
}) |
|||
} |
|||
if (this.data.selectedTab == 'tab0') { |
|||
this.setData({ |
|||
indexPage: this.data.indexPage + 1 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 0, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-0").getActivityList(parms) |
|||
}else if(this.data.selectedTab == 'tab1'){ |
|||
this.setData({ |
|||
indexPage: this.data.indexPage + 1 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
} |
|||
this.volunteerlist(parms) |
|||
} else if (this.data.selectedTab == 'tab2') { |
|||
this.setData({ |
|||
indexPage: this.data.indexPage + 1 |
|||
}) |
|||
let parms = { |
|||
pageIndex: this.data.indexPage, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: getTimestamp(), |
|||
actType: 1, |
|||
selectedTab:this.data.selectedTab |
|||
} |
|||
this.selectComponent("#state-2").getActivityList(parms) |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
//跳转志愿者认证页面
|
|||
govolunteer() { |
|||
wx.navigateTo({ |
|||
url: `/subpages/heart/pages/volunteer/volunteer` |
|||
}) |
|||
}, |
|||
|
|||
//拨打电话
|
|||
getPhone(e) { |
|||
// return false
|
|||
wx.showModal({ |
|||
title: '拨打电话', |
|||
content: ``, |
|||
cancelColor: '#29B9A5', |
|||
confirmColor: '#29B9A5', |
|||
success: (res) => { |
|||
if (res.confirm) { |
|||
console.log('用户点击确定') |
|||
wx.makePhoneCall({ |
|||
phoneNumber: e.currentTarget.dataset.number |
|||
}) |
|||
} else if (res.cancel) { |
|||
console.log('用户点击取消') |
|||
} |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
@ -1,90 +1,90 @@ |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
<view class="goback" bindtap="goback"> |
|||
<image src="../../images/goback.png" /> |
|||
</view> |
|||
<view class="title" bindtap="goback"> |
|||
<view class="title-right">志愿者去哪儿</view> |
|||
</view> |
|||
<!-- 志愿者去哪儿 --> |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid"> |
|||
<image src="{{getImgUrl}}" /> |
|||
</view> |
|||
<view class="volunteer" bindtap="govolunteer"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717MhrKAB80nAAApr5c7VJQ292.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="banner-main"> |
|||
<view class="page-body"> |
|||
<view class="page-section page-section-spacing swiper"> |
|||
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange"> |
|||
<block wx:if="{{banner.length > 0}}"> |
|||
<block wx:for="{{banner}}" wx:key="*this"> |
|||
<swiper-item> |
|||
<view class="swiper-item" data-id="{{item.actId}}"> |
|||
<image class="banner" src='{{item.bannerImg}}' mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</block> |
|||
<block wx:else> |
|||
<swiper-item> |
|||
<view> |
|||
<image class="banner" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717N1ouAPcXVAAJZd_4ygpQ518.jpg" mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
<!-- 重置小圆点的样式 --> |
|||
<view class="dots"> |
|||
<block wx:for="{{ banner }}" wx:key="index"> |
|||
<view class="dot {{index == currentSwiper ? ' active' : '' }}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tab-all"> |
|||
<view class="tab-bar"> |
|||
<view class="tab tab0 {{selectedTab === 'tab0' ? 'select' : ''}}" data-tab="tab0" bindtap="tabBarChange"> |
|||
订单多多 |
|||
</view> |
|||
<view class="tab tab1 {{selectedTab === 'tab1' ? 'select' : ''}}" data-tab="tab1" bindtap="tabBarChange"> |
|||
志友朵朵 |
|||
</view> |
|||
<view class="tab tab2 {{selectedTab === 'tab2' ? 'select' : ''}}" data-tab="tab2" bindtap="tabBarChange"> |
|||
精彩说说 |
|||
</view> |
|||
<view class="tab tab3 {{selectedTab === 'tab3' ? 'select' : ''}}" data-tab="tab3" bindtap="tabBarChange"> |
|||
积分火火 |
|||
</view> |
|||
<view class="select-bar {{selectedTab}}"></view> |
|||
</view> |
|||
</view> |
|||
<!-- 订单多多列表 --> |
|||
<view class="details-top" hidden="{{dingdan}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-0" state="0"></activity> |
|||
</view> |
|||
<!-- 志友朵朵 --> |
|||
<block wx:if="{{ selectedTab == 'tab1' }}"> |
|||
<view class="details-top"> |
|||
<view class="volunteer-box"> |
|||
<volunteer-list bind:clickImage="clickImage" wx:for="{{volunteerlist}}" volunteerItemObj="{{item}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></volunteer-list> |
|||
</view> |
|||
<!-- <view class="show">*按姓氏拼音排序</view> --> |
|||
</view> |
|||
</block> |
|||
<!-- 精彩说说 --> |
|||
<view class="details-top" hidden="{{jingcai}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-2" state="2"></activity> |
|||
</view> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
|||
<view class="goback" bindtap="goback"> |
|||
<image src="../../images/goback.png" /> |
|||
</view> |
|||
<view class="title" bindtap="goback"> |
|||
<view class="title-right">志愿者去哪儿</view> |
|||
</view> |
|||
<!-- 志愿者去哪儿 --> |
|||
</view> |
|||
</view> |
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid" bindtap="getPhone" data-number="{{getImgUrl.remark}}"> |
|||
<image src="{{getImgUrl.imgUrl}}" /> |
|||
</view> |
|||
<view class="volunteer" bindtap="govolunteer"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717MhrKAB80nAAApr5c7VJQ292.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="banner-main"> |
|||
<view class="page-body"> |
|||
<view class="page-section page-section-spacing swiper"> |
|||
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange"> |
|||
<block wx:if="{{banner.length > 0}}"> |
|||
<block wx:for="{{banner}}" wx:key="*this"> |
|||
<swiper-item> |
|||
<view class="swiper-item" data-id="{{item.actId}}"> |
|||
<image class="banner" src='{{item.bannerImg}}' mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</block> |
|||
<block wx:else> |
|||
<swiper-item> |
|||
<view> |
|||
<image class="banner" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/09/rBAB717N1ouAPcXVAAJZd_4ygpQ518.jpg" mode="aspectFill" /> |
|||
</view> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
<!-- 重置小圆点的样式 --> |
|||
<view class="dots"> |
|||
<block wx:for="{{ banner }}" wx:key="index"> |
|||
<view class="dot {{index == currentSwiper ? ' active' : '' }}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="tab-all"> |
|||
<view class="tab-bar"> |
|||
<view class="tab tab0 {{selectedTab === 'tab0' ? 'select' : ''}}" data-tab="tab0" bindtap="tabBarChange"> |
|||
订单多多 |
|||
</view> |
|||
<view class="tab tab1 {{selectedTab === 'tab1' ? 'select' : ''}}" data-tab="tab1" bindtap="tabBarChange"> |
|||
志友朵朵 |
|||
</view> |
|||
<view class="tab tab2 {{selectedTab === 'tab2' ? 'select' : ''}}" data-tab="tab2" bindtap="tabBarChange"> |
|||
精彩说说 |
|||
</view> |
|||
<view class="tab tab3 {{selectedTab === 'tab3' ? 'select' : ''}}" data-tab="tab3" bindtap="tabBarChange"> |
|||
积分火火 |
|||
</view> |
|||
<view class="select-bar {{selectedTab}}"></view> |
|||
</view> |
|||
</view> |
|||
<!-- 订单多多列表 --> |
|||
<view class="details-top" hidden="{{dingdan}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-0" state="0"></activity> |
|||
</view> |
|||
<!-- 志友朵朵 --> |
|||
<block wx:if="{{ selectedTab == 'tab1' }}"> |
|||
<view class="details-top"> |
|||
<view class="volunteer-box"> |
|||
<volunteer-list bind:clickImage="clickImage" wx:for="{{volunteerlist}}" volunteerItemObj="{{item}}" wx:for-index="index" wx:for-item="item" wx:key="{{index}}"></volunteer-list> |
|||
</view> |
|||
<!-- <view class="show">*按姓氏拼音排序</view> --> |
|||
</view> |
|||
</block> |
|||
<!-- 精彩说说 --> |
|||
<view class="details-top" hidden="{{jingcai}}"> |
|||
<activity bind:toActDetail="toActDetailDown" id="state-2" state="2"></activity> |
|||
</view> |
|||
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more> |
|||
@ -1,385 +1,385 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
|
|||
|
|||
.header .navigation { |
|||
/* width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; */ |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.header .navigation .goback { |
|||
width: 16rpx; |
|||
margin-left: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.header .navigation .goback image { |
|||
width: 16rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.header .navigation .title { |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
font-size: 32rpx; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
.header .navigation .title .title-right { |
|||
/* margin-right: 46rpx; */ |
|||
} |
|||
|
|||
.home { |
|||
width: 100%; |
|||
} |
|||
|
|||
.belong-grid { |
|||
width: 100%; |
|||
height: 138rpx; |
|||
box-sizing: border-box; |
|||
padding-top: 16rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid { |
|||
display: flex; |
|||
flex-direction: row; |
|||
/* align-items: center; */ |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.belong-grid .belong-grid-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid { |
|||
margin-left: 21rpx; |
|||
/* width: 90%; */ |
|||
width: calc(100% - 234rpx); |
|||
height: 62rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid image { |
|||
width: 100%; |
|||
height: 46rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer { |
|||
margin-right: 15rpx; |
|||
width: 90rpx; |
|||
height: 62rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
/* banner 样式 */ |
|||
.banner-main { |
|||
position: absolute; |
|||
width: calc(100% - 60rpx); |
|||
height: 300rpx; |
|||
margin-left: 30rpx; |
|||
background-color: #fff; |
|||
z-index: 997; |
|||
margin-top: -36rpx; |
|||
box-shadow: 0px 6px 21px 0px rgba(122, 122, 122, 0.23); |
|||
border-radius: 17rpx; |
|||
} |
|||
|
|||
|
|||
.page-body { |
|||
/* padding-top: 30rpx; */ |
|||
/* background: #fff; */ |
|||
} |
|||
|
|||
.page-section { |
|||
width: 100%; |
|||
margin-bottom: 60rpx; |
|||
} |
|||
|
|||
.page-section_center { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.page-section:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-gap { |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.page-section-spacing { |
|||
box-sizing: border-box; |
|||
/* padding: 0 20rpx; */ |
|||
height: 300rpx; |
|||
} |
|||
|
|||
swiper { |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.page-section-title { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
margin-bottom: 10rpx; |
|||
padding-left: 30rpx; |
|||
padding-right: 30rpx; |
|||
} |
|||
|
|||
.page-section-gap .page-section-title { |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.demo-text-1 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #1aad19; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-1:before { |
|||
content: 'A'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-2 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #2782d7; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-2:before { |
|||
content: 'B'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-3 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #f1f1f1; |
|||
color: #353535; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-3:before { |
|||
content: 'C'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
button { |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
button:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-title { |
|||
padding: 0; |
|||
} |
|||
|
|||
.swiper-item { |
|||
display: block; |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.banner { |
|||
overflow: hidden; |
|||
height: 300rpx; |
|||
display: flex; |
|||
width: 100%; |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.dots { |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: -23rpx; |
|||
z-index: 999; |
|||
position: relative; |
|||
|
|||
/* padding-bottom: 10rpx; */ |
|||
} |
|||
|
|||
.dots .dot { |
|||
width: 20rpx; |
|||
height: 6rpx; |
|||
margin-left: 8rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
opacity: 0.38; |
|||
border-radius: 3rpx; |
|||
transition: all 0.3s; |
|||
} |
|||
|
|||
.dots .dot.active { |
|||
width: 20rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
border-radius: 3rpx; |
|||
opacity: 1; |
|||
/* background-image: linear-gradient(90deg, #fc5555 58%, #fc5555 100%); */ |
|||
} |
|||
|
|||
/* banner end */ |
|||
|
|||
.tab-all { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 370rpx; |
|||
background-color: #fff; |
|||
z-index: 996; |
|||
} |
|||
|
|||
|
|||
.tab-bar { |
|||
margin-top: 278rpx; |
|||
width: 100%; |
|||
height: 92rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
align-items: center; |
|||
position: relative; |
|||
} |
|||
|
|||
.tab-bar .tab { |
|||
font-size: 34rpx; |
|||
font-weight: 500; |
|||
color: rgba(171, 171, 171, 1); |
|||
width: 25%; |
|||
height: 100%; |
|||
line-height: 92rpx; |
|||
/* text-indent: 20rpx; */ |
|||
text-align: center; |
|||
position: relative; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.tab-bar .tab.select { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: rgba(229, 15, 0, 1); |
|||
} |
|||
|
|||
.tab-bar .select-bar { |
|||
position: absolute; |
|||
left: 14rpx; |
|||
bottom: 0rpx; |
|||
width: 30rpx; |
|||
height: 8rpx; |
|||
border-radius: 4rpx; |
|||
background: #fc5555; |
|||
z-index: 1; |
|||
} |
|||
|
|||
.tab-bar .tab0.select-bar { |
|||
left: calc(12.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab1.select-bar { |
|||
left: calc(37.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab2.select-bar { |
|||
left: calc(62.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab3.select-bar { |
|||
left: calc(87.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .hover-tab { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
|
|||
/* 内容 */ |
|||
.details-top { |
|||
margin-top: 385rpx; |
|||
} |
|||
|
|||
.volunteer-box { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
padding: 0rpx 40rpx 19rpx 40rpx; |
|||
} |
|||
.show { |
|||
padding: 0rpx 40rpx; |
|||
height: 24rpx; |
|||
font-size: 24rpx; |
|||
line-height: 24rpx; |
|||
font-weight: 500; |
|||
color: #C5C5C5; |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
z-index: 10; |
|||
left: 0; |
|||
top: 0; |
|||
} |
|||
|
|||
|
|||
|
|||
.header .navigation { |
|||
/* width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; */ |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.header .navigation .goback { |
|||
width: 16rpx; |
|||
margin-left: 30rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.header .navigation .goback image { |
|||
width: 16rpx; |
|||
height: 28rpx; |
|||
} |
|||
|
|||
.header .navigation .title { |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: center; */ |
|||
width: calc(100% - 46rpx); |
|||
margin-left: 46rpx; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
font-size: 32rpx; |
|||
letter-spacing: 2rpx; |
|||
} |
|||
|
|||
.header .navigation .title .title-right { |
|||
/* margin-right: 46rpx; */ |
|||
} |
|||
|
|||
.home { |
|||
width: 100%; |
|||
} |
|||
|
|||
.belong-grid { |
|||
width: 100%; |
|||
height: 138rpx; |
|||
box-sizing: border-box; |
|||
padding-top: 16rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: flex-end; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.belong-grid .belong-grid-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid { |
|||
margin-left: 28rpx; |
|||
/* width: 90%; */ |
|||
width: calc(100% - 234rpx); |
|||
height: 62rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid image { |
|||
width: 532rpx; |
|||
height: 66rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer { |
|||
margin-right: 15rpx; |
|||
width: 108rpx; |
|||
height: 68rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .volunteer image { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
/* banner 样式 */ |
|||
.banner-main { |
|||
position: absolute; |
|||
width: calc(100% - 60rpx); |
|||
height: 300rpx; |
|||
margin-left: 30rpx; |
|||
background-color: #fff; |
|||
z-index: 997; |
|||
margin-top: -36rpx; |
|||
box-shadow: 0px 6px 21px 0px rgba(122, 122, 122, 0.23); |
|||
border-radius: 17rpx; |
|||
} |
|||
|
|||
|
|||
.page-body { |
|||
/* padding-top: 30rpx; */ |
|||
/* background: #fff; */ |
|||
} |
|||
|
|||
.page-section { |
|||
width: 100%; |
|||
margin-bottom: 60rpx; |
|||
} |
|||
|
|||
.page-section_center { |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
|
|||
.page-section:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-gap { |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
} |
|||
|
|||
.page-section-spacing { |
|||
box-sizing: border-box; |
|||
/* padding: 0 20rpx; */ |
|||
height: 300rpx; |
|||
} |
|||
|
|||
swiper { |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.page-section-title { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
margin-bottom: 10rpx; |
|||
padding-left: 30rpx; |
|||
padding-right: 30rpx; |
|||
} |
|||
|
|||
.page-section-gap .page-section-title { |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.demo-text-1 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #1aad19; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-1:before { |
|||
content: 'A'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-2 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #2782d7; |
|||
color: #fff; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-2:before { |
|||
content: 'B'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
.demo-text-3 { |
|||
position: relative; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background-color: #f1f1f1; |
|||
color: #353535; |
|||
font-size: 36rpx; |
|||
} |
|||
|
|||
.demo-text-3:before { |
|||
content: 'C'; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%, -50%); |
|||
} |
|||
|
|||
button { |
|||
margin-bottom: 30rpx; |
|||
} |
|||
|
|||
button:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
.page-section-title { |
|||
padding: 0; |
|||
} |
|||
|
|||
.swiper-item { |
|||
display: block; |
|||
height: 300rpx; |
|||
} |
|||
|
|||
.banner { |
|||
overflow: hidden; |
|||
height: 300rpx; |
|||
display: flex; |
|||
width: 100%; |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.dots { |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: -23rpx; |
|||
z-index: 999; |
|||
position: relative; |
|||
|
|||
/* padding-bottom: 10rpx; */ |
|||
} |
|||
|
|||
.dots .dot { |
|||
width: 20rpx; |
|||
height: 6rpx; |
|||
margin-left: 8rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
opacity: 0.38; |
|||
border-radius: 3rpx; |
|||
transition: all 0.3s; |
|||
} |
|||
|
|||
.dots .dot.active { |
|||
width: 20rpx; |
|||
background: rgba(247, 247, 247, 1); |
|||
border-radius: 3rpx; |
|||
opacity: 1; |
|||
/* background-image: linear-gradient(90deg, #fc5555 58%, #fc5555 100%); */ |
|||
} |
|||
|
|||
/* banner end */ |
|||
|
|||
.tab-all { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 370rpx; |
|||
background-color: #fff; |
|||
z-index: 996; |
|||
} |
|||
|
|||
|
|||
.tab-bar { |
|||
margin-top: 278rpx; |
|||
width: 100%; |
|||
height: 92rpx; |
|||
background: #fff; |
|||
display: flex; |
|||
align-items: center; |
|||
position: relative; |
|||
} |
|||
|
|||
.tab-bar .tab { |
|||
font-size: 34rpx; |
|||
font-weight: 500; |
|||
color: rgba(171, 171, 171, 1); |
|||
width: 25%; |
|||
height: 100%; |
|||
line-height: 92rpx; |
|||
/* text-indent: 20rpx; */ |
|||
text-align: center; |
|||
position: relative; |
|||
z-index: 10; |
|||
} |
|||
|
|||
.tab-bar .tab.select { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: rgba(229, 15, 0, 1); |
|||
} |
|||
|
|||
.tab-bar .select-bar { |
|||
position: absolute; |
|||
left: 14rpx; |
|||
bottom: 0rpx; |
|||
width: 30rpx; |
|||
height: 8rpx; |
|||
border-radius: 4rpx; |
|||
background: #fc5555; |
|||
z-index: 1; |
|||
} |
|||
|
|||
.tab-bar .tab0.select-bar { |
|||
left: calc(12.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab1.select-bar { |
|||
left: calc(37.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab2.select-bar { |
|||
left: calc(62.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .tab3.select-bar { |
|||
left: calc(87.5% - 15rpx); |
|||
transition: left 0.3s linear; |
|||
} |
|||
|
|||
.tab-bar .hover-tab { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
|
|||
/* 内容 */ |
|||
.details-top { |
|||
margin-top: 385rpx; |
|||
} |
|||
|
|||
.volunteer-box { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
padding: 0rpx 40rpx 19rpx 40rpx; |
|||
} |
|||
.show { |
|||
padding: 0rpx 40rpx; |
|||
height: 24rpx; |
|||
font-size: 24rpx; |
|||
line-height: 24rpx; |
|||
font-weight: 500; |
|||
color: #C5C5C5; |
|||
} |
|||
@ -1,9 +1,10 @@ |
|||
{ |
|||
"navigationBarTitleText": "e锦水", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
"nav-bar": "/components/navbar/index", |
|||
"load-more": "../../components/loadMore/loadMore" |
|||
} |
|||
{ |
|||
"navigationBarTitleText": "e锦水", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
"nav-bar": "/components/navbar/index", |
|||
"load-more": "../../components/loadMore/loadMore", |
|||
"complete-info-dialog": "../../components/completeInfoDialog/completeInfoDialog" |
|||
} |
|||
} |
|||
@ -1,163 +1,169 @@ |
|||
<wxs module="filter" src="../../utils/filter.wxs"></wxs> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">e锦水</view> |
|||
</view> |
|||
|
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
|
|||
<!--所属网格--> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid" bindtap="changeGrid"> |
|||
<image class="party-logo" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk1aAGwwcAAAFdGPP-1s507.png" /> |
|||
<view class="grid-name">{{departmentName}}</view> |
|||
<image class="more-grid" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk3uAAMMcAAADckZSIh0279.png" /> |
|||
</view> |
|||
<view class="my-and-news"> |
|||
<image wx:if="{{infoObj.title == ''}}" bindtap="noMore" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk4yASWCrAAAKA-kIkt0142.png" /> |
|||
<image wx:else bindtap="toInfoList" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7161EWKAIXwXAAAD4DwRkd4543.png" /> |
|||
<!-- <image bindtap="toMine" class="my" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB716n_HiAZ9BOAAAIkMWBOnA191.png" /> --> |
|||
</view> |
|||
</view> |
|||
<view class="newImage"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160_caAFDdeAACsQB7kto8691.png"></image> |
|||
</view> |
|||
</view> |
|||
<!-- banner swiperBannerList --> |
|||
<view class="banner"> |
|||
<swiper circular="{{true}}" autoplay="{{true}}" interval="{{3000}}" current="{{currentIndex}}" bindchange="swiperChange"> |
|||
<swiper-item wx:for="{{swiperBannerList}}" wx:key="index" wx:for-index="index" wx:for-item="item"> |
|||
<view class="banner-item" data-id="{{item.id}}" data-url="{{item.url}}" data-newsflag="{{item.newsFlag}}" bindtap="navigatetoBannerDetail"> |
|||
<image mode="aspectFill" class="banner-img" src="{{item.imgUrl}}" /> |
|||
<view class="banner-content"> |
|||
<view class="title"> |
|||
<view class="title-text">{{item.title}}</view> |
|||
</view> |
|||
<view class="indication"> |
|||
<block wx:for="{{swiperBannerList}}" wx:key="index"> |
|||
<view class="spot{{index == currentIndex? ' active' : ''}}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</swiper-item> |
|||
</swiper> |
|||
</view> |
|||
<!-- 通知 --> |
|||
<!-- <view class="notice"> |
|||
<view class="left"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk6iAMXkjAAAJcTi5eUU272.png"></image> |
|||
<view class="circle"></view> |
|||
<view class="havenotice" wx:if="{{noticeList.length > 0}}"> |
|||
<view class="notice-broadcast-content" class="scrollNotice"> |
|||
<view class="ul list swiper-wrapper" class="notice_list"> |
|||
<view class="swiperview swiper-position"> |
|||
<swiper class="swiperitem" indicator-dots="true" autoplay="true" vertical="true" circular="true"> |
|||
<block wx:for="{{noticeList}}" wx:key="index" wx:for-item="item" wx:for-index="index"> |
|||
<swiper-item> |
|||
<navigator url="/subpages/home/pages/noticeDetail/noticeDetail?id={{item.id}}"> |
|||
<text class="swiper-txt">{{item.noticeTitle}}</text> |
|||
</navigator> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
<!-- <view class="notice-info" wx:if="{{noticeList.length > 0}}">疫情防控社区、医疗机构防控网格图联系方···</view> --> |
|||
<!-- </view> --> |
|||
<!-- <view class="right"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk7iAHRq-AAAFYLGulzU493.png"></image> |
|||
<view class="name" wx:if="{{noticeList.length > 0}}">{{noticeList.length}}</view> |
|||
<view class="name" wx:else>0</view> |
|||
</view> --> |
|||
<!-- </view> --> |
|||
<view class="newnotice" bindtap="getPhone" data-number="87875655"> |
|||
<image class="image1" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/14/rBAB717t5zeAR7mBAAAe8_LOKr8883.png"></image> |
|||
<!-- <image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image> --> |
|||
<!-- <text></text> --> |
|||
</view> |
|||
|
|||
<!-- 我有话说 --> |
|||
<view class="grid-all-new"> |
|||
<button bindtap="wyss" class="weui-btn-left" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BRGARAefAAGNonPzguk041.png'></image> |
|||
</button> |
|||
<view class="weui-btn-right"> |
|||
<button bindtap="goheart" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BqiAGT25AADji64eXU8518.png'></image> |
|||
</button> |
|||
<button bindtap="dqhd" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169FteAZi7IAACvNYI5st0319.png'></image> |
|||
<!-- <image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Bt2ALFoDAADqKvNuMrQ441.png'></image> --> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="grid-all"> |
|||
<button bindtap="wyss" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nki6AIOnKAAEFtEe51uE843.png'></image> |
|||
</button> |
|||
|
|||
<button bindtap="dqhd" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkqeAFhyBAAEedWqz2eE440.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkrqAB9DJAAEx8Bq_7R8226.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nks6ALQtRAAExnBUFGQs281.png'></image> |
|||
</button> |
|||
</view> --> |
|||
<!-- 九宫格 --> |
|||
<view class="grid-new"> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="gointegralCentre" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161B_qAe-m2AAChh4x0hS4857.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">积分排名</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="moreNotice" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161ChOAayOhAACQGnm1tII484.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">政策导航</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toUnderstandJs" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161CkmAQ8ljAACCxDg25qk058.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">了解锦水</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toMine" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Co6AYOnYAACU4vWwdsU999.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">个人中心</view> |
|||
</view> |
|||
</view> |
|||
<!-- 列表 --> |
|||
<view class="list-all"> |
|||
<view class="list-item" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{newsList}}" data-id="{{item.id}}" bindtap="toDetail"> |
|||
<view class="item-info"> |
|||
<view class="item-info-name">{{item.newsTitle}} |
|||
</view> |
|||
<view class="item-info-time"> |
|||
<text>{{item.deptName}}-{{item.newsCategoryName}}</text> |
|||
<text>{{filter.formatTime(item.newsStartTime, 'yyyy-MM-dd')}}</text> |
|||
</view> |
|||
</view> |
|||
<image src="{{item.newsImageUrl}}"></image> |
|||
<view wx:if="{{item.readFlag === '0'}}" class="label"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169_pSALSbKAAALvZBEa2A131.png"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> --> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
</view> |
|||
<wxs module="filter" src="../../utils/filter.wxs"></wxs> |
|||
<view class="header" style="height: {{statusHeight + navigationHeight}}px;"> |
|||
<image class="header-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-w6AJBH6AAAk6D4lsPc207.png" /> |
|||
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">e锦水</view> |
|||
</view> |
|||
|
|||
<view class="home" style="margin-top: {{statusHeight + navigationHeight}}px"> |
|||
|
|||
<!--所属网格--> |
|||
<view class="belong-grid"> |
|||
<image class="belong-grid-bg" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160-u6ATTx1AAEZrXGthow458.png" /> |
|||
<view class="newbelong-grid"> |
|||
<view class="grid" bindtap="changeGrid"> |
|||
<image class="party-logo" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk1aAGwwcAAAFdGPP-1s507.png" /> |
|||
<view class="grid-name">{{departmentName}}</view> |
|||
<image class="more-grid" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk3uAAMMcAAADckZSIh0279.png" /> |
|||
</view> |
|||
<view class="my-and-news"> |
|||
<image wx:if="{{infoObj.title == ''}}" bindtap="noMore" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk4yASWCrAAAKA-kIkt0142.png" /> |
|||
<image wx:else bindtap="toInfoList" class="news" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7161EWKAIXwXAAAD4DwRkd4543.png" /> |
|||
<!-- <image bindtap="toMine" class="my" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB716n_HiAZ9BOAAAIkMWBOnA191.png" /> --> |
|||
</view> |
|||
</view> |
|||
<view class="newImage"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7160_caAFDdeAACsQB7kto8691.png"></image> |
|||
</view> |
|||
</view> |
|||
<!-- banner swiperBannerList --> |
|||
<view class="banner"> |
|||
<swiper circular="{{true}}" autoplay="{{true}}" interval="{{3000}}" current="{{currentIndex}}" bindchange="swiperChange"> |
|||
<swiper-item wx:for="{{swiperBannerList}}" wx:key="index" wx:for-index="index" wx:for-item="item"> |
|||
<view class="banner-item" data-id="{{item.id}}" data-url="{{item.url}}" data-newsflag="{{item.newsFlag}}" bindtap="navigatetoBannerDetail"> |
|||
<image mode="aspectFill" class="banner-img" src="{{item.imgUrl}}" /> |
|||
<view class="banner-content"> |
|||
<view class="title"> |
|||
<view class="title-text">{{item.title}}</view> |
|||
</view> |
|||
<view class="indication"> |
|||
<block wx:for="{{swiperBannerList}}" wx:key="index"> |
|||
<view class="spot{{index == currentIndex? ' active' : ''}}"></view> |
|||
</block> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</swiper-item> |
|||
</swiper> |
|||
</view> |
|||
<!-- 通知 --> |
|||
<!-- <view class="notice"> |
|||
<view class="left"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk6iAMXkjAAAJcTi5eUU272.png"></image> |
|||
<view class="circle"></view> |
|||
<view class="havenotice" wx:if="{{noticeList.length > 0}}"> |
|||
<view class="notice-broadcast-content" class="scrollNotice"> |
|||
<view class="ul list swiper-wrapper" class="notice_list"> |
|||
<view class="swiperview swiper-position"> |
|||
<swiper class="swiperitem" indicator-dots="true" autoplay="true" vertical="true" circular="true"> |
|||
<block wx:for="{{noticeList}}" wx:key="index" wx:for-item="item" wx:for-index="index"> |
|||
<swiper-item> |
|||
<navigator url="/subpages/home/pages/noticeDetail/noticeDetail?id={{item.id}}"> |
|||
<text class="swiper-txt">{{item.noticeTitle}}</text> |
|||
</navigator> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> --> |
|||
<!-- <view class="notice-info" wx:if="{{noticeList.length > 0}}">疫情防控社区、医疗机构防控网格图联系方···</view> --> |
|||
<!-- </view> --> |
|||
<!-- <view class="right"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nk7iAHRq-AAAFYLGulzU493.png"></image> |
|||
<view class="name" wx:if="{{noticeList.length > 0}}">{{noticeList.length}}</view> |
|||
<view class="name" wx:else>0</view> |
|||
</view> --> |
|||
<!-- </view> --> |
|||
<view class="newnotice" bindtap="getPhone" data-number="{{homePagePhone.remark}}"> |
|||
<image class="image1" src="{{homePagePhone.imgUrl}}"></image> |
|||
<image class="image-call" src="../../images/home/call.png"></image> |
|||
<!-- <image class="image2" src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161AbyAfYVeAAAdNklNbvM579.png"></image> --> |
|||
<!-- <text></text> --> |
|||
</view> |
|||
|
|||
<!-- 我有话说 --> |
|||
<view class="grid-all-new"> |
|||
<button bindtap="wyss" class="weui-btn-left" form-type='submit' plain='true' hover-class="hover-btn" wx:if="{{departmentId != leaderGridId}}"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BRGARAefAAGNonPzguk041.png'></image> |
|||
</button> |
|||
<button bindtap="wysy" class="weui-btn-left" form-type='submit' plain='true' hover-class="hover-btn" wx:else> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/16/rBAB717xXhKATMiMAAAvjvVWdAA612.png'></image> |
|||
</button> |
|||
<view class="weui-btn-right"> |
|||
<button bindtap="goheart" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161BqiAGT25AADji64eXU8518.png'></image> |
|||
</button> |
|||
<button bindtap="dqhd" class="weui-btn-top" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169FteAZi7IAACvNYI5st0319.png'></image> |
|||
<!-- <image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Bt2ALFoDAADqKvNuMrQ441.png'></image> --> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
<!-- <view class="grid-all"> |
|||
<button bindtap="wyss" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nki6AIOnKAAEFtEe51uE843.png'></image> |
|||
</button> |
|||
|
|||
<button bindtap="dqhd" class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkqeAFhyBAAEedWqz2eE440.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nkrqAB9DJAAEx8Bq_7R8226.png'></image> |
|||
</button> |
|||
|
|||
<button class="weui-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/05/rBAB716nks6ALQtRAAExnBUFGQs281.png'></image> |
|||
</button> |
|||
</view> --> |
|||
<!-- 九宫格 --> |
|||
<view class="grid-new"> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="gointegralCentre" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161B_qAe-m2AAChh4x0hS4857.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">积分排名</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="moreNotice" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161ChOAayOhAACQGnm1tII484.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">政策导航</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toUnderstandJs" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161CkmAQ8ljAACCxDg25qk058.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">了解锦水</view> |
|||
</view> |
|||
<view class="grid-new-item"> |
|||
<button bindtap="toMine" class="grid-new-btn" form-type='submit' plain='true' hover-class="hover-btn"> |
|||
<image src='https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/06/rBAB7161Co6AYOnYAACU4vWwdsU999.png'></image> |
|||
</button> |
|||
<view class="grid-new-text">个人中心</view> |
|||
</view> |
|||
</view> |
|||
<!-- 列表 --> |
|||
<view class="list-all"> |
|||
<view class="list-item" wx:for-index="index" wx:for-item="item" wx:key="index" wx:for="{{newsList}}" data-id="{{item.id}}" bindtap="toDetail"> |
|||
<view class="item-info"> |
|||
<view class="item-info-name">{{item.newsTitle}} |
|||
</view> |
|||
<view class="item-info-time"> |
|||
<text>{{item.deptName}}-{{item.newsCategoryName}}</text> |
|||
<text>{{filter.formatTime(item.newsStartTime, 'yyyy-MM-dd')}}</text> |
|||
</view> |
|||
</view> |
|||
<image src="{{item.newsImageUrl}}"></image> |
|||
<view wx:if="{{item.readFlag === '0'}}" class="label"> |
|||
<image src="https://epdc-kongcun.elinkit.com.cn/epdcFile/M00/00/07/rBAB7169_pSALSbKAAALvZBEa2A131.png"></image> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <view hidden="{{nomorenews}}" class="nomorenews">没有更多了~</view> --> |
|||
<!--加载更多提示--> |
|||
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
|||
</view> |
|||
|
|||
<complete-info-dialog completeInfoDialogVisible="{{completeInfoDialogVisible}}"></complete-info-dialog> |
|||
File diff suppressed because it is too large
@ -1,232 +1,237 @@ |
|||
// subpages/integralCentre/pages/index/index.js
|
|||
import { |
|||
pointsRecordlist, |
|||
pointsRankinglist, |
|||
userPointsRankinglist |
|||
} from '../../../../utils/api' |
|||
import { |
|||
getTimestamp |
|||
} from '../../../../utils/common' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
nodatapointsRecord: false, |
|||
nodatapointsRanking: false, |
|||
points: 0, //积分
|
|||
pageIndex: 1, |
|||
pageSize: 15, |
|||
pointsRecordlist: [], //积分记录列表
|
|||
pointsRankinglist: [], //积分排行
|
|||
rankingType: 0, //排名方式
|
|||
selectTab: 'tab1', |
|||
typeList: [{ //排名方式:0-周,1-月
|
|||
type: '0', |
|||
name: '网格排名', |
|||
select: true |
|||
}, |
|||
{ |
|||
type: '1', |
|||
name: '街道排名', |
|||
select: false |
|||
} |
|||
], |
|||
timestamp: getTimestamp(), |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function(options) { |
|||
this.setData({ //前面页面传过来的积分总数
|
|||
points: options.points |
|||
}) |
|||
this.pointsRankinglist(); //初始化加载积分记录列表
|
|||
}, |
|||
// tab 切换
|
|||
onTabChange(e) { |
|||
this.setData({ |
|||
pageIndex: 1, |
|||
pageSize: 15, |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
pointsRecordlist: [], |
|||
pointsRankinglist: [], |
|||
pointsRankingUser: {},//当前用户排名信息
|
|||
selectTab: e.currentTarget.dataset.tab, |
|||
nodatapointsRecord: false, |
|||
nodatapointsRanking: false, |
|||
}) |
|||
if (this.data.selectTab == 'tab1') { |
|||
this.pointsRankinglist(); //积分排行
|
|||
} else { |
|||
this.pointsRecordlist(); //初始化加载积分记录列表
|
|||
} |
|||
}, |
|||
// 排行切换
|
|||
onButtonChange: function(e) { |
|||
const list = this.data.typeList |
|||
let that = this; |
|||
list.forEach(item => { |
|||
if (item.type === e.currentTarget.dataset.type) { |
|||
item.select = true |
|||
} else { |
|||
item.select = false |
|||
} |
|||
}) |
|||
that.setData({ |
|||
typeList: list, |
|||
rankingType: e.currentTarget.dataset.type, |
|||
pageIndex: 1, |
|||
pageSize: 15, |
|||
timestamp: this.data.timestamp, |
|||
pointsRankinglist: [], |
|||
nodatapointsRanking: false, |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
}) |
|||
|
|||
that.pointsRankinglist() |
|||
}, |
|||
|
|||
// 积分记录-积分排行接口
|
|||
pointsRankinglist() { |
|||
let that = this |
|||
const para = { |
|||
pageIndex: 1, |
|||
pageSize: 20, |
|||
timestamp: this.data.timestamp, |
|||
rankingType: this.data.rankingType, //排名方式:0-周,1-月
|
|||
} |
|||
userPointsRankinglist(para).then(res => { |
|||
that.setData({ |
|||
pointsRankingUser: res.data.currentUser, |
|||
pointsRankinglist: that.data.pointsRankinglist.concat(res.data.rank), |
|||
}) |
|||
if (that.data.pointsRankinglist.length > 0) { |
|||
that.setData({ |
|||
nodatapointsRanking: false, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} else { |
|||
that.setData({ |
|||
nodatapointsRanking: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
that.setData({ |
|||
pointsRankinglist: [], |
|||
nodatapointsRanking: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
|
|||
// 积分记录-积分记录接口
|
|||
pointsRecordlist() { |
|||
let that = this |
|||
const para = { |
|||
pageIndex: this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: this.data.timestamp, |
|||
} |
|||
pointsRecordlist(para).then(res => { |
|||
that.setData({ |
|||
pointsRecordlist: that.data.pointsRecordlist.concat(res.data), |
|||
loadMoreType: res.data.length === that.data.pageSize ? 'loading' : 'none', |
|||
}) |
|||
if (that.data.pointsRecordlist.length > 0) { |
|||
that.setData({ |
|||
nodatapointsRecord: false, |
|||
}) |
|||
} else { |
|||
that.setData({ |
|||
nodatapointsRecord: true, |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
that.setData({ |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
pointsRecordlist: [], |
|||
nodatapointsRecord: true, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function(options) {}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function() { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
|
|||
if (this.data.selectTab == 'tab1') { |
|||
// this.pointsRankinglist(); //积分排行
|
|||
} else { |
|||
|
|||
if (this.data.loadMoreType === 'loading') { |
|||
this.setData({ |
|||
pageIndex: this.data.pageIndex + 1, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: this.data.timestamp, |
|||
nodatapointsRecord: false, |
|||
}) |
|||
this.pointsRecordlist(); //初始化加载积分记录列表
|
|||
} |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function() { |
|||
|
|||
} |
|||
// subpages/integralCentre/pages/index/index.js
|
|||
import { |
|||
pointsRecordlist, |
|||
pointsRankinglist, |
|||
userPointsRankinglist |
|||
} from '../../../../utils/api' |
|||
import { |
|||
getTimestamp |
|||
} from '../../../../utils/common' |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
nodatapointsRecord: false, |
|||
nodatapointsRanking: false, |
|||
points: 0, //积分
|
|||
pageIndex: 1, |
|||
pageSize: 15, |
|||
pointsRecordlist: [], //积分记录列表
|
|||
pointsRankinglist: [], //积分排行
|
|||
rankingType: 0, //排名方式
|
|||
selectTab: 'tab1', |
|||
typeList: [{ //排名方式:0-周,1-月
|
|||
type: '0', |
|||
name: '网格排名', |
|||
select: true |
|||
}, |
|||
{ |
|||
type: '1', |
|||
name: '街道排名', |
|||
select: false |
|||
}, |
|||
{ |
|||
type: '2', |
|||
name: '等级排名', |
|||
select: false |
|||
} |
|||
], |
|||
timestamp: getTimestamp(), |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function(options) { |
|||
this.setData({ //前面页面传过来的积分总数
|
|||
points: options.points |
|||
}) |
|||
this.pointsRankinglist(); //初始化加载积分记录列表
|
|||
}, |
|||
// tab 切换
|
|||
onTabChange(e) { |
|||
this.setData({ |
|||
pageIndex: 1, |
|||
pageSize: 15, |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
pointsRecordlist: [], |
|||
pointsRankinglist: [], |
|||
pointsRankingUser: {},//当前用户排名信息
|
|||
selectTab: e.currentTarget.dataset.tab, |
|||
nodatapointsRecord: false, |
|||
nodatapointsRanking: false, |
|||
}) |
|||
if (this.data.selectTab == 'tab1') { |
|||
this.pointsRankinglist(); //积分排行
|
|||
} else { |
|||
this.pointsRecordlist(); //初始化加载积分记录列表
|
|||
} |
|||
}, |
|||
// 排行切换
|
|||
onButtonChange: function(e) { |
|||
const list = this.data.typeList |
|||
let that = this; |
|||
list.forEach(item => { |
|||
if (item.type === e.currentTarget.dataset.type) { |
|||
item.select = true |
|||
} else { |
|||
item.select = false |
|||
} |
|||
}) |
|||
that.setData({ |
|||
typeList: list, |
|||
rankingType: e.currentTarget.dataset.type, |
|||
pageIndex: 1, |
|||
pageSize: 15, |
|||
timestamp: this.data.timestamp, |
|||
pointsRankinglist: [], |
|||
nodatapointsRanking: false, |
|||
loadMoreType: 'loading', |
|||
loadMoreVisible: true, |
|||
}) |
|||
|
|||
that.pointsRankinglist() |
|||
}, |
|||
|
|||
// 积分记录-积分排行接口
|
|||
pointsRankinglist() { |
|||
let that = this |
|||
const para = { |
|||
pageIndex: 1, |
|||
pageSize: 20, |
|||
timestamp: this.data.timestamp, |
|||
rankingType: this.data.rankingType, //排名方式:0-周,1-月
|
|||
} |
|||
userPointsRankinglist(para).then(res => { |
|||
that.setData({ |
|||
pointsRankingUser: res.data.currentUser, |
|||
pointsRankinglist: that.data.pointsRankinglist.concat(res.data.rank), |
|||
}) |
|||
if (that.data.pointsRankinglist.length > 0) { |
|||
that.setData({ |
|||
nodatapointsRanking: false, |
|||
loadMoreType: 'none', |
|||
}) |
|||
} else { |
|||
that.setData({ |
|||
nodatapointsRanking: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
that.setData({ |
|||
pointsRankinglist: [], |
|||
nodatapointsRanking: true, |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
|
|||
// 积分记录-积分记录接口
|
|||
pointsRecordlist() { |
|||
let that = this |
|||
const para = { |
|||
pageIndex: this.data.pageIndex, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: this.data.timestamp, |
|||
} |
|||
pointsRecordlist(para).then(res => { |
|||
that.setData({ |
|||
pointsRecordlist: that.data.pointsRecordlist.concat(res.data), |
|||
loadMoreType: res.data.length === that.data.pageSize ? 'loading' : 'none', |
|||
}) |
|||
if (that.data.pointsRecordlist.length > 0) { |
|||
that.setData({ |
|||
nodatapointsRecord: false, |
|||
}) |
|||
} else { |
|||
that.setData({ |
|||
nodatapointsRecord: true, |
|||
loadMoreVisible: false, |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
that.setData({ |
|||
loadMoreType: 'none', |
|||
loadMoreVisible: false, |
|||
pointsRecordlist: [], |
|||
nodatapointsRecord: true, |
|||
}) |
|||
console.log(err) |
|||
}) |
|||
}, |
|||
|
|||
|
|||
|
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function(options) {}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function() { |
|||
this.setData({ |
|||
loadMoreVisible: true |
|||
}) |
|||
|
|||
if (this.data.selectTab == 'tab1') { |
|||
// this.pointsRankinglist(); //积分排行
|
|||
} else { |
|||
|
|||
if (this.data.loadMoreType === 'loading') { |
|||
this.setData({ |
|||
pageIndex: this.data.pageIndex + 1, |
|||
pageSize: this.data.pageSize, |
|||
timestamp: this.data.timestamp, |
|||
nodatapointsRecord: false, |
|||
}) |
|||
this.pointsRecordlist(); //初始化加载积分记录列表
|
|||
} |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function() { |
|||
|
|||
} |
|||
}) |
|||
@ -1,28 +1,28 @@ |
|||
var fly = require('./request.js') |
|||
module.exports = { |
|||
getActivityList: getActivityList, |
|||
bannerList, |
|||
bannerListV2, |
|||
volunteerlist, |
|||
getImgUrl |
|||
} |
|||
|
|||
function getActivityList(params) { |
|||
return fly.get('heart/act/list', params) |
|||
} |
|||
|
|||
function bannerList(params) { |
|||
return fly.get('heart/act/banner/list',params) |
|||
} |
|||
|
|||
function bannerListV2() { |
|||
return fly.get('heart/actbanner/banner/list') |
|||
} |
|||
// 志愿者列表
|
|||
function volunteerlist(params) { |
|||
return fly.get('app-user/volunteer/list',params) |
|||
} |
|||
// 获取配置图片
|
|||
function getImgUrl(imgType) { |
|||
return fly.get(`imgConfig/getImgUrl/${imgType}`) |
|||
var fly = require('./request.js') |
|||
module.exports = { |
|||
getActivityList: getActivityList, |
|||
bannerList, |
|||
bannerListV2, |
|||
volunteerlist, |
|||
getImgUrl |
|||
} |
|||
|
|||
function getActivityList(params) { |
|||
return fly.get('heart/act/list', params) |
|||
} |
|||
|
|||
function bannerList(params) { |
|||
return fly.get('heart/act/banner/list',params) |
|||
} |
|||
|
|||
function bannerListV2() { |
|||
return fly.get('heart/actbanner/banner/list') |
|||
} |
|||
// 志愿者列表
|
|||
function volunteerlist(params) { |
|||
return fly.get('app-user/volunteer/list',params) |
|||
} |
|||
// 获取配置图片
|
|||
function getImgUrl(imgType) { |
|||
return fly.get(`imgConfig/getImgUrl/${imgType}`) |
|||
} |
|||
File diff suppressed because it is too large
@ -1,28 +1,28 @@ |
|||
module.exports = { |
|||
BASEURL: BASEURL, |
|||
WEBROOT: WEBROOT, |
|||
Token: getToken, |
|||
userId: "" |
|||
}; |
|||
|
|||
function BASEURL() { |
|||
// return 'https://eug-test.elinkit.com.cn/js/epdc-api/api/' // 锦水测试环境
|
|||
// return 'https://eug-test.elinkit.com.cn/epdc-api/api/' // 测试环境 接口地址
|
|||
// return "http://219.146.91.110:9094/epdc-api/api/" // 测试环境 ip接口地址
|
|||
// return "https://epdc.elinkservice.cn/epdc-api/api/" // 正式环境 接口地址
|
|||
// return 'https://epdc-app.qingdaoshibei.cn/epdc-api/api/' // 电政办 正式环境 接口地址
|
|||
// return 'https://epdc-shibei.elinkservice.cn/epdc-api/api/' // 电政办 正式环境 接口地址
|
|||
return 'https://epdc-jinshui.elinkservice.cn/epdc-api/api/' // 锦水正式环境接口地址
|
|||
} |
|||
|
|||
function WEBROOT() { |
|||
// return "http://10.10.10.117:8080/#/" // 本地 h5前端地址
|
|||
return 'https://epdc-shibei.elinkit.com.cn/#/' // 测试环境 h5前端地址
|
|||
// return 'https://epdc.elinkservice.cn/#/' // 正式环境 h5前端地址
|
|||
// return 'https://epdc-app.qingdaoshibei.cn/#/' // 电政办 正式环境 前端地址
|
|||
// return 'https://epdc-shibei.elinkservice.cn/#/' // 电政办 正式环境 前端地址
|
|||
} |
|||
|
|||
function getToken() { |
|||
return wx.getStorageSync("token"); |
|||
} |
|||
module.exports = { |
|||
BASEURL: BASEURL, |
|||
WEBROOT: WEBROOT, |
|||
Token: getToken, |
|||
userId: "" |
|||
}; |
|||
|
|||
function BASEURL() { |
|||
return 'https://eug-test.elinkit.com.cn/js/epdc-api/api/' // 锦水测试环境
|
|||
// return 'https://eug-test.elinkit.com.cn/epdc-api/api/' // 测试环境 接口地址
|
|||
// return "http://219.146.91.110:9094/epdc-api/api/" // 测试环境 ip接口地址
|
|||
// return "https://epdc.elinkservice.cn/epdc-api/api/" // 正式环境 接口地址
|
|||
// return 'https://epdc-app.qingdaoshibei.cn/epdc-api/api/' // 电政办 正式环境 接口地址
|
|||
// return 'https://epdc-shibei.elinkservice.cn/epdc-api/api/' // 电政办 正式环境 接口地址
|
|||
// return 'https://epdc-jinshui.elinkservice.cn/epdc-api/api/' // 锦水正式环境接口地址
|
|||
} |
|||
|
|||
function WEBROOT() { |
|||
// return "http://10.10.10.117:8080/#/" // 本地 h5前端地址
|
|||
return 'https://epdc-shibei.elinkit.com.cn/#/' // 测试环境 h5前端地址
|
|||
// return 'https://epdc.elinkservice.cn/#/' // 正式环境 h5前端地址
|
|||
// return 'https://epdc-app.qingdaoshibei.cn/#/' // 电政办 正式环境 前端地址
|
|||
// return 'https://epdc-shibei.elinkservice.cn/#/' // 电政办 正式环境 前端地址
|
|||
} |
|||
|
|||
function getToken() { |
|||
return wx.getStorageSync("token"); |
|||
} |
|||
|
|||
Loading…
Reference in new issue