角色修改。

master
kevin jiang 6 years ago
parent d5db032fe9
commit cb6ae97003

@ -121,9 +121,6 @@
<Button>继续添加</Button> <Button>继续添加</Button>
</i-col> </i-col>
</Row> </Row>
</FormItem> </FormItem>
</Form> </Form>
</Modal> </Modal>

@ -109,7 +109,9 @@
<div v-for="(itemSon, itemSonIndex) in item.sonPermissionList" :key="itemSon.id" style="height: 49px;"> <div v-for="(itemSon, itemSonIndex) in item.sonPermissionList" :key="itemSon.id" style="height: 49px;">
<div style="float: left;width: 20%;border-right: 1px solid #E4E9F1;border-bottom: 1px solid #E4E9F1;height: 49px;line-height: 49px;"> <div style="float: left;width: 20%;border-right: 1px solid #E4E9F1;border-bottom: 1px solid #E4E9F1;height: 49px;line-height: 49px;">
<Checkbox style="margin-left: 30px;color:#697882" :label="itemSon.id" <Checkbox style="margin-left: 30px;color:#697882" :label="itemSon.id"
@click.prevent.native="handleSonCheckAll(itemSonIndex, index)" :key="itemSon.id" @click.prevent.native="handleSonCheckAll(itemSonIndex, index)"
@on-change="handleSonCheckAllChange(itemSonIndex, index)"
:key="itemSon.id"
:indeterminate="itemSon.indeterminate" :value="itemSon.check"> :indeterminate="itemSon.indeterminate" :value="itemSon.check">
{{itemSon.name}} {{itemSon.name}}
</Checkbox> </Checkbox>
@ -254,12 +256,12 @@
{ {
id: 11, id: 11,
name: '三级权限e', name: '三级权限e',
level: 3, level: 3
}, },
{ {
id: 12, id: 12,
name: '三级权限f', name: '三级权限f',
level: 3, level: 3
} }
] ]
}, },
@ -274,12 +276,12 @@
{ {
id: 13, id: 13,
name: '三级权限g', name: '三级权限g',
level: 3, level: 3
}, },
{ {
id: 14, id: 14,
name: '三级权限h', name: '三级权限h',
level: 3, level: 3
} }
] ]
} }
@ -306,11 +308,15 @@
// //
item.checkArr = []; item.checkArr = [];
for(let i = 0; i < item.sonPermissionList.length; i++) { for(let i = 0; i < item.sonPermissionList.length; i++) {
item.sonPermissionList[i].check = true;
item.checkArr.push(item.sonPermissionList[i].id); item.checkArr.push(item.sonPermissionList[i].id);
} }
} else { } else {
// //
item.checkArr = []; item.checkArr = [];
for(let i = 0; i < item.sonPermissionList.length; i++) {
item.sonPermissionList[i].check = false;
}
} }
// //
let sonPermission = item.sonPermissionList; let sonPermission = item.sonPermissionList;
@ -367,6 +373,47 @@
item.indeterminate = false; item.indeterminate = false;
item.check = false; item.check = false;
} }
},
handleSonCheckAllChange(itemSonIndex, index) {
let item = this.permissionList[index];
let itemSon = this.permissionList[index].sonPermissionList[itemSonIndex];
if (itemSon.indeterminate) {
itemSon.check = false;
} else {
itemSon.check = !itemSon.check;
}
itemSon.indeterminate = false;
//
let sonPermission = itemSon.sonPermissionList;
if (itemSon.check) {
//
itemSon.checkArr = [];
sonPermission.forEach(function (sonItem) {
if (itemSon.checkArr.indexOf(sonItem.id) < 0) {
itemSon.checkArr.push(sonItem.id);
}
});
if (item.checkArr.indexOf(itemSon.id) < 0) {
item.checkArr.push(itemSon.id);
}
} else {
//
itemSon.checkArr = [];
}
//
let sonPermissionCount = this.permissionList.length;
if (item.checkArr.length === sonPermissionCount) {
item.indeterminate = false;
item.check = true;
} else if (item.checkArr.length > 0) {
item.indeterminate = true;
item.check = false;
} else {
item.indeterminate = false;
item.check = false;
}
}, },
//- //-
handleGrandSonCheckChange (itemSonIndex, index) { handleGrandSonCheckChange (itemSonIndex, index) {

Loading…
Cancel
Save