hookehuyr

菜单相关页面接口联调

/*
* @Date: 2024-09-26 13:36:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-23 13:03:28
* @LastEditTime: 2024-10-23 13:47:59
* @FilePath: /hager/src/api/hager.js
* @Description: 文件描述
*/
......@@ -11,8 +11,12 @@ const Api = {
HONOR: '/srv/?a=cate&type=honor',
NEWS: '/srv/?a=cate&type=news',
NEWS_DETAIL: '/srv/?a=detail&type=news',
HOME: '/srv/?a=home',
PRODUCT_CATE: '/srv/?a=cate&type=product',
};
export const honorAPI = (params) => fn(fetch.get(Api.HONOR, params));
export const newsAPI = (params) => fn(fetch.get(Api.NEWS, params));
export const getNewsDetailAPI = (params) => fn(fetch.get(Api.NEWS_DETAIL, params));
export const getHomeAPI = (params) => fn(fetch.get(Api.HOME, params));
export const getProductCateAPI = (params) => fn(fetch.get(Api.PRODUCT_CATE, params));
......
This diff is collapsed. Click to expand it.
<!--
* @Date: 2024-10-10 10:37:16
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-21 13:37:46
* @LastEditTime: 2024-10-23 14:28:22
* @FilePath: /hager/src/components/hagerMenu.vue
* @Description: 文件描述
-->
......@@ -27,8 +27,8 @@
:class="['menu-label', activeMenu === item.id ? 'active' : '']"
>
<div>
<i class="el-icon-s-cooperation"></i>
{{ item.label }}
<el-image style="width: auto; height: 1rem" :src="item.cover" fit="fit"></el-image>
{{ item.category_name }}
</div>
<div>
<i
......@@ -42,9 +42,9 @@
<!-- 二级菜单 -->
<div v-if="isActive(item.id)" class="submenu">
<div v-for="subItem in item.subItems" :key="subItem.id" class="submenu-item">
<div v-for="subItem in item.children" :key="subItem.id" class="submenu-item">
<div class="submenu-label">
<div @click="goToSub(subItem.id)">{{ subItem.label }}</div>
<div @click="goToSub(subItem.id)">{{ subItem.category_name }}</div>
<div @click="toggleSubMenu(subItem.id)">
<i
v-if="isSubActive(subItem.id)"
......@@ -59,11 +59,11 @@
<div v-if="isSubActive(subItem.id)" class="third-menu">
<div
@click="goToThird(thirdItem.id)"
v-for="thirdItem in subItem.subItems"
v-for="thirdItem in subItem.list"
:key="thirdItem.id"
class="third-item"
>
{{ thirdItem.label }}
{{ thirdItem.product_name }}
</div>
</div>
</div>
......@@ -96,72 +96,14 @@ import mixin from "common/mixin";
export default {
mixins: [mixin.init],
props: {
menuData: {
type: Array,
default: () => []
}
},
data() {
return {
menuData: [
{
id: 1,
label: "配电产品",
subItems: [
{
id: 11,
label: "空气断路器1",
subItems: [
{ id: 111, label: "HW系列空气断路器" },
{ id: 112, label: "HW+系列空气断路器" },
{ id: 113, label: "HW系列空气断路器" },
{ id: 114, label: "HW+系列空气断路器" },
{ id: 115, label: "HW系列空气断路器" },
{ id: 116, label: "HW+系列空气断路器" },
{ id: 117, label: "HW系列空气断路器" },
{ id: 118, label: "HW+系列空气断路器" },
{ id: 119, label: "HW系列空气断路器" },
{ id: 1121, label: "HW+系列空气断路器" },
{ id: 1117, label: "HW系列空气断路器" },
{ id: 1127, label: "HW+系列空气断路器" },
{ id: 1137, label: "HW系列空气断路器" },
{ id: 1147, label: "HW+系列空气断路器" },
{ id: 1157, label: "HW系列空气断路器" },
{ id: 1167, label: "HW+系列空气断路器" },
{ id: 7117, label: "HW系列空气断路器" },
{ id: 7118, label: "HW+系列空气断路器" },
{ id: 7119, label: "HW系列空气断路器" },
{ id: 71121, label: "HW+系列空气断路器" },
],
},
{
id: 12,
label: "空气断路器2",
subItems: [
{ id: 111, label: "HW系列空气断路器" },
{ id: 112, label: "HW+系列空气断路器" },
{ id: 113, label: "HW系列空气断路器" },
{ id: 114, label: "HW+系列空气断路器" },
{ id: 115, label: "HW系列空气断路器" },
{ id: 116, label: "HW+系列空气断路器" },
{ id: 117, label: "HW系列空气断路器" },
{ id: 118, label: "HW+系列空气断路器" },
{ id: 119, label: "HW系列空气断路器" },
{ id: 1121, label: "HW+系列空气断路器" },
],
},
],
},
{
id: 2,
label: "成套产品",
subItems: [
{
id: 21,
label: "塑壳断路器",
subItems: [
{ id: 211, label: "自动转换开关" },
{ id: 212, label: "接触器及热过载继电器" },
],
},
],
},
],
isToggle: false,
activeMenu: null, // 当前展开的一级菜单ID
activeSubMenu: null, // 当前展开的二级菜单ID
......