更新 航次详情-修改航次按钮位置

src/App.vue

@@ -125,6 +125,9 @@ export default {
 .mt20 {
   margin-top: 20px;
 }
+.mb20 {
+  margin-bottom: 20px;
+}
 
 .mt30 {
   margin-top: 30px;

src/views/voyage/voyageDetail.vue

@@ -279,6 +279,26 @@
         ></el-input>
       </div>
     </div>
+    <div class="df aic jcfe mt20 mb20" v-if="voyage.voyageStatus == 1">
+      <el-button v-if="disabledStatus" type="primary" @click="changeVoyageInfo">
+        修改航次
+      </el-button>
+      <div v-else>
+        <div>
+          <el-button @click="cancelVoyageChange">取消修改</el-button>
+          <el-button type="primary" @click="submitVoyageChange">
+            提交修改
+          </el-button>
+        </div>
+      </div>
+      <el-button
+        v-if="voyage.dischargeEndTime && disabledStatus"
+        type="primary"
+        @click="finishVoyage"
+      >
+        完成航次
+      </el-button>
+    </div>
     <div class="media-content df ffw">
       <div class="pic-container">
         <div v-for="(item, index) in media" :key="item" class="pic-main">
@@ -350,26 +370,6 @@
         </el-dialog>
       </div>
     </div>
-    <div class="df aic jcfe mt20" v-if="voyage.voyageStatus == 1">
-      <el-button v-if="disabledStatus" type="primary" @click="changeVoyageInfo">
-        修改航次
-      </el-button>
-      <div v-else>
-        <div>
-          <el-button @click="cancelVoyageChange">取消修改</el-button>
-          <el-button type="primary" @click="submitVoyageChange">
-            提交修改
-          </el-button>
-        </div>
-      </div>
-      <el-button
-        v-if="voyage.dischargeEndTime && disabledStatus"
-        type="primary"
-        @click="finishVoyage"
-      >
-        完成航次
-      </el-button>
-    </div>
   </div>
 </template>
 <script>