|
@@ -4,7 +4,7 @@ import LoginDom from '@/components/Login/Login.vue';
|
|
|
import { wxToLoginCallback } from '@/utils';
|
|
|
import { orders } from '@/api/parking';
|
|
|
import orderMockData from '@/api/mockData/orders.json'
|
|
|
-import {ORDER_STATUS} from '@/common/js/BaseDictionary'
|
|
|
+import { ORDER_STATUS } from '@/common/js/BaseDictionary'
|
|
|
|
|
|
let canloading = true;
|
|
|
let pageNum = 0;
|
|
@@ -20,24 +20,24 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
list: [],
|
|
|
- numberOfElements: 0,
|
|
|
+ numberOfElements: 1,
|
|
|
pageNum: 0,
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState({
|
|
|
- mallId: (state) => state.mallId,
|
|
|
- openId: (state) => state.openid,
|
|
|
- member: (state) => state.member,
|
|
|
+ mallId: ( state ) => state.mallId,
|
|
|
+ openId: ( state ) => state.openid,
|
|
|
+ member: ( state ) => state.member,
|
|
|
}),
|
|
|
},
|
|
|
- components: { LoginDom },
|
|
|
+ components: {LoginDom},
|
|
|
mounted() {
|
|
|
setTimeout(() => {
|
|
|
uni.setNavigationBarTitle({
|
|
|
title: '缴费记录',
|
|
|
});
|
|
|
- }, 301);
|
|
|
+ },301);
|
|
|
this.$store.dispatch('clearUnlicensed');
|
|
|
this.list = [];
|
|
|
this.numberOfElements = 0;
|
|
@@ -46,33 +46,33 @@ export default {
|
|
|
pageNum = 0;
|
|
|
const member = uni.getStorageSync('member');
|
|
|
this.loadData();
|
|
|
- if(!uni.getStorageSync('loadData') && !member){
|
|
|
- uni.setStorageSync('loadData', 'loadData')
|
|
|
- wxToLoginCallback('parkingFeeList', (options) => {
|
|
|
+ if ( !uni.getStorageSync('loadData') && !member ) {
|
|
|
+ uni.setStorageSync('loadData','loadData')
|
|
|
+ wxToLoginCallback('parkingFeeList',( options ) => {
|
|
|
this.loadData();
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
filters: {
|
|
|
- parkingTime(val) {
|
|
|
+ parkingTime( val ) {
|
|
|
const days = parseInt(val / 60 / 24);
|
|
|
- const hours = parseInt((val / 60) % 24);
|
|
|
+ const hours = parseInt(( val / 60 ) % 24);
|
|
|
const minutes = parseInt(val % 60);
|
|
|
- if (days > 0) {
|
|
|
- return `${days}天 ${hours}小时 ${minutes}分钟`;
|
|
|
+ if ( days > 0 ) {
|
|
|
+ return `${ days }天 ${ hours }小时 ${ minutes }分钟`;
|
|
|
}
|
|
|
- if (hours > 0) {
|
|
|
- return `${hours}小时 ${minutes}分钟`;
|
|
|
+ if ( hours > 0 ) {
|
|
|
+ return `${ hours }小时 ${ minutes }分钟`;
|
|
|
}
|
|
|
- return `${minutes}分钟`;
|
|
|
+ return `${ minutes }分钟`;
|
|
|
},
|
|
|
- orderStatus(val) {
|
|
|
+ orderStatus( val ) {
|
|
|
return ORDER_STATUS[val]
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
bindscrolltolower: function () {
|
|
|
- if (canloading) {
|
|
|
+ if ( canloading ) {
|
|
|
pageNum++;
|
|
|
this.loadData();
|
|
|
}
|
|
@@ -87,20 +87,24 @@ export default {
|
|
|
page: pageNum || 0,
|
|
|
pageSize: 4,
|
|
|
};
|
|
|
- console.log(120, orderMockData);
|
|
|
+ console.log(120,orderMockData);
|
|
|
try {
|
|
|
const res = await orders({
|
|
|
page: params.page,
|
|
|
size: params.pageSize,
|
|
|
})
|
|
|
- console.log('res2', res);
|
|
|
+ console.log('res2',res);
|
|
|
// const res = orderMockData
|
|
|
const records = res.content || [];
|
|
|
this.numberOfElements = records.numberOfElements
|
|
|
- if (records.length) {
|
|
|
+ if ( records.length ) {
|
|
|
const list = this.list;
|
|
|
- this.list = [...list, ...records];
|
|
|
+ this.list = [...list,...records];
|
|
|
+ this.numberOfElements = 1
|
|
|
+ } else if ( records.length < params.pageSize ) {
|
|
|
+ this.numberOfElements = 0
|
|
|
} else {
|
|
|
+ this.numberOfElements = 0
|
|
|
this.initPage();
|
|
|
}
|
|
|
canloading = true;
|
|
@@ -129,9 +133,9 @@ export default {
|
|
|
data: params,
|
|
|
method: 'POST',
|
|
|
header: JSON.parse(uni.getStorageSync('handleUser')),
|
|
|
- success: (res) => {
|
|
|
+ success: ( res ) => {
|
|
|
uni.hideLoading();
|
|
|
- if (res.data.code !== 0) {
|
|
|
+ if ( res.data.code !== 0 ) {
|
|
|
uni.showToast({
|
|
|
title: res.data.msg,
|
|
|
duration: 2000,
|
|
@@ -141,9 +145,9 @@ export default {
|
|
|
} else {
|
|
|
// 合并数据
|
|
|
const records = res.data.data || [];
|
|
|
- if (records.length) {
|
|
|
+ if ( records.length ) {
|
|
|
const list = this.list;
|
|
|
- this.list = [...list, ...records];
|
|
|
+ this.list = [...list,...records];
|
|
|
} else {
|
|
|
this.initPage();
|
|
|
}
|
|
@@ -151,7 +155,7 @@ export default {
|
|
|
}
|
|
|
canloading = true;
|
|
|
},
|
|
|
- fail: (err) => {
|
|
|
+ fail: ( err ) => {
|
|
|
uni.hideLoading();
|
|
|
canloading = true;
|
|
|
this.initPage();
|
|
@@ -166,12 +170,12 @@ export default {
|
|
|
// 页码复原
|
|
|
initPage: function () {
|
|
|
pageNum--;
|
|
|
- if (pageNum <= 0) {
|
|
|
+ if ( pageNum <= 0 ) {
|
|
|
pageNum = 0;
|
|
|
}
|
|
|
},
|
|
|
// 查看详情
|
|
|
- toDetail(orderno) {
|
|
|
+ toDetail( orderno ) {
|
|
|
this.$router.push({
|
|
|
path: 'parkingFeeDetailSuccess?orderNo=' + orderno,
|
|
|
});
|