Authored by lea guo

订单物流信息

... ... @@ -50,10 +50,10 @@ export const buyerOrderStatusList = [
text: '全部',
},
// {
// value: 7,
// text: '求购',
// },
{
value: 7,
text: '求购',
},
{
value: 2,
text: '待付款',
... ...
... ... @@ -77,7 +77,7 @@ export default {
case orderActionsMap.SHOW_EXPRESS.name:
this.$router.push({
name: "orderLogisticsInfo",
params: { owner, orderCode }
params: { owner, code: orderCode }
});
break;
// 调价
... ...
... ... @@ -8,18 +8,18 @@
<!-- 物流信息 -->
<div v-if="logisticInfo.wayBillCode" class="platform-delivery-info">
<div class="icon-wrapper">
<i class="icon"></i>
<i />
</div>
<div>
<div class="info">
<p>
<span>快递公司:</span>
<span class="label">快递公司:</span>
<span>
{{ logisticInfo.expressCompanyName }}
</span>
<span class="platform-info">{{ platformName }}</span>
<!-- <span class="platform-info">{{ platformName }}</span> -->
</p>
<p>
<span>快递单号:</span>
<span class="label">快递单号:</span>
<span>
{{ logisticInfo.wayBillCode }}
</span>
... ... @@ -144,8 +144,9 @@ export default {
<style lang="scss" scoped>
.logistics-wrapper {
height: 100vh;
height: calc(100vh - 90px);
-webkit-box-orient: vertical;
overflow-x: auto;
.judge-content-wrapper {
font-size: 24px;
... ... @@ -221,16 +222,38 @@ export default {
}
}
.icon-wrapper {
width: 48px;
height: 48px;
i {
display: block;
background: url("~statics/image/order/logistics-icon@3x.png") no-repeat;
background-size: contain;
width: 100%;
height: 100%;
&.sf {
background: url("~statics/image/order/sf-logo.png") no-repeat;
}
}
}
.platform-delivery-info {
display: flex;
align-items: center;
margin-bottom: 64px;
.icon-wrapper {
width: 48px;
background-color: red;
.info {
margin-left: 20px;
.label {
color: #999;
padding-right: 10px;
}
.icon {
display: block;
padding-bottom: 100%;
& > :first-child {
margin-bottom: 10px;
}
}
}
... ...