更新 卸货港文案

src/views/voyage/voyageDetail.vue

@@ -127,7 +127,7 @@
     </div>
     <div class="line">
       <div class="info-line" v-for="(item, index) in voyage.voyageDetails">
-        <div class="info-line-title">卸货港{{ " # " + (index + 1) }}</div>
+        <div class="info-line-title">{{ "第 " + (index + 1) + " 卸货港" }}</div>
         <el-input
           class="info-line-text"
           v-model="item.portName"

src/views/voyage/voyageList.vue

@@ -117,14 +117,17 @@
         >
       </div>
     </div>
-    <el-dialog v-model="voyageAddDialogVisible" title="添加航次">
+    <el-dialog
+      v-model="voyageAddDialogVisible"
+      @closed="resetAddVoyageForm"
+      title="添加航次"
+    >
       <el-form
         :rules="rules"
         label-position="right"
         label-width="100px"
         ref="addVoyageForm"
         :model="voyageForm"
-        :before-close="resetAddVoyageForm"
       >
         <div class="df ffw">
           <!-- <el-form-item prop="voyageName" label="航次名称">
@@ -180,7 +183,7 @@
           <el-form-item
             v-for="(item, index) in discPorts"
             prop="dischargeProt"
-            :label="'卸货港 # ' + (index + 1)"
+            :label="'第 ' + (index + 1) + ' 卸货港'"
           >
             <el-autocomplete
               v-model="item.loadPort"
@@ -189,15 +192,14 @@
               placeholder="选择卸货港"
               @select="selectDischargeProt($event, index)"
             />
-            <el-button
-              v-if="item.loadPortId && index == discPorts.length - 1"
-              type="primary"
-              size="mini"
-              @click="addDiscPort"
-              >添加卸货港</el-button
-            >
           </el-form-item>
-          <el-form-item v-if="discPorts.length % 2 != 0"></el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" @click="addDiscPort"
+              >添加卸货港</el-button
+            ></el-form-item
+          >
+          <el-form-item v-if="discPorts.length % 2 == 0"></el-form-item>
+
           <el-form-item prop="cargo" label="货种">
             <el-input
               style="width: 220px"
@@ -711,6 +713,7 @@ let selectDischargeProt = (item, index) => {
 function resetAddVoyageForm() {
   voyageAddDialogVisible.value = false;
   addVoyageForm.value.resetFields();
+  discPorts.value = [{}];
 }
 
 let sortradio = ref(0);