|
|
@@ -75,13 +75,8 @@ const { isOverflow: isDetailDestinationOverflow } = useOverflow(detailDestinatio
|
|
|
<div class="routes-view">
|
|
|
<div class="title">Total number of legs: {{ routes.length }}</div>
|
|
|
<div class="routes">
|
|
|
- <div
|
|
|
- class="route-item"
|
|
|
- @click="item.isCollapse = !item.isCollapse"
|
|
|
- v-for="(item, index) in routes"
|
|
|
- :key="item.serialNumber"
|
|
|
- >
|
|
|
- <div class="basic-info">
|
|
|
+ <div class="route-item" v-for="(item, index) in routes" :key="item.serialNumber">
|
|
|
+ <div class="basic-info" @click="item.isCollapse = !item.isCollapse">
|
|
|
<div class="serial-number border-right">Leg {{ index + 1 }}</div>
|
|
|
<div class="mode border-right">
|
|
|
<span class="font_family" :class="[`icon-${transportationMode?.[item.mode]}`]"></span>
|
|
|
@@ -195,11 +190,11 @@ const { isOverflow: isDetailDestinationOverflow } = useOverflow(detailDestinatio
|
|
|
</div>
|
|
|
<div class="transport-info">
|
|
|
<div class="item">
|
|
|
- <div class="title">Vessel</div>
|
|
|
+ <div class="title">Vessel / Airline</div>
|
|
|
<div class="content">{{ item.vessel || '--' }}</div>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
- <div class="title">Voyage No.</div>
|
|
|
+ <div class="title">Voyage / Flight No.</div>
|
|
|
<div class="content">{{ item.voyageNo || '--' }}</div>
|
|
|
</div>
|
|
|
</div>
|