更新 航次信息字段

src/App.vue

@@ -149,7 +149,7 @@ export default {
 }
 
 .info-line-title {
-  width: 100px;
+  width: 120px;
   height: 100%;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;

src/views/voyage/voyageDetail.vue

@@ -142,6 +142,32 @@
         ></el-input>
       </div>
     </div>
+    <div class="line">
+      <div class="info-line">
+        <div class="info-line-title">到达装货港时间</div>
+        <el-date-picker
+          class="info-line-text"
+          v-model="voyage.arrivalLoadPortTime"
+          type="datetime"
+          format="YYYY/MM/DD HH:mm:ss"
+          value-format="YYYY/MM/DD HH:mm:ss"
+          placeholder="到达装货港时间"
+          :disabled="disabledStatus"
+        ></el-date-picker>
+      </div>
+      <div class="info-line">
+        <div class="info-line-title">开航时间</div>
+        <el-date-picker
+          class="info-line-text"
+          v-model="voyage.setSailTime"
+          type="datetime"
+          format="YYYY/MM/DD HH:mm:ss"
+          value-format="YYYY/MM/DD HH:mm:ss"
+          placeholder="开航时间"
+          :disabled="disabledStatus"
+        ></el-date-picker>
+      </div>
+    </div>
     <div class="line">
       <div class="info-line">
         <div class="info-line-title">装货开始时间</div>
@@ -168,6 +194,46 @@
         ></el-date-picker>
       </div>
     </div>
+    <div class="line">
+      <div class="info-line">
+        <div class="info-line-title">预计到港时间</div>
+        <el-date-picker
+          class="info-line-text"
+          v-model="voyage.expectedArrivalTime"
+          type="datetime"
+          format="YYYY/MM/DD HH:mm:ss"
+          value-format="YYYY/MM/DD HH:mm:ss"
+          placeholder="预计到港时间"
+          :disabled="disabledStatus"
+        ></el-date-picker>
+      </div>
+      <div class="info-line">
+        <div class="info-line-title">实际到港时间</div>
+        <el-date-picker
+          class="info-line-text"
+          v-model="voyage.actualArrivalTime"
+          type="datetime"
+          format="YYYY/MM/DD HH:mm:ss"
+          value-format="YYYY/MM/DD HH:mm:ss"
+          placeholder="实际到港时间"
+          :disabled="disabledStatus"
+        ></el-date-picker>
+      </div>
+    </div>
+    <div class="line">
+      <div class="info-line">
+        <div class="info-line-title">抵达目的地港时间</div>
+        <el-date-picker
+          class="info-line-text"
+          v-model="voyage.arrivalPortTime"
+          type="datetime"
+          format="YYYY/MM/DD HH:mm:ss"
+          value-format="YYYY/MM/DD HH:mm:ss"
+          placeholder="抵达目的地港时间"
+          :disabled="disabledStatus"
+        ></el-date-picker>
+      </div>
+    </div>
     <div class="line">
       <div class="info-line">
         <div class="info-line-title">卸货开始时间</div>