<!--
    @name: OrderLogisticsInfo
    @author: kahu4
    @date: 2024-01-22 12:02
    @description：OrderLogisticsInfo
    @update: 2024-01-22 12:02
-->
<script setup>
import { toRefs } from "vue";

const props = defineProps({
  orderInfoData: {
    type: Object,
    required: true
  },
  expressData: {
    type: Object,
    required: true
  }
})

const {orderInfoData, expressData} = toRefs(props)
</script>

<template>
  <view
      v-if="orderInfoData.status >= 1 && expressData"
      class="mb-20 card"
  >
    <view class="card-head">
      <view class="card-title">
        物流信息
      </view>
    </view>
    <view
        v-if="expressData"
        class="card-content "
    >
      <view class="paddingH-10">
        <view
            v-if="expressData.length === 0"
            class="no-express">暂无轨迹信息
        </view>
        <uv-steps
            v-else
            activeColor="#EE6D46"
            current="0"
            direction="column"
            inactiveColor="#E5E5E5"
        >
          <uv-steps-item
              v-for="(item, index) in expressData"
              :key="index"
              :desc="item.acceptTime"
              :title="item.acceptStation"
          ></uv-steps-item>
        </uv-steps>
      </view>
    </view>
  </view>

</template>

<style
    scoped
    lang="scss">

</style>
