After Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 9.7 KiB |
After Width: | Height: | Size: 8.5 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 4.6 KiB |
After Width: | Height: | Size: 10 KiB |
@ -1,10 +1,14 @@ |
|||||
{ |
{ |
||||
|
|
||||
"usingComponents": { |
"usingComponents": { |
||||
|
|
||||
"load-more": "../../components/loadMore/loadMore", |
"load-more": "../../components/loadMore/loadMore", |
||||
"no-data": "../../components/noData/nodata", |
"no-data": "../../components/noData/nodata", |
||||
"custom-tab-bar":"../../components/custom-tab-bar" |
"custom-tab-bar":"../../components/custom-tab-bar" |
||||
}, |
}, |
||||
|
|
||||
"navigationBarTitleText": "消息", |
"navigationBarTitleText": "消息", |
||||
|
|
||||
"enablePullDownRefresh": true, |
"enablePullDownRefresh": true, |
||||
"backgroundColor": "#f8f8f8", |
"backgroundColor": "#f8f8f8", |
||||
"backgroundTextStyle": "dark" |
"backgroundTextStyle": "dark" |
||||
|
@ -0,0 +1,114 @@ |
|||||
|
// pages/work2/work2.js
|
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
}, |
||||
|
onAddResident(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/addResi/pages/addResi/addResi', |
||||
|
}) |
||||
|
}, |
||||
|
onAddHouse(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/addhouse/pages/addhouse/addhouse', |
||||
|
}) |
||||
|
}, |
||||
|
onBusinessRecord(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/businessRecord/businessRecord', |
||||
|
}) |
||||
|
}, |
||||
|
onHistoryQuery(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/communitySelfInsp/pages/historyQuery/historyQuery', |
||||
|
}) |
||||
|
}, |
||||
|
onFollowUpList(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/communitySelfInsp/pages/followUpList/followUpList', |
||||
|
}) |
||||
|
}, |
||||
|
onMyTroubleshootDemand(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/myTroubleshootDemand/pages/index/index', |
||||
|
}) |
||||
|
}, |
||||
|
onDemandCheck(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/demandCheck/pages/dissatisfied/demandCheck/demandCheck', |
||||
|
}) |
||||
|
}, |
||||
|
onAddHouse(){ |
||||
|
wx.navigateTo({ |
||||
|
url: '../../subpages/communitySelfInsp/pages/followUpList/followUpList', |
||||
|
}) |
||||
|
} |
||||
|
// onAddHouse(){
|
||||
|
// wx.navigateTo({
|
||||
|
// url: '../../subpages/addhouse/pages/addhouse/addhouse',
|
||||
|
// })
|
||||
|
// },
|
||||
|
|
||||
|
|
||||
|
|
||||
|
}) |
@ -0,0 +1,9 @@ |
|||||
|
{ |
||||
|
"navigationStyle": "custom", |
||||
|
"usingComponents": { |
||||
|
"custom-tab-bar":"../../components/custom-tab-bar" |
||||
|
}, |
||||
|
"navigationBarBackgroundColor": "#1673ee", |
||||
|
"navigationBarTitleText": " ", |
||||
|
"backgroundTextStyle": "dark" |
||||
|
} |
@ -0,0 +1,79 @@ |
|||||
|
<!--pages/work2/work2.wxml--> |
||||
|
<view class="page"> |
||||
|
<view class="header"> |
||||
|
<view> |
||||
|
<image src="/images/work2/Header.png "class="image_1" ></image> |
||||
|
<text lines="1" class="text_1">海伦路街道</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="box_2"> |
||||
|
<view class="section_5"> |
||||
|
|
||||
|
<view class="list_1"> |
||||
|
<view class="section_1-0"> |
||||
|
<view class="text-wrapper_7-0"> |
||||
|
<text lines="1" class="text_2-0">居民信息</text> |
||||
|
</view> |
||||
|
<view class="content_1"> |
||||
|
<view> |
||||
|
<image src="/images/work2/add_resident.png" class="image_12-0" bind:tap="onAddResident"></image> |
||||
|
<text lines="1" class="text_3-0" bind:tap="onAddResident">新增居民信息</text> |
||||
|
</view> |
||||
|
<view> |
||||
|
<image src="/images/work2/add_record.png" class="image_13-0" bind:tap="onFollowUpList"></image> |
||||
|
<text lines="1" class="text_4-0">新增记录</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="section_1-0"> |
||||
|
<view class="text-wrapper_7-0"> |
||||
|
<text lines="1" class="text_2-0" >房屋信息</text> |
||||
|
</view> |
||||
|
<view class="content_1"> |
||||
|
<view> |
||||
|
<image src="/images/work2/add_houses.png" class="image_12-1" bind:tap="onAddHouse"></image> |
||||
|
<text lines="1" class="text_3-0">新增房屋信息</text> |
||||
|
</view> |
||||
|
<view> <image src="/images/work2/add_record.png" class="image_13-1" bind:tap="onFollowUpList"></image> |
||||
|
<text lines="1" class="text_4-0">新增记录</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
<view class="section_1-0"> |
||||
|
<view class="text-wrapper_7-0"> |
||||
|
<text lines="1" class="text_2-0">信息服务</text> |
||||
|
</view> |
||||
|
<view class="house"> |
||||
|
<view> |
||||
|
<image src="/images/work2/reporting.png" class="image_12-2" bind:tap="onDemandCheck"></image> |
||||
|
<text lines="1" class="text_3-0">诉求上报</text> |
||||
|
</view> |
||||
|
<view> |
||||
|
<image src="/images/work2/rep_record.png" class="image_13-2" bind:tap="onMyTroubleshootDemand"></image> |
||||
|
<text lines="1" class="text_4-0">诉求上报记录</text> |
||||
|
</view> |
||||
|
<view> |
||||
|
<image src="/images/work2/satisfaction.png" class="image_13-2" bind:tap="onHistoryQuery"></image> |
||||
|
<text lines="1" class="text_5-0">满意度调查</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="section_1-0"> |
||||
|
<view class="text-wrapper_7-0"> |
||||
|
<text lines="1" class="text_2-0">数据</text> |
||||
|
</view> |
||||
|
<view class="content_1"> |
||||
|
<view> |
||||
|
<image src="/images/work2/data.png" class="image_15"> |
||||
|
</image> |
||||
|
<text lines="1" class="text_13">数据</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<custom-tab-bar></custom-tab-bar> |
@ -0,0 +1,315 @@ |
|||||
|
/* pages/work2/work2.wxss */ |
||||
|
.page { |
||||
|
/*定位方式为相对定位 */ |
||||
|
position: relative; |
||||
|
width: 750rpx; |
||||
|
height: 1400rpx; |
||||
|
/* 超过页面显示滑轮 */ |
||||
|
overflow: hidden; |
||||
|
display: flex; |
||||
|
/* 按照行排序 */ |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.header { |
||||
|
display: flex; |
||||
|
background: #1673ee; |
||||
|
width: 100%; |
||||
|
height: 400rpx; |
||||
|
flex-direction: column; |
||||
|
/* margin: 100rpx 0 0 31rpx; */ |
||||
|
height: 500rpx; |
||||
|
|
||||
|
} |
||||
|
.header>view{ |
||||
|
display:flex; |
||||
|
flex-direction: row; |
||||
|
justify-items:self-end; |
||||
|
margin: 130rpx 0 0 29rpx; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.image_1 { |
||||
|
width: 34rpx; |
||||
|
height: 31rpx; |
||||
|
} |
||||
|
.text_1 { |
||||
|
/* width: 157rpx; |
||||
|
height: 30rpx; */ |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(255,255,255,1); |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang-SC-Medium; |
||||
|
font-weight: 500; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 42rpx; |
||||
|
margin-left: 15rpx; |
||||
|
} |
||||
|
.box_2 { |
||||
|
background-color: rgba(247,247,247,1.000000); |
||||
|
border-radius: 20rpx; |
||||
|
/* 相对于父级进行定位 */ |
||||
|
position: absolute; |
||||
|
left: 0rpx; |
||||
|
top: 181rpx; |
||||
|
width: 750rpx; |
||||
|
height: 1365rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
.section_5 { |
||||
|
width: 750rpx; |
||||
|
height: 1395rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.content_1{ |
||||
|
display: flex; |
||||
|
/* flex-direction: row; */ |
||||
|
justify-self:center; |
||||
|
margin: 40rpx 0 0 10rpx; |
||||
|
|
||||
|
} |
||||
|
.content_1>view{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
width: 250rpx; |
||||
|
height:210rpx; |
||||
|
} |
||||
|
.data{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
margin: 40rpx 0 0 10rpx; |
||||
|
|
||||
|
} |
||||
|
.data >view{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
width: 303rpx; |
||||
|
height: 200rpx; |
||||
|
} |
||||
|
|
||||
|
.house{ |
||||
|
display: flex; |
||||
|
justify-content: start; |
||||
|
margin: 40rpx 0 0 10rpx; |
||||
|
|
||||
|
} |
||||
|
.house >view{ |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
width: 303rpx; |
||||
|
height: 200rpx; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.image_2 { |
||||
|
width: 158rpx; |
||||
|
height: 56rpx; |
||||
|
margin-left: 332rpx; |
||||
|
} |
||||
|
.list_1 { |
||||
|
width: 710rpx; |
||||
|
height: 603rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
margin: 43rpx 0 0 20rpx; |
||||
|
} |
||||
|
.section_1-0 { |
||||
|
background-color: rgba(255,255,255,1.000000); |
||||
|
border-radius: 20rpx; |
||||
|
height: 292rpx; |
||||
|
margin-bottom: 19rpx; |
||||
|
width: 710rpx; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
} |
||||
|
.image-wrapper_9-1{ |
||||
|
width: 404rpx; |
||||
|
height: 100rpx; |
||||
|
flex-direction: row; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 40rpx 0 0 59rpx; |
||||
|
} |
||||
|
.text-wrapper_7-0 { |
||||
|
width: 134rpx; |
||||
|
height: 33rpx; |
||||
|
display: flex; |
||||
|
/* row水平排列 */ |
||||
|
flex-direction: row; |
||||
|
margin: 29rpx 0 0 29rpx; |
||||
|
} |
||||
|
.text_2-0 { |
||||
|
width: 134rpx; |
||||
|
height: 33rpx; |
||||
|
/* 文本换行 */ |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 34rpx; |
||||
|
font-family: PingFang-SC-Bold; |
||||
|
font-weight: 700; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 42rpx; |
||||
|
} |
||||
|
.image-wrapper_9-0 { |
||||
|
width: 303rpx; |
||||
|
height: 100rpx; |
||||
|
flex-direction: row; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 40rpx 0 0 59rpx; |
||||
|
} |
||||
|
.image_12-0 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.image_13-0 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.text-wrapper_8-0 { |
||||
|
width: 336rpx; |
||||
|
height: 27rpx; |
||||
|
flex-direction: row; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 23rpx 0 40rpx 31rpx; |
||||
|
} |
||||
|
.text_3-0 { |
||||
|
height: 27rpx; |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang-SC-Medium; |
||||
|
font-weight: 500; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 28rpx; |
||||
|
margin-top: 15rpx; |
||||
|
} |
||||
|
.text_4-0 { |
||||
|
/* width: 109rpx; */ |
||||
|
height: 27rpx; |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang-SC-Medium; |
||||
|
font-weight: 500; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 28rpx; |
||||
|
margin-top: 15rpx; |
||||
|
|
||||
|
} |
||||
|
.text_5-0 { |
||||
|
width: 109rpx; |
||||
|
height: 27rpx; |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang-SC-Medium; |
||||
|
font-weight: 500; |
||||
|
text-align: right; |
||||
|
white-space: nowrap; |
||||
|
line-height: 28rpx; |
||||
|
margin-top: 15rpx; |
||||
|
|
||||
|
} |
||||
|
.text-wrapper_8-1{ |
||||
|
width: 500rpx; |
||||
|
height: 27rpx; |
||||
|
flex-direction: row; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 23rpx 0 40rpx 31rpx; |
||||
|
} |
||||
|
.image-wrapper_9-1 { |
||||
|
width: 500rpx; |
||||
|
height: 100rpx; |
||||
|
flex-direction: row; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin: 40rpx 0 0 59rpx; |
||||
|
} |
||||
|
.image_12-1 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
|
||||
|
} |
||||
|
.image_13-1 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.image_12-2{ |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
.image_13-2{ |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
.image_14-1 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
margin-left: 5rpx; |
||||
|
} |
||||
|
|
||||
|
.image_14-2 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
margin-left: 5rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.text_12 { |
||||
|
width: 66rpx; |
||||
|
height: 32rpx; |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 34rpx; |
||||
|
font-family: PingFang-SC-Bold; |
||||
|
font-weight: 700; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 42rpx; |
||||
|
margin: 30rpx 0 0 29rpx; |
||||
|
} |
||||
|
.image_15 { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
|
||||
|
} |
||||
|
.text_13 { |
||||
|
height: 26rpx; |
||||
|
overflow-wrap: break-word; |
||||
|
color: rgba(51,51,51,1); |
||||
|
font-size: 28rpx; |
||||
|
font-family: PingFang-SC-Medium; |
||||
|
font-weight: 500; |
||||
|
text-align: left; |
||||
|
white-space: nowrap; |
||||
|
line-height: 28rpx; |
||||
|
margin-top: 15rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|