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>
|