|
|
<template>
|
|
|
<!-- 20220928 -->
|
|
|
<view class="money-my-order-list-page padding-bottom-safe-20">
|
|
|
<!-- 页面内容 -->
|
|
|
<view class="page_content">
|
|
|
|
|
|
<!-- 订单列表 -->
|
|
|
<view class="">
|
|
|
<ty-list-list :status="load_status">
|
|
|
<view class="item margin-20 radius-20 padding-lr-30 bg-ff"
|
|
|
v-for="(item,index) in list" :key="index">
|
|
|
<view class="line-height-80 dashed-bottom-ed">
|
|
|
<text class="tyIcon-dingdanhaochaxun text-28 text-33"></text>
|
|
|
<text class="text-22 text-77">{{item.order_number}}</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="padding-tb-20 dashed-bottom-ed">
|
|
|
<view class="flex align-center">
|
|
|
<text class="text-26 text-77">充值金额：</text>
|
|
|
<text class="margin-left-10 text-26 text-33">¥{{item.pay_money}}</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="margin-top-10 flex align-center">
|
|
|
<text class="text-26 text-77">赠送金额：</text>
|
|
|
<text class="margin-left-10 text-26 text-33">¥{{item.give_money}}</text>
|
|
|
</view>
|
|
|
|
|
|
<view class="margin-top-10 flex align-center">
|
|
|
<text class="text-26 text-77">支付时间：</text>
|
|
|
<text class="margin-left-10 text-26 text-33">{{item.show_create_time}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
<view class="line-height-80 text-right">
|
|
|
<view class="">
|
|
|
<text class="text-24 text-77">合计：</text>
|
|
|
<text class="text-price text-30 text-main">{{item.money}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
</ty-list-list>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 页面浮层 -->
|
|
|
<view class="page_layer">
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import money from "./api/money.js"
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
// 当前列表加载状态 loading--加载中 finished--加载完成 nodata--没有数据 hasError--加载错误
|
|
|
load_status: '',
|
|
|
// 列表数据
|
|
|
list: []
|
|
|
}
|
|
|
},
|
|
|
|
|
|
onLoad(options) {
|
|
|
|
|
|
},
|
|
|
|
|
|
onReady() {
|
|
|
this.loadList(1)
|
|
|
},
|
|
|
|
|
|
onReachBottom() {
|
|
|
this.loadList(0)
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
/**
|
|
|
* 获取我的订单列表
|
|
|
* @param {int} isFirstPage 是否第一页 0--不是 1--是
|
|
|
* @date 2022-12-16
|
|
|
*/
|
|
|
loadList(isFirstPage) {
|
|
|
money.listMyOrder(this, isFirstPage)
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
</style>
|
