jiuyiUniapp/jiuyi2/components/shop/order/logistics.vue

62 lines
1.1 KiB
Vue

<script setup>
/**
* 物流入口
*/
import {
ref,
reactive,
defineProps,
computed
} from 'vue'
import {
onLoad,
} from '@dcloudio/uni-app';
// 工具库
import util from '@/common/js/util.js'
// api
import api from '@/api/index.js'
//
// 详情
const props = defineProps({
detail: {
type: Object,
default: () => ({})
},
logistics: {
type: Object,
default: () => ({})
}
})
// 商品图片
const productImg = computed(() => props.detail.orderDetailList[0]?.productInfo?.sliderImage.split(',')[0])
onLoad(() => {
//
})
// 跳转
function link(url) {
uni.navigateTo({
url: util.setUrl('/pages/shop/order/logistics', {
orderId: props.detail.id,
})
})
}
</script>
<template>
<view class="detail rows oh ptb20 plr30 bfff" @click="link" v-if="logistics">
<image class="wh100 br10" :src="productImg" mode="aspectFill" />
<view class="col oh f1 ml20 f28">
<view class="c999">{{logistics.theLastTime}}</view>
<view class="mt10 thd f30">{{logistics.theLastMessage}}</view>
</view>
<uni-icons type="right" color="#999" size="30rpx" />
</view>
</template>
<style>
</style>