echarts用法

1 頁面上為 ECharts 準備一個具備大?。▽捀撸┑?DOM，并引入ECharts

2 在mounted中基于準備好的dom，初始化echarts實例echarts.init(document.getElementById('main'))? ? dom中 id="main"

3 調接口獲取數據,傳進setOption方法中

npm install echarts --save? ? ??import * as echarts from 'echarts'

總結：引入js，選一個圖表容器（DIV），初始化echarts對象并綁定到該容器上

給綁定的echarts容器配置圖表參數來展示數據

根據業務結合官網API的屬性和方法對圖表進行自由控制

在mounted中加載

權限管理（角色列表）

搜索人員：首先把輸入框中的值v-model綁定到一個空對象中，點擊搜索按鈕，事件中調接口把這個對象傳進去，之后根據狀態碼判斷如果失敗提示下用戶(Message)，之后把得到的數據賦給用戶列表? 【這個搜索本身其實就是獲取用戶列表getUserList】

添加角色：點擊事件中將相應的布爾值改為true,彈出添加角色對話框(dialog組件),里邊有兩個輸入框輸入名稱及描述(from),然后這倆輸入框的值v-model綁定到一個空對象上，然后點擊確定按鈕中調接口把對象中的信息傳進去，根據狀態碼判斷成功失敗各自提示下用戶(Message)，更改對應的布爾值，重新獲取數據

刪除: 點擊按鈕先彈框提示用戶(MessageBox) ,然后確認的話就掉接口，然后根據狀態碼判斷成功失敗各自提示下用戶，之后重新獲取數據列表

分配權限：首先點擊事件中把點擊這一項的id傳進去,之后調接口獲取所有權限數據，把數據賦給權限列表數組，在頁面上渲染這個數組，之后把控制權限彈框的布爾值改為true

分配權限對話框(dialog加tree屬性組件)，點擊確定按鈕時，通過實例ref拿到樹形組件tree的id值，然后調接口把大id(用戶id)和小id(每項權限的id)傳進去,根據返回值判斷成功失敗彈窗提示用戶，之后重新獲取列表數據，并將對應的布爾值該為false

這個項目著重點放在我自己了解上就行了，因為沒法點開看所以不會問的特別詳細，光寫寫權限列表，增刪改查，以及用了那些組件，還有這個echast

對人員進行增加 刪除及分配不同權限以及通過ECharts直觀的進行數據展示