From 98509d1d39d45c3a2139fa88ceb5c1af300a6eb7 Mon Sep 17 00:00:00 2001
From: JenniferW <1627055433@qq.com>
Date: Thu, 3 Jul 2025 17:09:49 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9C=80=E6=B1=82=E5=8F=98=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/data/stepMockData.js            | 34 ++++++++++++------------
 src/views/order/intention/Step2.vue | 41 ++++++++++++++++-------------
 2 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/src/data/stepMockData.js b/src/data/stepMockData.js
index 174c604..4cbb6c8 100644
--- a/src/data/stepMockData.js
+++ b/src/data/stepMockData.js
@@ -19,23 +19,23 @@ export const customerOptions = {
 };
 
 export const carTypeOptions = [
-  // {
-  //   label: "最常选择",
-  //   options: [
-  //     {
-  //       value: "CR400AF",
-  //       label: "CR400AF",
-  //       description: "中国标准动车组，最高运营速度350km/h",
-  //       specifications: {
-  //         "最高运营速度": "350km/h",
-  //         "编组方式": "8辆编组",
-  //         "定员": "556人",
-  //         "轴重": "≤17t"
-  //       },
-  //       image: "/images/cars/CR400AF.jpg"
-  //     }
-  //   ]
-  // },
+  {
+    label: "最常选择",
+    options: [
+      {
+        value: "CR400AF",
+        label: "CR400AF",
+        description: "中国标准动车组，最高运营速度350km/h",
+        specifications: {
+          "最高运营速度": "350km/h",
+          "编组方式": "8辆编组",
+          "定员": "556人",
+          "轴重": "≤17t"
+        },
+        image: "/images/cars/CR400AF.jpg"
+      }
+    ]
+  },
   {
     label: "高速动车组",
     options: [
diff --git a/src/views/order/intention/Step2.vue b/src/views/order/intention/Step2.vue
index 0908b71..550ee5e 100644
--- a/src/views/order/intention/Step2.vue
+++ b/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" />