feat: 接口对接完成

src/pages-sub/withdrawal-detail/index.vue

@@ -10,20 +10,58 @@
   <view class="min-h-screen pb-100">
     <view
       class="flex px-15 py-8 border-b border-#E5E5E5 border-b-solid"
-      v-for="item in 10"
-      :key="item"
+      v-for="item in list"
+      :key="item.id"
     >
-      <image src="/static/images/invest/unionpay-icon.png" class="w-32 h-32 self-center" />
+      <image
+        src="/static/images/invest/alipay-icon.png"
+        class="w-32 h-32 self-center"
+        v-if="item.typedata === '支付宝'"
+      />
+      <image
+        src="/static/images/invest/wechat-icon.png"
+        class="w-32 h-32 self-center"
+        v-if="item.typedata === '微信'"
+      />
+      <image
+        src="/static/images/invest/unionpay-icon.png"
+        class="w-32 h-32 self-center"
+        v-if="item.typedata === '银联'"
+      />
+
       <view class="flex flex-col flex-1 justify-between ml-15">
-        <view class="text-14 text-#333">银行卡</view>
+        <view class="text-14 text-#333">{{ item.typedata }}</view>
         <view class="text-12 text-#999">提现</view>
-        <view class="text-12 text-#999">2024-12-27 10:00:00</view>
+        <view class="text-12 text-#999">{{ item.createtime }}</view>
       </view>
 
       <view class="flex flex-col items-end">
-        <view class="text-16 text-#FF5F5F">-1000 RMB</view>
-        <view class="text-14 mt-18 py-4 px-10 bg-#71C78A1A text-#71C78A">提现成功</view>
+        <view class="text-16 text-#FF5F5F">{{ item.money }}</view>
+        <view
+          class="text-14 mt-18 py-4 px-10 bg-#99999990 text-#fff"
+          v-if="Number(item.status) === 1"
+        >
+          审核中
+        </view>
+        <view
+          class="text-14 mt-18 py-4 px-10 bg-#71C78A1A text-#71C78A"
+          v-if="Number(item.status) === 2"
+        >
+          提现成功
+        </view>
+        <view
+          class="text-14 mt-18 py-4 px-10 bg-#FF5F5F90 text-#fff"
+          v-if="Number(item.status) === 3"
+        >
+          提现失败
+        </view>
       </view>
     </view>
   </view>
 </template>
+
+<script setup lang="ts">
+import { getWithdrawalRecordAPI } from '@/service'
+
+const { list } = useListPageRequest(getWithdrawalRecordAPI)
+</script>