@ganwei-web/gw-base-components-plus 1.0.19 → 1.0.21

package/customDirective/getUserPermissionList.js

@@ -0,0 +1,53 @@
+import axios from 'axios'
+let packageId,pluginName,routeName;
+const permissionList = async function() {
+    try {
+        let params = getpermissionMap()
+        packageId = params.get("packageId")
+        pluginName = params.get("pluginName")
+        routeName = params.get("menuName")
+        if(packageId && pluginName && routeName) {
+            window[packageId] = {}
+            let objData = {packageId: packageId, routeName: '/Index/jumpIframe/' + pluginName + "/" + routeName}
+            axios.defaults.withCredentials = true; // 让ajax携带cookie
+            let result = axios({
+                method: 'get',
+                url: '/api/UserRole/getPageControlPermission',
+                params: objData,
+                data: objData,
+                headers: {
+                    'Content-Type': 'application/json;charset=UTF-8',
+                    'Accept-Language': window.sessionStorage.languageType || 'zh-CN'
+                }
+            })
+            await result.then(res => {
+                if(res && res.data) {
+                    let dt = res.data.data
+                    window[packageId][routeName] = (Array.isArray(dt) && dt.length > 0) ? dt : []
+                }
+
+            })
+        } else {
+            console.log('地址需要携带参数: packageId, pluginName, menuName');
+        }
+    } catch (error) {
+        console.error('获取权限列表时出错:', error);
+    }
+};
+
+function getpermissionMap() {
+    let map = new Map()
+    if(window.location.href.indexOf("?") == -1) return map;
+    let parameters = window.location.href.split("?")[1]
+    if (!parameters) return map
+    let data = parameters.indexOf("&") != -1 ? parameters.split("&") : [parameters]
+    for (let i = 0; i < data.length; i++) {
+        let arry = data[i].indexOf("=") != -1 ?data[i].split("="): [data[i],data[i]]
+        map.set(arry[0], arry[1])
+    }
+    return map;
+}
+
+export {permissionList ,packageId ,pluginName, routeName};
+
+

package/customDirective/index.js

@@ -0,0 +1,15 @@
+// index.ts
+
+import { createPermissionDirective } from './permission';
+
+const install = async function (app, packageId,routeName) {
+    try {
+        app.directive('permission', createPermissionDirective((packageId && routeName)?window[packageId][routeName]:[]));
+    } catch (error) {
+        console.error('Failed to initialize permissions:', error);
+    }
+}
+
+export default {
+    install
+};

package/customDirective/interfaceDefinition.ts

@@ -0,0 +1,10 @@
+export interface auth {
+    add: number, edit: number, delete: number, view: number, export: number, import: number, print: number, other: number
+}
+
+export interface permission {
+    packageId: string,
+    pluginName: string,
+    menuName: string,
+    auth: string
+}

package/customDirective/permission.js

@@ -0,0 +1,61 @@
+
+/**
+*
+* 权限指令
+* 使用： v-permission="'add'"
+*/
+
+// 权限初始化
+export function initHasPermission(options) {
+    const permissionList = options;
+    return (permission) => { // 内部返回function，用于判断权限
+        if(!Array.isArray(permissionList) || permissionList.length == 0) {
+            return false;
+        }
+        if (permission.auth) {
+            let value = permissionList.includes(permission.auth);
+            return value;
+        }
+        return false;
+    }
+}
+
+// 权限指令
+export function createPermissionDirective(arry) {
+    return {
+        async mounted(el, binding) { // vue3
+            // 元素插入父节点时执行的逻辑
+            el.style.display = 'none';
+            const hasPermissions = initHasPermission(arry);
+            checkPermission(el, binding, hasPermissions);
+        },
+        // async update(el, binding) { // vue2
+        //     // 元素插入父节点时执行的逻辑
+        //     el.style.display = 'none';
+        //     const hasPermissions = initHasPermission(arry);
+        //     checkPermission(el, binding, hasPermissions);
+        // },
+        async bind(el, binding, vnode) { // vue2
+            // 元素插入父节点时执行的逻辑
+            el.style.display = 'none';
+            const hasPermissions = initHasPermission(arry);
+            checkPermission(el, binding, hasPermissions);
+        }
+    };
+}
+
+// 权限检查并执行相应操作
+function checkPermission(el, binding, hasPermissions) {
+    setTimeout(()=>{
+        const {value} = binding;
+        if (value) {
+            el.style.display = '';
+          let options = {auth: value};
+          if (hasPermissions(options)) {
+              el.parentNode
+          } else {
+              el.parentNode && el.parentNode.removeChild(el)
+          }
+        }
+    },200)
+  }