elementUI 動態渲染三級菜單

后臺傳的數據為

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"

}

]

}

]

}

],

路由配置為