更新

BagMoney/pages/oilCards/oilCards.vue

@@ -6,19 +6,17 @@
 		</cu-custom>
 		<view class="" v-show="accountStatus">
 			<view class="placeholder bg-main-oil">
-
 			</view>
 			<view class="move-top">
-				
 				<view class="flex radius margin my-shadow position-re">
 					<view class="basis-sm text-center padding bg-gradual-black">
 						我的油卡
 					</view>
 					<view class="basis-lg padding bg-white">
-						总余额：<text class="text-red">{{userTotal.oilCardTotalPrice|moneyFormat}}元</text><text class="cu-tag yu-tag-right position-ab sm">{{cardList.length>0?cardList.length:1}}张</text>
+						总余额：<text class="text-red">{{userTotal.oilCardTotalPrice|moneyFormat}}元</text><text
+							class="cu-tag yu-tag-right position-ab sm">{{cardList.length>0?cardList.length:1}}张</text>
 					</view>
 				</view>
-				
 				<!-- <view class="flex radius margin my-shadow position-re">
 					<view class="basis-sm text-center padding bg-gradual-black">
 						自营公司油卡
@@ -38,12 +36,10 @@
 					</view>
 				</view> -->
 			</view>
-
 		</view>
-
 		<view class=" margin-bottom-lg">
-			<swiper class="screen-swiper square-dot" @change="cardSwiper" :indicator-dots="true" :circular="true" :autoplay="false"
-			 interval="5000" duration="500">
+			<swiper class="screen-swiper square-dot" @change="cardSwiper" :indicator-dots="true" :circular="true"
+				:autoplay="false" interval="5000" duration="500">
 				<swiper-item v-for="(item,index) in cardList" :key="index" :class="cardCur==index?'cur':''">
 					<!-- <image :src="imgURL+ (item.type=='zs'?'card-zs.png':'card-other.png')" mode="aspectFill">
 					</image> -->
@@ -58,16 +54,13 @@
 					<view class="text-red padding-bottom-sm text-bold text-lg">
 						共享企业余额
 					</view>
-
-					<text class="text-grey">单日加油额度：{{cardList[cardCur].orderAmountToplimit}}元；单日加油升数额度：{{cardList[cardCur].orderVolumeToplimit}}L</text>
+					<text
+						class="text-grey">单日加油额度：{{cardList[cardCur].orderAmountToplimit}}元；单日加油升数额度：{{cardList[cardCur].orderVolumeToplimit}}L</text>
 				</view>
-
-
 				<view class="text-center padding">
 					<!-- <view class="text-red text-bold text-lg">
 						{{userTotal.oilCardTotalPrice|moneyFormat}}元
 					</view> -->
-
 					<text class="">交易记录</text>
 				</view>
 			</view>
@@ -75,7 +68,6 @@
 				<view class="cu-list menu" v-if="cardList[cardCur].historyList.length>0">
 					<view class="cu-item" v-for="detail in cardList[cardCur].historyList" :key="detail.id">
 						<view class="content padding-tb-sm">
-
 							<view class="text-gray text-sm">
 								{{detail.createTime}}
 							</view>
@@ -109,7 +101,7 @@
 		},
 		data() {
 			return {
-				hideCard:[],
+				hideCard: [],
 				loadStatus: 'load',
 				userTotal: {},
 				historyList: [],
@@ -178,7 +170,7 @@
 		onReachBottom() {
 			if (this.cardList[this.cardCur].loadStatus == 'more') {
 				setTimeout(() => {
-					this.getMoneyDetail(this.cardList[this.cardCur],this.cardCur)
+					this.getMoneyDetail(this.cardList[this.cardCur], this.cardCur)
 				}, 100)
 			} else {
 				uni.showToast({
@@ -213,13 +205,7 @@
 						oilCardType: card.oilCardType
 					}
 				}
-				console.log('++++++++++++++')
-				console.log(data2)
-				console.log('++++++++++++++')
 				accountApi.getOilCardRecordByPage(data2).then(res => {
-					console.log('++++++++++++++')
-					console.log(res)
-						console.log('++++++++++++++')
 					if (res.code == 20000) {
 						if (res.data.list.length < 20) {
 							this.cardList[index].loadStatus = 'nomore'
@@ -228,31 +214,32 @@
 							this.cardList[index].currentPage++
 						}
 						// this.cardList[index].historyList = []
-						
-						if(this.cardList[index].currentPage!==1){
-							this.cardList[index].historyList = this.cardList[index].historyList.concat(res.data.list) 
-						} else{
+						if (this.cardList[index].currentPage !== 1) {
+							this.cardList[index].historyList = this.cardList[index].historyList.concat(res.data
+								.list)
+						} else {
 							this.cardList[index].historyList = res.data.list
 						}
-						
+
 					}
 				})
 			},
 			async getCards() {
-				await	accountApi.getSyncDeductions().then(res => {
-						if (res.code == 20000) {
-							this.hideCard = res.data.companyIds
-						}
-					})
-				await	accountApi.getUserAccount().then(res => {
+				await accountApi.getSyncDeductions().then(res => {
+					if (res.code == 20000) {
+						this.hideCard = res.data.companyIds
+					}
+				})
+				await accountApi.getUserAccount().then(res => {
 					if (res.code == 20000) {
 						if (res.data.length > 0) {
 							this.cardList = res.data
-							this.cardList = this.cardList.filter(item=>!this.hideCard.includes(item.companyId))
+							this.cardList = this.cardList.filter(item => !this.hideCard.includes(item
+								.companyId))
 							this.cardList.forEach(item => {
-								this.$set(item,'currentPage',1)
-								this.$set(item,'loadStatus','more')
-								this.$set(item,'historyList',[])
+								this.$set(item, 'currentPage', 1)
+								this.$set(item, 'loadStatus', 'more')
+								this.$set(item, 'historyList', [])
 							})
 							console.log(this.cardList)
 							setTimeout(() => {
@@ -332,10 +319,11 @@
 </script>
 
 <style scoped>
-	.boxsingForCard{
+	.boxsingForCard {
 		position: relative;
 	}
-	.inCard{
+
+	.inCard {
 		position: absolute;
 		right: 11%;
 		bottom: 17%;
@@ -343,11 +331,12 @@
 		height: 55rpx;
 		background-color: #FFFFFF;
 		border-radius: 20rpx;
-		color: red; 
+		color: red;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}
+
 	.tower-swiper .tower-item {
 		transform: scale(calc(0.5 + var(--index) / 10));
 		margin-left: calc(var(--left) * 100upx - 150upx);