用戶角色- 權限選擇 樹形表格+選擇框

在最近的項目有個功能是給用戶角色相關的模塊賦予增刪改查的權限原型大體如下

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

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

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

權限的相關數據都是後臺生成,大體格式

其中selectchecked存儲的是權限操作的id爲數組,sonData中存儲權限操作的對象。

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章