1

src/pages/user/withdraw/App.vue

@@ -71,7 +71,6 @@ async function getList() {
 const month = ref(1)
 // Tab 点击处理
 function handleClick(item) {
-  console.log(active.value,item)
   if (active.value == item)
     return
   active.value = item
@@ -81,7 +80,7 @@ function handleClick(item) {
 </script>
 
 <template>
-    <AppHeader title="提现记录"/>
+  <AppHeader title="提现记录" />
   <div class="wallet-detail">
     <!-- 月份选择 -->
     <var-tabs v-model:active="active" class="fixed-tabs">
@@ -97,11 +96,10 @@ function handleClick(item) {
     <!-- List -->
     <van-list v-model:loading="loading" class="list-container" :finished="finished" finished-text="没有更多了"
       @load="getList">
-      <div v-for="(item, index) in list" :key="index" class="list-item">
+      <div v-for="(item, index) in list" :key="index" class="list-item-container">
+        <div class="list-item">
           <div class="item-left">
-          <div class="icon">
-            ¥
-          </div>
+            <div class="icon">¥</div>
           </div>
           <div class="item-center">
             <div class="type">
@@ -126,6 +124,16 @@ function handleClick(item) {
             </div>
           </div>
         </div>
+        <div v-if="active == 5" class="status"
+          style="text-align: center; color: red;font-size: 12px;line-height: 17px;margin-top: 10px;">
+          {{ item.statu == 0 ? '提交申请' :
+            item.status == 1 ? '提现正在审核当中，预计36小时内审核到账' :
+              item.status == 2 ? '审核通过' :
+                item.status == 3 ? '到账失败' : ''
+          }}
+        </div>
+      </div>
+
     </van-list>
   </div>
 </template>
@@ -193,11 +201,15 @@ function handleClick(item) {
     overflow: auto !important;
   }
 
+  .list-item-container {
+    border-bottom: 1px dashed #f5f5f5;
+    padding-bottom: 10px;
+  }
+
   .list-item {
-    padding: 15px;
+    padding: 15px 15px 0;
     display: flex;
     align-items: center;
-    border-bottom: 1px dashed #f5f5f5;
 
     .item-left {
       margin-right: 12px;