接口

api/api.js

@@ -151,7 +151,7 @@ const config = {
 	// 用户提现
 	infoWithdraw: {
 		url: '/api/info/withdraw',
-		method: 'GET',
+		method: 'POST',
 		auth: true
 	},
 

pages/index/center.vue

@@ -148,7 +148,7 @@ export default {
           name: 'photo',
           imageUrl: '/static/image/center/1.png',
           title: '实名信息',
-          gotoPageUrl: '/mine/promotionRecord'
+          gotoPageUrl: '/mine/certifiedIndividual'
         },
         {
           name: 'lock',

pages/mine/incomeRecord.vue

@@ -9,17 +9,17 @@
       <view class="title">收益记录</view>
 
       <view class="list">
-        <view class="item" v-for="(item,index) in 20" :key="index">
+        <view class="item" v-for="(item,index) in list" :key="index">
           <view class="left">
             <image src="/static/image/incomeRecord/1.png" style="width: 70%;height: 70%;"></image>
           </view>
           <view class="center">
-            <view>小李</view>
-            <view>2024.02.02</view>
+            <view>{{ item.userId }}</view>
+            <view>{{ item.createTime }}</view>
           </view>
           <view class="right">
             <view>收益金额</view>
-            <view>¥10000</view>
+            <view>￥{{item.price}}</view>
           </view>
         </view>
       </view>
@@ -31,7 +31,30 @@
 <script>
 export default {
   data() {
-    return {};
+    return {
+      list: [],
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+      },
+    };
+  },
+  mounted() {
+    this.getData()
+  },
+
+  methods: {
+    getData() {
+      this.$api('infoGetIncomePage', {
+        pageNo: this.queryParams.pageNo,
+        pageSize: this.queryParams.pageSize,
+
+      }, res => {
+        if (res.code == 200) {
+          this.list = res.result.records
+        }
+      })
+    },
   }
 }
 </script>

pages/mine/purse.vue

@@ -141,7 +141,7 @@ export default {
         }
 
         .bottom {
-          font-size: 14px;
+          font-size: 28rpx;
           display: flex;
           justify-content: center;
           align-items: center;

pages/mine/releaseRecord.vue

@@ -15,13 +15,13 @@
       <!--标签栏-->
       <view class="tabbar">
         <view class="" @click="tabChange('all')">
-          <span :class="checkedIndex==0 ? 'tabbarItemActive' : ''">全部</span>
+          <span :class="checkedIndex==0 ? 'tabbarItemActive' : 'tabbarItemNoActive'">全部</span>
         </view>
-        <view class="tabbarItemNoActive" @click="tabChange('tiezi')">
-          <span :class="checkedIndex==1 ? 'tabbarItemActive' : ''">贴子</span>
+        <view class="" @click="tabChange('tiezi')">
+          <span :class="checkedIndex==1 ? 'tabbarItemActive' : 'tabbarItemNoActive'">贴子</span>
         </view>
-        <view class="tabbarItemNoActive" @click="tabChange('mingpian')">
-          <span :class="checkedIndex==2 ? 'tabbarItemActive' : ''">名片</span>
+        <view class="" @click="tabChange('mingpian')">
+          <span :class="checkedIndex==2 ? 'tabbarItemActive' : 'tabbarItemNoActive'">名片</span>
         </view>
       </view>
       <!--发布列表-->
@@ -142,6 +142,7 @@ export default {
         background: $uni-linear-gradient-color;
         -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
         -webkit-text-fill-color: transparent; /*给文字设置成透明*/
+        border-radius: 20rpx;
       }
 
       .tabbarItemNoActive {

pages/mine/withdraw.vue

@@ -56,7 +56,13 @@ export default {
 
     // 提现
     withdrawPage() {
-      this.$utils.navigateTo('/mine/withdrawalRecord');
+      this.$api('infoWithdraw', {
+        withdrawMoney: this.withdrawMoney
+      }, res => {
+        if (res.code == 200) {
+          this.$utils.navigateTo('/mine/withdrawalRecord');
+        }
+      })
     }
   }
 }

pages/mine/withdrawalRecord.vue

@@ -1,127 +1,135 @@
 <template>
-	<view class="withdrawalRecord">
-
-		<!--顶部导航栏-->
-		<navbar leftClick @leftClick="$utils.navigateBack" title="提现记录" />
-
-		<!--提现记录页面-->
-		<view class="content">
-			<view class="list" v-for="(item,index) in list ">
-				<!--第一行-->
-				<view class="item1">
-					<view class="left">提现金额</view>
-					<view class="right">
-						<view class="money">${{item.money}}</view>
-						<view :class="item.flag ? 'yiDaoZhangClass' : 'shenHeClass'">已到账</view>
-					</view>
-				</view>
-				<!--第二行-->
-				<view class="item2">
-					<view class="left">申请时间</view>
-					<view class="right">{{item.ApplyDateTime}}</view>
-				</view>
-				<!--第三行-->
-				<view class="item2">
-					<view class="left">到账时间</view>
-					<view class="right">{{item.daozhangsj}}</view>
-				</view>
-
-			</view>
-
-		</view>
-	</view>
+  <view class="withdrawalRecord">
+
+    <!--顶部导航栏-->
+    <navbar leftClick @leftClick="$utils.navigateBack" title="提现记录"/>
+
+    <!--提现记录页面-->
+    <view class="content">
+      <view class="list" v-for="(item,index) in list ">
+        <!--第一行-->
+        <view class="item1">
+          <view class="left">提现金额</view>
+          <view class="right">
+            <view class="money">￥{{ item.price }}</view>
+            <view :class="item.type==1 ? 'yiDaoZhangClass' : 'shenHeClass'">{{ item.type==1 ? '已到账' : '审核中' }}</view>
+          </view>
+        </view>
+        <!--第二行-->
+        <view class="item2">
+          <view class="left">申请时间</view>
+          <view class="right">{{ item.createTime }}</view>
+        </view>
+        <!--第三行-->
+        <view class="item2">
+          <view class="left">到账时间</view>
+          <view class="right">{{ item.successTime }}</view>
+        </view>
+
+      </view>
+
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				list: [{
-						money: '13354',
-						ApplyDateTime: '2024.12.12 16:55:55',
-						daozhangsj: '2024.12.12 16:55:55',
-						flag: true,
-					},
-					{
-						money: '13354',
-						ApplyDateTime: '2024.12.12 16:55:55',
-						daozhangsj: '2024.12.12 16:55:55',
-						flag: false,
-					}
-				]
-			};
-		}
-	}
+export default {
+  data() {
+    return {
+      list: [],
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+      },
+    };
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      this.$api('infoGetWithdrawPage', {
+        pageNo: this.queryParams.pageNo,
+        pageSize: this.queryParams.pageSize,
+
+      }, res => {
+        if (res.code == 200) {
+          this.list = res.result.records
+        }
+      })
+    },
+  }
+}
 </script>
 
 <style lang="scss" scoped>
-	* {
-		box-sizing: border-box;
-		margin: 0;
-		padding: 0;
-	}
-
-	.withdrawalRecord {
-		background-color: #f8faff;
-		height: calc(100vh - 240rpx);
-		width: 100vw;
-
-		.content {
-			padding: 20rpx 20rpx 50rpx 20rpx;
-			box-sizing: border-box;
-			width: 100vw;
-
-			.list {
-				box-sizing: border-box;
-				border-bottom: 2rpx solid #e0e2e6;
-				padding: 30rpx;
-				display: flex;
-				flex-direction: column;
-				gap: 10rpx;
-
-				.item1 {
-					display: flex;
-
-					.left {
-						width: 30%;
-
-					}
-
-					.right {
-						display: flex;
-						width: 70%;
-
-						.money {
-							width: 75%;
-						}
-
-						.yiDaoZhangClass {
-							width: 25%;
-							background: $uni-linear-gradient-color;
-							-webkit-background-clip: text;
-							/*将设置的背景颜色限制在文字中*/
-							-webkit-text-fill-color: transparent;
-							/*给文字设置成透明*/
-						}
-
-						.shenHeClass {
-							width: 25%;
-						}
-					}
-				}
-
-				.item2 {
-					display: flex;
-
-					.left {
-						width: 30%;
-					}
-
-					.right {
-						width: 70%;
-					}
-				}
-			}
-		}
-	}
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+.withdrawalRecord {
+  background-color: #f8faff;
+  height: calc(100vh - 240rpx);
+  width: 100vw;
+
+  .content {
+    padding: 20rpx 20rpx 50rpx 20rpx;
+    box-sizing: border-box;
+    width: 100vw;
+
+    .list {
+      box-sizing: border-box;
+      border-bottom: 2rpx solid #e0e2e6;
+      padding: 30rpx;
+      display: flex;
+      flex-direction: column;
+      gap: 10rpx;
+
+      .item1 {
+        display: flex;
+
+        .left {
+          width: 30%;
+
+        }
+
+        .right {
+          display: flex;
+          width: 70%;
+
+          .money {
+            width: 75%;
+          }
+
+          .yiDaoZhangClass {
+            width: 25%;
+            background: $uni-linear-gradient-color;
+            -webkit-background-clip: text;
+            /*将设置的背景颜色限制在文字中*/
+            -webkit-text-fill-color: transparent;
+            /*给文字设置成透明*/
+          }
+
+          .shenHeClass {
+            width: 25%;
+          }
+        }
+      }
+
+      .item2 {
+        display: flex;
+
+        .left {
+          width: 30%;
+        }
+
+        .right {
+          width: 70%;
+        }
+      }
+    }
+  }
+}
 </style>