189 8069 5689

elementUI动态渲染三级菜单-创新互联

elementUI 动态渲染三级菜单
后台传的数据为

成都创新互联公司专注于企业营销型网站、网站重做改版、天心网站定制设计、自适应品牌网站建设、H5技术商城网站制作、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为天心等各大城市提供网站开发制作服务。

menuList: [

{

name: "首页",

pid: 0,

id: 28,

url: "/main"

},

{

name: "实时监测",

pid: 0,

id: 29,

url: "/monitoring",

childNode: [

{

name: "实时监测首页",

pid: 29,

id: 34,

url: "/monitoringHomepage"

},

{

name: "自动消防设施系统",

pid: 29,

id: 35,

url: "/fireSystems"

},

// {

// name: "电气火灾监控系统",

// pid: 29,

// id: 36,

// url: "/electricFireMonitorSystem"

// },

{

name: "液位(压)监控系统",

pid: 29,

id: 37,

url: "/levelMonitoring"

},

{

name: "气体报警系统",

pid: 29,

id: 38,

url: "/gasAlarm"

},

{

name: "充电桩监控系统",

pid: 29,

id: 39,

url: "/ChargingPileMonitoring"

},

// {

// name: "物联网关系统",

// pid: 29,

// id: 40,

// url: "/InternetThings"

// }

]

},

{

name: "远程可视",

pid: 0,

id: 30,

url: "/remoteViewing",

childNode: [

{

name: "远程可视",

pid: 30,

id: 120,

url: "/remoteViewing"

}

]

},

{

name: "日常管理",

pid: 0,

id: 31,

url: "/dailyManagement",

childNode: [

{

name: "巡查管理",

pid: 31,

id: 41,

url: "/patrolManagement",

childNode: [

{

name: "巡查详情",

pid: 41,

id: 48,

url: "/patroDetail"

},

{

name: "巡查统计",

pid: 41,

id: 49,

url: "/patroStatistics"

}

]

},

// {

// name: "培训演练",

// pid: 31,

// id: 42,

// url: "/trainManoeuvre",

// childNode: [

// {

// name: "培训任务",

// pid: 42,

// id: 50,

// url: "/trainTask"

// },

// {

// name: "考试任务",

// pid: 42,

// id: 51,

// url: "/examTask"

// },

// {

// name: "演练任务",

// pid: 42,

// id: 52,

// url: "/manoeuvreTask"

// }

// ]

// },

{

name: "消控管理",

pid: 31,

id: 43,

url: "/controlSupervisor",

childNode: [

{

name: "在岗监控",

pid: 43,

id: 53,

url: "/siteMonitoring"

},

{

name: "查岗记录",

pid: 43,

id: 54,

url: "/siteRecord"

},

{

name: "消控值班考勤记录",

pid: 43,

id: 55,

url: "/checkRecord"

}

]

},

{

name: "隐患处理",

pid: 31,

id: 44,

url: "/dangerDeal",

childNode: [

{

name: "消防设备故障",

pid: 44,

id: 56,

url: "/facilitiesTrouble"

},

// {

// name: "告警处理",

// pid: 44,

// id: 57,

// url: "/alarmDeal"

// },

{

name: "巡查上报隐患",

pid: 44,

id: 58,

url: "/alarmReport"

}

]

},

// {

// name: "操作日志",

// pid: 31,

// id: 45,

// url: "/dailyMaintenance",

// childNode: [

// {

// name: "平台操作日志",

// pid: 45,

// id: 123,

// url: "1"

// },

// {

// name: "设备操作日志",

// pid: 45,

// id: 125,

// url: "2"

// }

// ]

// }

]

},

{

name: "数据分析",

pid: 0,

id: 32,

url: "/dataAnalysis",

childNode: [

{

name: "历史数据",

pid: 32,

id: 46,

url: "/historicalData",

childNode: [

{

name: "报警日志",

pid: 46,

id: 60,

url: "alarmLog"

},

{

name: "设备运行数据",

pid: 46,

id: 61,

url: "/equipmentOperatingData"

},

{

name: "隐患日志",

pid: 46,

id: 62,

url: "/hiddenLog"

},

{

name: "周报统计",

pid: 46,

id: 63,

url: "/weeklyStatistics"

},

{

name: "月报统计",

pid: 46,

id: 64,

url: "/monthlyStatistics"

},

{

name: "年报统计",

pid: 46,

id: 65,

url: "/annualReportStatistics"

}

]

},

{

name: "分析研制",

pid: 32,

id: 47,

url: "/AnalysisDevelopment",

childNode: [

{

name: "统计分析总览 ",

pid: 47,

id: 66,

url: "/statisticalAnalysisOverview"

},

{

name: "报警统计分析",

pid: 47,

id: 67,

url: "/alarmStatisticsAnalysis"

},

{

name: "设备状态统计分析",

pid: 47,

id: 68,

url: "/equipmentConditionAnalysis"

},

{

name: "日常管理分析",

pid: 47,

id: 69,

url: "/dailyManagementAnalysis"

}

]

}

]

}

],

路由配置为

elementUI 动态渲染三级菜单
elementUI 动态渲染三级菜单

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:elementUI动态渲染三级菜单-创新互联
分享网址:http://jkwzsj.com/article/cccdhc.html

其他资讯