You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
6.8 KiB
164 lines
6.8 KiB
4 months ago
|
<template>
|
||
|
|
<div class="search">
|
||
|
|
<div class='waiceng' style="margin-top: 20px;">
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">核对编号：0005</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">物流编号：12604030938</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">订单编号：126040314565364</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">物流订单生成时间：2026-04-03 14:56:09</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="title">商家信息</div>
|
||
|
|
<div class='waiceng'>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">名称：麽麽蜜呀（明珠早市馆西3号门）</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">联系方式：13231710122</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">地址：河北省沧州市运河区明珠商贸城早市馆西3号门底商A2-1031</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">发货时间：15:13</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="title">用户信息</div>
|
||
|
|
<div class='waiceng'>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">鲁</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">联系方式：15145128710</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">地址：明珠国际商贸城早市馆5楼北天井3道进来思羽家</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">要求送达时间：15:21</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="title">商品信息</div>
|
||
|
|
<div class='waiceng' style="text-align: center;">
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">商品名称</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">规格</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">数量</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">总价</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">百香多芒</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">少冰+正常糖</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">1</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">¥7.00</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">超级百香果</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">少冰+正常糖</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">1</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">¥14.00</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">餐盒费</div>
|
||
|
|
<div style="width:25%;padding-left:10px;">¥0.00</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">配送费</div>
|
||
|
|
<div style="width:25%;padding-left:10px;">¥1.50</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">总计</div>
|
||
|
|
<div style="width:25%;padding-left:10px;">¥1.50</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">抵用券金额</div>
|
||
|
|
<div style="width:25%;padding-left:10px;">¥1.50</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">活动优惠金额</div>
|
||
|
|
<div style="width:25%;padding-left:10px;">¥1.50</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">实付金额</div>
|
||
|
|
<div style="width:25%;padding-left:10px;">¥1.50</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="title">配送流程</div>
|
||
|
|
<div class='waiceng' style="text-align: center;">
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">状态</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">时间</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">角色</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">用户下单</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">2026-04-03 14:56:09</div>
|
||
|
|
<div style="flex:1;padding-left:10px;"></div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">商家接单</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">2026-04-03 14:56:09</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">麽麽蜜呀</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">配送员接单</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">2026-04-03 14:56:09</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">张宝芹</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">已到店</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">2026-04-03 14:56:09</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">张宝芹</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">配送员已取货</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">2026-04-03 14:56:09</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">张宝芹</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">配送员已送达</div>
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">2026-04-03 14:56:09</div>
|
||
|
|
<div style="flex:1;padding-left:10px;">张宝芹</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">送单时长</div>
|
||
|
|
<div style="width: 33%;padding-left:10px;">23分钟</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">订单总计时</div>
|
||
|
|
<div style="width: 33%;padding-left:10px;">0时23分</div>
|
||
|
|
</div>
|
||
|
|
<div class="nei1">
|
||
|
|
<div style="flex:1;padding-left:10px;border-right:1px solid #eee;">超时</div>
|
||
|
|
<div style="width: 33%;padding-left:10px;">--</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "logisticsAddress",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
orderData:{}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
initRecharge(data) {
|
||
|
|
//data是父组件弹窗传递过来的值，我们可以打印看看
|
||
|
|
console.log(data);
|
||
|
|
this.orderData = data
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="less">
|
||
|
|
//@import "@/styles/table-common.less";
|
||
|
|
.nei1{
|
||
|
|
display: flex;
|
||
|
|
border:1px solid #eee;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
.title{
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
</style>
|