<template>
    <view class="container">
        <view class="payInfoList">
            <view class="PayInfoItem" v-for="item in payList" :key="item.order_no">
                <view class="row">
                    <view class="row_label">付款金额</view>
                    <view class="row_con">￥{{ item.order_amount }}</view>
                </view>
                <view class="row">
                    <view class="row_label2">{{ item.create_time }}</view>
                    <view class="row_label2" v-if="false">Adapay微信小程序支付</view>
                    <view class="row_label2">{{ item.payment_method }}</view>
                </view>
                <view class="line"></view>

                <view class="row2">
                    <view class="label">订单号</view>
                    <view class="con3">{{ item.order_no }}</view>
                </view>

                <view class="row2">
                    <view class="label">消费门店</view>
                    <view class="con3">{{ item.merchant_info.merchant_name }}</view>
                </view>

                <view class="row2">
                    <view class="label">当前状态</view>
                    <view class="con3" v-if="item.status == 1">待支付</view>
                    <view class="con3" v-else-if="item.status == 2">已支付</view>
                    <view class="con3" v-else-if="item.status == 5">已退款</view>
                    <view class="con3" v-else>未知</view>
                </view>

                <!-- <view class="line"></view>

                <view class="row3">
                    <view class="label">返岁银</view>
                    <view class="con3" @click="houseProvident">￥{{item.refund_property_fee}}
                        <u-icon name="arrow-right" color="#999999" size="40" style="max-lines: 10rpx;"></u-icon>
                    </view>
                </view>
                <view class="line"></view>
                <view class="row">
                    <view class="label">返会员积分</view>
                    <view class="con3" @click="points">{{ item.refund_member_points }}
                        <u-icon name="arrow-right" color="#999999" size="40" style="max-lines: 10rpx;"></u-icon>
                    </view>
                </view> -->

            </view>
        </view>
    </view>
</template>

<script>
import {
    request,
    picUrl,
    uniqueByField,
    menuButtonInfo,
    NavgateTo
} from '../../../utils';

import {
    apiArr
} from '../../../api/v2local';


export default {
    data() {
        return {
            picUrl,
            top: "",
            localHeight: "",
            page_num: 1,
            page_size: 10,
            flag: false,
            payList: [],
            id: "",
        }
    },
    onLoad(options) {
        const meun = menuButtonInfo();
        this.top = meun.top;
        this.localHeight = meun.height;
        this.id = options.id
        this.getPayList()
    },


    methods: {
        houseProvident() {
            NavgateTo("../houseProvident/index")
        },
        points() {
            NavgateTo("../Points/index")
        },

        getPayList() {
            let that = this
            request(apiArr.getPayList, "POST", {
                merchant_id: that.id,
                page_num: that.page_num,
                page_size: that.page_size
            }).then(res => {
                if (res.rows.length == that.page_size) {
                    that.flag = true
                } else {
                    that.flag = false
                }
                that.payList = that.payList.concat(res.rows)
                that.page_num++
            })
        },
    },


}
</script>

<style>
@import url("./index.css");
</style>
