88 lines
2.5 KiB
Vue
88 lines
2.5 KiB
Vue
<template>
|
|
<el-dialog title="快递物流信息" width="60%" :visible.sync="dialogVisible" :append-to-body="true"
|
|
top="50px">
|
|
<el-tabs v-model="activeName" v-loading="loading">
|
|
<el-tab-pane v-for="(v,k) in courierNumberInfoData"
|
|
:label="k"
|
|
:key="k"
|
|
:name="k">
|
|
<div style="height: 600px;overflow-y: auto">
|
|
<div class="alert alert-info" v-if="v.length>1">
|
|
<strong>此套餐有多个快递单号</strong>
|
|
</div>
|
|
|
|
<template v-for="item in v" :key="item.courierNumber">
|
|
<div class="alert alert-info">
|
|
<strong>快递单号</strong>
|
|
{{ item.courierNumber || '暂无' }}
|
|
</div>
|
|
|
|
<div>
|
|
<el-timeline reverse="true"
|
|
v-if="item.logisticsTrace && item.logisticsTrace.logisticsTraceDetailList">
|
|
<el-timeline-item
|
|
:color="timeline.color"
|
|
:key="timelineIndex"
|
|
:timestamp="moment(timeline.time).format('YYYY-MM-DD HH:mm:ss')"
|
|
v-for="(timeline, timelineIndex) in item.logisticsTrace.logisticsTraceDetailList">
|
|
{{ timeline.desc }}
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
<div v-else>
|
|
<el-empty description="暂无物流信息"></el-empty>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
name: "CourierNumberInfo",
|
|
props: {},
|
|
data() {
|
|
return {
|
|
dialogVisible: false,
|
|
courierNumberInfoData: [],
|
|
activeName: null,
|
|
loading: true
|
|
}
|
|
},
|
|
methods: {
|
|
async openView(welfareId, userId) {
|
|
this.dialogVisible = true
|
|
this.loading = true
|
|
const {
|
|
code,
|
|
data,
|
|
msg
|
|
} = await $.get('/platform/welfare/common/courierNumberInfo', {welfareId, userId})
|
|
this.loading = false
|
|
if (code === 0) {
|
|
if (data == null || data.length === 0) {
|
|
this.dialogVisible = false
|
|
this.$message.warning('您还没有选择福利套餐')
|
|
return
|
|
}
|
|
this.courierNumberInfoData = data
|
|
const keys = Object.keys(this.courierNumberInfoData)
|
|
this.activeName = keys && keys[0]
|
|
|
|
} else {
|
|
this.$message.warning(msg)
|
|
}
|
|
}
|
|
},
|
|
created() {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|