After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 4.7 KiB |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 7.9 KiB |
After Width: | Height: | Size: 5.0 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 2.9 KiB |
@ -1,4 +1,4 @@ |
|||||
{ |
{ |
||||
"usingComponents": {}, |
"usingComponents": {}, |
||||
"navigationBarTitleText": "我的" |
"navigationStyle": "custom" |
||||
} |
} |
@ -1,2 +1,48 @@ |
|||||
<!--pages/mine/mine.wxml--> |
<!--pages/mine/mine.wxml--> |
||||
<text>pages/mine/mine.wxml</text> |
<view class="header"> |
||||
|
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;"> |
||||
|
我的 |
||||
|
</view> |
||||
|
<view class="content"> |
||||
|
<view class="left"><image src="../../images/mine/avater.png" mode=""/></view> |
||||
|
<view class="right"> |
||||
|
<view class="top"> <b>{{userName}}</b> <text>{{agencyName}}</text></view> |
||||
|
<view class="bto"> |
||||
|
<view> <image src="../../images/mine/wgz.png" mode=""/> 网格长 </view> |
||||
|
<view> <image src="../../images/mine/lz.png" mode=""/> 楼长 </view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="body"> |
||||
|
<view class="card"> |
||||
|
<view class="item" bind:tap="handelInformation"> |
||||
|
<view class="left"> |
||||
|
<image src="../../images/mine/cj.png" mode=""/> |
||||
|
<view>我采集的信息</view> |
||||
|
</view> |
||||
|
<view class="right"> <image src="../../images/right.png" mode=""/></view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="left"> |
||||
|
<image src="../../images/mine/hf.png" mode=""/> |
||||
|
<view>我的回访记录</view> |
||||
|
</view> |
||||
|
<view class="right"> <image src="../../images/right.png" mode=""/></view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="left"> |
||||
|
<image src="../../images/mine/password.png" mode=""/> |
||||
|
<view>修改密码</view> |
||||
|
</view> |
||||
|
<view class="right"> <image src="../../images/right.png" mode=""/></view> |
||||
|
</view> |
||||
|
<view class="item"> |
||||
|
<view class="left"> |
||||
|
<image src="../../images/mine/gy.png" mode=""/> |
||||
|
<view>关于</view> |
||||
|
</view> |
||||
|
<view class="right"> <image src="../../images/right.png" mode=""/></view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
@ -1 +1,117 @@ |
|||||
/* pages/mine/mine.wxss */ |
/* pages/mine/mine.wxss */ |
||||
|
page{ |
||||
|
height: 100vh; |
||||
|
width: 100%; |
||||
|
background-color: #f7f7f7; |
||||
|
|
||||
|
} |
||||
|
.header { |
||||
|
width: 100%; |
||||
|
height: 470rpx; |
||||
|
/* position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
z-index: 1000; */ |
||||
|
background: linear-gradient(180deg, #7DB5FF 0%, #F7F7F7 100%); |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.header .navigation { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #333333; |
||||
|
font-size: 32rpx; |
||||
|
position: relative; |
||||
|
z-index: 100; |
||||
|
} |
||||
|
.header .navigation image{ |
||||
|
width: 34rpx; |
||||
|
height: 34rpx; |
||||
|
margin-right: 17rpx; |
||||
|
} |
||||
|
.header .content{ |
||||
|
margin:80rpx 0 0; |
||||
|
height: 130rpx; |
||||
|
width: 100%; |
||||
|
padding: 0 30rpx; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
} |
||||
|
.header .content .left image{ |
||||
|
width: 120rpx; |
||||
|
height: 120rpx; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
.header .content .right{ |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
padding-left: 30rpx; |
||||
|
} |
||||
|
.header .content .right .top b{ |
||||
|
font-size: 36rpx; |
||||
|
font-family: PingFang SC; |
||||
|
color: #000000; |
||||
|
} |
||||
|
.header .content .right .top text{ |
||||
|
margin-left: 19rpx; |
||||
|
padding-left: 19rpx; |
||||
|
height: 31rpx; |
||||
|
font-size: 30rpx; |
||||
|
border-left: 1rpx solid #333333 ; |
||||
|
} |
||||
|
.header .content .right .bto{ |
||||
|
display: flex; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
.header .content .right .bto view{ |
||||
|
width: fit-content; |
||||
|
padding:7rpx 24rpx 7rpx 17rpx; |
||||
|
height: 46rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 46rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #999; |
||||
|
margin-right: 10rpx; |
||||
|
} |
||||
|
.header .content .right .bto image{ |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
margin-right: 10rpx; |
||||
|
} |
||||
|
.body{ |
||||
|
padding: 0 20rpx; |
||||
|
height: auto; |
||||
|
position: relative; |
||||
|
top: -100rpx; |
||||
|
} |
||||
|
.body .card { |
||||
|
background-color: #ffffff; |
||||
|
border-radius: 20rpx; |
||||
|
height: auto; |
||||
|
} |
||||
|
.body .card .item{ |
||||
|
height: 100rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
padding: 0 30rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.body .card .item .left { |
||||
|
flex: 1; |
||||
|
display: flex; |
||||
|
} |
||||
|
.body .card .item .left image{ |
||||
|
width: 40rpx; |
||||
|
height: 40rpx; |
||||
|
margin-right: 22rpx; |
||||
|
} |
||||
|
.body .card .item .right image{ |
||||
|
width: 20rpx; |
||||
|
height: 20rpx; |
||||
|
} |
@ -0,0 +1,181 @@ |
|||||
|
// subpages/gatherInformation/pages/gatherInformation/gatherInformation.js
|
||||
|
import { $wuxCalendar } from '../../../../components/dist/index' |
||||
|
import {getCollect} from '../../../../utils/api' |
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
selectList:[['全部信息','居民信息采集','房屋信息采集'],['','新增','修改','删除']], |
||||
|
selectValue:['全部信息',''], |
||||
|
pageSize:10, |
||||
|
pageNo:1, |
||||
|
tableData:[], |
||||
|
lowerThreshold:'10', |
||||
|
loadMoreVisible:false, |
||||
|
loadMoreType: "none", |
||||
|
nodata:false, |
||||
|
visible:false, |
||||
|
typeVal:'', |
||||
|
collectType:'', |
||||
|
form:{ |
||||
|
type: "", |
||||
|
collectType: "", |
||||
|
collectStartDate: "", |
||||
|
collectEndDate: "" |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
this.getCollect() |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
}, |
||||
|
openCalendar2() { |
||||
|
$wuxCalendar().open({ |
||||
|
value: this.data.value2, |
||||
|
multiple: true, |
||||
|
onChange: (values, displayValues) => { |
||||
|
console.log('onChange', values, displayValues) |
||||
|
this.setData({ |
||||
|
'form.collectStartDate': displayValues[0], |
||||
|
'form.collectEndDate': displayValues[1], |
||||
|
}) |
||||
|
}, |
||||
|
}) |
||||
|
}, |
||||
|
getCollect(){ |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true, |
||||
|
nodata: false, |
||||
|
loadMoreType: "more", |
||||
|
}) |
||||
|
const parm = { |
||||
|
type:this.data.form.type, |
||||
|
pageSize:this.data.pageSize, |
||||
|
pageNo:this.data.pageNo, |
||||
|
collectType:this.data.form.collectType, |
||||
|
collectStartDate:this.data.form.collectStartDate, |
||||
|
collectEndDate:this.data.form.collectEndDate |
||||
|
} |
||||
|
console.log(parm); |
||||
|
getCollect(parm).then(res=>{ |
||||
|
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, |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
onScrollToLower(e){ |
||||
|
if (this.data.loadMoreType === 'more') { |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true, |
||||
|
}) |
||||
|
this.data.pageNo += 1 |
||||
|
this.getCollect() |
||||
|
} |
||||
|
}, |
||||
|
onValueChange(e){ |
||||
|
this.setData({ |
||||
|
typeVal: e.detail.selectedIndex[0] === 1 ? 'resi' : e.detail.selectedIndex[0] === 2 ? 'house' : '', |
||||
|
collectTypeVal: e.detail.selectedIndex[1] === 1 ? 'add' : e.detail.selectedIndex[1] === 2 ? 'edit' : e.detail.selectedIndex[1] === 3 ? 'del' : '', |
||||
|
}) |
||||
|
}, |
||||
|
onConfirm(e) { |
||||
|
this.setData({ |
||||
|
typeVal: e.detail.selectedIndex[0] === 1 ? 'resi' : e.detail.selectedIndex[0] === 2 ? 'house' : '', |
||||
|
collectTypeVal: e.detail.selectedIndex[1] === 1 ? 'add' : e.detail.selectedIndex[1] === 2 ? 'edit' : e.detail.selectedIndex[1] === 3 ? 'del' : '', |
||||
|
'form.type': e.detail.selectedIndex[0] === 1 ? 'resi' : e.detail.selectedIndex[0] === 2 ? 'house' : '', |
||||
|
'form.collectType':e.detail.selectedIndex[1] === 1 ? 'add' : e.detail.selectedIndex[1] === 2 ? 'edit' : e.detail.selectedIndex[1] === 3 ? 'del' : '', |
||||
|
visible:false, |
||||
|
selectValue:e.detail.selectedValue |
||||
|
}) |
||||
|
}, |
||||
|
handelShow(){ |
||||
|
this.setData({ |
||||
|
visible:true |
||||
|
}) |
||||
|
}, |
||||
|
handelHidden(){ |
||||
|
this.setData({ |
||||
|
visible:false |
||||
|
}) |
||||
|
}, |
||||
|
handleClickfilter(){ |
||||
|
this.setData({ |
||||
|
tableData:[], |
||||
|
pageNo:1 |
||||
|
}) |
||||
|
this.getCollect() |
||||
|
|
||||
|
}, |
||||
|
handelDel(){ |
||||
|
this.setData({ |
||||
|
'form.collectStartDate':'', |
||||
|
'form.collectEndDate':'' |
||||
|
}) |
||||
|
} |
||||
|
}) |
@ -0,0 +1,9 @@ |
|||||
|
{ |
||||
|
"usingComponents": { |
||||
|
"wux-calendar":"../../../../components/dist/calendar", |
||||
|
"load-more": "../../../../components/loadMore/loadMore", |
||||
|
"no-data": "../../../../components/noData/nodata", |
||||
|
"wux-picker":"../../../../components/dist/picker/index" |
||||
|
}, |
||||
|
"navigationBarTitleText": "我采集的信息" |
||||
|
} |
@ -0,0 +1,44 @@ |
|||||
|
<!--subpages/gatherInformation/pages/gatherInformation/gatherInformation.wxml--> |
||||
|
<view class="search" > |
||||
|
<view class="filter" bind:tap="handelShow"> |
||||
|
{{typeVal =='resi'?'居民信息采集':typeVal=='house'?'房屋信息采集':'全部信息'}} <text wx:if="{{collectTypeVal != ''}}">,</text> {{collectTypeVal =='add'?'新增':collectTypeVal =='edit'?'修改':collectTypeVal == 'del'?'删除':''}} |
||||
|
<image src="../images/down.png" mode=""/> |
||||
|
</view> |
||||
|
<view class="box"> |
||||
|
<view class="date" bind:tap="openCalendar2"> |
||||
|
<view class="text"> |
||||
|
<text wx:if="{{form.collectEndDate}}">{{form.collectStartDate}} {{form.collectEndDate}}</text> |
||||
|
<text wx:else>请选择时间</text> |
||||
|
</view> |
||||
|
<image src="../images/down.png" mode="" wx:if="{{!form.collectEndDate}}"/> |
||||
|
<image src="../images/del.png" bind:tap="handelDel" style="width: 35rpx;height: 35rpx;" mode="" wx:else /> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="btn" bind:tap="handleClickfilter">筛选</view> |
||||
|
</view> |
||||
|
<view class="body"> |
||||
|
<scroll-view class="scroll" scroll-y="{{true}}" lower-threshold="{{ lowerThreshold }}" bindscrolltolower="onScrollToLower"> |
||||
|
<view class="content"> |
||||
|
<view class="item" wx:for="{{tableData}}" wx:key="index"> |
||||
|
<view class="top"> <text class="tag {{item.collectType == 'edit'?'edit':item.collectType == 'add'?'add':'del'}}">{{item.collectType == 'edit'?'修改':item.collectType == 'add'?'新增':'删除'}}</text> <text>{{item.houseName?item.houseName:'--'}}</text></view> |
||||
|
<view class="bto"> <view class="address">{{item.orgName}}</view> <view class="date">{{item.collectTime}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<load-more loadVisible="{{loadMoreVisible}}" loadType="{{loadMoreType}}" ></load-more> |
||||
|
<no-data isShow="{{nodata}}" wx:if="{{nodata}}"></no-data> |
||||
|
</scroll-view> |
||||
|
</view> |
||||
|
<wux-calendar id="wux-calendar" /> |
||||
|
|
||||
|
<wux-picker |
||||
|
options="{{ selectList }}" |
||||
|
value="{{ selectValue }}" |
||||
|
bind:confirm="onConfirm" |
||||
|
bind:valueChange="onValueChange" |
||||
|
visible="{{visible}}" |
||||
|
bind:cancel="handelHidden" |
||||
|
controlled |
||||
|
cols="2" |
||||
|
> |
||||
|
</wux-picker> |
@ -0,0 +1,146 @@ |
|||||
|
/* subpages/gatherInformation/pages/gatherInformation/gatherInformation.wxss */ |
||||
|
page{ |
||||
|
height: 100vh; |
||||
|
overflow: hidden; |
||||
|
background-color:#f7f7f7 ; |
||||
|
} |
||||
|
.edit{ |
||||
|
background-color: #def7f6; |
||||
|
color:#04B8AD; |
||||
|
} |
||||
|
.add{ |
||||
|
background-color: #e6f0ff; |
||||
|
color: #4F94FF; |
||||
|
} |
||||
|
.del{ |
||||
|
color: #FF783C; |
||||
|
background-color: #ffece3; |
||||
|
} |
||||
|
.search{ |
||||
|
height: 90rpx; |
||||
|
width: 100%; |
||||
|
padding:0 22rpx; |
||||
|
box-sizing: border-box; |
||||
|
background-color: #fff; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.search image{ |
||||
|
width: 16rpx; |
||||
|
height: 16rpx; |
||||
|
} |
||||
|
.search .filter{ |
||||
|
max-width: 300rpx; |
||||
|
height: 40rpx; |
||||
|
background: rgba(58,128,231,0.16); |
||||
|
border: 1px solid #3A80E7; |
||||
|
border-radius: 40rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
color: #3A80E7 ; |
||||
|
justify-content: space-between; |
||||
|
padding: 13rpx 24rpx 13rpx 20rpx; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
.search .box { |
||||
|
flex: 1; |
||||
|
padding: 0 29rpx 0 15rpx; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.search .box .date{ |
||||
|
height: 40rpx; |
||||
|
background: rgba(58,128,231,0.16); |
||||
|
border: 1px solid #3A80E7; |
||||
|
border-radius: 40rpx; |
||||
|
padding: 13rpx 24rpx 13rpx 20rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
color: #3A80E7; |
||||
|
} |
||||
|
.search .box .date .text{ |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
/* */ |
||||
|
.search .btn { |
||||
|
width: 120rpx; |
||||
|
height: 66rpx; |
||||
|
line-height: 66rpx; |
||||
|
background: #3A80E7; |
||||
|
border-radius: 33rpx; |
||||
|
color: #fff; |
||||
|
text-align: center; |
||||
|
} |
||||
|
.body{ |
||||
|
padding: 20rpx; |
||||
|
box-sizing: border-box; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.body .scroll { |
||||
|
height: calc(100vh - 130rpx); |
||||
|
overflow-y: scroll; |
||||
|
} |
||||
|
.body .scroll .content{ |
||||
|
border-radius: 20rpx; |
||||
|
background-color: #fff; |
||||
|
height: auto; |
||||
|
} |
||||
|
.body .scroll .content .item{ |
||||
|
height: 150rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
padding: 30rpx; |
||||
|
border-bottom:1px solid #EAEAEA; |
||||
|
} |
||||
|
.body .scroll .content .item .top{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #333333; |
||||
|
} |
||||
|
.body .scroll .content .item .top text{ |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
.body .scroll .content .item .top .tag{ |
||||
|
width: 80rpx; |
||||
|
height: 36rpx; |
||||
|
line-height: 36rpx; |
||||
|
border-radius: 18rpx; |
||||
|
font-size: 26rpx; |
||||
|
text-align: center; |
||||
|
margin-right: 20rpx; |
||||
|
} |
||||
|
.body .scroll .content .item .bto{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #999999; |
||||
|
} |
||||
|
.body .scroll .content .item .bto .address{ |
||||
|
flex: 1; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
.body .scroll .content .item .bto .date{ |
||||
|
width: 265rpx; |
||||
|
height: 20rpx; |
||||
|
font-size: 26rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #C1C1C1; |
||||
|
} |
After Width: | Height: | Size: 600 B |
After Width: | Height: | Size: 418 B |