1. 程式人生 > >使用者角色- 許可權選擇 樹形表格+選擇框

使用者角色- 許可權選擇 樹形表格+選擇框

在最近的專案有個功能是給使用者角色相關的模組賦予增刪改查的許可權原型大體如下

這是產品一開始給的原型,但是每個模組所擁有的許可權不一樣,不一定四個都會有,或者會有別的許可權,

網上找尋資料後,根據這個專案進行修改的https://github.com/Echo987/vue-tableAuthor,而作者也是根據花褲衩的樹形表格進行的修改 專案的效果是這樣子

根據專案的需求對這個表格進行了一點修改,並增加了全選:

許可權的相關資料都是後臺生成,大體格式

其中selectchecked儲存的是許可權操作的id為陣列,sonData中儲存許可權操作的物件。

全選操作需要遍歷整個資料對每個checkAll Indeterminate 進行賦值true