42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
|
import type { App } from 'vue'
|
|||
|
|
import { store } from "/@/store/index.ts";
|
|||
|
|
|
|||
|
|
// 判断两数组是否相同
|
|||
|
|
export function judementSameArr(news: Array<string>, old: Array<string>) {
|
|||
|
|
let count = 0
|
|||
|
|
const leng = old.length
|
|||
|
|
for (let i in old) {
|
|||
|
|
for (let j in news) {
|
|||
|
|
if (old[i] === news[j]) count++
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return count === leng ? true : false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export function authDirective(app: App) {
|
|||
|
|
// 单个权限验证（v-auth="xxx"）
|
|||
|
|
app.directive('auth', {
|
|||
|
|
mounted(el, binding) {
|
|||
|
|
if (!store.state.userInfos.authBtnList.some((v: any) => v === binding.value)) el.parentNode.removeChild(el)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
// 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）
|
|||
|
|
app.directive('auths', {
|
|||
|
|
mounted(el, binding) {
|
|||
|
|
let flag = false
|
|||
|
|
store.state.userInfos.authBtnList.map((val: any) => {
|
|||
|
|
binding.value.map((v: any) => {
|
|||
|
|
if (val === v) flag = true
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
if (!flag) el.parentNode.removeChild(el)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
// 多个权限验证，全部满足则显示（v-auth-all="[xxx,xxx]"）
|
|||
|
|
app.directive('auth-all', {
|
|||
|
|
mounted(el, binding) {
|
|||
|
|
const flag = judementSameArr(binding.value, store.state.userInfos.authBtnList)
|
|||
|
|
if (!flag) el.parentNode.removeChild(el)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|