22 changed files with 590 additions and 10 deletions
@ -1,5 +1,10 @@ |
|||
Component({ |
|||
properties: {}, |
|||
data: {}, |
|||
methods: {} |
|||
methods: { |
|||
gotopage({currentTarget: {dataset}}) { |
|||
const {url} = dataset; |
|||
wx.navigateTo({url}) |
|||
} |
|||
} |
|||
}); |
|||
|
@ -0,0 +1,22 @@ |
|||
// subpages/statistics/pages/qzbmy/qzbmy.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
org: [], |
|||
orgIndex: -1, |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
gotopage({currentTarget:{dataset}}) { |
|||
const {url} = dataset; |
|||
wx.navigateTo({url}) |
|||
} |
|||
}) |
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText": "潜在不满意人数", |
|||
"usingComponents": {} |
|||
} |
@ -0,0 +1,43 @@ |
|||
<view class="screen"> |
|||
<picker model:value="{{ orgIndex }}" bind:change="onConfirm"> |
|||
<view class="picker"> |
|||
<text>{{ orgIndex>0 ? orgList[orgIndex].label : '按组织' }}</text> |
|||
<image src="../../images/down.png" mode="widthFix"/> |
|||
</view> |
|||
|
|||
</picker> |
|||
<input placeholder="按姓名" class="picker-type"/> |
|||
<input placeholder="按电话" class="picker-type"/> |
|||
<view class="btn">筛选</view> |
|||
</view> |
|||
|
|||
<view class="qz-container"> |
|||
<view class="qz-list"> |
|||
<view class="qz-item" wx:for="{{10}}"> |
|||
<view class="user-info"> |
|||
<view class="name">刘萍 133****1000</view> |
|||
<view class="address">XXX社区第一网格</view> |
|||
</view> |
|||
<view class="num-list"> |
|||
<view class="num-item" bind:tap="gotopage" data-url="/subpages/statistics/pages/sjwjj/sjwjj"> |
|||
<view class="txt"> |
|||
<text>事件未解决数</text> |
|||
</view> |
|||
<view class="num">76</view> |
|||
</view> |
|||
<view class="num-item" bind:tap="gotopage" data-url="/subpages/statistics/pages/xqwmz/xqwmz"> |
|||
<view class="txt"> |
|||
<text>需求未满足数</text> |
|||
</view> |
|||
<view class="num">24</view> |
|||
</view> |
|||
<view class="num-item" bind:tap="gotopage" data-url="/subpages/statistics/pages/yxwxfw/yxwxfw"> |
|||
<view class="txt"> |
|||
<text>应享未享服务数</text> |
|||
</view> |
|||
<view class="num">13</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
@ -0,0 +1,131 @@ |
|||
.qz-container { |
|||
padding: 20rpx; |
|||
} |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
|
|||
.screen { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
background: #fff; |
|||
padding: 18rpx 22rpx; |
|||
} |
|||
|
|||
.picker { |
|||
width: 181rpx; |
|||
height: 56rpx; |
|||
background: rgba(58, 128, 231, 0.16); |
|||
border: 1px solid #3A80E7; |
|||
border-radius: 28rpx; |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
color: #3A80E7; |
|||
line-height: 56rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 30rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.picker-type image, |
|||
.picker image { |
|||
width: 24rpx; |
|||
height: 24rpx; |
|||
} |
|||
|
|||
.picker-type { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 30rpx; |
|||
box-sizing: border-box; |
|||
width: 217rpx; |
|||
height: 56rpx; |
|||
background: rgba(193, 193, 193, 0.16); |
|||
border: 1px solid #DBDBDB; |
|||
border-radius: 28rpx; |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
color: #C1C1C1; |
|||
line-height: 56rpx; |
|||
text-align: center; |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
.btn { |
|||
width: 120rpx; |
|||
height: 56rpx; |
|||
line-height: 56rpx; |
|||
background: #3A80E7; |
|||
border-radius: 28rpx; |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: #FFFFFF; |
|||
text-align: center; |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
.qz-list { |
|||
border-radius: 20rpx; |
|||
background: #FFFFFF; |
|||
padding: 30rpx 30rpx 0; |
|||
} |
|||
.qz-list .qz-item { |
|||
border-bottom: 1px solid #EAEAEA; |
|||
padding-bottom: 40rpx; |
|||
margin-bottom: 40rpx; |
|||
} |
|||
.qz-list .qz-item .user-info .address { |
|||
font-size: 28rpx; |
|||
font-weight: 400; |
|||
color: #666666; |
|||
} |
|||
|
|||
.qz-list .qz-item .user-info .name { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
} |
|||
.qz-list .qz-item .user-info { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.num-list { |
|||
display: flex; |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
margin-top: 38rpx; |
|||
} |
|||
.num-list .num-item { |
|||
position: relative; |
|||
} |
|||
.num-list .num-item:after { |
|||
content: ''; |
|||
display: block; |
|||
position: absolute; |
|||
right: -30rpx; |
|||
top: calc(50% - 34rpx); |
|||
width: 1rpx; |
|||
height: 68rpx; |
|||
background: #C1C1C1; |
|||
opacity: 0.66; |
|||
} |
|||
.num-list .num-item:last-child:after { |
|||
display: none; |
|||
} |
|||
.num-list .num-item .txt { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
} |
|||
.num-list .num-item .num { |
|||
font-size: 42rpx; |
|||
font-weight: bold; |
|||
color: #FF783C; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
@ -0,0 +1,8 @@ |
|||
Page({ |
|||
data: { |
|||
|
|||
}, |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
}) |
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText": "事件未解决数", |
|||
"usingComponents": {} |
|||
} |
@ -0,0 +1,21 @@ |
|||
<view class="user-info"> |
|||
<view class="name">刘萍 133****1000</view> |
|||
<view class="address">XXX社区第一网格</view> |
|||
</view> |
|||
<view class="qz-container"> |
|||
<view class="list"> |
|||
<view class="item" wx:for="{{10}}"> |
|||
<view class="title"> |
|||
<view class="blue">城市管理-生态环境</view> |
|||
<view class="time">2023-08-12 15:30</view> |
|||
</view> |
|||
<view class="content"> |
|||
有几颗高大的树木因为雷雨天气被折断,影响小区居民出行。 |
|||
</view> |
|||
<view class="status"> |
|||
<text>2023-08-12 18:20</text> |
|||
<text>已指派 [XXX社区第一网格] 办理</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
@ -0,0 +1,68 @@ |
|||
.qz-container { |
|||
padding: 20rpx; |
|||
} |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.user-info { |
|||
background: #fff; |
|||
padding: 30rpx 40rpx; |
|||
} |
|||
.user-info .address { |
|||
font-size: 28rpx; |
|||
font-weight: 400; |
|||
color: #666666; |
|||
} |
|||
|
|||
.user-info .name { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
} |
|||
|
|||
.user-info { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.list { |
|||
border-radius: 20rpx; |
|||
background: #FFFFFF; |
|||
padding: 0 30rpx; |
|||
} |
|||
.item { |
|||
border-bottom: 1px solid #EAEAEA; |
|||
padding: 30rpx 0; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.blue { |
|||
color: #4F94FF; |
|||
} |
|||
.orange { |
|||
color: #FF783C; |
|||
} |
|||
.time { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #C1C1C1; |
|||
} |
|||
.content { |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
line-height: 46rpx; |
|||
margin: 20rpx 0 10rpx; |
|||
} |
|||
.status { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
} |
@ -0,0 +1,10 @@ |
|||
Page({ |
|||
|
|||
data: { |
|||
|
|||
}, |
|||
|
|||
onLoad(options) { |
|||
|
|||
}, |
|||
}) |
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText": "需求未满足数", |
|||
"usingComponents": {} |
|||
} |
@ -0,0 +1,22 @@ |
|||
<view class="user-info"> |
|||
<view class="name">刘萍 133****1000</view> |
|||
<view class="address">XXX社区第一网格</view> |
|||
</view> |
|||
<view class="qz-container"> |
|||
<view class="list"> |
|||
<view class="item" wx:for="{{10}}"> |
|||
<view class="title"> |
|||
<view class="blue">社区养老</view> |
|||
<view class="time">2023-08-12 15:30</view> |
|||
</view> |
|||
<view class="content"> |
|||
社区很多高龄老人已经行动不便,常年没办法下楼 |
|||
梯,希望社区能提供上门体检业务。 |
|||
</view> |
|||
<view class="status"> |
|||
<text>2023-08-12 18:20</text> |
|||
<text>已指派 [XXX社区第一网格] 办理</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
@ -0,0 +1,68 @@ |
|||
.qz-container { |
|||
padding: 20rpx; |
|||
} |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.user-info { |
|||
background: #fff; |
|||
padding: 30rpx 40rpx; |
|||
} |
|||
.user-info .address { |
|||
font-size: 28rpx; |
|||
font-weight: 400; |
|||
color: #666666; |
|||
} |
|||
|
|||
.user-info .name { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
} |
|||
|
|||
.user-info { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.list { |
|||
border-radius: 20rpx; |
|||
background: #FFFFFF; |
|||
padding: 0 30rpx; |
|||
} |
|||
.item { |
|||
border-bottom: 1px solid #EAEAEA; |
|||
padding: 30rpx 0; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.blue { |
|||
color: #4F94FF; |
|||
} |
|||
.orange { |
|||
color: #FF783C; |
|||
} |
|||
.time { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #C1C1C1; |
|||
} |
|||
.content { |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
line-height: 46rpx; |
|||
margin: 20rpx 0 10rpx; |
|||
} |
|||
.status { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
} |
@ -0,0 +1,66 @@ |
|||
// subpages/statistics/pages/yxwxfw/yxwxfw.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad(options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom() { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage() { |
|||
|
|||
} |
|||
}) |
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText": "应享未享服务", |
|||
"usingComponents": {} |
|||
} |
@ -0,0 +1,22 @@ |
|||
<view class="user-info"> |
|||
<view class="name">刘萍 133****1000</view> |
|||
<view class="address">XXX社区第一网格</view> |
|||
</view> |
|||
<view class="qz-container"> |
|||
<view class="list"> |
|||
<view class="item" wx:for="{{10}}"> |
|||
<view class="title"> |
|||
<view class="blue">社区养老</view> |
|||
<view class="time">2023-08-12 15:30</view> |
|||
</view> |
|||
<view class="content"> |
|||
社区很多高龄老人已经行动不便,常年没办法下楼 |
|||
梯,希望社区能提供上门体检业务。 |
|||
</view> |
|||
<view class="status"> |
|||
<text>是否已完成服务:</text> |
|||
<text class="orange">否</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
@ -0,0 +1,68 @@ |
|||
.qz-container { |
|||
padding: 20rpx; |
|||
} |
|||
page { |
|||
background: #f7f7f7; |
|||
} |
|||
|
|||
.user-info { |
|||
background: #fff; |
|||
padding: 30rpx 40rpx; |
|||
} |
|||
.user-info .address { |
|||
font-size: 28rpx; |
|||
font-weight: 400; |
|||
color: #666666; |
|||
} |
|||
|
|||
.user-info .name { |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
} |
|||
|
|||
.user-info { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.list { |
|||
border-radius: 20rpx; |
|||
background: #FFFFFF; |
|||
padding: 0 30rpx; |
|||
} |
|||
.item { |
|||
border-bottom: 1px solid #EAEAEA; |
|||
padding: 30rpx 0; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
.blue { |
|||
color: #4F94FF; |
|||
} |
|||
.orange { |
|||
color: #FF783C; |
|||
} |
|||
.time { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #C1C1C1; |
|||
} |
|||
.content { |
|||
font-size: 30rpx; |
|||
font-weight: 500; |
|||
color: #333333; |
|||
line-height: 46rpx; |
|||
margin: 20rpx 0 10rpx; |
|||
} |
|||
.status { |
|||
font-size: 26rpx; |
|||
font-weight: 500; |
|||
color: #999999; |
|||
} |
Loading…
Reference in new issue