diff --git a/app.json b/app.json index fc7085a..f1c9439 100644 --- a/app.json +++ b/app.json @@ -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" } \ No newline at end of file diff --git a/pages/index/index.js b/pages/index/index.js index a0bccaa..066fe6c 100644 --- a/pages/index/index.js +++ b/pages/index/index.js @@ -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", diff --git a/pages/payParkingFee/payParkingFee.js b/pages/payParkingFee/payParkingFee.js new file mode 100644 index 0000000..0ef5a36 --- /dev/null +++ b/pages/payParkingFee/payParkingFee.js @@ -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 + }); + }, +}) \ No newline at end of file diff --git a/pages/payParkingFee/payParkingFee.json b/pages/payParkingFee/payParkingFee.json new file mode 100644 index 0000000..4953b70 --- /dev/null +++ b/pages/payParkingFee/payParkingFee.json @@ -0,0 +1,3 @@ +{ + "navigationBarTitleText": "缴停车费" +} \ No newline at end of file diff --git a/pages/payParkingFee/payParkingFee.wxml b/pages/payParkingFee/payParkingFee.wxml new file mode 100644 index 0000000..9a2e2ed --- /dev/null +++ b/pages/payParkingFee/payParkingFee.wxml @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/pages/payParkingFee/payParkingFee.wxss b/pages/payParkingFee/payParkingFee.wxss new file mode 100644 index 0000000..95a8901 --- /dev/null +++ b/pages/payParkingFee/payParkingFee.wxss @@ -0,0 +1,6 @@ +.ppf_c{ + padding-top: 20rpx; +} +.ppf_item{ + padding: 20rpx 0rpx 0rpx 0rpx; +} \ No newline at end of file diff --git a/pages/payParkingFeeList/payParkingFeeList.js b/pages/payParkingFeeList/payParkingFeeList.js new file mode 100644 index 0000000..473edb7 --- /dev/null +++ b/pages/payParkingFeeList/payParkingFeeList.js @@ -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', + }) + } +}) \ No newline at end of file diff --git a/pages/payParkingFeeList/payParkingFeeList.json b/pages/payParkingFeeList/payParkingFeeList.json new file mode 100644 index 0000000..9007035 --- /dev/null +++ b/pages/payParkingFeeList/payParkingFeeList.json @@ -0,0 +1,3 @@ +{ + "navigationBarTitleText": "停车费" +} \ No newline at end of file diff --git a/pages/payParkingFeeList/payParkingFeeList.wxml b/pages/payParkingFeeList/payParkingFeeList.wxml new file mode 100644 index 0000000..3f30ba6 --- /dev/null +++ b/pages/payParkingFeeList/payParkingFeeList.wxml @@ -0,0 +1,32 @@ + + + 停车费信息 + + + + + 费用编号: + 1234567890 + + + 车位类型: + 地上停车位 + + + 到期时间: + 2020-01-07 + + + 每月金额: + 80元 + + + + 缴费历史 + 缴费 + + + + + + diff --git a/pages/payParkingFeeList/payParkingFeeList.wxss b/pages/payParkingFeeList/payParkingFeeList.wxss new file mode 100644 index 0000000..a024471 --- /dev/null +++ b/pages/payParkingFeeList/payParkingFeeList.wxss @@ -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; +} \ No newline at end of file diff --git a/pages/viewPersonFace/viewPersonFace.js b/pages/viewPersonFace/viewPersonFace.js index 6952e2b..b5979ab 100644 --- a/pages/viewPersonFace/viewPersonFace.js +++ b/pages/viewPersonFace/viewPersonFace.js @@ -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:'' }); },