更新 卸货港文案

src/views/voyage/voyageDetail.vue

@@ -134,11 +134,13 @@
             disabled
           ></el-input>
         </div>
-        <div class="info-line">
-          <div class="info-line-title">卸货港</div>
+      </div>
+      <div class="line">
+        <div class="info-line" v-for="(item, index) in voyage.voyageDetails">
+          <div class="info-line-title">卸货港{{ " # " + (index + 1) }}</div>
           <el-input
             class="info-line-text"
-            v-model="voyage.dischargePorts"
+            v-model="item.portName"
             disabled
           ></el-input>
         </div>
@@ -243,7 +245,11 @@
             ></el-date-picker>
           </div>
         </div>
-        <el-tabs v-model="currentPortId" type="border-card" class="demo-tabs">
+        <el-tabs
+          v-model="currentPortId"
+          type="border-card"
+          class="demo-tabs mb20"
+        >
           <el-tab-pane
             v-for="(item, index) in voyage.voyageDetails"
             :label="item.portName + ' # ' + (index + 1)"
@@ -1743,4 +1749,17 @@ onMounted(() => {
   line-height: 100%;
   margin: 0 10px;
 }
+
+.line {
+  flex-wrap: wrap;
+  margin: 0 20px;
+}
+
+.info-line {
+  margin-bottom: 20px;
+}
+
+.ml50 {
+  margin-left: 140px;
+}
 </style>