self_mall_xcx/pages/order/after-service-list/index.js

import { getRightsList } from './api';
import { AfterServiceStatus, ServiceType, ServiceTypeDesc } from '../config';
import {
  getOrderRefundList
} from '~/services/order/getOrderRefundList';


Page({
  page: {
    size: 10,
    num: 1,
  },

  data: {
    enable: false,
    tabs: [
      {
        key: -1,
        text: '全部',
      },
      {
        key: AfterServiceStatus.TO_AUDIT,
        text: '待审核',
      },
      {
        key: AfterServiceStatus.THE_APPROVED,
        text: '已审核',
      },
      {
        key: AfterServiceStatus.COMPLETE,
        text: '已完成',
      },
      {
        key: AfterServiceStatus.CLOSED,
        text: '已关闭',
      },
    ],
    curTab: -1,
    dataList: [],
    listLoading: 0, // 0-未加载，1-加载中，2-已全部加载
    pullDownRefreshing: false, // 下拉刷新时不显示load-more
    emptyImg:
      'https://cdn-we-retail.ym.tencent.com/miniapp/order/empty-order-list.png',
    backRefresh: false,
  },

  onLoad(query) {
    let status = parseInt(query.status);
    status = this.data.tabs.map((t) => t.key).includes(status) ? status : -1;
    this.init(status);
    this.pullDownRefresh = this.selectComponent('#wr-pull-down-refresh');
  },

  onShow() {
    // 当从其他页面返回，并且 backRefresh 被置为 true 时，刷新数据
    if (!this.data.backRefresh) return;
    this.onRefresh();
    this.setData({
      backRefresh: false,
    });
  },

  onReachBottom() {
    if (this.data.listLoading === 0) {
      this.getAfterServiceList(this.data.curTab);
    }
  },

  onPageScroll(e) {
    this.pullDownRefresh && this.pullDownRefresh.onPageScroll(e);
  },

  onPullDownRefresh_(e) {
    // const { callback } = e.detail;
    this.setData({
      pullDownRefreshing: true,
    }); // 下拉刷新时不显示load-more
    this.refreshList(this.data.curTab)
      .then(() => {
        this.setData({
          pullDownRefreshing: false,
        });
        // callback && callback();
      })
      .catch((err) => {
        this.setData({
          pullDownRefreshing: false,
        });
        Promise.reject(err);
      });
  },

  init(status) {
    status = status !== undefined ? status : this.data.curTab;
    this.refreshList(status);
  },

  // 获取售后订单列表
  getAfterServiceList(statusCode = -1, reset = false) {
    const params = {
      parameter: {
        pageSize: this.page.size,
        pageIndex: this.page.num,
      },
    };
    if (statusCode !== -1) params.parameter.afterServiceStatus = statusCode;
    this.setData({
      listLoading: 1,
    });
    return getOrderRefundList(params)
      .then((res) => {
        console.log(res,'售后订单列表');
        this.page.num++;
        let dataList = [];
        let { tabs } = this.data;
        // if (res && res.data && res.data.states) {
        //   tabs = this.data.tabs.map((item) => {
        //     switch (item.key) {
        //       case AfterServiceStatus.TO_AUDIT:
        //         item.info = res.data.states.audit;
        //         break;
        //       case AfterServiceStatus.THE_APPROVED:
        //         item.info = res.data.states.approved;
        //         break;
        //       case AfterServiceStatus.COMPLETE:
        //         item.info = res.data.states.complete;
        //         break;
        //       case AfterServiceStatus.CLOSED:
        //         item.info = res.data.states.closed;
        //         break;
        //     }
        //     return item;
        //   });
        // }
        if (res && res.data && res.data.result) {
          dataList = (res.data.result || []).map((_data) => {
            return {
              id: _data.orderRefundGuid,
              serviceNo: _data.orderRefundGuid,
              storeName: _data.storeName,
              type: _data.refundType,
              typeDesc: ServiceTypeDesc[_data.refundType],
              typeDescIcon:
                _data.rightsType === ServiceType.ONLY_REFUND
                  ? 'money-circle'
                  : 'return-goods-1',
              status: _data.rightsStatus,
              statusName: _data.eserRightsStatusDesc,
              statusDesc: _data.eserRightsStatusDesc,
              amount: _data.refundMoney,
              goodsList: _data.orderRefundGoodList.map((item, i) => ({
                id: i,
                thumb: item.thumb,
                title: item.title,
                specs: (item.specifications || []).map((s) => s.specValue || ''),
                itemRefundAmount: item.price,
                rightsQuantity: item.buyQuantity,
              })),
              storeId: _data.shopGuid,
              buttons: _data.buttonVOs || [],
              // logisticsNo: _data.logisticsVO.logisticsNo, // 退货物流单号
              // logisticsCompanyName: _data.logisticsVO.logisticsCompanyName, // 退货物流公司
              // logisticsCompanyCode: _data.logisticsVO.logisticsCompanyCode, // 退货物流公司
              // remark: _data.logisticsVO.remark, // 退货备注
              // logisticsVO: _data.logisticsVO,
            };
          });
        }

        return new Promise((resolve) => {
          if (reset) {
            this.setData(
              {
                dataList: [],
              },
              () => resolve(),
            );
          } else resolve();
        }).then(() => {
          this.setData({
            tabs,
            dataList: this.data.dataList.concat(dataList),
            listLoading: dataList.length > 0 ? 0 : 2,
          });
        });
      })
      .catch((err) => {
        this.setData({
          listLoading: 3,
        });
        return Promise.reject(err);
      });
  },

  onReTryLoad() {
    this.getAfterServiceList(this.data.curTab);
  },

  onTabChange(e) {
    const { value } = e.detail;
    const tab = this.data.tabs.find((v) => v.key === value);
    if (!tab) return;
    this.refreshList(value);
  },

  refreshList(status = -1) {
    this.page = {
      size: 10,
      num: 1,
    };
    this.setData({
      curTab: status,
      dataList: [],
    });
    return this.getAfterServiceList(status, true);
  },

  onRefresh() {
    this.refreshList(this.data.curTab);
  },

  // 点击订单卡片
  onAfterServiceCardTap(e) {
    wx.navigateTo({
      url: `/pages/order/after-service-detail/index?rightsNo=${e.currentTarget.dataset.order.id}`,
    });
  },
});