提现模块对接接口处理

pages/wallet/withdrawList.vue

@@ -30,16 +30,23 @@
 		<!-- 列表。。。 -->
 		<view class="ew_lists" v-if="lists.length>0">
 			<view style="padding-top: 30rpx;" v-for="(item,index) in lists " :key="index">
-				<!-- <view class="receiptCode">回执单号：hash392J3K,390-9DKDKDIOKLK</view> -->
+				<view class="receiptCode">
+					<image class="logo" src="/static/imgs/record-icon.png" mode="widthFix" />
+					<view class="title">{{item.way}}</view>
+					<span class='status'> {{item.status.status_text}}</span>
+				</view>
 				<view class="item">
 					<view class="left">
-						<span>能量球:150</span>
-						<span>金额≈￥300</span>
-					</view>
-					<view class="right">
-						<span> {{item.created_at}} 提现</span>
-						<span> {{item.paid_at || index === 0 ? '2021-11-11 11:11:11到账':'努力打款中'}}</span>
+						<span>
+							能量球:{{item.quantity}}
+							<span class='left-des'>金额≈￥{{item.take}} 手续费：{{item.tax}}</span>
+						</span>
+						<span>{{item.create_at}}</span>
 					</view>
+					<!-- <view class="right">
+						<span> {{item.create_at}}</span>
+						<span> -</span>
+					</view> -->
 				</view>
 			</view>
 		</view>
@@ -53,16 +60,15 @@
 
 <script>
 	import {
-		chaineb
-	} from '@/apis/interfaces/mine';
+		withdrawsIndexLists
+	} from '@/apis/interfaces/withdraws';
 	export default {
 		data() {
 			return {
-				lists: [1, 1.1, 1, 1],
+				lists: [],
 				has_next_page: true,
 				page: 1,
 				type: 'year', // 统计类型day日，month月，year年
-				cointype: 'in', // in 收入 out 支出
 				date: new Date().toISOString().slice(0, 4), // 日：Y-m-d，月Y-m，年Y
 				params: {
 					year: true,
@@ -98,12 +104,12 @@
 					page: this.page,
 					type: this.type,
 					date: this.date,
-					cointype: this.cointype
 				}
-				chaineb(data).then(res => {
-					this.account = res.account
-					this.lists = this.lists.concat(res.lists)
-					this.has_next_page = res.has_next_page
+				withdrawsIndexLists(data).then(res => {
+					console.log(res)
+					this.account = res.all
+					this.lists = this.lists.concat(res.lists.data)
+					this.has_next_page = res.lists.page.has_more
 				}).catch(err => {
 					this.$refs.uToast.show({
 						title: err.message,
@@ -153,8 +159,8 @@
 							this.type = type
 							this.params = {
 								year: true,
-								month: false,
-								day: false
+								month: true,
+								day: true
 							}
 							this.date = this.currentDay
 							this.reset()
@@ -335,7 +341,7 @@
 
 		.record-money {
 			color: #fff;
-			font-size: 60rpx;
+			font-size: 70rpx;
 			font-weight: bold;
 
 			span {
@@ -359,7 +365,7 @@
 			box-sizing: border-box;
 			border-bottom: solid 1rpx #f8f8f8;
 			background-color: #fff;
-			padding: 0 0 $padding*0.8 0;
+			padding: 0 0 $padding*0.8 50rpx;
 
 			.left,
 			.right {
@@ -368,18 +374,22 @@
 				align-items: flex-start;
 				justify-content: center;
 				box-sizing: border-box;
+				margin-top: 10rpx;
 			}
 
 			.left {
-				font-size: $title-size-m;
-				// font-weight: 600;
+				font-size: 30rpx;
 				padding-top: 10rpx;
-				color: #808080;
-
+				color: $text-price;
+				.left-des{
+					color: #999;
+					font-size: 26rpx;
+					margin-left: 20rpx;
+				}
 				span:nth-child(2) {
-					color: #824F9A;
-					font-size: $title-size-m;
+					color: #C0C0C0;
 					font-weight: normal;
+					font-size: 26rpx;
 					padding-top: $padding *0.5;
 				}
 			}
@@ -387,12 +397,34 @@
 			.right {
 				font-size: $title-size-m;
 				align-items: flex-end;
-				color: #666;
+				color: #999;
 
 				span:nth-child(1) {
 					padding-bottom: $padding*0.5;
 				}
 			}
 		}
+
+		.receiptCode {
+			font-size: 32rpx;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			justify-content: flex-start;
+
+			.title {
+				flex: 1;
+			}
+
+			.logo {
+				width: 40rpx;
+				margin-right: 10rpx;
+			}
+
+			.status {
+				color: #999;
+				font-size: 26rpx;
+			}
+		}
 	}
 </style>