73 lines
2.1 KiB
Vue
73 lines
2.1 KiB
Vue
<route lang="json5">
|
|
{
|
|
style: {
|
|
navigationBarTitleText: '提现记录',
|
|
navigationBarBackgroundColor: '#fff',
|
|
},
|
|
}
|
|
</route>
|
|
<template>
|
|
<view class="min-h-screen pb-100">
|
|
<template v-if="list.length > 0">
|
|
<view
|
|
class="flex px-15 py-8 border-b border-#E5E5E5 border-b-solid"
|
|
v-for="item in list"
|
|
:key="item.id"
|
|
>
|
|
<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">{{ item.typedata }}</view>
|
|
<view class="text-12 text-#999">提现</view>
|
|
<view class="text-12 text-#999">{{ item.createtime }}</view>
|
|
</view>
|
|
|
|
<view class="flex flex-col items-end">
|
|
<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>
|
|
</template>
|
|
<template v-else>
|
|
<wd-status-tip image="content" tip="暂无内容" />
|
|
</template>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { getWithdrawalRecordAPI } from '@/service'
|
|
|
|
const { list } = useListPageRequest(getWithdrawalRecordAPI)
|
|
</script>
|