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:
曾成 2020-09-25 16:45:09 +08:00
parent b3a743ee9a
commit 6a0caede62
5 changed files with 236 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
constant/UrlConstant.js
View File

@ -157,6 +157,8 @@ const queryParkingSpaces= baseUrl + 'app/parkingSpace.queryParkingSpaces'; //查
const saveOwnerCar= baseUrl + 'app/owner.saveOwnerCar'; //申请车位接口
const queryOwnerCars= baseUrl + 'app/owner.queryOwnerCars'; //查询业主车辆
/**
@ -249,6 +251,7 @@ module.exports = {
toOweFeePay:toOweFeePay,
queryParkingSpaces:queryParkingSpaces,
saveOwnerCar:saveOwnerCar
saveOwnerCar:saveOwnerCar,
queryOwnerCars:queryOwnerCars
};

8
pages.json
View File

@ -340,7 +340,13 @@
"style" : {
"navigationBarTitleText": "欠费缴费"
}
}
},
{
"path" : "pages/parkingInfo/parkingInfo",
"style" : {
"navigationBarTitleText": "车位申请进度"
}
}
],
"tabBar": {
"color": "#272636",

12
pages/my/my.vue
View File

@ -62,6 +62,13 @@
<text class="text-grey">我的报修单</text>
</view>
</view>
<view class="cu-item arrow" @click="myParking()">
<view class="content">
<text class="cuIcon-cameraadd text-orange"></text>
<text class="text-grey">车位信息</text>
</view>
</view>
<view class="cu-item arrow" @click="mySettings()">
<view class="content">
@ -247,6 +254,11 @@
},
ckeckUserInfo: function() {
return context.checkLoginStatus();
},
myParking:function(){
wx.navigateTo({
url: '/pages/parkingInfo/parkingInfo',
});
}
}

33
pages/parkingInfo/parkingInfo.css Normal file
View File

@ -0,0 +1,33 @@
.ppfl_footer{
text-align: right;
}
.ppfl_footer .ppfl_footer_his{
margin-right: 20rpx;
}
.ppfl_c{
padding: 0rpx 20rpx 20rpx 20rpx;
}
.block__title {
margin: 0;
font-weight: 400;
font-size: 14px;
color: rgba(69,90,100,.6);
padding: 40rpx 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;
}

180
pages/parkingInfo/parkingInfo.vue Normal file
View File

@ -0,0 +1,180 @@
<template>
<view>
<view>
<view class="header_fixed">
<scroll-view class="bg-white nav">
<view class="flex text-center">
<view class="cu-item flex-sub" :class="item.code==code?'text-green cur':''" v-for="(item,index) in parkingType"
:key="index" @tap="switchParkingSpace(item)" :data-id="index">
{{item.name}}
</view>
</view>
</scroll-view>
</view>
<view v-if="noData == false">
<view v-for="(item,index) in parkings" :key="index"
class="bg-white margin-bottom margin-right-xs radius margin-left-xs padding-top padding-left padding-right">
<view class="flex margin-top justify-between">
<view class="text-gray">车位</view>
<view class="text-gray">{{item.areaNum}}{{item.num}}</view>
</view>
<view class="flex margin-top justify-between">
<view class="text-gray">状态</view>
<view class="text-gray">{{item.stateName}}</view>
</view>
<view class="flex margin-top-xs justify-between">
<view class="text-gray">车牌号</view>
<view class="text-gray">{{item.carNum}}</view>
</view>
<view class="flex margin-top-xs justify-between">
<view class="text-gray">车辆品牌</view>
<view class="text-gray">{{item.carBrand}}</view>
</view>
<view class="flex margin-top-xs justify-between">
<view class="text-gray">起租时间</view>
<view class="text-gray">{{item.createTime}}</view>
</view>
<view class="flex margin-top-xs justify-between">
<view class="text-gray">结租时间</view>
<view class="text-gray">{{item.endTime}}</view>
</view>
</view>
</view>
<view v-else>
<no-data-page></no-data-page>
</view>
</view>
</view>
</template>
<script>
const context = require("../../context/Java110Context.js");
const constant = context.constant;
import {
formatDate
} from '../../utils/DateUtil.js'
import noDataPage from '@/components/no-data-page/no-data-page.vue'
export default {
data() {
return {
parkingType: [{
"name": '正常',
"code": 1001
}, {
"name": '车位释放欠费',
"code": 2002
}, {
"name": '车位释放',
"code": 3003
}, {
"name": '预约中',
"code": 4004
}],
code: '1001',
moreParkingSpaces: [],
needFefresh: true,
parkings:[],
communityId:'',
noData: false,
page: 1,
row: 20,
ownerId: '',
userId: '',
};
},
components: {
noDataPage
},
onLoad: function(options) {
context.onLoad(options);
},
onShow: function() {
let _that = this;
if (!this.needFefresh) {
this.needFefresh = true;
return;
}
context.getOwner(function(_owner) {
_that.communityId = _owner.communityId;
_that.ownerId = _owner.memberId;
_that.userId = _owner.userId;
_that.listParkingSpace();
});
},
methods: {
listParkingSpace: function() {
context.request({
url: constant.url.queryOwnerCars,
header: context.getHeaders(),
method: "GET",
data: {
"page": this.page,
"row": this.row,
"communityId": this.communityId,
"state": this.code,
"ownerId":this.ownerId
},
success: (res) => {
let data = res.data.data;
if(data.length == 0){
this.noData = true;
}
this.parkings = data;
},
fail(res) {
wx.showToast({
title: "服务器异常了",
icon: 'none',
duration: 2000
})
}
});
},
switchParkingSpace: function(_parkingSpace) {
this.code = _parkingSpace.code;
this.noData = false;
this.listParkingSpace();
}
}
};
</script>
<style>
@import "./parkingInfo.css";
.solid-bottom::after {
border-bottom: 2upx solid rgba(0, 0, 0, 0.1);
}
.solid-top::after {
border-top: 2upx solid rgba(0, 0, 0, 0.1);
}
.margin-header-top {
height: 100upx;
}
/* #ifdef APP-PLUS || MP-WEIXIN */
.header_fixed {
position: fixed;
top: 0upx;
left: 0;
width: 100%;
z-index: 2;
}
/* #endif */
/* #ifdef H5 */
.header_fixed {
position: fixed;
top: 80upx;
left: 0;
width: 100%;
z-index: 2;
}
/* #endif */
</style>