是小王呀\24601
1 year ago
16 changed files with 485 additions and 63 deletions
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,173 @@ |
|||
const app = getApp() |
|||
import api, {getIntelligentMessage,getToken,getStaffbasicinfo,clearMessage} from "../../../../utils/api" |
|||
Page({ |
|||
data: { |
|||
selectList:['全部消息','居民信息采集','房屋信息采集','社区满意度自查'], |
|||
selectValue:0, |
|||
pageSize:10, |
|||
pageNo:1, |
|||
tableData:[], |
|||
lowerThreshold:'5', |
|||
loadMoreVisible:false, |
|||
loadMoreType: "none", |
|||
nodata:false |
|||
}, |
|||
// 事件处理函数
|
|||
onLoad: async function () { |
|||
this.setData({ |
|||
statusHeight: app.globalData.deviceInfo.statusHeight, |
|||
navigationHeight: app.globalData.deviceInfo.navigationHeight, |
|||
share:app.globalData.share |
|||
}) |
|||
await this.getToken() |
|||
// await this.getIntelligentMessage()
|
|||
await this.getStaffbasicinfo() |
|||
}, |
|||
onShow(){ |
|||
|
|||
this.getIntelligentMessage() |
|||
}, |
|||
onPullDownRefresh() { |
|||
this.setData({ |
|||
pageNo:1, |
|||
tableData:[] |
|||
}) |
|||
this.getIntelligentMessage() |
|||
this.getStaffbasicinfo() |
|||
}, |
|||
|
|||
onScrollToLower(e){ |
|||
if (this.data.loadMoreType === 'more') { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
}) |
|||
this.data.pageNo += 1 |
|||
this.getIntelligentMessage() |
|||
} |
|||
}, |
|||
getIntelligentMessage(){ |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
nodata: false, |
|||
loadMoreType: "more", |
|||
}) |
|||
const parm = { |
|||
type:this.data.selectValue == 0? null :this.data.selectValue - 1, |
|||
limit:this.data.pageSize, |
|||
page:this.data.pageNo |
|||
} |
|||
if(!parm.type) delete parm.type |
|||
getIntelligentMessage(parm).then(res=>{ |
|||
console.log(res) |
|||
res.data.list = res.data.list.map(item => { |
|||
if (item.createdByName && item.createdByName.length >= 3) { |
|||
item.createdByName = item.createdByName.slice(1,3); |
|||
} |
|||
return item; |
|||
}); |
|||
|
|||
this.setData({ |
|||
loadMoreType: res.data.list.length === this.data.pageSize ? 'more' : 'none', |
|||
tableData: this.data.tableData.concat(res.data.list), |
|||
}) |
|||
if (this.data.tableData.length == 0) { |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
nodata: true |
|||
}) |
|||
} |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
this.setData({ |
|||
loadMoreVisible: false, |
|||
nodata: true, |
|||
}) |
|||
}) |
|||
}, |
|||
getToken(){ |
|||
const parm = { |
|||
wxCode:'', |
|||
app:'gov', |
|||
client:'wxmp', |
|||
appId:'wxaf87b420b87e2d79' |
|||
} |
|||
wx.showLoading({ |
|||
title: '加载中...', |
|||
}) |
|||
wx.login({ |
|||
success: (res) => { |
|||
parm.wxCode = res.code |
|||
getToken(parm).then(res=>{ |
|||
console.log(res); |
|||
wx.hideLoading() |
|||
if(res.code === 0){ |
|||
wx.setStorageSync('token', res.data.token) |
|||
}else{ |
|||
wx.reLaunch({ |
|||
url: '/pages/login/login', |
|||
}) |
|||
} |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
}) |
|||
}, |
|||
}) |
|||
}, |
|||
getStaffbasicinfo(){ |
|||
getStaffbasicinfo().then(res=>{ |
|||
app.globalData.user = res.data |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
wx.redirectTo({ |
|||
url: '/pages/login/login', |
|||
}) |
|||
}) |
|||
}, |
|||
handleChangeFilter(e){ |
|||
this.setData({ |
|||
selectValue:e.detail.value, |
|||
tableData:[], |
|||
}) |
|||
console.log(this.data.selectValue) |
|||
this.getIntelligentMessage() |
|||
}, |
|||
handelClickClear(){ |
|||
clearMessage().then(res=>{ |
|||
this.setData({ |
|||
tableData:[], |
|||
pageNo:1 |
|||
}) |
|||
this.getIntelligentMessage() |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
}) |
|||
}, |
|||
toDetail(e){ |
|||
console.log(e); |
|||
this.clearOneMessage(e.currentTarget.dataset.item.id) |
|||
if(e.currentTarget.dataset.item.msgType == 'resident_base_info'){ |
|||
wx.navigateTo({ |
|||
url: `/subpages/addResi/pages/editResi/editResi?type=edit&resiId=${e.currentTarget.dataset.item.targetId}`, |
|||
}) |
|||
}else{ |
|||
wx.navigateTo({ |
|||
url: `/subpages/addhouse/pages/addhouse/addhouse?type=edit&houseId=${e.currentTarget.dataset.item.targetId}`, |
|||
}) |
|||
} |
|||
this.setData({ |
|||
[`tableData[${e.currentTarget.dataset.index}].readFlag`]:'1' |
|||
}) |
|||
}, |
|||
clearOneMessage(id){ |
|||
let parm= { |
|||
msgId:id |
|||
} |
|||
api.clearOneMessage(parm).then(res=>{ |
|||
console.log(res); |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
|
|||
@ -0,0 +1,11 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"load-more": "../../components/loadMore/loadMore", |
|||
"no-data": "../../components/noData/nodata", |
|||
"custom-tab-bar":"../../components/custom-tab-bar" |
|||
}, |
|||
"navigationBarTitleText": "消息", |
|||
"enablePullDownRefresh": true, |
|||
"backgroundColor": "#f8f8f8", |
|||
"backgroundTextStyle": "dark" |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
<official-account></official-account> |
|||
|
|||
<view class="select"> |
|||
<view class="bgBule"> |
|||
<picker mode="selector" style="display: inline-block;" range="{{selectList}}" value="{{selectValue}}" bindchange="handleChangeFilter" > |
|||
<view>{{selectValue == 1?'居民信息采集':selectValue == 2?'房屋信息采集':selectValue == 3?'社区满意度自查':'全部消息'}}</view> |
|||
</picker> |
|||
|
|||
<image src="../../images/select.png" mode=""/></view> |
|||
<view class="delete" bind:tap="handelClickClear"> <image src="../../images/delete.png" mode="" /> 全部已读</view> |
|||
</view> |
|||
<view class="content"> |
|||
<scroll-view class="scroll" scroll-y="{{true}}" lower-threshold="{{ lowerThreshold }}" bindscrolltolower="onScrollToLower"> |
|||
<view class="box"> |
|||
<view class="card" wx:for="{{tableData}}" wx:key="index" data-item="{{item}}" data-index="{{index}}" bind:tap="toDetail"> |
|||
<view class="left">{{item.createdByName}}</view> |
|||
<view class="right"> |
|||
<view class="top"><text class="title" >{{item.content}}</text> <text class="{{item.readFlag != '1'?'':'gray'}}" style="font-size: 26rpx;">{{item.readFlag != '1'?'未读':'已读'}}</text></view> |
|||
<view class="bottom"> |
|||
<view class="flex_box"> |
|||
<view wx:if="{{item.msgType == '2'}}">测评打分:</view><view class="{{item.msgType == '2'?'blue':''}}" class="textOver">{{item.deptName || '--'}}</view><view wx:if="{{item.msgType == '2'}}">分</view> |
|||
</view> |
|||
<text>{{item.createdTime}}</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<load-more loadVisible="{{loadMoreVisible}}" loadType="{{loadMoreType}}" ></load-more> |
|||
<no-data isShow="{{nodata}}" wx:if="{{nodata}}"></no-data> |
|||
</scroll-view> |
|||
</view> |
|||
<custom-tab-bar></custom-tab-bar> |
|||
|
|||
@ -0,0 +1,161 @@ |
|||
page { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
overflow: hidden; |
|||
background-color: #f7f7f7; |
|||
} |
|||
|
|||
.select{ |
|||
width: 100%; |
|||
height: 90rpx; |
|||
background-color: #fff; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
box-sizing: border-box; |
|||
padding: 0 40rpx; |
|||
align-items: center; |
|||
} |
|||
.select view { |
|||
display: flex; |
|||
align-items: center; |
|||
font-size: 30rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #3A80E7; |
|||
} |
|||
.select view image{ |
|||
width: 16rpx; |
|||
height: 16rpx; |
|||
margin: 0 9rpx; |
|||
} |
|||
.select .delete { |
|||
font-size: 28rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
} |
|||
.select .delete image{ |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
} |
|||
.content{ |
|||
width: 100%; |
|||
padding:0 20rpx ; |
|||
margin-top: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.content .scroll { |
|||
height: calc(100vh - 130rpx); |
|||
} |
|||
|
|||
.content .scroll .box{ |
|||
border-radius: 20rpx; |
|||
overflow-y: auto; |
|||
} |
|||
.content .card{ |
|||
width: 100%; |
|||
background-color: #fff; |
|||
display: flex; |
|||
height: 168rpx; |
|||
padding: 34rpx 30rpx; |
|||
box-sizing: border-box; |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
|
|||
.content .card::before{ |
|||
content: ""; |
|||
position: absolute; |
|||
left: 30rpx; /* 调整间距 */ |
|||
right: 30rpx; /* 调整间距 */ |
|||
bottom: 0; |
|||
border-bottom: 2rpx solid #EAEAEA; |
|||
} |
|||
|
|||
.blue{ |
|||
color:#5693EE; |
|||
} |
|||
.yellow{ |
|||
color:#E2944D; |
|||
} |
|||
.cyan{ |
|||
color: #2EB4F2 ; |
|||
} |
|||
.cyanBg{ |
|||
background: rgba(56,189,253,0.1); |
|||
} |
|||
.yellowBg{ |
|||
background: rgba(248,188,122,0.1); |
|||
} |
|||
.blueBg{ |
|||
background: rgba(86,147,238,0.1); |
|||
} |
|||
.gray{ |
|||
color: #999999 !important; |
|||
} |
|||
.content .card .left{ |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
background: linear-gradient(0deg, #3E8DF8 0%, #68A8FD 100%); |
|||
border-radius: 20rpx; |
|||
color:#fff ; |
|||
font-size: 28rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
text-align: center; |
|||
line-height: 100rpx; |
|||
} |
|||
.content .card .right{ |
|||
flex: 1; |
|||
overflow: hidden; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
overflow: hidden; |
|||
margin-left: 24rpx; |
|||
} |
|||
.content .card .right .top{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.content .card .right .title{ |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
width: calc(100% - 80rpx); |
|||
} |
|||
|
|||
|
|||
.content .card .right .bottom{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 28rpx; |
|||
font-family: PingFang SC; |
|||
color: #999999; |
|||
} |
|||
.textOver{ |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
max-width: 250rpx; |
|||
} |
|||
.content .card .right .bottom .flex_box{ |
|||
display: flex; |
|||
justify-content: left; |
|||
} |
|||
.bgBule{ |
|||
background-color: #dfebfb; |
|||
border: 1px solid #3A80E7; |
|||
border-radius: 32rpx; |
|||
padding:10rpx 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.bgBule image{ |
|||
margin-left: 50rpx !important; |
|||
} |
|||
Loading…
Reference in new issue