|
|
@@ -84,9 +84,9 @@
|
|
|
<span class="step-name">{{ item.nodeName }}</span>
|
|
|
</div>
|
|
|
<div class="step-info">
|
|
|
- <!-- <div class="step-status">{{ item.status }}</div> -->
|
|
|
+ <div :class="statusClasses(item.status)">{{ item.status }}</div>
|
|
|
<span class="step-time">{{ item.processingTime }}</span>
|
|
|
- <!-- <div class="step-location">{{ item.location }}</div> -->
|
|
|
+ <div class="step-location">{{ item.locationId }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -94,13 +94,13 @@
|
|
|
<div class="btns">
|
|
|
<img
|
|
|
class="btn-square btn-shadow"
|
|
|
- src="../../../../assets/baggage/ic_export.png"
|
|
|
+ src="@/assets/baggage/ic_export.png"
|
|
|
title="导出"
|
|
|
@click="exportHandler('table', '行李节点列表')"
|
|
|
>
|
|
|
<img
|
|
|
class="btn-square btn-shadow"
|
|
|
- src="../../../../assets/baggage/ic_setting.png"
|
|
|
+ src="@/assets/baggage/ic_setting.png"
|
|
|
title="列设置"
|
|
|
@click="show"
|
|
|
>
|
|
|
@@ -157,7 +157,7 @@
|
|
|
<div class="btns">
|
|
|
<img
|
|
|
class="btn-square btn-shadow"
|
|
|
- src="../../../../assets/baggage/ic_export.png"
|
|
|
+ src="@/assets/baggage/ic_export.png"
|
|
|
title="导出"
|
|
|
@click="exportMessageToExcel"
|
|
|
>
|
|
|
@@ -404,6 +404,19 @@ export default {
|
|
|
return this.stepNodes[index].processingTime && this.stepNodes[index + 1].processingTime
|
|
|
}
|
|
|
},
|
|
|
+ statusClasses() {
|
|
|
+ return function (status) {
|
|
|
+ const classes = ['step-status']
|
|
|
+ if (typeof status === 'string') {
|
|
|
+ if (status.includes('正常') || status.includes('通过')) {
|
|
|
+ classes.push('step-status-normal')
|
|
|
+ } else {
|
|
|
+ classes.push('step-status-abnormal')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return classes
|
|
|
+ }
|
|
|
+ },
|
|
|
formattedBaggageInfo() {
|
|
|
return function (prop) {
|
|
|
const value = this.baggageBasicInfo[prop]
|
|
|
@@ -481,6 +494,9 @@ export default {
|
|
|
this.basicInfoHeight = this.$refs['basicInfo'].offsetHeight
|
|
|
this.$refs['table']?.doLayout()
|
|
|
},
|
|
|
+ beforeDestroy() {
|
|
|
+ this.stopLoopAll()
|
|
|
+ },
|
|
|
methods: {
|
|
|
startQueryDetails() {
|
|
|
this.queryDetails()
|
|
|
@@ -714,7 +730,7 @@ export default {
|
|
|
try {
|
|
|
const result = await this.queryBaggageTrack(this.selectedAirline.split(','))
|
|
|
this.resetStepNodes()
|
|
|
- result.forEach(({ nodeCode, nodeName, processingTime }) => {
|
|
|
+ result.forEach(({ nodeCode, nodeName, processingTime, locationId, status }) => {
|
|
|
const replaceIndex = this.stepNodes.findIndex(
|
|
|
stepNode => stepNode.nodeCode === nodeCode || isSameStep(stepNode.nodeCode, nodeCode)
|
|
|
)
|
|
|
@@ -722,7 +738,9 @@ export default {
|
|
|
this.stepNodes.splice(replaceIndex, 1, {
|
|
|
nodeCode,
|
|
|
nodeName,
|
|
|
- processingTime: processingTime.replace('T', '\n')
|
|
|
+ processingTime: processingTime.replace('T', '\n'),
|
|
|
+ locationId,
|
|
|
+ status
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
@@ -878,7 +896,7 @@ export default {
|
|
|
width: 80px;
|
|
|
height: 100%;
|
|
|
text-align: center;
|
|
|
- font-size: 12px;
|
|
|
+ font-size: 14px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
@@ -899,9 +917,19 @@ export default {
|
|
|
.step-info {
|
|
|
margin-top: 15px;
|
|
|
color: #101116;
|
|
|
- line-height: 1;
|
|
|
+ line-height: 22px;
|
|
|
+ .step-status {
|
|
|
+ &-normal {
|
|
|
+ color: #4ab36f;
|
|
|
+ }
|
|
|
+ &-abnormal {
|
|
|
+ color: #e9af4b;
|
|
|
+ }
|
|
|
+ }
|
|
|
.step-time {
|
|
|
white-space: pre-line;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 20px;
|
|
|
}
|
|
|
}
|
|
|
&.active-item .step-circle {
|
