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

mayfly_go_web/src/views/system/role/ShowResource.vue

@@ -0,0 +1,89 @@
+<template>
+    <div>
+        <el-dialog @close="closeDialog" :title="title" :before-close="closeDialog" v-model="visible" width="400px">
+            <el-tree style="height: 50vh; overflow: auto" :data="resources" node-key="id" :props="defaultProps" :expand-on-click-node="false">
+                <template #default="{ node, data }">
+                    <span class="custom-tree-node">
+                        <span v-if="data.type == enums.ResourceTypeEnum.MENU.value">{{ node.label }}</span>
+                        <span v-if="data.type == enums.ResourceTypeEnum.PERMISSION.value" style="color: #67c23a">{{ node.label }}</span>
+
+                        <el-link @click.prevent="info(data)" style="margin-left: 25px" icon="el-icon-view" type="info" :underline="false" />
+                    </span>
+                </template>
+            </el-tree>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts">
+import { getCurrentInstance, toRefs, reactive, watch, defineComponent } from 'vue';
+import { ElMessageBox } from 'element-plus';
+import enums from '../enums';
+
+export default defineComponent({
+    name: 'ShowResource',
+    props: {
+        visible: {
+            type: Boolean,
+        },
+        resources: {
+            type: Array,
+        },
+        title: {
+            type: String,
+        },
+    },
+    setup(props: any, { emit }) {
+        const { proxy } = getCurrentInstance() as any;
+        const state = reactive({
+            visible: false,
+            defaultProps: {
+                children: 'children',
+                label: 'name',
+            },
+        });
+
+        watch(
+            () => props.visible,
+            (newValue, oldValue) => {
+                state.visible = newValue;
+            }
+        );
+
+        const info = (info: any) => {
+            ElMessageBox.alert(
+                '<strong style="margin-right: 18px">资源名称:</strong>' +
+                    info.name +
+                    ' <br/><strong style="margin-right: 18px">分配账号:</strong>' +
+                    info.creator +
+                    ' <br/><strong style="margin-right: 18px">分配时间:</strong>' +
+                    proxy.$filters.dateFormat(info.createTime) +
+                    '',
+                '分配信息',
+                {
+                    type: 'info',
+                    dangerouslyUseHTMLString: true,
+                    closeOnClickModal: true,
+                    showConfirmButton: false,
+                }
+            ).catch((r) => {});
+            return;
+        };
+
+        const closeDialog = () => {
+            emit('update:visible', false);
+            emit('update:resources', []);
+        };
+
+        return {
+            ...toRefs(state),
+            enums,
+            info,
+            closeDialog,
+        };
+    },
+});
+</script>
+
+<style>
+</style>