feat: 前端升级至vue3，后端代码结构重构，新增权限管理相关功能

2025-12-24 16:46:35 +08:00 · 2021-06-07 17:22:07 +08:00
parent af0d51293e
commit e9b58b4eab
370 changed files with 22339 additions and 18399 deletions
--- a/mayfly_go_web/src/common/utils/getStyleSheets.ts
+++ b/mayfly_go_web/src/common/utils/getStyleSheets.ts
@@ -0,0 +1,96 @@
+import { nextTick } from 'vue';
+
+// 获取阿里字体图标
+const getAlicdnIconfont = () => {
+    return new Promise((resolve, reject) => {
+        nextTick(() => {
+            const styles: any = document.styleSheets;
+            let sheetsList = [];
+            let sheetsIconList = [];
+            for (let i = 0; i < styles.length; i++) {
+                if (styles[i].href && styles[i].href.indexOf('at.alicdn.com') > -1) {
+                    sheetsList.push(styles[i]);
+                }
+            }
+            for (let i = 0; i < sheetsList.length; i++) {
+                for (let j = 0; j < sheetsList[i].cssRules.length; j++) {
+                    if (sheetsList[i].cssRules[j].selectorText && sheetsList[i].cssRules[j].selectorText.indexOf('.icon-') > -1) {
+                        sheetsIconList.push(
+                            `${sheetsList[i].cssRules[j].selectorText.substring(1, sheetsList[i].cssRules[j].selectorText.length).replace(/\:\:before/gi, '')}`
+                        );
+                    }
+                }
+            }
+            if (sheetsIconList.length > 0) resolve(sheetsIconList);
+            else reject('未获取到值，请刷新重试');
+        });
+    });
+};
+
+// 初始化获取 css 样式，获取 element plus 自带图标
+const elementPlusIconfont = () => {
+    return new Promise((resolve, reject) => {
+        nextTick(() => {
+            const styles: any = document.styleSheets;
+            let sheetsIconList = [];
+            for (let i = 0; i < styles.length; i++) {
+                for (let j = 0; j < styles[i].cssRules.length; j++) {
+                    if (styles[i].cssRules[j].selectorText && styles[i].cssRules[j].selectorText.indexOf('.el-icon-') === 0) {
+                        sheetsIconList.push(
+                            `${styles[i].cssRules[j].selectorText.substring(1, styles[i].cssRules[j].selectorText.length).replace(/\:\:before/gi, '')}`
+                        );
+                    }
+                }
+            }
+            if (sheetsIconList.length > 0) resolve(sheetsIconList);
+            else reject('未获取到值，请刷新重试');
+        });
+    });
+};
+
+// 初始化获取 css 样式，这里使用 fontawesome 的图标
+const awesomeIconfont = () => {
+    return new Promise((resolve, reject) => {
+        nextTick(() => {
+            const styles: any = document.styleSheets;
+            let sheetsList = [];
+            let sheetsIconList = [];
+            for (let i = 0; i < styles.length; i++) {
+                if (styles[i].href && styles[i].href.indexOf('netdna.bootstrapcdn.com') > -1) {
+                    sheetsList.push(styles[i]);
+                }
+            }
+            for (let i = 0; i < sheetsList.length; i++) {
+                for (let j = 0; j < sheetsList[i].cssRules.length; j++) {
+                    if (
+                        sheetsList[i].cssRules[j].selectorText &&
+                        sheetsList[i].cssRules[j].selectorText.indexOf('.fa-') === 0 &&
+                        sheetsList[i].cssRules[j].selectorText.indexOf(',') === -1
+                    ) {
+                        sheetsIconList.push(
+                            `${sheetsList[i].cssRules[j].selectorText.substring(1, sheetsList[i].cssRules[j].selectorText.length).replace(/\:\:before/gi, '')}`
+                        );
+                    }
+                }
+            }
+            if (sheetsIconList.length > 0) resolve(sheetsIconList);
+            else reject('未获取到值，请刷新重试');
+        });
+    });
+};
+
+// 定义导出方法集合
+const initIconfont = {
+    // ali: () => {
+    // 	return getAlicdnIconfont();
+    // },
+    ele: () => {
+        return elementPlusIconfont();
+    },
+    // awe: () => {
+    // 	return awesomeIconfont();
+    // },
+};
+
+// 导出方法
+export default initIconfont;