✨ feat: 新增产品二级页面

@@ -7,10 +7,15 @@ export {}
 /* prettier-ignore */
 /* prettier-ignore */
 declare module 'vue' {
 declare module 'vue' {
   export interface GlobalComponents {
   export interface GlobalComponents {
+    ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
+    ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
     ElButton: typeof import('element-ui/lib/button')['default']
     ElButton: typeof import('element-ui/lib/button')['default']
     ElCol: typeof import('element-ui/lib/col')['default']
     ElCol: typeof import('element-ui/lib/col')['default']
+    ElCollapse: typeof import('element-ui/lib/collapse')['default']
+    ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
     ElCollapseTransition: typeof import('element-ui/lib/transitions/collapse-transition')['default']
     ElCollapseTransition: typeof import('element-ui/lib/transitions/collapse-transition')['default']
     ElImage: typeof import('element-ui/lib/image')['default']
     ElImage: typeof import('element-ui/lib/image')['default']
+    ElInput: typeof import('element-ui/lib/input')['default']
     ElRow: typeof import('element-ui/lib/row')['default']
     ElRow: typeof import('element-ui/lib/row')['default']
     HagerBox: typeof import('./src/components/common/hagerBox.vue')['default']
     HagerBox: typeof import('./src/components/common/hagerBox.vue')['default']
     HagerFooter: typeof import('./src/components/common/hagerFooter.vue')['default']
     HagerFooter: typeof import('./src/components/common/hagerFooter.vue')['default']

 /*
 /*
  * @Date: 2024-08-26 10:42:15
  * @Date: 2024-08-26 10:42:15
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-09-26 14:44:17
+ * @LastEditTime: 2024-09-27 16:54:22
  * @FilePath: /hager/src/route.js
  * @FilePath: /hager/src/route.js
  * @Description: 文件描述
  * @Description: 文件描述
  */
  */
@@ -13,4 +13,12 @@ export default [{
     title: '海格电器'
     title: '海格电器'
   },
   },
   children: []
   children: []
+}, {
+  path: '/product/index',
+  name: '二级目录',
+  component: () => import('@/views/product/index'),
+  meta: {
+    title: '海格电器'
+  },
+  children: []
 }]
 }]

+<!--
+ * @Date: 2024-09-27 16:53:09
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-09-27 18:07:10
+ * @FilePath: /hager/src/views/product/index.vue
+ * @Description: 文件描述
+-->
+<template>
+  <div class="product-index">
+    <hager-box>
+      <div>
+        <el-breadcrumb separator="/">
+          <el-breadcrumb-item>所有产品</el-breadcrumb-item>
+          <el-breadcrumb-item>配电产品</el-breadcrumb-item>
+          <el-breadcrumb-item>低压主配电</el-breadcrumb-item>
+        </el-breadcrumb>
+      </div>
+      <div>
+        <p>低压主配电</p>
+        <p>Automatic conversion switch</p>
+      </div>
+      <el-row :gutter="0" style="margin: 1rem 0;">
+        <el-col :span="8">
+          <div style="border: 1px solid #eee; border-radius: 5px; padding: 10px; margin-right: 1rem;">
+            <div>按产品类别查找</div>
+            <el-input placeholder="请输入产品" prefix-icon="el-icon-search" v-model="search_input"></el-input>
+            <el-collapse v-model="activeNames" @change="handleChange">
+              <el-collapse-item title="低压主配电" name="1">
+                <div>acb hw01 空气断路器</div>
+                <div>unimes（优跃）开关柜</div>
+                <div>unimes（优跃）面板开关</div>
+                <div>acb hw04 空气断路器</div>
+                <div>acb hwo5 空气断路器</div>
+                <div>acb hw06 空气断路器</div>
+                <div>acb hwo7 空气断路器</div>
+              </el-collapse-item>
+              <el-collapse-item title="分配电" name="2">
+              </el-collapse-item>
+              <el-collapse-item title="终端配电" name="3">
+              </el-collapse-item>
+              <el-collapse-item title="开关面板" name="4">
+              </el-collapse-item>
+              <el-collapse-item title="酒店客控" name="5">
+              </el-collapse-item>
+              <el-collapse-item title="智能家居" name="6">
+              </el-collapse-item>
+            </el-collapse>
+          </div>
+        </el-col>
+        <el-col :span="16">
+          <el-row :gutter="10">
+            <el-col :span="8">
+              <div>
+                <el-image src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image>
+                <p>acb hw 空气断路器</p>
+              </div>
+            </el-col>
+            <el-col :span="8">
+              <div>
+                <el-image src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image>
+                <p>acb hw 空气断路器</p>
+              </div>
+            </el-col>
+            <el-col :span="8">
+              <div>
+                <el-image src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" fit="fit"></el-image>
+                <p>acb hw 空气断路器</p>
+              </div>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-row>
+    </hager-box>
+  </div>
+</template>
+
+<script>
+import mixin from 'common/mixin';
+import hagerBox from '@/components/common/hagerBox';
+
+export default {
+  components: { hagerBox },
+  mixins: [mixin.init],
+  data () {
+    return {
+      search_input: '',
+      activeNames: ['1']
+    }
+  },
+  mounted () {
+
+  },
+  methods: {
+    handleChange(val) {
+      console.log(val);
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+  .product-index {
+
+  }
+</style>