修改

src/views/home/costComponents/costItemOverviewItem.vue

@@ -6,7 +6,7 @@
         <!-- 新增：topItem 专属包裹容器，统一控制样式和布局 -->
         <div class="topItem-container" style="display: flex; flex-direction: column;gap: 16px;overflow: hidden;">
           <!-- <topItem :itemList="parentItemList" /> -->
-          <rawItem :itemList="sortedItemData" />
+          <rawItem :itemList="itemData" />
 
         </div>
         <!-- 2. .top 保持 flex，无需固定高度，自动跟随子元素拉伸 -->
@@ -50,21 +50,21 @@ export default {
       deep: true // 若对象内属性变化需触发，需加 deep: true
     }
   },
-  computed: {
-    // 处理排序：包含“总成本”的项放前面，其余项按原顺序排列
-    sortedItemData() {
-      // 过滤出包含“总成本”的项（不区分大小写）
-      const totalCostItems = this.itemData.filter(item =>
-        item.name && item.name.includes('总成本')
-      );
-      // 过滤出不包含“总成本”的项
-      const otherItems = this.itemData.filter(item =>
-        !item.name || !item.name.includes('总成本')
-      );
-      // 合并：总成本项在前，其他项在后
-      return [...totalCostItems, ...otherItems];
-    }
-  },
+  // computed: {
+  //   // 处理排序：包含“总成本”的项放前面，其余项按原顺序排列
+  //   sortedItemData() {
+  //     // 过滤出包含“总成本”的项（不区分大小写）
+  //     const totalCostItems = this.itemData.filter(item =>
+  //       item.name && item.name.includes('总成本')
+  //     );
+  //     // 过滤出不包含“总成本”的项
+  //     const otherItems = this.itemData.filter(item =>
+  //       !item.name || !item.name.includes('总成本')
+  //     );
+  //     // 合并：总成本项在前，其他项在后
+  //     return [...totalCostItems, ...otherItems];
+  //   }
+  // },
   mounted() {
     // 初始化图表（若需展示图表，需在模板中添加对应 DOM）
     // this.$nextTick(() => this.updateChart())