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