diff --git a/src/pages/list/QueryList.vue b/src/pages/list/QueryList.vue index bad8046..0f9e58d 100644 --- a/src/pages/list/QueryList.vue +++ b/src/pages/list/QueryList.vue @@ -113,7 +113,7 @@ 删除1 - + 删除2 diff --git a/src/plugins/authority-plugin.js b/src/plugins/authority-plugin.js index 860b1d5..7c40aad 100644 --- a/src/plugins/authority-plugin.js +++ b/src/plugins/authority-plugin.js @@ -42,33 +42,33 @@ const auth = function(authConfig, permission, role, permissions, roles) { return false } -/** - * 阻止的 click 事件监听 - * @param event - * @returns {boolean} - */ -const preventClick = function (event) { - event.preventDefault() - event.stopPropagation() - return false -} - const checkInject = function (el, binding,vnode) { const type = binding.arg const check = binding.value const instance = vnode.context const $auth = instance.$auth if (!$auth || !$auth(check, type)) { - el.classList.add('disabled') - el.setAttribute('title', '无此权限') - el.addEventListener('click', preventClick, true) + addDisabled(el) } else { - el.classList.remove('disabled') - el.removeAttribute('title') - el.removeEventListener('click', preventClick, true) + removeDisabled(el) } } +const addDisabled = function (el) { + if (el.tagName === 'BUTTON') { + el.setAttribute('disabled', 'disabled') + } else { + el.classList.add('disabled') + } + el.setAttribute('title', '无此权限') +} + +const removeDisabled = function (el) { + el.classList.remove('disabled') + el.removeAttribute('disabled') + el.removeAttribute('title') +} + const AuthorityPlugin = { install(Vue) { Vue.directive('auth', { @@ -77,6 +77,9 @@ const AuthorityPlugin = { }, update(el, binding,vnode) { checkInject(el, binding, vnode) + }, + unbind(el) { + removeDisabled(el) } }) Vue.mixin({ diff --git a/src/theme/default/style.less b/src/theme/default/style.less index c722172..f91a72a 100644 --- a/src/theme/default/style.less +++ b/src/theme/default/style.less @@ -29,4 +29,5 @@ .disabled{ cursor: not-allowed; color: @disabled-color; + pointer-events: none; }