Client-Teapay/src/pages/accountDetails/withdraw.vue

<template>
    <view class="container">
        <!-- 明细列表 -->
        <view class="list" v-for="(item,index) in list" :key="index">
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>提</text><text>现</text><text>订</text><text>单</text><text>号</text><text>：</text></view>
                <view class="list_text">{{item.planNo}}</view>
            </view>
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>结</text><text>算</text><text>状</text><text>态</text><text>：</text></view>
                <view class="list_text" :class="item.status == 3 ? 'r_color' : 'g_color'">{{item.status == 1 ? '审核中' : item.status == 2 ? '审核成功' : '审核失败'}}</view>
            </view>
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>申</text><text>请</text><text>人</text><text>：</text></view>
                <view class="list_text">{{item.wxName}}</view>
            </view>
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>提</text><text>现</text><text>金</text><text>额</text>：</text></view>
                <view class="list_text y_color">￥{{item.money}}</view>
            </view>
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>提</text><text>现</text><text>类</text><text>型</text>：</text></view>
                <view class="list_text y_color">{{item.type == 1 ? '余额提现' : item.type == 2 ? '拼团金提现' : '拼豆提现'}}</view>
            </view>
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>申</text><text>请</text><text>时</text><text>间</text>：</text></view>
                <view class="list_text">{{item.createTime}}</view>
            </view>
            <view class="list_con flex_r flex_ac">
                <view class="list_name flex_r flex_ac flex_jb"><text>处</text><text>理</text><text>时</text><text>间</text>：</text></view>
                <view class="list_text">{{item.updateTime}}</view>
            </view>
            <view class="list_hint flex_r flex_ac" v-if="item.status==3">
                <image class="hint_img" src="/static/notice.png" mode=""></image>
                <view class="hint_msg r_color">{{item.msg}}</view>
            </view>
        </view>
        <!-- 明细列表-end -->
        <not-goods v-if="haveGoods" textStr="暂无提现信息"></not-goods>
    </view>
</template>
<script>
let page = 1;
let app = getApp();
var appEv = app.$vm.$options;
import { get, post, u_post } from "@/request/api.js";
// let reqApi = new ReqApi();
// import { ReqApi } from "@/utils/reqTools.js";
import notGoods from '@/components/not-goods/index.vue'
export default {
    components: {
        notGoods
    },
    data() {
        return {
            haveGoods: false,
            status: 0,
            list: []
        };
    },
    onShow: function() {
        page = 1
        this.loadData()
    },
    methods: {
        loadData: function() {
            let that = this;
            let data = {
                page: page
            }
            uni.showLoading({ mask: true })
            u_post("ShuZiTeaYW/cashWithd/applicationRecord", data).then(res => {
                uni.hideLoading()
                if (res.status == 200) {
                    let obj = res.recordList
                    if (obj.length > 0) {
                        that.list = [...that.list, ...obj]
                    } else {
                        if (page == 1) {
                            that.haveGoods = true
                            page = -1
                        } else {
                            page = -1
                            appEv.errTips('暂无更多')
                        }
                    }
                } else {
                    if (page == 1) {
                        that.haveGoods = true
                        page = -1
                    } else {
                        page = -1
                        appEv.errTips('暂无更多')
                    }
                }
            })
        }
    },
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {
        if (page != -1) {
            var that = this;
            setTimeout(function() {
                ++page;
                that.loadData();
            }, 800);
        }
    }
}
</script>
<style lang="scss">
// 页面配置
page {
    background: #f4f4f4;
}

.container {
    padding-top: 16rpx;
}

// 页面配置-end

// 明细列表
.hint_msg {
    font-size: 22rpx;
}

.list_name {
    width: 180rpx;
    overflow: hidden;
}

.hint_img {
    width: 24rpx;
    height: 25rpx;
    margin-right: 36rpx;
}

.list_hint {
    width: 100%;
    overflow: hidden;
    margin-top: 12rpx;
}

.list_text {
    color: #7C7C7C;
    font-size: 26rpx;
    font-family: "SourceHanSansCN-Medium";
}

.list_name text {
    font-size: 30rpx;
    color: #404142;
    font-family: "SourceHanSansCN-Medium";
}

.list {
    width: 100%;
    overflow: hidden;
    padding: 30rpx 60rpx;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 20rpx;
}

// 明细列表-end


// 状态颜色
.g_color {
    color: #1BBD89;
}

.y_color {
    color: #FD9F33;
}

.r_color {
    color: #EC421A;
}

// 状态颜色-end
</style>