永年网站建设_高温热泵_全球设计网站有哪些_1688接代加工订单
<template><div class="common-layout"><el-container><el-header style="padding: 0; margin: 0"><div style="height: 60px; background: #6c8fce; padding-left: 15%"><h3 style="height:60px; line-height:60px; color: white; font-size: 26px; font-weight: 500">快递侠</h3></div></el-header><el-main style="height: calc(100vh - 120px);"><div class="user_input"><div style="position:relative; width: 70%;margin-left: 15%; margin-bottom: 30px;margin-top: 30px"><el-inputv-model="kuaidinum"class="w-50 m-2 selfinput"size="mini"placeholder="输入单号"@keyup.enter = "query"/><el-button type="primary" class="self_btn" :icon="Search" @click="query">查询</el-button></div><div style="width: 70%;margin-left: 15%; margin-bottom: 30px"><el-select v-model="kuaidicom" class="m-2" placeholder="选择快递公司"><el-optionv-for="item in options":key="item.value":label="item.label":value="item.value"/></el-select></div><div style="width: 70%;margin-left: 15%; margin-bottom: 30px;margin-top: 30px"><el-input v-model="phone" placeholder="收寄件人电话号码（顺丰必填）" /></div></div><div class="trackBox" style="width: 70%; margin-left: 15%; height: 400px; overflow: auto"><el-timeline><el-timeline-itemv-for="(item,index) in trackData":key="index":icon="item.icon":color="item.color":timestamp="item.timestamp">{{ item.content }}</el-timeline-item></el-timeline></div></el-main><el-footer style="height: 60px"><p style="height: 60px; line-height:60px; text-align: center; font-weight: 300; font-size: 12px">©2023 http://www.roud.top</p></el-footer></el-container></div>">