NEZ-897 fix: roleBox dashboard -overview 增加默认选中,且不可取消选中

This commit is contained in:
@changcode
2021-11-09 16:27:44 +08:00
parent a1caffa4f4
commit 687be810bd
2 changed files with 6 additions and 9 deletions

View File

@@ -1551,8 +1551,8 @@ export default {
brand: basic.brand ? basic.brand.name : '-', brand: basic.brand ? basic.brand.name : '-',
model: basic.model ? basic.model.name : '-', model: basic.model ? basic.model.name : '-',
tags: basic.fields ? basic.fields : '-', tags: basic.fields ? basic.fields : '-',
alert: basic.alertNum ? basic.alertNum : '-', alert: basic.alertNum ? basic.alertNum : 0,
endpoint: basic.endpointNum ? basic.endpointNum : '-', endpoint: basic.endpointNum ? basic.endpointNum : 0,
// purchaseDate: basic.purchaseDate, // purchaseDate: basic.purchaseDate,
// vendor: basic.brand ? basic.brand.name : '-', // vendor: basic.brand ? basic.brand.name : '-',
// sn: basic.sn, // sn: basic.sn,

View File

@@ -23,7 +23,7 @@
<button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button> <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button>
<button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button> <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button>
</div>--> </div>-->
<el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" @check-change="selectChange" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus"> <el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" :default-checked-keys="[2]" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus">
<div slot-scope="{ node, data }"> <div slot-scope="{ node, data }">
<span> <span>
<i v-if="data.type == '1'" class="el-icon-menu"></i> <i v-if="data.type == '1'" class="el-icon-menu"></i>
@@ -121,6 +121,7 @@ export default {
if (response.code == 200) { if (response.code == 200) {
self.menus = response.data.menus self.menus = response.data.menus
self.selectedIds = response.data.selectedIds self.selectedIds = response.data.selectedIds
self.menus[0].children[0].disabled = true
} else { } else {
self.$message.error('load menu faild') self.$message.error('load menu faild')
} }
@@ -130,6 +131,7 @@ export default {
self.$get('/sys/menu').then(response => { self.$get('/sys/menu').then(response => {
if (response.code == 200) { if (response.code == 200) {
self.menus = response.data.list self.menus = response.data.list
self.menus[0].children[0].disabled = true
} else { } else {
self.$message.error('load menu faild') self.$message.error('load menu faild')
} }
@@ -141,11 +143,6 @@ export default {
labelFormatter: function (data, node) { labelFormatter: function (data, node) {
return data && data.i18n ? this.$t(data.i18n) : data.name return data && data.i18n ? this.$t(data.i18n) : data.name
}, },
selectChange: function (data, isCheck, childIsCheck) {
if (this.$refs.menuTree) {
this.editRole.menuIds = this.$refs.menuTree.getCheckedKeys(true)
}
},
selectAllOrNone: function () { selectAllOrNone: function () {
if (this.$refs.menuTree) { if (this.$refs.menuTree) {
if (!this.selectAllFlag) { if (!this.selectAllFlag) {
@@ -168,7 +165,7 @@ export default {
save () { save () {
if (this.prevent_opt.save) { return } ; if (this.prevent_opt.save) { return } ;
this.prevent_opt.save = true this.prevent_opt.save = true
this.editRole.menuIds = this.$refs.menuTree.getCheckedKeys(true)
this.$refs.roleForm.validate((valid) => { this.$refs.roleForm.validate((valid) => {
if (valid) { if (valid) {
if (this.editRole.id) { if (this.editRole.id) {