From 847be510a395b37278f7419f5e4abd62534a546d Mon Sep 17 00:00:00 2001
From: JenniferW <1627055433@qq.com>
Date: Fri, 13 Jun 2025 11:09:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/data/stepMockData.js            | 42 +++++++++++++++++++----------
 src/views/order/intention/Step2.vue | 41 ++++++++++++++++++++++++++--
 2 files changed, 67 insertions(+), 16 deletions(-)

diff --git a/src/data/stepMockData.js b/src/data/stepMockData.js
index 5e5deaa..b3577c1 100644
--- a/src/data/stepMockData.js
+++ b/src/data/stepMockData.js
@@ -152,25 +152,29 @@ export const productTreeData = [
                 code: "D351200000018",
                 label: "D351200000018,动车组联轴节（鼓形齿式）",
                 replaceable: true,
-                image: '/src/assets/images/cars/1_2_1.jpg'
+                image: '/src/assets/images/cars/1_2_1.jpg',
+                children: []
               },
               {
                 code: "D312000000013",
                 label: "D312000000013,齿轮箱组成",
                 replaceable: true,
-                image: '/src/assets/images/cars/1_2_1_1.jpg'
+                image: '/src/assets/images/cars/1_2_1_1.jpg',
+                children: []
               },
               {
                 code: "D311101000008",
                 label: "D311101000008,动力车轮组成（带喷漆）",
                 replaceable: false,
-                image: '/src/assets/images/cars/1_2_1_1.jpg'
+                image: '/src/assets/images/cars/1_2_1_1.jpg',
+                children: []
               },
               {
                 code: "D311299000016",
                 label: "D311299000016,动力车轴（带喷漆）",
                 replaceable: false,
-                image: '/src/assets/images/cars/1_2_1_1_1.jpg'
+                image: '/src/assets/images/cars/1_2_1_1_1.jpg',
+                children: []
               }
             ]
           },
@@ -178,25 +182,29 @@ export const productTreeData = [
             code: "D311303000007",
             label: "D311303000007,后挡圈",
             replaceable: false,
-            image: '/src/assets/images/cars/1_1_2.jpg'
+            image: '/src/assets/images/cars/1_1_2.jpg',
+            children: []
           },
           {
             code: "3627401100024",
             label: "3627401100024,O形橡胶密封圈",
             replaceable: false,
-            image: '/src/assets/images/cars/1_2.jpg'
+            image: '/src/assets/images/cars/1_2.jpg',
+            children: []
           },
           {
             code: "3627401100023",
             label: "3627401100023,O形橡胶密封圈",
             replaceable: false,
-            image: '/src/assets/images/cars/1_2_1.jpg'
+            image: '/src/assets/images/cars/1_2_1.jpg',
+            children: []
           },
           {
             code: "D311300000020",
             label: "D311300000020,轴箱轴承",
             replaceable: false,
-            image: '/src/assets/images/cars/1_2_1_1.jpg'
+            image: '/src/assets/images/cars/1_2_1_1.jpg',
+            children: []
           }
         ]
       },
@@ -204,19 +212,22 @@ export const productTreeData = [
         code: "D325000000013",
         label: "D325000000013,左轴箱组成",
         replaceable: false,
-        image: '/src/assets/images/cars/2.jpg'
+        image: '/src/assets/images/cars/2.jpg',
+        children: []
       },
       {
         code: "D325000000014",
         label: "D325000000014,右轴箱组成",
         replaceable: false,
-        image: '/src/assets/images/cars/3.jpg'
+        image: '/src/assets/images/cars/3.jpg',
+        children: []
       },
       {
         code: "D326000000037",
         label: "D326000000037,左轴端装置",
         replaceable: false,
-        image: '/src/assets/images/cars/4.jpg'
+        image: '/src/assets/images/cars/4.jpg',
+        children: []
       }
     ]
   }
@@ -229,7 +240,8 @@ export const replacePartsMap = {
       code: "D351200000002",
       label: "D351200000002,动车组联轴节（鼓形齿式）",
       replaceable: true,
-      image: '/src/assets/images/cars/1_1_1.jpg'
+      image: '/src/assets/images/cars/1_1_1.jpg',
+      children: []
     }
   ],
   "D312000000013": [
@@ -237,13 +249,15 @@ export const replacePartsMap = {
       code: "D312000000014",
       label: "D312000000014,齿轮箱组成",
       replaceable: true,
-      image: '/src/assets/images/cars/1_2_1.jpg'
+      image: '/src/assets/images/cars/1_2_1.jpg',
+      children: []
     },
     {
       code: "312000000015",
       label: "D312000000015，齿轮箱组成",
       replaceable: true,
-      image: '/src/assets/images/cars/4.jpg'
+      image: '/src/assets/images/cars/4.jpg',
+      children: []
     }
   ]
 };
diff --git a/src/views/order/intention/Step2.vue b/src/views/order/intention/Step2.vue
index 0ec43b0..c229d3c 100644
--- a/src/views/order/intention/Step2.vue
+++ b/src/views/order/intention/Step2.vue
@@ -186,9 +186,32 @@
                         </ul>
                       </template>
                       <template v-else>
+                        <ul class="custom-tree no-arrow">
+                          <li
+                            v-for="thirdLevel in thirdLevelsWithoutChildren"
+                            :key="thirdLevel.code"
+                            :class="[
+                              'tree-node',
+                              selectedNode &&
+                              selectedNode.code === thirdLevel.code
+                                ? 'active'
+                                : '',
+                            ]"
+                            @click="handleNodeClick(thirdLevel)"
+                          >
+                            <span>{{ thirdLevel.label }}</span>
+                            <el-button
+                              v-if="thirdLevel.replaceable"
+                              type="primary"
+                              link
+                              @click.stop="openReplaceDialog(thirdLevel)"
+                              >替换</el-button
+                            >
+                          </li>
+                        </ul>
                         <el-collapse v-model="collapseActiveNames" accordion>
                           <el-collapse-item
-                            v-for="thirdLevel in activeSecondLevelItem.children"
+                            v-for="thirdLevel in thirdLevelsWithChildren"
                             :key="thirdLevel.code"
                             :name="thirdLevel.code"
                           >
@@ -213,7 +236,7 @@
                                 >
                               </span>
                             </template>
-                            <ul v-if="thirdLevel.children">
+                            <ul>
                               <li
                                 v-for="fourthLevel in thirdLevel.children"
                                 :key="fourthLevel.code"
@@ -532,6 +555,20 @@ const allThirdLevelNoChildren = computed(() => {
   );
 });
 
+// 计算没有子节点的三级菜单项
+const thirdLevelsWithoutChildren = computed(() => {
+  return (activeSecondLevelItem.value?.children || []).filter(
+    (item) => !item.children || item.children.length === 0
+  );
+});
+
+// 计算有子节点的三级菜单项
+const thirdLevelsWithChildren = computed(() => {
+  return (activeSecondLevelItem.value?.children || []).filter(
+    (item) => item.children && item.children.length > 0
+  );
+});
+
 function selectFirstNode() {
   const thirdLevels = activeSecondLevelItem.value?.children || [];
   if (thirdLevels.length > 0) {