feat：订单流程配置 #1011236

src/views/order/factoryOrderFlowConfig/index.vue

 <template>
   <div class="page card h-100 flex-gap-10 overflow-hidden flex flex-column">
+    <div class="flow-config-container">
       <div class="flow-steps">
         <div
           v-for="item in showFlowConfigList"
@@ -9,11 +10,12 @@
           {{ item.name }}
         </div>
       </div>
-    <div class="flex-1 mt-10">
+      <div class="step-button flex-1 mt-10">
         <el-checkbox v-model="draftSkipInspect">
           跳过质检流程 (跳过后生产完成到待配货状态)
         </el-checkbox>
       </div>
+    </div>
     <div class="footer-actions">
       <el-button type="primary" @click="updateConfig"> 保存 </el-button>
     </div>
@@ -38,7 +40,7 @@ const factoryOrderFlowConfig = ref<FactoryOrderFlowConfig>()
 const draftSkipInspect = ref(false)
 
 const showFlowConfigList = computed(() =>
-  factoryOrderFlowConfig.value?.skipQualityInspect ?? false
+  draftSkipInspect.value
     ? flowConfigList.value.filter((item) => item.code !== 'INSPECTION')
     : flowConfigList.value,
 )
@@ -106,9 +108,21 @@ onMounted(async () => {
 </script>
 
 <style lang="scss" scoped>
+.flow-config-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1;
+  min-height: 0;
+  width: fit-content;
+  margin-left: 25%;
+  margin-top: 50px;
+}
+
 .footer-actions {
   display: flex;
   justify-content: center;
+  flex-shrink: 0;
 }
 
 .flow-steps {