69 lines
1.3 KiB
Vue
69 lines
1.3 KiB
Vue
<!--
|
||
@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>
|