86 lines
1.7 KiB
Vue
86 lines
1.7 KiB
Vue
<template>
|
|
<div class="">
|
|
<el-scrollbar style="height:400px;">
|
|
<div v-for="(item, index) in traceInfoList" :key="index">
|
|
<div style="font-weight: 600;margin-bottom: 20px;padding-left: 40px;">运单号:{{ item.billCode }}</div>
|
|
<el-timeline :reverse="reverse">
|
|
<el-timeline-item
|
|
v-for="(step, stepIndex) in item.steps"
|
|
:key="stepIndex"
|
|
:timestamp="step.time"
|
|
:type="stepIndex==0?'primary ':''"
|
|
>
|
|
{{step.content}}
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
</div>
|
|
</el-scrollbar>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { queryWaybillTraceInfo } from "@/api/emis/emisTmsScanRecord";
|
|
export default {
|
|
name: "TraceInfoView",
|
|
props:{
|
|
billCode:{
|
|
type: String,
|
|
}
|
|
},
|
|
dicts: [],
|
|
data() {
|
|
return {
|
|
reverse: false,
|
|
// 遮罩层
|
|
loading: true,
|
|
// 地球洲表格数据
|
|
traceInfoList: []
|
|
|
|
};
|
|
},
|
|
created() {
|
|
this.queryData();
|
|
},
|
|
watch: {
|
|
"billCode": {
|
|
handler (newValue, oldValue) {
|
|
this.queryData();
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
methods: {
|
|
/** 查询地球洲列表 */
|
|
queryData() {
|
|
this.loading = true;
|
|
queryWaybillTraceInfo("inner",this.billCode,"zh","123").then(response => {
|
|
this.traceInfoList = response.data;
|
|
console.log(this.traceInfoList);
|
|
this.loading = false;
|
|
});
|
|
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss">
|
|
|
|
.margin-top{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.el-descriptions-item__label.is-bordered-label {
|
|
min-width: 80px;
|
|
}
|
|
|
|
.printMeClass {
|
|
font-family: SimHei;
|
|
label {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
</style>
|