mall-front-app/pages/order/aftersale/log.vue

<!-- 售后日志列表  -->
<template>
  <s-layout :title="$t('order.after_sales_progress')">
    <view class="log-box">
      <view v-for="(item, index) in state.list" :key="item.id">
        <log-item :item="item" :index="index" :data="state.list" />
      </view>
    </view>
  </s-layout>
</template>

<script setup>
  import { onLoad } from '@dcloudio/uni-app';
  import { reactive } from 'vue';
  import logItem from './log-item.vue';
  import AfterSaleApi from '@/sheep/api/trade/afterSale';

  const state = reactive({
    list: [],
  });

  async function getDetail(id) {
    const { data } = await AfterSaleApi.getAfterSaleLogList(id);
    state.list = data;
  }

  onLoad((options) => {
    state.aftersaleId = options.id;
    getDetail(options.id);
  });
</script>

<style lang="scss" scoped>
  .log-box {
    padding: 24rpx 24rpx 24rpx 40rpx;
    background-color: #fff;
  }
</style>