front-end/jdApp/src/pagesOrder/refundList.vue

<template>
  <view class="app-content">
			<block v-if="!$util.isEmpty(list.data)">
				<view class="flex-space list" v-for="(item, index) in list.data" :key="index" @click="goDetail(item)">

          <view class="label">
              <text>日期：{{item.addTime.substr(5,11)}}</text>
              <text>单号：{{item.orderSn}}</text>
              <text>操作：{{item.shopAdminName}}</text>
              <text>类型：{{item.book == 1 ? '预订单多退少补' :'普通'}}</text>
              <text v-if="!$util.isEmpty(item.remark)">备注：{{item.remark}}</text>

              <text style="position:absolute;right:-425upx;top:0upx;">{{ item.status==0?'退款中':item.status==1?'已完成':'退款中' }}</text>    

          </view>
          <view class="flex val">¥{{parseFloat(item.refundPrice)}} <view class="iconfont iconxiangyou"></view> </view>

			  </view>
			</block>
			<block v-else>
				<app-wrapper-empty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
			</block>
  </view>
</template>
<script>
import { list } from "@/mixins";
import { refundList } from "@/api/refund";
export default {
  name: "refundList",
  components: {},
  mixins: [list],
  data() {
    return {
    };
  },
  onPullDownRefresh() {
    this.resetList();
    this._list().then((res) => {
      uni.stopPullDownRefresh();
    });
  },
  onReachBottom() {
    if (!this.list.finished) {
      this._list().then((res) => {
        uni.stopPullDownRefresh();
      });
    } else {
      uni.stopPullDownRefresh();
    }
  },
  mounted() {
  },
  onLoad(option) {
  },
  onShow() {
  	this.resetList();
    this._list();
  },
  methods: {
    goDetail(item){
      if(item.book == 1){
        this.$msg('预订单多退少补')
        return false
      }
      this.$util.pageTo({url: '/pagesOrder/refundDetail',query: {id: item.id}})
    },
    _list() {
      return refundList({
        page: this.list.page,
        orderSn:this.option.orderSn
      }).then((res) => {
        this.completes(res);
        if (this.$util.isEmpty(res.data)){
          return false
        }
      });
    },
  },
};
</script>
<style lang="scss" scoped>
	.app-content{
		.list{
			padding: 20upx 30upx;
			margin-bottom: 20upx;
			background: #FFFFFF;
			.label{
        position: relative;
				line-height: 50upx;
				text{
					display: block;
				}
			}
			.val{
				font-size: 25upx;
				.iconfont{
					margin-left: 12upx;
					color: #999999;
				}
			}
		}
	}
</style>