front-end/ghsApp/src/pagesPurchase/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.refundSn}}</text>
              <text>操作：{{item.shopAdminName}}</text>
              <text style="color:#3385FF;">状态：{{ item.status==0?'退款中':item.status==1?'已完成':'已取消' }}</text>
              <text v-if="!$util.isEmpty(item.remark)" style="color:red;font-weight:bold;">备注：{{item.remark}}</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 { getRefundList } from "@/api/cg-refund";
export default {
  name: "refundList",
  components: {},
  mixins: [list],
  data() {
    return {
    };
  },
  onPullDownRefresh() {
    this.resetList();
    this.getRefundData().then((res) => {
      uni.stopPullDownRefresh();
    });
  },
  onReachBottom() {
    if (!this.list.finished) {
      this.getRefundData().then((res) => {
        uni.stopPullDownRefresh();
      });
    } else {
      uni.stopPullDownRefresh();
    }
  },
  mounted() {
  },
  onLoad(option) {
  },
  onShow() {
  	this.resetList();
    this.getRefundData();
  },
  methods: {
    init(){
    },
    goDetail(item){
      this.$util.pageTo({url: '/pagesPurchase/refundDetail',query: {id: item.id}})
    },
    getRefundData() {
      return getRefundList({page: this.list.page,relateOrderSn:this.option.orderSn}).then((res) => {
        this.completes(res)
      });
    },
  },
};
</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>