优化

src/views/order/intention/Step1.vue

@@ -2,7 +2,7 @@
   <el-form
     label-width="100px"
     class="step-form"
-    style="margin-top: 32px; max-width: 500px"
+    style="max-width: 500px; margin: auto"
   >
     <el-form-item label="客户名称" required>
       <el-select v-model="form.customerName" placeholder="请选择客户名称">
@@ -32,9 +32,9 @@
         <el-option label="13921000001" value="13921000001" />
       </el-select>
     </el-form-item>
-    <el-form-item>
+    <div class="btn-row">
       <el-button type="primary" @click="$emit('next-step')">下一步</el-button>
-    </el-form-item>
+    </div>
   </el-form>
 </template>
 
@@ -49,6 +49,12 @@ const props = defineProps({
 
 <style scoped>
 .step-form {
-  margin-top: 32px;
+  margin-top: 45px !important;
+}
+.btn-row {
+  display: flex;
+  justify-content: flex-end;
+  gap: 16px;
+  margin-top: 20px;
 }
 </style> 

src/views/order/intention/Step2.vue

@@ -2,11 +2,15 @@
   <div class="step2-container">
     <div class="main-row">
       <div class="step-indicator">
-        <div :class="['circle', selectedCarTypeProxy === '其他' ? 'active' : '']">
+        <div
+          :class="['circle', selectedCarTypeProxy === '其他' ? 'active' : '']"
+        >
           1
         </div>
         <div class="line"></div>
-        <div :class="['circle', selectedCarTypeProxy !== '其他' ? 'active' : '']">
+        <div
+          :class="['circle', selectedCarTypeProxy !== '其他' ? 'active' : '']"
+        >
           2
         </div>
       </div>
@@ -61,7 +65,6 @@
                     >
                       <el-option-group label="最近常选">
                         <el-option label="CR400AF" value="CR400AF" />
-                        <el-option label="CR800AF" value="CR800AF" />
                       </el-option-group>
                       <el-option-group label="全部车型">
                         <el-option label="CR400AF" value="CR400AF" />
@@ -70,9 +73,6 @@
                       </el-option-group>
                     </el-select>
                   </el-form-item>
-                  <el-form-item label="计划购买数量">
-                    <el-input v-model="planCount" placeholder="请输入计划购买数量" />
-                  </el-form-item>
                 </el-form>
               </div>
               <div class="step-title">第二步：选择轮对商品</div>
@@ -123,7 +123,7 @@
 import { ref, computed } from "vue";
 const props = defineProps({
   form: Object,
-  selectedCarType: String
+  selectedCarType: String,
 });
 // 彻底双向绑定
 const selectedCarTypeProxy = computed({
@@ -132,7 +132,7 @@ const selectedCarTypeProxy = computed({
   },
   set(val) {
     if (props.form) props.form.selectedCarType = val;
-  }
+  },
 });
 const planCount = ref("");
 const modelInput = ref("");

src/views/order/intention/Step4.vue

@@ -14,7 +14,7 @@
           />
         </svg>
       </div>
-      <div class="success-text">订单/意向生成，我们会尽快安排生产/研发</div>
+      <div class="success-text">{{ selectedCarType === '其他' ? '意向单生成，我们会尽快安排研发' : '订单生成，我们会尽快安排生产' }}</div>
     </div>
     <div class="btn-row">
       <el-button @click="$emit('prev-step')">上一步</el-button>
@@ -24,6 +24,12 @@
 </template>
 
 <script setup>
+const props = defineProps({
+  selectedCarType: {
+    type: String,
+    required: true
+  }
+});
 </script>
 
 <style scoped lang="scss">

src/views/order/intention/create.vue

@@ -15,7 +15,7 @@
         description="根据客户要求录入商务信息"
         :status="step3Status"
       />
-      <el-step title="完成创建" description="完成订单/意向" />
+      <el-step :title="selectedCarType === '其他' ? '完成意向单' : '完成订单'" :description="selectedCarType === '其他' ? '完成意向单' : '完成订单'" />
     </el-steps>
     <component
       :is="currentStepComponent"