117 lines
3.4 KiB
Vue
Raw Normal View History

2023-08-09 09:11:05 +08:00
<template>
2023-08-21 11:35:12 +08:00
<view class="card">
2023-08-21 14:05:43 +08:00
<view class="tit" @click.stop="goDetil(goodsInfo.id)">
2023-08-14 18:21:45 +08:00
<view v-if="goodsInfo.status==0">取货点:&nbsp;&nbsp;{{goodsInfo.shop_name}}</view>
2023-08-16 16:51:41 +08:00
<view v-else>收货人:&nbsp;&nbsp;{{ fuzzyName(goodsInfo.receiver_name) }}</view>
2023-08-21 11:35:12 +08:00
<view style="float: right;">
<u-icon name="arrow-right" color="black" size="20"></u-icon>
</view>
2023-08-09 17:26:01 +08:00
</view>
2023-08-21 11:35:12 +08:00
<view class="content" @click="callFn(goodsInfo.shop_phone)">
2023-08-14 18:21:45 +08:00
<view v-if="goodsInfo.status==0">
<view class="address">店主姓名:&nbsp;&nbsp;{{goodsInfo.shop_user}}</view>
<view @click.stop="callFn(goodsInfo.shop_phone)" class="address">
联系电话:&nbsp;&nbsp; <u-icon style="display: inline-block;margin-left: 5rpx;" name="phone"
2023-08-24 17:14:32 +08:00
color="#0122c7" size="22"></u-icon>
2023-08-21 17:25:01 +08:00
<text>{{goodsInfo.shop_phone}}</text>
2023-08-14 18:21:45 +08:00
</view>
<view class="address">取货地址:&nbsp;&nbsp;{{goodsInfo.shop_address}}</view>
<view class="address">通知日期:&nbsp;&nbsp;{{goodsInfo.create_time}}</view>
</view>
<view v-if="goodsInfo.status==1">
2023-08-16 16:51:41 +08:00
<view class="address" @click.stop="callFn(goodsInfo.receiver_phone)">
2023-08-14 18:21:45 +08:00
联系电话:&nbsp;&nbsp;<u-icon style="display: inline-block;margin-left: 5rpx;" name="phone"
2023-08-16 16:51:41 +08:00
color="#FF7C32" size="22"></u-icon>{{goodsInfo.receiver_phone}}</view>
<view class="address">收货地址:&nbsp;&nbsp;{{goodsInfo.receiver_address}}</view>
2023-08-14 18:21:45 +08:00
<view class="address">通知日期:&nbsp;&nbsp;{{goodsInfo.qh_time}}</view>
</view>
2023-08-09 17:26:01 +08:00
</view>
2023-08-21 11:35:12 +08:00
<view class="qh_btn" v-if='goodsInfo.status==0' @click.stop="goDetil(goodsInfo.id)">
2023-08-14 18:21:45 +08:00
<u-button type="primary" class="custom-style" style="background-color: #0122C7;border: 0;">
2023-08-21 17:25:01 +08:00
<u-icon v-if="!is_captain" name="scan" color="white" size="25" style="margin-right: 10rpx;"></u-icon>
<text v-if="!is_captain">待取货/</text>点击查看</u-button>
2023-08-14 18:21:45 +08:00
</view>
2023-08-21 11:35:12 +08:00
<view class="" v-if='goodsInfo.status==1' @click.stop="goDetil(goodsInfo.id)">
2023-08-21 17:25:01 +08:00
<u-button type="primary" style="background-color: #FF7C32; border: 0;"><u-icon v-if="!is_captain"
name="car-fill" color="white" size="25" style="margin-right: 10rpx;"></u-icon> <text
v-if="!is_captain">待配送/</text>点击查看</u-button>
2023-08-14 18:21:45 +08:00
</view>
2023-08-09 09:11:05 +08:00
</view>
</template>
<script>
import {
navigateTo
} from '../../../libs/uniApi'
export default {
props: ['goodsInfo'],
data() {
return {
2023-08-21 17:25:01 +08:00
is_captain: 0,
2023-08-09 09:11:05 +08:00
}
},
2023-08-14 18:21:45 +08:00
2023-08-21 17:25:01 +08:00
mounted() {
this.is_captain = JSON.parse(uni.getStorageSync("USER_INFO")).is_captain
},
2023-08-09 09:11:05 +08:00
methods: {
2023-08-14 18:21:45 +08:00
fuzzyName(name) {
let length = name.length;
let fuzzyChars = "*".repeat(length - 1);
return name[0] + fuzzyChars;
},
callFn(num) {
uni.makePhoneCall({
phoneNumber: num //仅为示例
});
// console.log(9999)
},
2023-08-09 09:11:05 +08:00
goDetil(id) {
uni.navigateTo({
2023-08-09 17:26:01 +08:00
url: `/pages/logistics/${this.goodsInfo.status==1?"logisticDetil":"deliveryDetil"}?id=${id}`,
2023-08-09 09:11:05 +08:00
})
}
},
2023-08-14 18:21:45 +08:00
2023-08-09 09:11:05 +08:00
}
</script>
<style lang="scss" scoped>
.card {
width: 92vw;
height: AUTO;
background-color: #fff;
2023-08-14 18:21:45 +08:00
overflow: hidden;
border-radius: 2vw;
box-sizing: border-box;
margin-bottom: 30rpx;
2023-08-09 09:11:05 +08:00
2023-08-14 18:21:45 +08:00
.tit {
border-bottom: 3px solid #F5F5F5;
font-size: 30rpx;
2023-08-09 09:11:05 +08:00
font-weight: bold;
2023-08-14 18:21:45 +08:00
padding: 20rpx 15rpx;
2023-08-21 11:35:12 +08:00
display: flex;
justify-content: space-between
2023-08-09 09:11:05 +08:00
}
2023-08-14 18:21:45 +08:00
.content {
padding: 20rpx 15rpx;
.address {
margin: 10rpx 0;
2023-08-21 17:25:01 +08:00
2023-08-14 18:21:45 +08:00
// white-space: nowrap;
// overflow: hidden;
// text-overflow: ellipsis;
}
2023-08-09 09:11:05 +08:00
}
}
</style>