需求变更

src/data/stepMockData.js

@@ -19,23 +19,23 @@ export const customerOptions = {
 };
 
 export const carTypeOptions = [
-  // {
+  {
-  //   label: "最常选择",
+    label: "最常选择",
-  //   options: [
+    options: [
-  //     {
+      {
-  //       value: "CR400AF",
+        value: "CR400AF",
-  //       label: "CR400AF",
+        label: "CR400AF",
-  //       description: "中国标准动车组，最高运营速度350km/h",
+        description: "中国标准动车组，最高运营速度350km/h",
-  //       specifications: {
+        specifications: {
-  //         "最高运营速度": "350km/h",
+          "最高运营速度": "350km/h",
-  //         "编组方式": "8辆编组",
+          "编组方式": "8辆编组",
-  //         "定员": "556人",
+          "定员": "556人",
-  //         "轴重": "≤17t"
+          "轴重": "≤17t"
-  //       },
+        },
-  //       image: "/images/cars/CR400AF.jpg"
+        image: "/images/cars/CR400AF.jpg"
-  //     }
+      }
-  //   ]
+    ]
-  // },
+  },
   {
     label: "高速动车组",
     options: [

src/views/order/intention/Step2.vue

@@ -3,25 +3,30 @@
     <div class="main-row">
       <div class="right-content">
         <div>
-          <!-- 车型横向单选区 -->
+          <!-- 查询条件区：车型、车轴、齿轮箱、车轮、制动盘 -->
-          <div class="search-row">
-            <span class="search-label">车型：</span>
-            <div class="car-type-text-list">
-              <span
-                v-for="option in carTypeOptions.flatMap((group) => group.options)"
-                :key="option.value"
-                :class="['car-type-text', selectedCarTypeProxy === option.value ? 'active' : '']"
-                @click="selectCarType(option.value)"
-              >
-                {{ option.label }}
-              </span>
-            </div>
-          </div>
-          <div class="search-divider"></div>
-          <!-- 其它参数分组标题 -->
-          <div class="param-group-title">其它参数</div>
-          <!-- 参数项区 -->
           <div class="param-form-row">
+            <div class="param-form-item">
+              <span class="param-label">车型：</span>
+              <el-select
+                v-model="selectedCarTypeProxy"
+                placeholder="请选择车型"
+                filterable
+                class="param-input"
+              >
+                <el-option-group
+                  v-for="group in carTypeOptions"
+                  :key="group.label"
+                  :label="group.label"
+                >
+                  <el-option
+                    v-for="option in group.options"
+                    :key="option.value"
+                    :label="option.label"
+                    :value="option.value"
+                  />
+                </el-option-group>
+              </el-select>
+            </div>
             <div class="param-form-item">
               <span class="param-label">车轴：</span>
               <el-input v-model="paramAxle" placeholder="不限" class="param-input" />