固定流程图按钮位置

src/views/base/craftManagement/route/bindProcess.vue

@@ -111,16 +111,22 @@
           <!-- 工艺路线编辑模式 -->
           <div v-if="!editStatus && usableStatus">
             <div class="btns">
-              <el-button type="primary" @click="saveFlow">保存</el-button>
-              <el-button type="danger" v-if="cancelStatus" @click="cancelFlow"
-                >取消</el-button
-              >
-              <el-button
-                type="info"
-                v-if="selectNode || selectLine"
-                @click="deleteFlow"
-                >删除</el-button
-              >
+              <div>
+                <el-button type="primary" @click="saveFlow">保存</el-button>
+              </div>
+              <div>
+                <el-button type="danger" v-if="cancelStatus" @click="cancelFlow"
+                  >取消</el-button
+                >
+              </div>
+              <div>
+                <el-button
+                  type="info"
+                  v-if="selectNode || selectLine"
+                  @click="deleteFlow"
+                  >删除</el-button
+                >
+              </div>
             </div>
           </div>
           <!-- 工序信息编辑模式 -->
@@ -530,6 +536,9 @@ watch(
   display: flex;
   justify-content: center;
   margin: 10px 0;
+  div {
+    width: 80px;
+  }
 }
 .header {
   height: 50px;