把二级目录的手风琴也换成新组件

 <!--
  * @Date: 2024-09-27 16:53:09
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-06 15:52:49
+ * @LastEditTime: 2024-11-06 17:54:41
  * @FilePath: /hager/src/views/product/index.vue
  * @Description: 文件描述
 -->
@@ -25,11 +25,12 @@
           <div class="product-nav-wrapper">
             <div class="product-nav-title">按产品类别查找</div>
             <el-input style="margin-bottom: 0.5rem;" placeholder="请输入产品" prefix-icon="el-icon-search" v-model="search_keyword" @change="goToSearch"></el-input>
-            <el-collapse v-if="!is_all_cate" v-model="activeNames" @change="handleChange">
+            <!-- <el-collapse v-if="!is_all_cate" v-model="activeNames" @change="handleChange">
               <el-collapse-item v-for="(item, index) in cate_list" :key="index" :title="item.category_name" :name="item.category_name">
                 <div @click="goToDetail(c)" v-for="(c, idx) in item.list" :key="idx" class="p-item">{{ c.product_name }}</div>
               </el-collapse-item>
-            </el-collapse>
+            </el-collapse> -->
+            <Accordion v-if="!is_all_cate" :items="cate_list" />
             <Accordion v-else :items="all_cate_list" />
           </div>
         </el-col>
@@ -175,6 +176,14 @@ export default {
           data.forEach((item) => {
             if (item.id === cate_id) {
               this.cate_list = item.children;
+              // 重构数据结构配合组件
+              this.cate_list.forEach((c) => {
+                c.children = c.list;
+                c.style = {fontWeight: 'normal', height: '2.5rem'}
+                c.children.forEach((d) => {
+                  d.category_name = d.product_name
+                })
+              })
             }
           });
         } else {