merge

dsk-operate-ui/src/views/projectCostLedger/detail/components/ProjectSideMenu/index.vue

 <template>
   <div class="project-side-menu-container">
     <el-menu mode="vertical" class="project-side-menu-instance">
-      <project-menu-item></project-menu-item>
+      <template v-for="(item,index) of tempMenuTree">
+        <project-menu-item :menuItem="item" :key="item.nodeValue"></project-menu-item>
+      </template>
     </el-menu>
   </div>
 </template>
@@ -75,6 +77,10 @@ export default {
         this.tempMenuOptions = _options;
         // 映射配置
         const resultData = this.mapDataByMenuOptions(JSON.parse(JSON.stringify(this.comMenuTree)), _options);
+        console.log(resultData);
+        if (resultData) {
+          this.tempMenuTree = resultData;
+        }
       }
     },
     mergeMenuOptions(options) {
@@ -86,10 +92,31 @@ export default {
       return options;
     },
     mapDataByMenuOptions(menuList, options) {
+      // 分组源数据
+      const _groupData = this.groupData(menuList, options);
       // 映射过后的树
-      const _mapedData = this.mapData(menuList, options);
+      const _mapedData = this.mapData(_groupData, options);
       // 处理层级 以及删除空children
-      this.buildTree(_mapedData);
+      return this.buildTree(_mapedData);
+    },
+    groupData(data, options, originData = []) {
+      if (data?.length) {
+        const { children } = options;
+        const len = data.length;
+        for (let index = 0; index < len; index++) {
+          const _item = data[index];
+          const _newItem = JSON.parse(JSON.stringify(_item));
+          originData.push({
+            originData: _newItem
+          });
+          if (_item[children] instanceof Array && _item[children].length) {
+            _newItem[children] = this.groupData(_item[children], options);
+          } else {
+            delete _newItem[children];
+          }
+        }
+      }
+      return originData;
     },
     mapData(data = [], mapOptions) {
       const keys = Object.keys(mapOptions);
@@ -97,12 +124,13 @@ export default {
         data.forEach(item => {
           // 循环key映射到 树
           keys.forEach(key => {
-            const mapKey = mapOptions[key];
-            if (Object.hasOwnProperty.call(item, mapKey)) {
-              item[key] = item[mapKey];
+            const _mapKey = mapOptions[key];
+            const _origin = item["originData"];
+            if (Object.hasOwnProperty.call(_origin, _mapKey)) {
+              item[key] = JSON.parse(JSON.stringify(_origin[_mapKey]));
             }
           });
-          if (item?.children) {
+          if (item?.children instanceof Array && item.children.length) {
             // 递归映射
             this.mapData(item?.children, mapOptions);
           }
@@ -115,7 +143,7 @@ export default {
         // 添加层级
         addTreeLevel(mapedData);
         addNodeParent(mapedData);
-        console.log(mapedData);
+        return mapedData;
       }
     }
   },