更新 按钮部局

src/views/voyage/voyageDetail.vue

@@ -140,14 +140,40 @@
     </div>
     <div class="container-second-title df aic jcsb mt40">
       <div>船舶运输记录详情</div>
-      <el-button
-        style="width: 220px"
-        type="primary"
-        @click="downloadExcel"
-        :loading="isLoadingExcel"
-      >
-        下载船舶跟踪表
-      </el-button>
+      <div class="df aic">
+        <div v-if="voyage.voyageStatus == 1">
+          <el-button
+            class="mr20"
+            v-if="disabledStatus"
+            type="primary"
+            @click="changeVoyageInfo"
+          >
+            修改航次
+          </el-button>
+          <div v-else>
+            <div>
+              <el-button class="ml20" @click="cancelVoyageChange">
+                取消修改
+              </el-button>
+              <el-button
+                class="ml20 mr20"
+                type="primary"
+                @click="submitVoyageChange"
+              >
+                提交修改
+              </el-button>
+            </div>
+          </div>
+        </div>
+        <el-button
+          style="width: 160px"
+          type="primary"
+          @click="downloadExcel"
+          :loading="isLoadingExcel"
+        >
+          下载船舶跟踪表
+        </el-button>
+      </div>
     </div>
     <div class="line">
       <div class="info-line">
@@ -309,32 +335,6 @@
         ></el-input>
       </div>
     </div>
-    <div class="df aic jcfe mt20" v-if="voyage.voyageStatus == 1">
-      <el-button type="primary" class="mr20" @click="cancelVoyage">
-        取消航次
-      </el-button>
-      <el-button v-if="disabledStatus" type="primary" @click="changeVoyageInfo">
-        修改航次
-      </el-button>
-      <div v-else>
-        <div>
-          <el-button class="ml20" @click="cancelVoyageChange">
-            取消修改
-          </el-button>
-          <el-button class="ml20" type="primary" @click="submitVoyageChange">
-            提交修改
-          </el-button>
-        </div>
-      </div>
-      <el-button
-        v-if="voyage.dischargeEndTime && disabledStatus"
-        type="primary"
-        size="small"
-        @click="finishVoyage"
-      >
-        完成航次
-      </el-button>
-    </div>
     <div class="hr m30-0"></div>
     <div class="container-second-title df aic jcsb">
       <div>卸货记录</div>
@@ -630,6 +630,20 @@
         @current-change="truckPageChange"
       ></el-pagination>
     </div>
+    <div class="hr mt20"></div>
+    <div class="df aic jcfe mt20" v-if="voyage.voyageStatus == 1">
+      <el-button type="primary" class="mr20" @click="cancelVoyage">
+        取消航次
+      </el-button>
+      <el-button
+        v-if="voyage.dischargeEndTime && disabledStatus"
+        type="primary"
+        size="small"
+        @click="finishVoyage"
+      >
+        完成航次
+      </el-button>
+    </div>
     <el-dialog
       v-model="isAddTruckRecordVisable"
       :title="truckRecordModalType"