8 changed files with 309 additions and 136 deletions
@ -1,7 +1,9 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"load-more": "../../../../components/loadMore/loadMore", |
|||
"no-data": "../../../../components/noData/nodata" |
|||
}, |
|||
"navigationBarTitleText": "我的回访记录" |
|||
"no-data": "../../../../components/noData/nodata", |
|||
"wux-calendar":"../../../../components/dist/calendar", |
|||
"wux-picker":"../../../../components/dist/picker/index" |
|||
|
|||
} |
|||
} |
|||
@ -1,19 +1,45 @@ |
|||
<!--subpages/communitySelfInsp/pages/dissatisfactionDetails/dissatisfactionDetails.wxml--> |
|||
<view class="content"> |
|||
<!--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 {{form.collectEndDate?'':'gray'}}" bind:tap="openCalendar2"> |
|||
<view class="text"> |
|||
<text wx:if="{{form.collectEndDate}}">{{form.collectStartDate}} {{form.collectEndDate}}</text> |
|||
<text wx:else>请选择时间</text> |
|||
</view> |
|||
<image src="../image/downG.png" mode="" wx:if="{{!form.collectEndDate}}"/> |
|||
<image src="../image/del.png" catch: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="card" wx:for="{{tableData}}" wx:key="index" data-item="{{item}}" bind:tap="toFollowUpDetail"> |
|||
<view class="title" > |
|||
<view> |
|||
<text class="{{item.followUpWay == '1'?'blue_small':'red_small'}}">{{item.followUpWayName}}</text> |
|||
{{item.reporterName}} {{item.reporterMobile}} |
|||
</view> |
|||
</view> |
|||
<view class="bottom"> |
|||
<view style="color: #999999 ;">{{item.addressDetail != null?item.addressDetail:'--'}}</view> |
|||
<view style="color: #C1C1C1;">{{item.followUpTime}}</view> |
|||
<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> |
|||
</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 { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
overflow-y: scroll; |
|||
background-color: #f7f7f7; |
|||
} |
|||
.red, |
|||
.blue{ |
|||
font-size: 28rpx; |
|||
color: #fff; |
|||
padding: 8rpx 20rpx ; |
|||
border-radius: 40rpx; |
|||
box-sizing: border-box; |
|||
margin-right: 16rpx; |
|||
} |
|||
.red{ |
|||
background-color: #ff783c; |
|||
} |
|||
.blue{ |
|||
background-color: #4f94ff; |
|||
} |
|||
.blue_small, |
|||
.red_small{ |
|||
font-size: 26rpx; |
|||
width: fit-content; |
|||
padding: 8rpx 16rpx; |
|||
border-radius: 40rpx; |
|||
box-sizing: border-box; |
|||
height: 40rpx; |
|||
line-height: 20rpx; |
|||
margin: 24rpx 0 ; |
|||
/* 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; |
|||
} |
|||
.gray{ |
|||
background: rgba(245, 245, 245) !important; |
|||
border: 1px solid #c1c1c1 !important; |
|||
color: #c1c1c1 !important; |
|||
} |
|||
.search{ |
|||
height: 110rpx; |
|||
width: 100%; |
|||
padding:0 22rpx; |
|||
box-sizing: border-box; |
|||
background-color: #fff; |
|||
display: flex; |
|||
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; |
|||
} |
|||
|
|||
} |
|||
.blue_small{ |
|||
background-color: #eef4fd; |
|||
color: #5693EE; |
|||
} |
|||
.red_small{ |
|||
background-color: #fff1eb; |
|||
color: #FF783C; |
|||
} |
|||
.content{ |
|||
width: 100%; |
|||
padding:0 20rpx ; |
|||
margin-top: 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.content .scroll { |
|||
height: calc(100vh - 50rpx); |
|||
overflow-y: scroll; |
|||
} |
|||
.content .card{ |
|||
width: 100%; |
|||
background-color: #fff; |
|||
display: flex; |
|||
height: 180rpx; |
|||
flex-direction: column; |
|||
border-radius: 20rpx; |
|||
padding: 30rpx 30rpx; |
|||
box-sizing: border-box; |
|||
overflow: hidden; |
|||
color: #333; |
|||
} |
|||
.content .card .title{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.content .card .bottom{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-top: 30rpx; |
|||
border-bottom: 2rpx #EAEAEA solid; |
|||
padding-bottom: 20rpx; |
|||
} |
|||
.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; |
|||
box-sizing: border-box; |
|||
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: 393 B |
Loading…
Reference in new issue