一、頁面整體佈局

　　使用el-container佈局容器，這裡重點在樣式上。

二、選單欄製作

2.1目錄劃分結構　

　　如果按照login介面的設計進行目錄結構劃分--main-cpns，但我們main裡面其實有很多元件內容，這種是不適合的。

2.2側邊選單欄標題製作

2.3側邊欄選單內容製作

　　使用el-menu元件（類似於el-sub-menu，el-menu都是可以展開的，而el-sub-item是不可以展開的）。我們這裡要對userMenus進行展示，檢視知這是一個數組，可以採用template遍歷的方式展示。

2.3.1拿到userMenus資料

　　可以通過$store.state.login.userMenus

　　更好的方法是用一個計算屬性，但是你會發現直接寫state沒有型別現在。那怎麼辦？我不用vuex預設的useStore，我自己在store-inex.ts中匯出一個useStore（其實就是把vuex的useStore重新封裝了一下，加了一些型別限制）

2.3.2資料展示

　　根據介面文件分析，當type==1，可以展開的選單，type==2，不可以展開的選單，使用template模板進行if判斷。

• 首先來看一下示例：

• 我也用了index，其他結構完全符合要求，但是無論點選哪一個就全部展開或全部關閉

• 但是後面頁面正常了，卻報了特別多的警告。這是因為要求我們傳入index是一個字串型別，但我們的id是number型別，可以通過item.id + ''轉為字串。就沒有警告啦！
• 另外圖表不能通過遍歷引入了！