diff --git a/app/pages/products/index.vue b/app/pages/products/index.vue
index 667cb7e..57cfa31 100644
--- a/app/pages/products/index.vue
+++ b/app/pages/products/index.vue
@@ -8,7 +8,7 @@
       <div class="products-container">
         <el-collapse v-model="activeNames" class="product-collapse">
           <el-collapse-item
-            v-for="[key, value] in groupedProducts"
+            v-for="[key, value] in Object.entries(groupedProducts)"
             :key="key"
             :title="key || '未分类'"
             :name="key || 'no-category'"
@@ -64,9 +64,9 @@
       }
       groups[typeKey]?.data.push(prod);
     }
-    const sortedGroups = Object.entries(groups)
-      .sort(([, a], [, b]) => a.sort - b.sort)
-      .map(([key, value]) => [key, value]);
+    const sortedGroups = Object.fromEntries(
+      Object.entries(groups).sort(([, a], [, b]) => a.sort - b.sort)
+    );
     return sortedGroups;
   });