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,51 +80,60 @@ function handleClick(item) {
 </script>
 
 <template>
-    <AppHeader title="提现记录"/>
+  <AppHeader title="提现记录" />
   <div class="wallet-detail">
     <!-- 月份选择 -->
     <var-tabs v-model:active="active" class="fixed-tabs">
-        <var-tab :name="1" @click="handleClick(1)">
-          银行卡提现
-        </var-tab>
-        <var-tab :name="5" @click="handleClick(5)">
-          余额提现
-        </var-tab>
-       
-      </var-tabs>
+      <var-tab :name="1" @click="handleClick(1)">
+        银行卡提现
+      </var-tab>
+      <var-tab :name="5" @click="handleClick(5)">
+        余额提现
+      </var-tab>
+
+    </var-tabs>
 
     <!-- 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 class="item-left">
-          <div class="icon">
-            ¥
+      <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>
-        </div>
-        <div class="item-center">
-          <div class="type">
-            {{
-              item.walletType == 1 ? '储蓄金'
-                : item.walletType == 2 ? '股权'
-                  : item.walletType == 3 ? '每日分红'
-                    : item.walletType == 5 ? '银行卡余额'
-                      : item.walletType == 10 ? '签到积分' : ''
-            }}
+          <div class="item-center">
+            <div class="type">
+              {{
+                item.walletType == 1 ? '储蓄金'
+                  : item.walletType == 2 ? '股权'
+                    : item.walletType == 3 ? '每日分红'
+                      : item.walletType == 5 ? '银行卡余额'
+                        : item.walletType == 10 ? '签到积分' : ''
+              }}
+            </div>
+            <div class="time">
+              {{ item.createTime }}
+            </div>
           </div>
-          <div class="time">
-            {{ item.createTime }}
+          <div class="item-right">
+            <div class="amount" :class="{ income: item.walletType == 1, expense: item.walletType == 2 }">
+              {{ item.walletType == 1 ? '+' : '-' }}{{ item.withdrawAmount }}
+            </div>
+            <div class="balance">
+              余额{{ item.balance || '0' }}元
+            </div>
           </div>
         </div>
-        <div class="item-right">
-          <div class="amount" :class="{ income: item.walletType == 1, expense: item.walletType == 2 }">
-            {{ item.walletType == 1 ? '+' : '-' }}{{ item.withdrawAmount }}
-          </div>
-          <div class="balance">
-            余额{{ item.balance || '0' }}元
-          </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;