admingit/WechatOwnerService
1
0
Fork 0
mirror of https://gitee.com/java110/WechatOwnerService.git synced 2026-02-23 21:36:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

加入停车费页面

Browse Source
This commit is contained in:
wuxw 2020-01-07 13:57:50 +08:00
parent 3d300a22cf
commit e204c334d3
11 changed files with 292 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app.json
View File

@ -24,7 +24,9 @@
"pages/viewPersonFace/viewPersonFace",
"pages/collectFace/collectFace",
"pages/complaint/complaint",
"pages/viewComplaint/viewComplaint"
"pages/viewComplaint/viewComplaint",
"pages/payParkingFeeList/payParkingFeeList",
"pages/payParkingFee/payParkingFee"
],
"window": {
@ -88,7 +90,8 @@
"van-grid": "lib/grid/index",
"van-grid-item": "lib/grid-item/index",
"van-divider": "lib/divider/index",
"van-image": "lib/image/index"
"van-image": "lib/image/index",
"van-submit-bar": "lib/submit-bar/index"
},
"sitemapLocation": "sitemap.json"
}

3
pages/index/index.js
View File

@ -35,7 +35,8 @@ Page({
href: "/pages/fee/fee"
}, {
name: "停车费",
src: "/images/2.png"
src: "/images/2.png",
href:"/pages/payParkingFeeList/payParkingFeeList"
}, {
name: "投诉建议",
src: "/images/3.png",

94
pages/payParkingFee/payParkingFee.js Normal file
View File

@ -0,0 +1,94 @@
// pages/payParkingFee/payParkingFee.js
Page({
/**
* 页面的初始数据
*/
data: {
showFeeMonth:false,
feeMonthList:['一个月','半年','一年','两年'],
feeMonthName:'一个月',
feeMonth:1,
endTime:'2020-01-07'
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
chooseMonth:function(){
this.setData({
showFeeMonth:true
})
},
onFeeMonthConfirm: function (e) {
console.log("onConfirm", e);
let _feeMonthName = null;
_feeMonthName = e.detail.value;
this.setData({
showFeeMonth: false,
feeMonthName: _feeMonthName
});
},
onFeeMonthChange: function (e) {
console.log(e);
},
onFeeMonthCancel: function (e) {
this.setData({
showFeeMonth: false
});
},
})

3
pages/payParkingFee/payParkingFee.json Normal file
View File

@ -0,0 +1,3 @@
{
"navigationBarTitleText": "缴停车费"
}

42
pages/payParkingFee/payParkingFee.wxml Normal file
View File

@ -0,0 +1,42 @@
<view>
<view class="ppf_c">
<view class="ppf_item">
<van-cell-group>
<van-cell title="小区" value="格兰小镇" />
</van-cell-group>
</view>
<view class="ppf_item">
<van-cell-group>
<van-cell title="车位编号" value="6号车位" />
</van-cell-group>
</view>
<view class="ppf_item">
<van-cell-group>
<van-cell title="车牌号" value="青AGK916" />
</van-cell-group>
</view>
<view class="ppf_item">
<van-cell-group>
<van-cell title="费用编号" value="902019103018590010" />
</van-cell-group>
</view>
<view class="ppf_item">
<van-cell-group>
<van-cell title="周期" value="{{feeMonthName}}" bind:click="chooseMonth" is-link/>
</van-cell-group>
</view>
<view class="ppf_item">
<van-cell-group>
<van-cell title="到期时间" value="{{endTime}}" />
</van-cell-group>
</view>
</view>
<van-popup show="{{ showFeeMonth }}" position="bottom" custom-style="height: 40%;">
<van-picker show-toolbar title="" columns="{{ feeMonthList }}" bind:change="onFeeMonthChange" bind:cancel="onFeeMonthCancel" bind:confirm="onFeeMonthConfirm" />
</van-popup>
</view>

6
pages/payParkingFee/payParkingFee.wxss Normal file
View File

@ -0,0 +1,6 @@
.ppf_c{
padding-top: 20rpx;
}
.ppf_item{
padding: 20rpx 0rpx 0rpx 0rpx;
}

71
pages/payParkingFeeList/payParkingFeeList.js Normal file
View File

@ -0,0 +1,71 @@
// pages/payParkingFeeList/payParkingFeeList.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
payFee:function(){
wx.navigateTo({
url: '/pages/payParkingFee/payParkingFee',
})
}
})

3
pages/payParkingFeeList/payParkingFeeList.json Normal file
View File

@ -0,0 +1,3 @@
{
"navigationBarTitleText": "停车费"
}

32
pages/payParkingFeeList/payParkingFeeList.wxml Normal file
View File

@ -0,0 +1,32 @@
<view>
<view class="block__title">停车费信息</view>
<view class="ppfl_c">
<van-panel title="0012号停车位" desc="" status="欠费状态" use-footer-slot>
<view class="ppfl_context">
<van-row >
<van-col span="6">费用编号:</van-col>
<van-col span="8">1234567890</van-col>
</van-row>
<van-row class="ppfl_context_row">
<van-col span="6">车位类型:</van-col>
<van-col span="8">地上停车位</van-col>
</van-row>
<van-row class="ppfl_context_row">
<van-col span="6">到期时间:</van-col>
<van-col span="8">2020-01-07</van-col>
</van-row>
<van-row class="ppfl_context_row">
<van-col span="6">每月金额:</van-col>
<van-col span="8">80元</van-col>
</van-row>
</view>
<view slot="footer" class="ppfl_footer">
<van-button size="small" class="ppfl_footer_his">缴费历史</van-button>
<van-button size="small" type="primary" bind:click="payFee">缴费</van-button>
</view>
</van-panel>
</view>
</view>

33
pages/payParkingFeeList/payParkingFeeList.wxss Normal file
View File

@ -0,0 +1,33 @@
.ppfl_footer{
text-align: right;
}
.ppfl_footer .ppfl_footer_his{
margin-right: 20rpx;
}
.ppfl_c{
padding: 0 20rpx;
}
.block__title {
margin: 0;
font-weight: 400;
font-size: 14px;
color: rgba(69,90,100,.6);
padding: 60rpx 30rpx 20rpx;
}
.ppfl_context{
padding: 20rpx 40rpx 40rpx 40rpx;
font-size: 28rpx;
color: #8a8a8a;
}
.ppfl_context .ppfl_context_row{
margin-top: 30rpx;
}
.button_up_blank{
height: 40rpx;
}

2
pages/viewPersonFace/viewPersonFace.js
View File

@ -16,7 +16,7 @@ Page({
*/
onLoad: function (options) {
this.setData({
face:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578300447436&di=e20a0afaadbfd1c48b9de834c35da9ee&imgtype=0&src=http%3A%2F%2F00.minipic.eastday.com%2F20170524%2F20170524155526_e561e179dc10040e208de068f528e3b3_3.jpeg'
face:''
});
},