21 changed files with 1396 additions and 35 deletions
@ -0,0 +1,20 @@ |
|||
var fly = require('../utils/request.js') |
|||
|
|||
module.exports = { |
|||
getHousesalerentinfo, |
|||
housesalerentinfoAudit, |
|||
} |
|||
|
|||
|
|||
// 获取审核列表
|
|||
function getHousesalerentinfo(params) { |
|||
return fly.get('work/custom/housesalerentinfo/list2audit', { |
|||
pageNum:params.pageNum, |
|||
pageSize:params.pageSize, |
|||
auditStatus:params.auditStatus, |
|||
}) |
|||
} |
|||
// 提交房屋处理
|
|||
function housesalerentinfoAudit(params) { |
|||
return fly.post('work/custom/housesalerentinfo/audit', params) |
|||
} |
|||
|
After Width: | Height: | Size: 222 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 376 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 443 B |
|
After Width: | Height: | Size: 3.5 KiB |
@ -1 +1,595 @@ |
|||
page{background:#fff;box-sizing:border-box}.f-container{width:100%;box-sizing:border-box}.f-top{position:relative;width:100%;height:200rpx;background:#e3271c;border-radius:0 0 30rpx 30rpx;-webkit-border-radius:0 0 30rpx 30rpx;-moz-border-radius:0 0 30rpx 30rpx;-ms-border-radius:0 0 30rpx 30rpx;-o-border-radius:0 0 30rpx 30rpx}.f-top .flex-view{display:flex;justify-content:space-between;}.f-top .f-card{position:absolute;left:50%;bottom:-64rpx;width:690rpx;height:200rpx;margin-left:-345rpx;background-color:#fff;box-sizing:border-box;padding:28rpx 30rpx 18rpx;box-shadow: rgba(184,184,184,.25) 0px 0px 30px 5px;overflow:hidden;border-radius:14rpx;-moz-border-radius:14rpx;-ms-border-radius:14rpx;-o-border-radius:14rpx;-webkit-border-radius:14rpx}.f-top .f-card .card-right{flex-shrink:0;margin-left:10rpx}.f-top .f-card .card-title{height:96rpx;font-family:PingFang-SC-Bold;font-size:34rpx;letter-spacing:1rpx;color:#333;overflow:hidden}.f-top .f-card .card-num{display:flex;align-items:center;font-family:PingFang-SC-Medium;font-size:28rpx;letter-spacing:1rpx;color:#333;overflow:hidden}.f-top .f-card .card-num image{flex-shrink:0;width:32rpx;height:18rpx}.f-top .f-card .card-qr{width:30rpx;height:30rpx;}.f-top .f-card .card-qr image{display:block;width:100%;height:100%;}.f-top .f-card .card-qr-long{width:100rpx;height:100rpx}.f-top .f-card .card-qr-name{font-family:PingFang-SC-Regular;font-size:22rpx;font-weight:400;font-stretch:normal;letter-spacing:1rpx;color:#333}.f-wr{width:100%;box-sizing:border-box;padding:100rpx 20rpx 0}.title-right,.title-wr{display:flex;align-items:center}.title-wr{justify-content:space-between;padding:28rpx 0;border-bottom:1rpx solid #e7eeee}.title-wr .title-label{position:relative;padding-left:25rpx;font-family:PingFang-SC-Bold;font-size:34rpx;font-weight:400;font-stretch:normal;letter-spacing:0;color:#333}.title-wr .title-label::after{content:'';position:absolute;top:50%;left:0;width:6rpx;height:30rpx;margin-top:-15rpx;background-color:#e60000;border-radius:3rpx;-webkit-border-radius:3rpx;-moz-border-radius:3rpx;-ms-border-radius:3rpx;-o-border-radius:3rpx}.title-wr .title-right-label{font-family:PingFang-SC-Light;font-size:26rpx;font-weight:400;font-stretch:normal;color:#999}.title-wr .right-icon{width:30rpx;height:30rpx}.f-table{background-color:#fbfbfb}.f-table .table-cell{display:flex;align-items:center;padding:26rpx 0;border:solid 1rpx #e3e3e3;border-top:0;font-family:PingFang-SC-Regular;font-size:30rpx;color:#000003}.f-table .table-cell .table-col{flex:1;text-align:center;line-height:1}.f-table .table-cell .table-col-4{color:#dd2a2a}.f-table .table-header{background:#f1f1f1;border:0;font-family:PingFang-SC-Regular;font-size:28rpx;color:#666}.f-btns{display:flex;align-items:center;padding:30rpx 0}.f-btns .f-btns-icon{width:30rpx;height:30rpx;font-size:28rpx;color:#dd2a2a;text-align:center;line-height:30rpx;border:1rpx solid #dd2a2a;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.f-btns .f-btns-label{margin-left:10rpx;font-size:28rpx;color:#dd2a2a}.mt40{margin-top:40rpx}.mt16{margin-top:16rpx}.no-data{font-size:28rpx;color:#999;text-align:center;line-height:300rpx}.m-fm .fm{top:500rpx;width:600rpx;padding:0 0 40rpx 0;background:#fff;overflow:hidden}.m-fm .fm .btn-close{top:27rpx;padding:0 30rpx;font-size:36rpx;color:#fff;line-height:90rpx}.m-fm .fm .btn-close image{display:block;width:36rpx;height:36rpx}.m-fm .fm .fm-btn{width:240rpx;height:54rpx;margin:20rpx auto 0;font-family:PingFang-SC-Medium;font-size:28rpx;font-weight:400;font-stretch:normal;letter-spacing:0;color:#999;text-align:center;line-height:54rpx;border-radius:27rpx;border:solid 1rpx #eee;-webkit-border-radius:27rpx;-moz-border-radius:27rpx;-ms-border-radius:27rpx;-o-border-radius:27rpx}.m-fm .fm-header{width:100%;height:90rpx;margin-bottom:20rpx;text-align:center;line-height:90rpx;font-family:PingFang-SC-Bold;font-size:32rpx;color:#fff;background-image:linear-gradient(90deg,#ca151d 0,#e11c13 100%)}.m-fm .fm-qr{width:400rpx;height:400rpx;box-sizing:border-box;margin:0 auto}.m-fm .fm-qr image{display:block;width:100%;height:100%}.no-family{padding-top:200rpx}.no-family image{display:block;width:506rpx;margin:0 auto}.no-family .no-btn{width:220rpx;height:66rpx;margin:60rpx auto 0;font-size:32rpx;color:#fff;text-align:center;line-height:66rpx;background-image:linear-gradient(90deg,#ca151d 0,#e11c13 100%);border-radius:30rpx;-webkit-border-radius:30rpx;-moz-border-radius:30rpx;-ms-border-radius:30rpx;-o-border-radius:30rpx} |
|||
page { |
|||
background: #fff; |
|||
box-sizing: border-box |
|||
} |
|||
|
|||
.f-container { |
|||
width: 100%; |
|||
box-sizing: border-box |
|||
} |
|||
|
|||
.f-top { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 200rpx; |
|||
background: #e3271c; |
|||
border-radius: 0 0 30rpx 30rpx; |
|||
-webkit-border-radius: 0 0 30rpx 30rpx; |
|||
-moz-border-radius: 0 0 30rpx 30rpx; |
|||
-ms-border-radius: 0 0 30rpx 30rpx; |
|||
-o-border-radius: 0 0 30rpx 30rpx |
|||
} |
|||
|
|||
.f-top .flex-view { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.f-top .f-card { |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: -64rpx; |
|||
width: 690rpx; |
|||
height: 200rpx; |
|||
margin-left: -345rpx; |
|||
background-color: #fff; |
|||
box-sizing: border-box; |
|||
padding: 28rpx 30rpx 18rpx; |
|||
box-shadow: rgba(184, 184, 184, .25) 0px 0px 30px 5px; |
|||
overflow: hidden; |
|||
border-radius: 14rpx; |
|||
-moz-border-radius: 14rpx; |
|||
-ms-border-radius: 14rpx; |
|||
-o-border-radius: 14rpx; |
|||
-webkit-border-radius: 14rpx |
|||
} |
|||
|
|||
.f-top .f-card .card-right { |
|||
flex-shrink: 0; |
|||
margin-left: 10rpx |
|||
} |
|||
|
|||
.f-top .f-card .card-title { |
|||
height: 96rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-size: 34rpx; |
|||
letter-spacing: 1rpx; |
|||
color: #333; |
|||
overflow: hidden |
|||
} |
|||
|
|||
.f-top .f-card .card-num { |
|||
display: flex; |
|||
align-items: center; |
|||
font-family: PingFang-SC-Medium; |
|||
font-size: 28rpx; |
|||
letter-spacing: 1rpx; |
|||
color: #333; |
|||
overflow: hidden |
|||
} |
|||
|
|||
.f-top .f-card .card-num image { |
|||
flex-shrink: 0; |
|||
width: 32rpx; |
|||
height: 18rpx |
|||
} |
|||
|
|||
.f-top .f-card .card-qr { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
} |
|||
|
|||
.f-top .f-card .card-qr image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.f-top .f-card .card-qr-long { |
|||
width: 100rpx; |
|||
height: 100rpx |
|||
} |
|||
|
|||
.f-top .f-card .card-qr-name { |
|||
font-family: PingFang-SC-Regular; |
|||
font-size: 22rpx; |
|||
font-weight: 400; |
|||
font-stretch: normal; |
|||
letter-spacing: 1rpx; |
|||
color: #333 |
|||
} |
|||
|
|||
.f-wr { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
padding: 100rpx 20rpx 0 |
|||
} |
|||
|
|||
.title-right, |
|||
.title-wr { |
|||
display: flex; |
|||
align-items: center |
|||
} |
|||
|
|||
.title-wr { |
|||
justify-content: space-between; |
|||
padding: 28rpx 0; |
|||
border-bottom: 1rpx solid #e7eeee |
|||
} |
|||
|
|||
.title-wr .title-label { |
|||
position: relative; |
|||
padding-left: 25rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-size: 34rpx; |
|||
font-weight: 400; |
|||
font-stretch: normal; |
|||
letter-spacing: 0; |
|||
color: #333 |
|||
} |
|||
|
|||
.title-wr .title-label::after { |
|||
content: ''; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 0; |
|||
width: 6rpx; |
|||
height: 30rpx; |
|||
margin-top: -15rpx; |
|||
background-color: #e60000; |
|||
border-radius: 3rpx; |
|||
-webkit-border-radius: 3rpx; |
|||
-moz-border-radius: 3rpx; |
|||
-ms-border-radius: 3rpx; |
|||
-o-border-radius: 3rpx |
|||
} |
|||
|
|||
.title-wr .title-right-label { |
|||
font-family: PingFang-SC-Light; |
|||
font-size: 26rpx; |
|||
font-weight: 400; |
|||
font-stretch: normal; |
|||
color: #999 |
|||
} |
|||
|
|||
.title-wr .right-icon { |
|||
width: 30rpx; |
|||
height: 30rpx |
|||
} |
|||
|
|||
.f-table { |
|||
background-color: #fbfbfb |
|||
} |
|||
|
|||
.f-table .table-cell { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 26rpx 0; |
|||
border: solid 1rpx #e3e3e3; |
|||
border-top: 0; |
|||
font-family: PingFang-SC-Regular; |
|||
font-size: 30rpx; |
|||
color: #000003 |
|||
} |
|||
|
|||
.f-table .table-cell .table-col { |
|||
flex: 1; |
|||
text-align: center; |
|||
line-height: 1 |
|||
} |
|||
|
|||
.f-table .table-cell .table-col-4 { |
|||
color: #dd2a2a |
|||
} |
|||
|
|||
.f-table .table-header { |
|||
background: #f1f1f1; |
|||
border: 0; |
|||
font-family: PingFang-SC-Regular; |
|||
font-size: 28rpx; |
|||
color: #666 |
|||
} |
|||
|
|||
.f-btns { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 30rpx 0 |
|||
} |
|||
|
|||
.f-btns .f-btns-icon { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
font-size: 28rpx; |
|||
color: #dd2a2a; |
|||
text-align: center; |
|||
line-height: 30rpx; |
|||
border: 1rpx solid #dd2a2a; |
|||
border-radius: 50%; |
|||
-webkit-border-radius: 50%; |
|||
-moz-border-radius: 50%; |
|||
-ms-border-radius: 50%; |
|||
-o-border-radius: 50% |
|||
} |
|||
|
|||
.f-btns .f-btns-label { |
|||
margin-left: 10rpx; |
|||
font-size: 28rpx; |
|||
color: #dd2a2a |
|||
} |
|||
|
|||
.mt40 { |
|||
margin-top: 40rpx |
|||
} |
|||
|
|||
.mt16 { |
|||
margin-top: 16rpx |
|||
} |
|||
|
|||
.no-data { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
text-align: center; |
|||
line-height: 300rpx |
|||
} |
|||
|
|||
.m-fm .fm { |
|||
top: 500rpx; |
|||
width: 600rpx; |
|||
padding: 0 0 40rpx 0; |
|||
background: #fff; |
|||
overflow: hidden |
|||
} |
|||
|
|||
.m-fm .fm .btn-close { |
|||
top: 27rpx; |
|||
padding: 0 30rpx; |
|||
font-size: 36rpx; |
|||
color: #fff; |
|||
line-height: 90rpx |
|||
} |
|||
|
|||
.m-fm .fm .btn-close image { |
|||
display: block; |
|||
width: 36rpx; |
|||
height: 36rpx |
|||
} |
|||
|
|||
.m-fm .fm .fm-btn { |
|||
width: 240rpx; |
|||
height: 54rpx; |
|||
margin: 20rpx auto 0; |
|||
font-family: PingFang-SC-Medium; |
|||
font-size: 28rpx; |
|||
font-weight: 400; |
|||
font-stretch: normal; |
|||
letter-spacing: 0; |
|||
color: #999; |
|||
text-align: center; |
|||
line-height: 54rpx; |
|||
border-radius: 27rpx; |
|||
border: solid 1rpx #eee; |
|||
-webkit-border-radius: 27rpx; |
|||
-moz-border-radius: 27rpx; |
|||
-ms-border-radius: 27rpx; |
|||
-o-border-radius: 27rpx |
|||
} |
|||
|
|||
.m-fm .fm-header { |
|||
width: 100%; |
|||
height: 90rpx; |
|||
margin-bottom: 20rpx; |
|||
text-align: center; |
|||
line-height: 90rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
background-image: linear-gradient(90deg, #ca151d 0, #e11c13 100%) |
|||
} |
|||
|
|||
.m-fm .fm-qr { |
|||
width: 400rpx; |
|||
height: 400rpx; |
|||
box-sizing: border-box; |
|||
margin: 0 auto |
|||
} |
|||
|
|||
.m-fm .fm-qr image { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100% |
|||
} |
|||
|
|||
.no-family { |
|||
padding-top: 200rpx |
|||
} |
|||
|
|||
.no-family image { |
|||
display: block; |
|||
width: 506rpx; |
|||
margin: 0 auto |
|||
} |
|||
|
|||
.no-family .no-btn { |
|||
width: 220rpx; |
|||
height: 66rpx; |
|||
margin: 60rpx auto 0; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
text-align: center; |
|||
line-height: 66rpx; |
|||
background-image: linear-gradient(90deg, #ca151d 0, #e11c13 100%); |
|||
border-radius: 30rpx; |
|||
-webkit-border-radius: 30rpx; |
|||
-moz-border-radius: 30rpx; |
|||
-ms-border-radius: 30rpx; |
|||
-o-border-radius: 30rpx |
|||
} |
|||
.tab-bar { |
|||
width: 100%; |
|||
height: 90rpx; |
|||
background: #fff; |
|||
overflow-x: scroll; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
position: relative; |
|||
padding:0 60rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.tab-bar .type { |
|||
font-size: 30rpx; |
|||
color: #999; |
|||
flex: 1; |
|||
text-align: center; |
|||
/* width: 300rpx; */ |
|||
height: 90rpx; |
|||
line-height: 90rpx; |
|||
} |
|||
|
|||
.tab-bar .hover-tabbar { |
|||
background: #f3f3f3; |
|||
} |
|||
|
|||
.tab-bar .type.selected-resiNew { |
|||
color: #F82525; |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
.tab-bar .type.selected-housePrice { |
|||
color: #F82525; |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
.tab-bar .type.selected-groupPrice { |
|||
color: #F82525; |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
.tab-bar .type.selected-integral { |
|||
color: #F82525; |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
.tab-bar .select-bar { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
width: 80rpx; |
|||
height: 6rpx; |
|||
background: #f95454; |
|||
border-radius: 4rpx; |
|||
transition: left 0.5s ease; |
|||
} |
|||
|
|||
.tab-bar .select-bar.selected-resiNew { |
|||
left: 12%; |
|||
transition: left 0.5s ease; |
|||
} |
|||
|
|||
.tab-bar .select-bar.selected-housePrice { |
|||
left: 34%; |
|||
transition: left 0.5s ease; |
|||
} |
|||
|
|||
.tab-bar .select-bar.selected-groupPrice { |
|||
left: 54%; |
|||
transition: left 0.5s ease; |
|||
} |
|||
.tab-bar .select-bar.selected-integral { |
|||
left: 75%; |
|||
transition: left 0.5s ease; |
|||
} |
|||
.f-wr .housePrice-list { |
|||
overflow-y: scroll; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-hader{ |
|||
display: flex; |
|||
padding: 20rpx 61rpx; |
|||
background-color: #fff; |
|||
|
|||
} |
|||
.f-wr .housePrice-list .housePrice-hader .active_btn{ |
|||
background: #dc1e20; |
|||
color: #fff; |
|||
border: 1px solid #dc1e20; |
|||
opacity: 1; |
|||
} |
|||
.f-wr .housePrice-list .search-box{ |
|||
display: flex; |
|||
margin-top: 20rpx; |
|||
height: 60rpx; |
|||
line-height: 60rpx; |
|||
align-items: center; |
|||
padding: 0 30rpx; |
|||
position: relative; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-content{ |
|||
width: 100%; |
|||
height: 440rpx; |
|||
border-radius: 5%; |
|||
margin-top: 20rpx; |
|||
box-sizing: border-box; |
|||
background-color: #fff; |
|||
} |
|||
.housePrice-images{ |
|||
display: flex; |
|||
justify-content: left; |
|||
padding: 20rpx 20rpx 0rpx 0rpx; |
|||
background-color: #fff; |
|||
height: 230rpx; |
|||
border-radius: 0 0 5rpx 5rpx; |
|||
} |
|||
.housePrice-images image{ |
|||
margin-left: 20rpx; |
|||
border-radius: 5rpx; |
|||
float: left; |
|||
height: 207rpx; |
|||
width: 202rpx; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-content view{ |
|||
background-color: #fff; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-content .housePrice-header{ |
|||
display: flex; |
|||
background-color: #fff; |
|||
box-sizing: border-box; |
|||
padding: 10rpx 0 10rpx 0; |
|||
border-radius: 5rpx 5rpx 0 0 ; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-content .housePrice-body{ |
|||
padding: 0 20rpx; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-content .housePrice-header image{ |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 50%; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-content .housePrice-header .housePrice-header-name { |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
padding:0 20rpx; |
|||
flex: 1; |
|||
} |
|||
.housePrice-header-top{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.housePrice-header-top .tag{ |
|||
background-color: #fff0e2; |
|||
color:#ffa822 ; |
|||
padding: 0rpx 20rpx; |
|||
font-size: 24rpx; |
|||
border-radius: 3rpx; |
|||
box-sizing: border-box; |
|||
margin-left: 20rpx; |
|||
height: 40rpx; |
|||
line-height: 40rpx; |
|||
} |
|||
.housePrice-header-name .price{ |
|||
color: #e74636; |
|||
} |
|||
.housePrice-header-top .address { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
line-height: 63rpx; |
|||
max-width: 250rpx; |
|||
} |
|||
|
|||
.housePrice-header-top .date{ |
|||
color: #757775; |
|||
flex: 1; |
|||
text-align: right; |
|||
overflow: hidden; |
|||
height: 63rpx; |
|||
line-height: 63rpx; |
|||
} |
|||
.housePrice-header-name .price{ |
|||
color: #e74636; |
|||
} |
|||
.f-wr .housePrice-list .search-img{ |
|||
width:40rpx; |
|||
height:40rpx; |
|||
object-fit: cover; |
|||
margin: 0 7rpx 0 25rpx; |
|||
position: absolute; |
|||
z-index: 5; |
|||
} |
|||
.f-wr .housePrice-list .search-box .search-input{ |
|||
background: #fff; |
|||
border-radius: 25rpx; |
|||
padding-left: 24rpx; |
|||
width:100%; |
|||
height: 100%; |
|||
} |
|||
.f-wr .housePrice-list .search-box .search-img{ |
|||
position: absolute; |
|||
right: 38rpx; |
|||
width: 29rpx; |
|||
height: 32rpx; |
|||
top:12rpx ; |
|||
} |
|||
.f-wr .housePrice-list .housePrice-hader view{ |
|||
width: 166rpx; |
|||
height: 56rpx; |
|||
line-height: 56rpx; |
|||
background: #FFFFFF; |
|||
border: 1px solid #828282a9; |
|||
border-radius: 28rpx; |
|||
text-align: center; |
|||
color: #333333; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
} |
|||
.img_btn{ |
|||
width: 134rpx; |
|||
height: 134rpx; |
|||
position: fixed; |
|||
bottom: 30rpx; |
|||
left: 50%; |
|||
transform: translateX(-50rpx); |
|||
} |
|||
.groupPrice-list { |
|||
width: 100%; |
|||
overflow-y: scroll; |
|||
} |
|||
.groupPrice-list .groupPrice-card{ |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
margin-top: 14rpx; |
|||
padding: 30rpx; |
|||
box-sizing: border-box; |
|||
background-color: #fff; |
|||
} |
|||
.groupPrice-list .groupPrice-card image{ |
|||
border-radius: 20rpx; |
|||
width: 220rpx; |
|||
height: 146rpx; |
|||
} |
|||
.groupPrice-list .groupPrice-card .right{ |
|||
flex: 1; |
|||
/* */ |
|||
height: 146rpx; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
padding-left: 20rpx; |
|||
} |
|||
.groupPrice-list .groupPrice-card .right view{ |
|||
height: 50%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.nomore-tip { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
background: #f7f7f7; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
color: #999; |
|||
font-size: 26rpx; |
|||
} |
|||
|
After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,114 @@ |
|||
// subpages/houseAudit/page/audit/audit.js
|
|||
import api from "../../../../api/houseAudit" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
houseDetailObj:{}, |
|||
swiperCurrent:1, |
|||
tabFlag:0 |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
let decodeObj = decodeURIComponent(options.houseObj) |
|||
let obj = JSON.parse(decodeObj) |
|||
obj.createdTime = obj.createdTime.substr(0,10) |
|||
this.setData({ |
|||
houseDetailObj:obj, |
|||
tabFlag:options.houseFlag |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
}, |
|||
swiperChange(e){ |
|||
this.setData({ |
|||
swiperCurrent:e.detail.current + 1 |
|||
}) |
|||
console.log(this.data.swiperCurrent); |
|||
}, |
|||
navigatetoBannerDetail(){ |
|||
console.log(this.data.swiperCurrent); |
|||
wx.previewImage({ |
|||
current: this.data.swiperCurrent, // 当前显示图片的http链接
|
|||
urls: this.data.houseDetailObj.photoList // 需要预览的图片http链接列表
|
|||
}) |
|||
}, |
|||
handleilcikAudit(e){ |
|||
console.log(e); |
|||
let num = parseInt(e.currentTarget.dataset.value) |
|||
console.log(typeof num); |
|||
let par = { |
|||
id:this.data.houseDetailObj.id, |
|||
auditStatus:num |
|||
} |
|||
api.housesalerentinfoAudit(par).then(res=>{ |
|||
if(res.code==0){ |
|||
wx.showLoading({ |
|||
title: '操作完成', |
|||
mask: true, |
|||
}) |
|||
}else if(res.code == 500){ |
|||
wx.showLoading({ |
|||
title: res.msg, |
|||
mask: true, |
|||
}) |
|||
} |
|||
wx.hideLoading() |
|||
wx.navigateBack() |
|||
}).catch(err=>{ |
|||
console.log(err); |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "房屋审核" |
|||
} |
|||
@ -0,0 +1,55 @@ |
|||
<!--subpages/houseAudit/page/audit/audit.wxml--> |
|||
<view class="f-container"> |
|||
<view class="card"> |
|||
<!-- <view class="images"> |
|||
<image src="../../../../images/rexian.png"> |
|||
</image> |
|||
</view> --> |
|||
<view class="images"> |
|||
<swiper bindchange="swiperChange"> |
|||
<!-- wx:if="{{bannerList.length > 0}}" --> |
|||
<block> |
|||
<swiper-item wx:for="{{houseDetailObj.photoList}}" wx:key="index"> |
|||
<!----> |
|||
<image data-src="{{item}}" mode="aspectFill" class="banner-img" src="{{item}}" bindtap="navigatetoBannerDetail" /> |
|||
</swiper-item> |
|||
</block> |
|||
</swiper> |
|||
</view> |
|||
<view class="houseName"> |
|||
<view> {{houseDetailObj.address}} <text>{{houseDetailObj.houseStatusDisplay}}</text></view> |
|||
<!-- wx:if="{{bannerList.length > 0}}" --> |
|||
<text>{{swiperCurrent}}/{{houseDetailObj.photoList.length}}</text> |
|||
</view> |
|||
<view class="row"> |
|||
<view>单价 <text>{{houseDetailObj.price}}元/平</text></view> |
|||
<view>朝向 <text>{{houseDetailObj.orientation}}</text></view> |
|||
</view> |
|||
<view class="row"> |
|||
<view>楼层 <text>{{houseDetailObj.floor}}</text></view> |
|||
<view>电梯 <text>{{houseDetailObj.hasElevator==0?'无':'有'}}</text></view> |
|||
</view> |
|||
<view class="row"> |
|||
<view>套内 <text>{{houseDetailObj.insideArea}}</text></view> |
|||
<view></view> |
|||
</view> |
|||
<view class="row"> |
|||
<view>挂牌 <text>{{houseDetailObj.createdTime}}</text></view> |
|||
<view></view> |
|||
</view> |
|||
|
|||
<view class="row"> |
|||
<view>用途 <text>{{houseDetailObj.houseType==1?'住宅':houseDetailObj.houseType==2?'办公':'门头'}}</text></view> |
|||
<view></view> |
|||
</view> |
|||
<view class="describe"> |
|||
<view>房屋描述</view> |
|||
<text>{{houseDetailObj.description}}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<view wx:if="{{tabFlag==0}}" class="botBtn"> |
|||
<button class="yes" bind:tap="handleilcikAudit" data-value='1'>通过</button> |
|||
<button class="no" bind:tap="handleilcikAudit" data-value='-1'>不通过</button> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,187 @@ |
|||
/* subpages/houseAudit/page/audit/audit.wxss */ |
|||
page { |
|||
background: #f7f7f7; |
|||
box-sizing: border-box |
|||
} |
|||
|
|||
.f-container { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
background: #f7f7f7; |
|||
} |
|||
.gray{ |
|||
color: #999; |
|||
} |
|||
.f-container >.card{ |
|||
background-color: #fff; |
|||
padding: 20rpx; |
|||
} |
|||
.images{ |
|||
overflow: hidden; |
|||
width: 100%; |
|||
height: 300rpx; |
|||
} |
|||
.images image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.houseName{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin-top: 20rpx; |
|||
} |
|||
.houseName view>text{ |
|||
background-color: #fff0e2; |
|||
color:#ffa822 ; |
|||
padding: 5rpx 20rpx; |
|||
font-size: 24rpx; |
|||
border-radius: 3rpx; |
|||
box-sizing: border-box; |
|||
margin-left: 20rpx; |
|||
} |
|||
.card .row{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
margin-top: 20rpx; |
|||
} |
|||
.card .row view{ |
|||
width: 50%; |
|||
text-align: left; |
|||
color: #999; |
|||
float: left; |
|||
} |
|||
.card .row view text{ |
|||
color: #000; |
|||
margin-left: 20rpx; |
|||
} |
|||
.describe{ |
|||
background-color: #f0fbff; |
|||
padding: 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-around; |
|||
align-items: left; |
|||
font-weight: 600; |
|||
margin-top: 20rpx; |
|||
border-radius: 8rpx; |
|||
} |
|||
.describe text{ |
|||
font-size: 28rpx; |
|||
font-weight: 300; |
|||
margin-top: 20rpx; |
|||
} |
|||
.card .reply-header{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-around; |
|||
padding: 20rpx 20rpx 0; |
|||
box-sizing: border-box; |
|||
} |
|||
.card .reply-header>view{ |
|||
width: 50%; |
|||
} |
|||
.card .reply-header .left{ |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.card .reply-header .right{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
color: #999; |
|||
} |
|||
.card .reply-header .left image{ |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
.card .reply-header .right image{ |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
margin-right: 10rpx; |
|||
} |
|||
.card .reply-header .right>view{ |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.card .reply-content{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-around; |
|||
flex-wrap: none; |
|||
align-items: left; |
|||
padding-left: 140rpx; |
|||
} |
|||
.card .replys-content{ |
|||
display: flex; |
|||
justify-content: space-around; |
|||
padding-left: 140rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
.card .replys-content>image{ |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
margin-right: 20rpx; |
|||
} |
|||
.card .replys-content>view{ |
|||
flex: 1; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: space-around; |
|||
align-items: left; |
|||
} |
|||
.card .replys-content>view>view{ |
|||
padding-top: 10rpx; |
|||
} |
|||
.card .replys-content>view .name{ |
|||
padding: 0rpx; |
|||
height: 80rpx; |
|||
line-height: 80rpx; |
|||
} |
|||
.input-section { |
|||
position: absolute; |
|||
display: flex; |
|||
align-items: center; |
|||
height: 110rpx; |
|||
bottom: 0rpx; |
|||
left: 0rpx; |
|||
right: 0rpx; |
|||
z-index: 500; |
|||
background: #fff; |
|||
} |
|||
|
|||
.input_input { |
|||
background: #fff; |
|||
margin-top: 12rpx; |
|||
z-index: 500; |
|||
width: 580rpx; |
|||
height: 110rpx; |
|||
padding-left: 35rpx; |
|||
} |
|||
.botBtn{ |
|||
display: flex; |
|||
width: 100%; |
|||
justify-content: space-around; |
|||
box-sizing: border-box; |
|||
padding: 0 40rpx; |
|||
background-color: #fff; |
|||
} |
|||
.botBtn .yes{ |
|||
background-color:#3284fe; |
|||
color: #fff; |
|||
margin:0; |
|||
width: 200rpx; |
|||
border-radius: 46rpx; |
|||
height: 92rpx; |
|||
} |
|||
.botBtn .no{ |
|||
width: 200rpx; |
|||
background-color: #e40000; |
|||
margin:0 0 0 30rpx; |
|||
border-radius: 46rpx; |
|||
color: #fff; |
|||
height: 92rpx; |
|||
|
|||
} |
|||
@ -0,0 +1,112 @@ |
|||
// subpages/houseAudit/page/index/index.js
|
|||
import api from '../../../../api/houseAudit' |
|||
|
|||
Page({ |
|||
//首页配置返回
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
houseList:[], |
|||
childNav:[{label:'待审核',value:'0'},{label:'审核通过',value:'1'},{label:'审核不通过',value:'-1'}], |
|||
tabflag:'0', |
|||
pageNum:0, |
|||
pageSize:10, |
|||
loadMoreVisible:false |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
this.getHousesalerentinfo() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
this.getHousesalerentinfo() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
this.setData({ |
|||
loadMoreVisible: true, |
|||
pageNum: this.data.pageNum + 1 |
|||
}) |
|||
this.getHousesalerentinfo() |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
}, |
|||
getHousesalerentinfo(){ |
|||
let parms = { |
|||
pageNum:this.data.pageNum, |
|||
pageSize:this.data.pageSize, |
|||
auditStatus:this.data.tabflag |
|||
} |
|||
api.getHousesalerentinfo(parms).then(res=>{ |
|||
console.log(res); |
|||
for(let i in res.data.list){ |
|||
res.data.list[i].createdData = res.data.list[i].createdData.substr(0,10) |
|||
} |
|||
this.setData({ |
|||
houseList:res.data.list |
|||
}) |
|||
}).catch(err=>{ |
|||
|
|||
}) |
|||
}, |
|||
handleClickTab(e){ |
|||
// 这里还要调下接口根据不同接口传不同的状态类型
|
|||
this.setData({ |
|||
tabflag:e.currentTarget.dataset.value |
|||
}) |
|||
this.getHousesalerentinfo() |
|||
}, |
|||
handleClickBtn(e){ |
|||
console.log(this.data.tabflag); |
|||
// 这里跳转到详情页面然后根据传过去的值去判断是审核还是详情
|
|||
let str = encodeURIComponent(JSON.stringify(e.currentTarget.dataset.item)) |
|||
//还有传参问题加上
|
|||
// 居民端的编辑提示信息可以修改下
|
|||
wx.navigateTo({ |
|||
url: `../audit/audit?houseFlag=${this.data.tabflag}&houseObj=${str}`, |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"navigationBarTitleText": "房屋审核", |
|||
"usingComponents": { |
|||
"wux-tabs": "../../../../dist/tabs/index", |
|||
"wux-tab": "../../../../dist/tab/index", |
|||
"wux-badge": "../../../../dist/badge/index" |
|||
}, |
|||
"backgroundTextStyle": "dark" |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
<!--subpages/houseAudit/page/index/index.wxml--> |
|||
<view> |
|||
<view class="tabs"> |
|||
<view wx:for="{{childNav}}" wx:key="index" data-value="{{item.value}}" bind:tap="handleClickTab"> |
|||
<text class="{{tabflag == item.value?'fontStyle':''}}">{{item.label}}</text> |
|||
</view> |
|||
</view> |
|||
|
|||
<block wx:if="{{houseList.length!=0}}"> |
|||
<view class="card" wx:for="{{houseList}}" wx:form-item="item" > |
|||
<view class="address">{{item.address}}</view> |
|||
<view class="bot"> |
|||
<view> |
|||
发布时间{{item.createdData}} |
|||
</view> |
|||
<button data-item="{{item}}" style="background-color:{{tabflag=='0'?'#3284fe':tabflag=='1'?'#51ec7b':'#ff5a58'}}" bind:tap="handleClickBtn">{{tabflag=='0'?'去审核':tabflag=='1'?'已通过':'未通过'}}</button> |
|||
</view> |
|||
</view> |
|||
</block> |
|||
<view class="no-data" wx:else>暂无信息</view> |
|||
<view style="display: {{loadMoreVisible ? 'flex' : 'none'}}" class="nomore-tip">没有更多了~</view> |
|||
</view> |
|||
@ -0,0 +1,82 @@ |
|||
/* subpages/houseAudit/page/index/index.wxss */ |
|||
page { |
|||
background: #f7f7f7; |
|||
box-sizing: border-box |
|||
} |
|||
.tabs{ |
|||
display: flex; |
|||
border-bottom: 2rpx #828282a9 solid; |
|||
color: #999; |
|||
width: 100%; |
|||
height: 88rpx; |
|||
line-height: 88rpx; |
|||
box-sizing: border-box; |
|||
position: relative; |
|||
-ms-flex-pack: distribute; |
|||
justify-content: left; |
|||
-ms-flex-align: center; |
|||
align-items: center; |
|||
background: #fff; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
padding: 0 20rpx; |
|||
} |
|||
.fontStyle{ |
|||
font-weight: 600; |
|||
font-size:40rpx ; |
|||
color: #000; |
|||
} |
|||
.tabs view{ |
|||
text-align: left; |
|||
margin-right: 30rpx; |
|||
} |
|||
.card{ |
|||
margin-top: 20rpx; |
|||
background-color: #fff; |
|||
box-sizing: border-box; |
|||
padding: 25rpx; |
|||
} |
|||
.card .bot{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.card .address{ |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
white-space: normal !important; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
.card .bot view{ |
|||
color: #999; |
|||
font-size: 28rpx; |
|||
line-height: 60rpx; |
|||
} |
|||
.card .bot button{ |
|||
line-height: 60rpx; |
|||
font-size: 28rpx; |
|||
font-weight: normal; |
|||
border-radius: 30rpx; |
|||
color: #fff; |
|||
border: none; |
|||
background-color:#ffb12d; |
|||
margin: 0; |
|||
} |
|||
.nomore-tip { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
background: #f7f7f7; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
color: #999; |
|||
font-size: 26rpx; |
|||
} |
|||
.no-data { |
|||
font-size: 28rpx; |
|||
color: #999; |
|||
text-align: center; |
|||
line-height: 500rpx |
|||
} |
|||
Loading…
Reference in new issue