ZhaoTongYao
4 years ago
18 changed files with 369 additions and 13 deletions
|
After Width: | Height: | Size: 368 B |
|
After Width: | Height: | Size: 25 KiB |
@ -0,0 +1,65 @@ |
|||
const api = require('../../../../utils/api') |
|||
|
|||
Page({ |
|||
data: { |
|||
loadType: 'none', |
|||
loadVisible: false, |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
deptId: '', |
|||
isShow: true, |
|||
categoryList: [], |
|||
categoryCode: '', |
|||
}, |
|||
onLoad(options) { |
|||
if (options.name) { |
|||
wx.setNavigationBarTitle({ |
|||
title: options.name, |
|||
}) |
|||
this.setData({ |
|||
deptId: options.id |
|||
}) |
|||
} |
|||
this.getGridCategoryList() |
|||
}, |
|||
// 获取社区列表
|
|||
getGridCategoryList() { |
|||
api.getGridCategoryList().then(res => { |
|||
if (res.code == 0 && res.msg == 'success') { |
|||
this.setData({ |
|||
isShow: false, |
|||
categoryList: this.data.categoryList.concat(res.data), |
|||
// loadType: res.data.length < this.data.pageSize ? 'none' : 'loading',
|
|||
}) |
|||
if (this.data.categoryList.length == 0) { |
|||
this.setData({ |
|||
isShow: true, |
|||
// loadVisible: false,
|
|||
}) |
|||
} |
|||
} |
|||
}).catch(err => { |
|||
this.setData({ |
|||
isShow: true, |
|||
loadVisible: false, |
|||
}) |
|||
}) |
|||
}, |
|||
// onReachBottom() {
|
|||
// if (this.data.loadType == 'none') {
|
|||
// return
|
|||
// }
|
|||
// this.setData({
|
|||
// pageIndex: ++this.data.pageIndex,
|
|||
// })
|
|||
// this.getGridCategoryList()
|
|||
// },
|
|||
//
|
|||
navigateTo(e) { |
|||
let code = e.currentTarget.dataset.code |
|||
let name = e.currentTarget.dataset.name |
|||
wx.navigateTo({ |
|||
url: `../index/index?id=${this.data.deptId}&code=${code}&name=${name}` |
|||
}) |
|||
}, |
|||
}) |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"navigationBarTitleText": "", |
|||
"navigationBarTextStyle": "white", |
|||
"navigationBarBackgroundColor": "#349c83", |
|||
"usingComponents": { |
|||
"no-data": "/components/nodata/nodata", |
|||
"load-more": "/components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
<view class="list"> |
|||
<view class="top"> |
|||
<view class="left"> |
|||
<view class="title">网格队伍</view> |
|||
<view class="desc">基层党建·为民服务</view> |
|||
<view class="line"></view> |
|||
</view> |
|||
<image src="../../images/top-img.png" class="top-img" /> |
|||
</view> |
|||
<view class="org-list"> |
|||
<view class="list-item" bindtap="navigateTo" wx:for="{{categoryList}}" wx:for-item="item" wx:for-index="index" wx:key="value" data-code="{{item.typeCode}}" data-name="{{item.typeName}}" hover-class="org-hover" hover-stay-time="150"> |
|||
<view class="list-item-label">{{item.typeName}}</view> |
|||
<image class="list-item-icon" src="../../images/right-sword.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <load-more loadType="{{loadType}}" loadVisible="{{loadVisible}}"></load-more> --> |
|||
<no-data isShow="{{isShow}}"></no-data> |
|||
@ -0,0 +1,77 @@ |
|||
page { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
height: auto; |
|||
} |
|||
.list { |
|||
width: 100%; |
|||
} |
|||
.list .top { |
|||
width: 100%; |
|||
height: 338rpx; |
|||
border-radius: 0 0 40rpx 40rpx; |
|||
background: linear-gradient(to bottom, #349c83, #39b092); |
|||
display: flex; |
|||
} |
|||
.list .top .left { |
|||
color: #ffffff; |
|||
width: 450rpx; |
|||
height: 227rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: flex-start; |
|||
justify-content: center; |
|||
padding-left: 70rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.list .top .left .title { |
|||
font-size: 44rpx; |
|||
letter-spacing: 4rpx; |
|||
} |
|||
.list .top .left .desc { |
|||
font-size: 25rpx; |
|||
letter-spacing: 4rpx; |
|||
margin-top: 25rpx; |
|||
} |
|||
.list .top .left .line { |
|||
width: 99rpx; |
|||
height: 8rpx; |
|||
background-color: #ffb71c; |
|||
margin-top: 23rpx; |
|||
} |
|||
.list .top .top-img { |
|||
width: 256rpx; |
|||
height: 227rpx; |
|||
} |
|||
|
|||
.list .org-list { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
position: relative; |
|||
top: -90rpx; |
|||
} |
|||
.list .org-list .list-item { |
|||
width: 100%; |
|||
height: 130rpx; |
|||
background: #fff; |
|||
box-shadow: 0rpx 5rpx 32rpx 0rpx rgba(198, 198, 198, 0.56); |
|||
border-radius: 14rpx; |
|||
box-sizing: border-box; |
|||
padding: 0 33rpx 0 35rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
margin-top: 30rpx; |
|||
} |
|||
.list .org-list .list-item .list-item-label { |
|||
color: #333; |
|||
font-size: 34rpx; |
|||
} |
|||
.list .org-list .list-item .list-item-icon { |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
} |
|||
.list .org-list .org-hover { |
|||
background: #f6f7f7; |
|||
} |
|||
@ -0,0 +1,56 @@ |
|||
const api = require('../../../../utils/api') |
|||
|
|||
Page({ |
|||
data: { |
|||
loadType: 'none', |
|||
loadVisible: false, |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
deptId: '', |
|||
isShow: true, |
|||
deptList: [], |
|||
}, |
|||
onLoad() { |
|||
this.getCommunityDeptList() |
|||
}, |
|||
// 获取社区列表
|
|||
getCommunityDeptList() { |
|||
api.getCommunityDeptList().then(res => { |
|||
if (res.code == 0 && res.msg == 'success') { |
|||
this.setData({ |
|||
isShow: false, |
|||
deptList: this.data.deptList.concat(res.data), |
|||
// loadType: res.data.length < this.data.pageSize ? 'none' : 'loading',
|
|||
}) |
|||
if (this.data.deptList.length == 0) { |
|||
this.setData({ |
|||
isShow: true, |
|||
// loadVisible: false,
|
|||
}) |
|||
} |
|||
} |
|||
}).catch(err => { |
|||
this.setData({ |
|||
isShow: true, |
|||
loadVisible: false, |
|||
}) |
|||
}) |
|||
}, |
|||
// onReachBottom() {
|
|||
// if (this.data.loadType == 'none') {
|
|||
// return
|
|||
// }
|
|||
// this.setData({
|
|||
// pageIndex: ++this.data.pageIndex,
|
|||
// })
|
|||
// this.getCommunityDeptList()
|
|||
// },
|
|||
//
|
|||
navigateTo(e) { |
|||
let id = e.currentTarget.dataset.id |
|||
let name = e.currentTarget.dataset.name |
|||
wx.navigateTo({ |
|||
url: `../categoryList/categoryList?id=${id}&name=${name}` |
|||
}) |
|||
}, |
|||
}) |
|||
@ -0,0 +1,9 @@ |
|||
{ |
|||
"navigationBarTitleText": "网格队伍", |
|||
"navigationBarTextStyle": "white", |
|||
"navigationBarBackgroundColor": "#349c83", |
|||
"usingComponents": { |
|||
"no-data": "/components/nodata/nodata", |
|||
"load-more": "/components/nodata/nodata" |
|||
} |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
<view class="list"> |
|||
<view class="top"> |
|||
<view class="left"> |
|||
<view class="title">网格队伍</view> |
|||
<view class="desc">基层党建·为民服务</view> |
|||
<view class="line"></view> |
|||
</view> |
|||
<image src="../../images/top-img.png" class="top-img" /> |
|||
</view> |
|||
<view class="org-list"> |
|||
<view class="list-item" bindtap="navigateTo" wx:for="{{deptList}}" wx:for-item="item" wx:for-index="index" wx:key="value" data-id="{{item.id}}" data-name="{{item.name}}" hover-class="org-hover" hover-stay-time="150"> |
|||
<view class="list-item-label">{{item.name}}</view> |
|||
<image class="list-item-icon" src="../../images/right-sword.png" /> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<!-- <load-more loadType="{{loadType}}" loadVisible="{{loadVisible}}"></load-more> --> |
|||
<no-data isShow="{{isShow}}"></no-data> |
|||
@ -0,0 +1,77 @@ |
|||
page { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
height: auto; |
|||
} |
|||
.list { |
|||
width: 100%; |
|||
} |
|||
.list .top { |
|||
width: 100%; |
|||
height: 338rpx; |
|||
border-radius: 0 0 40rpx 40rpx; |
|||
background: linear-gradient(to bottom, #349c83, #39b092); |
|||
display: flex; |
|||
} |
|||
.list .top .left { |
|||
color: #ffffff; |
|||
width: 450rpx; |
|||
height: 227rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: flex-start; |
|||
justify-content: center; |
|||
padding-left: 70rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.list .top .left .title { |
|||
font-size: 44rpx; |
|||
letter-spacing: 4rpx; |
|||
} |
|||
.list .top .left .desc { |
|||
font-size: 25rpx; |
|||
letter-spacing: 4rpx; |
|||
margin-top: 25rpx; |
|||
} |
|||
.list .top .left .line { |
|||
width: 99rpx; |
|||
height: 8rpx; |
|||
background-color: #ffb71c; |
|||
margin-top: 23rpx; |
|||
} |
|||
.list .top .top-img { |
|||
width: 256rpx; |
|||
height: 227rpx; |
|||
} |
|||
|
|||
.list .org-list { |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
padding: 0 30rpx; |
|||
position: relative; |
|||
top: -90rpx; |
|||
} |
|||
.list .org-list .list-item { |
|||
width: 100%; |
|||
height: 130rpx; |
|||
background: #fff; |
|||
box-shadow: 0rpx 5rpx 32rpx 0rpx rgba(198, 198, 198, 0.56); |
|||
border-radius: 14rpx; |
|||
box-sizing: border-box; |
|||
padding: 0 33rpx 0 35rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
margin-top: 30rpx; |
|||
} |
|||
.list .org-list .list-item .list-item-label { |
|||
color: #333; |
|||
font-size: 34rpx; |
|||
} |
|||
.list .org-list .list-item .list-item-icon { |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
} |
|||
.list .org-list .org-hover { |
|||
background: #f6f7f7; |
|||
} |
|||
@ -1,8 +1,7 @@ |
|||
{ |
|||
"navigationBarBackgroundColor": "#d73e32", |
|||
"backgroundColor": "#f7f7f7", |
|||
"navigationBarTextStyle": "white", |
|||
"navigationBarTitleText": "网格队伍", |
|||
"navigationBarBackgroundColor": "#349c83", |
|||
"navigationBarTitleText": "", |
|||
"usingComponents": { |
|||
"no-data": "/components/nodata/nodata" |
|||
} |
|||
|
|||
Loading…
Reference in new issue