8 changed files with 309 additions and 136 deletions
@ -1,7 +1,9 @@ |
|||||
{ |
{ |
||||
"usingComponents": { |
"usingComponents": { |
||||
"load-more": "../../../../components/loadMore/loadMore", |
"load-more": "../../../../components/loadMore/loadMore", |
||||
"no-data": "../../../../components/noData/nodata" |
"no-data": "../../../../components/noData/nodata", |
||||
}, |
"wux-calendar":"../../../../components/dist/calendar", |
||||
"navigationBarTitleText": "我的回访记录" |
"wux-picker":"../../../../components/dist/picker/index" |
||||
|
|
||||
|
} |
||||
} |
} |
||||
@ -1,19 +1,45 @@ |
|||||
<!--subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails.wxml--> |
<!--subpages/gatherInformation/pages/gatherInformation/gatherInformation.wxml--> |
||||
<view class="content"> |
<view class="search" > |
||||
<scroll-view class="scroll" scroll-y="{{true}}" lower-threshold="{{ lowerThreshold }}" bindscrolltolower="onScrollToLower"> |
<view class="filter" bind:tap="handelShow"> |
||||
<view class="card" wx:for="{{tableData}}" wx:key="index" data-item="{{item}}" bind:tap="toFollowUpDetail"> |
{{typeVal =='resi'?'居民信息采集':typeVal=='house'?'房屋信息采集':'全部信息'}} <text wx:if="{{collectTypeVal != ''}}"></text> |
||||
<view class="title" > |
<!-- {{collectTypeVal =='add'?'新增':collectTypeVal =='edit'?'修改':collectTypeVal == 'del'?'删除':''}} --> |
||||
<view> |
<image src="../images/down.png" mode=""/> |
||||
<text class="{{item.followUpWay == '1'?'blue_small':'red_small'}}">{{item.followUpWayName}}</text> |
</view> |
||||
{{item.reporterName}} {{item.reporterMobile}} |
<view class="box"> |
||||
</view> |
<view class="date {{form.collectEndDate?'':'gray'}}" bind:tap="openCalendar2"> |
||||
|
<view class="text"> |
||||
|
<text wx:if="{{form.collectEndDate}}">{{form.collectStartDate}} {{form.collectEndDate}}</text> |
||||
|
<text wx:else>请选择时间</text> |
||||
</view> |
</view> |
||||
<view class="bottom"> |
<image src="../image/downG.png" mode="" wx:if="{{!form.collectEndDate}}"/> |
||||
<view style="color: #999999 ;">{{item.addressDetail != null?item.addressDetail:'--'}}</view> |
<image src="../image/del.png" catch:tap="handelDel" style="width: 35rpx;height: 35rpx;" mode="" wx:else /> |
||||
<view style="color: #C1C1C1;">{{item.followUpTime}}</view> |
</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> |
||||
</view> |
</view> |
||||
<load-more loadVisible="{{loadMoreVisible}}" loadType="{{loadMoreType}}" ></load-more> |
<load-more loadVisible="{{loadMoreVisible}}" loadType="{{loadMoreType}}" ></load-more> |
||||
<no-data isShow="{{nodata}}" wx:if="{{nodata}}"></no-data> |
<no-data isShow="{{nodata}}" wx:if="{{nodata}}"></no-data> |
||||
</scroll-view> |
</scroll-view> |
||||
</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> |
||||
@ -1,75 +1,154 @@ |
|||||
page { |
/* subpages/gatherInformation/pages/gatherInformation/gatherInformation.wxss */ |
||||
width: 100%; |
page{ |
||||
min-height: 100vh; |
height: 100vh; |
||||
overflow-y: scroll; |
overflow: hidden; |
||||
background-color: #f7f7f7; |
background-color:#f7f7f7 ; |
||||
} |
} |
||||
.red, |
.edit{ |
||||
.blue{ |
background-color: #def7f6; |
||||
font-size: 28rpx; |
color:#04B8AD; |
||||
color: #fff; |
} |
||||
padding: 8rpx 20rpx ; |
.add{ |
||||
border-radius: 40rpx; |
background-color: #e6f0ff; |
||||
box-sizing: border-box; |
color: #4F94FF; |
||||
margin-right: 16rpx; |
} |
||||
} |
.del{ |
||||
.red{ |
color: #FF783C; |
||||
background-color: #ff783c; |
background-color: #ffece3; |
||||
} |
} |
||||
.blue{ |
.gray{ |
||||
background-color: #4f94ff; |
background: rgba(245, 245, 245) !important; |
||||
} |
border: 1px solid #c1c1c1 !important; |
||||
.blue_small, |
color: #c1c1c1 !important; |
||||
.red_small{ |
} |
||||
font-size: 26rpx; |
.search{ |
||||
width: fit-content; |
height: 110rpx; |
||||
padding: 8rpx 16rpx; |
width: 100%; |
||||
border-radius: 40rpx; |
padding:0 22rpx; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
height: 40rpx; |
background-color: #fff; |
||||
line-height: 20rpx; |
display: flex; |
||||
margin: 24rpx 0 ; |
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
padding-top: 20rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.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 { |
||||
.blue_small{ |
height: calc(100vh - 130rpx); |
||||
background-color: #eef4fd; |
overflow-y: scroll; |
||||
color: #5693EE; |
} |
||||
} |
.body .scroll .content{ |
||||
.red_small{ |
border-radius: 20rpx; |
||||
background-color: #fff1eb; |
background-color: #fff; |
||||
color: #FF783C; |
height: auto; |
||||
} |
} |
||||
.content{ |
.body .scroll .content .item{ |
||||
width: 100%; |
height: 150rpx; |
||||
padding:0 20rpx ; |
display: flex; |
||||
margin-top: 20rpx; |
box-sizing: border-box; |
||||
box-sizing: border-box; |
flex-direction: column; |
||||
} |
justify-content: space-between; |
||||
.content .scroll { |
padding: 30rpx; |
||||
height: calc(100vh - 50rpx); |
border-bottom:1px solid #EAEAEA; |
||||
overflow-y: scroll; |
} |
||||
} |
.body .scroll .content .item .top{ |
||||
.content .card{ |
display: flex; |
||||
width: 100%; |
align-items: center; |
||||
background-color: #fff; |
font-size: 32rpx; |
||||
display: flex; |
font-family: PingFang SC; |
||||
height: 180rpx; |
font-weight: 500; |
||||
flex-direction: column; |
color: #333333; |
||||
border-radius: 20rpx; |
} |
||||
padding: 30rpx 30rpx; |
.body .scroll .content .item .top text{ |
||||
box-sizing: border-box; |
overflow: hidden; |
||||
overflow: hidden; |
text-overflow: ellipsis; |
||||
color: #333; |
white-space: nowrap; |
||||
} |
} |
||||
.content .card .title{ |
.body .scroll .content .item .top .tag{ |
||||
display: flex; |
width: 80rpx; |
||||
justify-content: space-between; |
height: 36rpx; |
||||
} |
line-height: 36rpx; |
||||
.content .card .bottom{ |
border-radius: 18rpx; |
||||
display: flex; |
font-size: 26rpx; |
||||
justify-content: space-between; |
text-align: center; |
||||
align-items: center; |
margin-right: 20rpx; |
||||
margin-top: 30rpx; |
} |
||||
border-bottom: 2rpx #EAEAEA solid; |
.body .scroll .content .item .bto{ |
||||
padding-bottom: 20rpx; |
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: 393 B |
Loading…
Reference in new issue