|
|
@@ -11,19 +11,22 @@
|
|
11
|
11
|
<i class="el-icon-loading"></i>
|
|
12
|
12
|
</div>
|
|
13
|
13
|
<div v-else>
|
|
14
|
|
- <div class="deliverName">
|
|
15
|
|
- {{ applicantdelivery.company }} {{ applicantdelivery.no }}
|
|
|
14
|
+ <div class="noData" v-if="noData">暂无快递信息!</div>
|
|
|
15
|
+ <div v-else>
|
|
|
16
|
+ <div class="deliverName">
|
|
|
17
|
+ {{ applicantdelivery.company }} {{ applicantdelivery.no }}
|
|
|
18
|
+ </div>
|
|
|
19
|
+ <el-divider></el-divider>
|
|
|
20
|
+ <el-timeline :reverse="reverse">
|
|
|
21
|
+ <el-timeline-item
|
|
|
22
|
+ v-for="(activity, index) in activities"
|
|
|
23
|
+ :key="index"
|
|
|
24
|
+ :timestamp="activity.timestamp"
|
|
|
25
|
+ >
|
|
|
26
|
+ {{ activity.content }}
|
|
|
27
|
+ </el-timeline-item>
|
|
|
28
|
+ </el-timeline>
|
|
16
|
29
|
</div>
|
|
17
|
|
- <el-divider></el-divider>
|
|
18
|
|
- <el-timeline :reverse="reverse">
|
|
19
|
|
- <el-timeline-item
|
|
20
|
|
- v-for="(activity, index) in activities"
|
|
21
|
|
- :key="index"
|
|
22
|
|
- :timestamp="activity.timestamp"
|
|
23
|
|
- >
|
|
24
|
|
- {{ activity.content }}
|
|
25
|
|
- </el-timeline-item>
|
|
26
|
|
- </el-timeline>
|
|
27
|
30
|
</div>
|
|
28
|
31
|
<div slot="footer" class="dialog-footer">
|
|
29
|
32
|
<el-button @click="cancel" class="endbutton"
|
|
|
@@ -43,6 +46,7 @@ export default {
|
|
43
|
46
|
reverse: true,
|
|
44
|
47
|
applicantdelivery: {}, //申请人物流信息
|
|
45
|
48
|
activities: [],
|
|
|
49
|
+ noData: false,
|
|
46
|
50
|
};
|
|
47
|
51
|
},
|
|
48
|
52
|
watch: {
|
|
|
@@ -53,11 +57,16 @@ export default {
|
|
53
|
57
|
if (item.identityType == 1) {
|
|
54
|
58
|
let applicantdata = item.logisticsInfo;
|
|
55
|
59
|
this.applicantdelivery = JSON.parse(applicantdata);
|
|
56
|
|
- this.activities = this.applicantdelivery.list
|
|
57
|
|
- this.activities.forEach(item=>{
|
|
58
|
|
- item.content = item.datetime;
|
|
59
|
|
- item.timestamp = item.remark;
|
|
60
|
|
- })
|
|
|
60
|
+ if (this.applicantdelivery.list) {
|
|
|
61
|
+ this.activities = this.applicantdelivery.list;
|
|
|
62
|
+ this.activities.forEach((item) => {
|
|
|
63
|
+ item.content = item.datetime;
|
|
|
64
|
+ item.timestamp = item.remark;
|
|
|
65
|
+ });
|
|
|
66
|
+ } else {
|
|
|
67
|
+ this.noData = true;
|
|
|
68
|
+ return;
|
|
|
69
|
+ }
|
|
61
|
70
|
}
|
|
62
|
71
|
});
|
|
63
|
72
|
}
|
|
|
@@ -108,4 +117,13 @@ export default {
|
|
108
|
117
|
font-size: 50px;
|
|
109
|
118
|
}
|
|
110
|
119
|
}
|
|
|
120
|
+.noData {
|
|
|
121
|
+ width: 100%;
|
|
|
122
|
+ font-size: 20px;
|
|
|
123
|
+ font-weight: 700;
|
|
|
124
|
+ color: #959595;
|
|
|
125
|
+ display: flex;
|
|
|
126
|
+ justify-content: center;
|
|
|
127
|
+ align-items: center;
|
|
|
128
|
+}
|
|
111
|
129
|
</style>
|