<template>
  <div>
    <el-timeline :reverse="false">
      <el-timeline-item
        v-for="(item, index) in list"
        :key="index"
        :color="index === 0?'#6090f8':''"
        :timestamp="item.actiondate">
        <span style="color:#6090f8">{{item.action}}</span>
        {{item.remarks}}
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  data () {
    return {
      list:[]
    }
  },
  methods:{
    async progressList () {
      const res = await this.$api.requested({
        "id": 20221229093602,
        "content": {
            "sa_orderid": this.$route.query.id,
            "pageNumber": 1,
            "pageSize": 20,
            "where": {
              "condition": ""
            }
        },
      })
      this.list = res.data
    }
  },
  mounted () {
    this.progressList()
  }
}

</script>
<style>
</style>