创建项目

code/web/项目源码/src/plugins/directive.js

@@ -0,0 +1,33 @@
+import store from "../store";
+// 元素编码
+import elemCode from "../js/elemCode";
+// 导出
+export default (app) => {
+    app.directive('has-button', {
+        // 创建完成：在绑定元素的 attribute 或事件监听器被应用之前调用
+        created() {},
+        // 挂载之前：在绑定元素的父组件挂载之前调用
+        beforeMount(el, binding, vnode, prevVnode) {},
+        // 挂载完成：绑定元素的父组件被挂载时调用
+        mounted(el, binding, vnode, prevVnode) {
+            // 获取元素权限
+            const elem_data = store.getters["permission/elem"];
+            const user_type = store.getters["permission/user_type"];
+            // 否则是非超管
+            if(!elem_data) { return false }
+            const elems = elem_data.split(",")
+            const code = elemCode[binding.value]   // 等价于elemCode['init:edit']
+            if(!user_type && !elems.includes(code)) {
+                el.parentNode.removeChild(el);
+            }
+        },
+        // 更新之前：在包含组件的 VNode 更新之前调用
+        beforeUpdate() {},
+        // 更新完成：在包含组件的 VNode 及其子组件的 VNode 更新之后调用
+        updated() {},
+        // 销毁之前：在绑定元素的父组件卸载之前调用
+        beforeUnmount() {},
+        // 销毁完成：卸载绑定元素的父组件时调用
+        unmounted() {}
+    })
+}

code/web/项目源码/src/plugins/elementui.js

@@ -0,0 +1,35 @@
+import { ElConfigProvider, ElSlider, ElButton, ElSwitch, ElTree, ElForm, ElFormItem, ElInput, ElSelect, ElCol , ElRow, ElMessage, ElMessageBox, ElContainer, ElAside, ElHeader,ElMain, ElMenu, ElMenuItem, ElSubMenu, ElTable, ElPagination, ElUpload, ElDatePicker, ElCascader, ElRadio, ElLoading, ElTimePicker, ElCheckbox, ElDialog, ElInputNumber } from 'element-plus';
+// 导出
+export default (app) => {
+    app.use(ElConfigProvider);
+    app.use(ElButton);
+    app.use(ElSwitch);
+    app.use(ElForm);
+    app.use(ElFormItem);
+    app.use(ElInput);
+    app.use(ElCol);
+    app.use(ElRow);
+    app.use(ElMessage);
+    app.use(ElMessageBox);
+    app.use(ElContainer);
+    app.use(ElAside);
+    app.use(ElHeader);
+    app.use(ElMain);
+    app.use(ElMenu);
+    app.use(ElMenuItem);
+    app.use(ElSubMenu);
+    app.use(ElSlider);
+    app.use(ElSelect);
+    app.use(ElTable);
+    app.use(ElPagination);
+    app.use(ElTree);
+    app.use(ElUpload);
+    app.use(ElDatePicker);
+    app.use(ElRadio);
+    app.use(ElLoading);
+    app.use(ElTimePicker);
+    app.use(ElCascader);
+    app.use(ElCheckbox);
+    app.use(ElDialog);
+    app.use(ElInputNumber);
+}