From 99e4efd83eb19c506b28a3b9b843aa4dc2378da8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Fri, 22 Dec 2023 16:19:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/table/column/index.vue      |   21 +
 src/components/table/fieldRender/index.vue |  229 +++
 src/components/table/header/index.vue      |    0
 src/components/table/index.vue             |  127 ++
 src/components/table/search/index.vue      |    0
 src/layouts/admin/components/navMenus.vue  |    2 +-
 src/layouts/admin/index.vue                |   47 +
 src/layouts/common/components/loading.vue  |    2 +-
 src/utils/common.ts                        |   65 +
 src/utils/tableStore.ts                    | 1914 ++++++++++++++++++++
 src/views/auth/menu/index.vue              |   48 +
 src/views/auth/menu/popupForm.vue          |    0
 src/views/auth/role.vue                    |    3 +
 types/table.d.ts                           |   93 +
 14 files changed, 2549 insertions(+), 2 deletions(-)
 create mode 100644 src/components/table/column/index.vue
 create mode 100644 src/components/table/fieldRender/index.vue
 create mode 100644 src/components/table/header/index.vue
 create mode 100644 src/components/table/index.vue
 create mode 100644 src/components/table/search/index.vue
 create mode 100644 src/utils/tableStore.ts
 create mode 100644 src/views/auth/menu/index.vue
 create mode 100644 src/views/auth/menu/popupForm.vue
 create mode 100644 src/views/auth/role.vue
 create mode 100644 types/table.d.ts

diff --git a/src/components/table/column/index.vue b/src/components/table/column/index.vue
new file mode 100644
index 0000000..d9f43d6
--- /dev/null
+++ b/src/components/table/column/index.vue
@@ -0,0 +1,21 @@
+<script lang="ts">
+import { defineComponent, createVNode, reactive } from 'vue'
+import { ElTableColumn } from 'element-plus'
+import { uuid } from '@/utils/random'
+export default defineComponent({
+    name: 'Column',
+    props: {
+        attr: {
+            type: Object,
+            required: true
+        }
+    },
+    setup(props, { slots }) {
+        const attr = reactive(props.attr)
+        attr['column-key'] = attr['column-key'] ? attr['column-key'] : attr.prop || uuid()
+        return () => {
+            return createVNode(ElTableColumn, attr, slots.default)
+        }
+    }
+})
+</script>
diff --git a/src/components/table/fieldRender/index.vue b/src/components/table/fieldRender/index.vue
new file mode 100644
index 0000000..e6cf2a0
--- /dev/null
+++ b/src/components/table/fieldRender/index.vue
@@ -0,0 +1,229 @@
+<template>
+    <!-- Icon -->
+    <Icon class="ba-icon-dark" v-if="field.render == 'icon'" :name="fieldValue ? fieldValue : field.default ?? ''" />
+
+    <!-- switch -->
+    <el-switch
+        v-if="field.render == 'switch'"
+        @change="onChangeField"
+        :model-value="fieldValue.toString()"
+        :loading="row.loading"
+        active-value="1"
+        inactive-value="0"
+    />
+
+    <!-- image -->
+    <div v-if="field.render == 'image' && fieldValue" class="ba-render-image">
+        <el-image
+            :hide-on-click-modal="true"
+            :preview-teleported="true"
+            :preview-src-list="[fullUrl(fieldValue)]"
+            :src="fullUrl(fieldValue)"
+        ></el-image>
+    </div>
+
+    <!-- tag -->
+    <div v-if="field.render == 'tag' && fieldValue !== ''">
+        <el-tag :type="getTagType(fieldValue, field.custom)" effect="dark">
+            {{ field.replaceValue ? field.replaceValue[fieldValue] : fieldValue }}
+        </el-tag>
+    </div>
+
+    <!-- datetime -->
+    <div v-if="field.render == 'datetime'">
+        {{ !fieldValue ? '-' : timeFormat(fieldValue, field.timeFormat ?? undefined) }}
+    </div>
+
+    <!-- color -->
+    <div v-if="field.render == 'color'">
+        <div :style="{ background: fieldValue }" class="ba-render-color"></div>
+    </div>
+
+    <!-- customTemplate 自定义模板 -->
+    <div
+        v-if="field.render == 'customTemplate'"
+        v-html="field.customTemplate ? field.customTemplate(row, field, fieldValue, column, index) : ''"
+    ></div>
+
+    <!-- 自定义组件/函数渲染 -->
+    <component
+        v-if="field.render == 'customRender'"
+        :is="field.customRender"
+        :renderRow="row"
+        :renderField="field"
+        :renderValue="fieldValue"
+        :renderColumn="column"
+        :renderIndex="index"
+    />
+
+    <!-- 按钮组 -->
+    <!-- 只对默认的编辑、删除、排序按钮进行鉴权，其他按钮请通过 display 属性控制按钮是否显示 -->
+    <div v-if="field.render == 'buttons' && field.buttons">
+        <template v-for="(btn, idx) in field.buttons" :key="idx">
+            <!-- 常规按钮 -->
+            <el-button
+                v-if="btn.render == 'basicButton'"
+                @click="onButtonClick(btn)"
+                :class="btn.class"
+                class="table-operate"
+                :type="btn.type"
+                :disabled="btn.disabled && btn.disabled(row, field)"
+                v-bind="btn.attr"
+            >
+                <Icon :name="btn.icon" />
+                <div v-if="btn.text" class="table-operate-text">{{ btn.text }}</div>
+            </el-button>
+
+            <!-- 带提示信息的按钮 -->
+            <el-tooltip
+                v-if="btn.render == 'tipButton'"
+                :disabled="btn.title && !btn.disabledTip ? false : true"
+                :content="btn.title"
+                placement="top"
+            >
+                <el-button
+                    @click="onButtonClick(btn)"
+                    :class="btn.class"
+                    class="table-operate"
+                    :type="btn.type"
+                    :disabled="btn.disabled && btn.disabled(row, field)"
+                    v-bind="btn.attr"
+                >
+                    <Icon :name="btn.icon" />
+                    <div v-if="btn.text" class="table-operate-text">{{ btn.text }}</div>
+                </el-button>
+            </el-tooltip>
+
+            <!-- 带确认框的按钮 -->
+            <el-popconfirm
+                v-if="btn.render == 'confirmButton'"
+                :disabled="btn.disabled && btn.disabled(row, field)"
+                v-bind="btn.popconfirm"
+                @confirm="onButtonClick(btn)"
+            >
+                <template #reference>
+                    <div class="ml-6">
+                        <el-tooltip :disabled="btn.title ? false : true" :content="btn.title" placement="top">
+                            <el-button
+                                :class="btn.class"
+                                class="table-operate"
+                                :type="btn.type"
+                                :disabled="btn.disabled && btn.disabled(row, field)"
+                                v-bind="btn.attr"
+                            >
+                                <Icon :name="btn.icon" />
+                                <div v-if="btn.text" class="table-operate-text">{{ btn.text }}</div>
+                            </el-button>
+                        </el-tooltip>
+                    </div>
+                </template>
+            </el-popconfirm>
+
+            <!-- 带提示的可拖拽按钮 -->
+            <el-tooltip
+                v-if="btn.render == 'moveButton' && btn.name == 'weigh-sort'"
+                :disabled="btn.title && !btn.disabledTip ? false : true"
+                :content="btn.title"
+                placement="top"
+            >
+                <el-button
+                    :class="btn.class"
+                    class="table-operate move-button"
+                    :type="btn.type"
+                    :disabled="btn.disabled && btn.disabled(row, field)"
+                    v-bind="btn.attr"
+                >
+                    <Icon :name="btn.icon" />
+                    <div v-if="btn.text" class="table-operate-text">{{ btn.text }}</div>
+                </el-button>
+            </el-tooltip>
+        </template>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, inject } from 'vue'
+import type { TagProps, TableColumnCtx } from 'element-plus'
+import type TableStoreClass from '@/utils/tableStore'
+import { fullUrl, timeFormat } from '@/utils/common'
+const TableStore = inject('tableStore') as TableStoreClass
+
+interface Props {
+    row: TableRow
+    field: TableColumn
+    column: TableColumnCtx<TableRow>
+    index: number
+}
+const props = defineProps<Props>()
+
+// 字段值（单元格值）
+const fieldName = ref(props.field.prop)
+const fieldValue = ref(fieldName.value ? props.row[fieldName.value] : '')
+if (fieldName.value && fieldName.value.indexOf('.') > -1) {
+    let fieldNameArr = fieldName.value.split('.')
+    let val: any = ref(props.row[fieldNameArr[0]])
+    for (let index = 1; index < fieldNameArr.length; index++) {
+        val.value = val.value ? val.value[fieldNameArr[index]] ?? '' : ''
+    }
+    fieldValue.value = val.value
+}
+
+if (props.field.renderFormatter && typeof props.field.renderFormatter == 'function') {
+    fieldValue.value = props.field.renderFormatter(props.row, props.field, fieldValue.value, props.column, props.index)
+}
+
+const onChangeField = (value: any) => {
+    TableStore.onTableAction('field-change', { value: value, ...props })
+}
+
+const onButtonClick = (btn: OptButton) => {
+    btn.click && btn.click(props.row, props.field)
+}
+
+const getTagType = (value: string, custom: any): TagProps['type'] => {
+    return custom && custom[value] ? custom[value] : ''
+}
+</script>
+
+<style scoped lang="scss">
+.m-10 {
+    margin: 4px;
+}
+.ba-render-image {
+    text-align: center;
+}
+.images-item {
+    width: 50px;
+    margin: 0 5px;
+}
+.el-image {
+    height: 36px;
+    width: 36px;
+}
+.table-operate-text {
+    padding-left: 5px;
+}
+.table-operate {
+    padding: 4px 5px;
+    height: auto;
+}
+.table-operate .icon {
+    font-size: 14px !important;
+    color: var(--ba-bg-color-overlay) !important;
+}
+.move-button {
+    cursor: move;
+}
+.ml-6 {
+    display: inline-flex;
+    vertical-align: middle;
+    margin-left: 6px;
+}
+.ml-6 + .el-button {
+    margin-left: 6px;
+}
+.ba-render-color {
+    height: 25px;
+    width: 100%;
+}
+</style>
diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/table/index.vue b/src/components/table/index.vue
new file mode 100644
index 0000000..a00c23d
--- /dev/null
+++ b/src/components/table/index.vue
@@ -0,0 +1,127 @@
+<template>
+    <el-table
+        ref="tableRef"
+        class="ba-data-table w100"
+        header-cell-class-name="table-header-cell"
+        :data="tableStore.table.data"
+        :row-key="tableStore.pk"
+        :border="true"
+        v-loading="tableStore.table.loading"
+        stripe
+        @selection-change="onSelectionChange"
+        v-bind="$attrs"
+    >
+        <!-- Column 组件内部是 el-table-column -->
+        <Column
+            :attr="item"
+            :key="key + '-column'"
+            v-for="(item, key) in tableStore.table.column"
+        >
+            <!-- tableStore 预设的列 render 方案 -->
+            <template v-if="item.render" #default="scope">
+                <FieldRender
+                    :field="item"
+                    :row="scope.row"
+                    :column="scope.column"
+                    :index="scope.$index"
+                    :key="
+                        key +
+                        '-' +
+                        scope.$index +
+                        '-' +
+                        item.render +
+                        '-' +
+                        (item.prop ? '-' + item.prop + '-' + scope.row[item.prop] : '')
+                    "
+                />
+            </template>
+        </Column>
+        <slot name="columnAppend"></slot>
+    </el-table>
+    <div v-if="props.pagination" class="table-pagination">
+        <el-pagination
+            :currentPage="tableStore.table.params!.pageNum"
+            :page-size="tableStore.table.params!.pageSize"
+            :page-sizes="pageSizes"
+            background
+            :layout="config.layout.shrink ? 'prev, next, jumper' : 'sizes,total, ->, prev, pager, next, jumper'"
+            :total="tableStore.table.total"
+            @size-change="onTableSizeChange"
+            @current-change="onTableCurrentChange"
+        ></el-pagination>
+    </div>
+    <slot name="footer"></slot>
+</template>
+
+<script setup lang="ts">
+import { ref, nextTick, inject, computed } from 'vue'
+import type { ElTable, TableInstance } from 'element-plus'
+import FieldRender from '@/components/table/fieldRender/index.vue'
+import Column from '@/components/table/column/index.vue'
+import { useConfig } from '@/stores/config'
+import type TableStoreClass from '@/utils/tableStore'
+
+const config = useConfig()
+const tableRef = ref<TableInstance>()
+const tableStore = inject('tableStore') as TableStoreClass
+
+interface Props extends /* @vue-ignore */ Partial<InstanceType<typeof ElTable>> {
+    pagination?: boolean
+}
+const props = withDefaults(defineProps<Props>(), {
+    pagination: true
+})
+
+const onTableSizeChange = (val: number) => {
+    tableStore.onTableAction('page-size-change', { size: val })
+}
+
+const onTableCurrentChange = (val: number) => {
+    tableStore.onTableAction('current-page-change', { page: val })
+}
+
+const pageSizes = computed(() => {
+    let defaultSizes = [10, 20, 50, 100]
+    if (tableStore.table.params!.pageSize) {
+        if (!defaultSizes.includes(tableStore.table.params!.pageSize)) {
+            defaultSizes.push(tableStore.table.params!.pageSize)
+        }
+    }
+    return defaultSizes
+})
+
+
+/*
+ * 记录选择的项
+ */
+const onSelectionChange = (selection: TableRow[]) => {
+    tableStore.onTableAction('selection-change', selection)
+}
+
+const getRef = () => {
+    return tableRef.value
+}
+
+defineExpose({
+    getRef
+})
+</script>
+
+<style scoped lang="scss">
+.ba-data-table :deep(.el-button + .el-button) {
+    margin-left: 6px;
+}
+.ba-data-table :deep(.table-header-cell) .cell {
+    color: var(--el-text-color-primary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.table-pagination {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 100%;
+    background-color: var(--ba-bg-color-overlay);
+    padding: 13px 15px;
+}
+</style>
diff --git a/src/components/table/search/index.vue b/src/components/table/search/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/layouts/admin/components/navMenus.vue b/src/layouts/admin/components/navMenus.vue
index f6b945b..14e0951 100644
--- a/src/layouts/admin/components/navMenus.vue
+++ b/src/layouts/admin/components/navMenus.vue
@@ -54,7 +54,7 @@
             <Icon
                 :color="configStore.getColorVal('headerBarTabColor')"
                 class="nav-menu-icon"
-                name="fa fa-cogs"
+                name="el-icon-Setting"
                 size="18"
             />
         </div>
diff --git a/src/layouts/admin/index.vue b/src/layouts/admin/index.vue
index 3692485..146118f 100644
--- a/src/layouts/admin/index.vue
+++ b/src/layouts/admin/index.vue
@@ -79,6 +79,53 @@ const init = () => {
                     extend: 'none'
                 }
             ]
+        },
+        {
+            'id': 2,
+            'pid': 0,
+            'type': 'menu_dir',
+            'title': '权限管理',
+            'name': 'auth',
+            'path': 'auth',
+            'icon': 'fa fa-group',
+            'menu_type': null,
+            'url': '',
+            'component': '',
+            'keepalive': 0,
+            'extend': 'none',
+            'children': [
+                {
+                    'id': 3,
+                    'pid': 2,
+                    'type': 'menu',
+                    'title': '角色管理',
+                    'name': 'auth/role',
+                    'path': 'auth/role',
+                    'icon': 'fa fa-group',
+                    'menu_type': 'tab',
+                    'url': '',
+                    'component': '/src/views/auth/role.vue',
+                    'keepalive': 'auth/role',
+                    'extend': 'none',
+                    'children': []
+                },
+                {
+                    'id': 13,
+                    'pid': 2,
+                    'type': 'menu',
+                    'title': '菜单规则管理',
+                    'name': 'auth/menu',
+                    'path': 'auth/menu',
+                    'icon': 'el-icon-Grid',
+                    'menu_type': 'tab',
+                    'url': '',
+                    'component': '/src/views/auth/menu/index.vue',
+                    'keepalive': 'auth/menu',
+                    'extend': 'none',
+                    'children': []
+                }
+
+            ]
         }
     ])
     // 预跳转到上次路径
diff --git a/src/layouts/common/components/loading.vue b/src/layouts/common/components/loading.vue
index 7feb37d..9c07c85 100644
--- a/src/layouts/common/components/loading.vue
+++ b/src/layouts/common/components/loading.vue
@@ -3,7 +3,7 @@
         <div
             v-loading="true"
             element-loading-background="var(--ba-bg-color-overlay)"
-            element-loading-text="$'utils.Loading'"
+            element-loading-text="加载中"
             class="default-main ba-main-loading"
         ></div>
         <div v-if="state.showReload" class="loading-footer">
diff --git a/src/utils/common.ts b/src/utils/common.ts
index e20da9e..10effa2 100644
--- a/src/utils/common.ts
+++ b/src/utils/common.ts
@@ -63,3 +63,68 @@ export const fullUrl = (relativeUrl: string, domain = '') => {
 export function isExternal(path: string): boolean {
     return /^(https?|ftp|mailto|tel):/.test(path)
 }
+
+/**
+ * 全局防抖
+ * 与 _.debounce 不同的是，间隔期间如果再次传递不同的函数，两个函数也只会执行一次
+ * @param fn 执行函数
+ * @param ms 间隔毫秒数
+ */
+export const debounce = (fn: Function, ms: number) => {
+    return (...args: any[]) => {
+        if (window.lazy) {
+            clearTimeout(window.lazy)
+        }
+        window.lazy = window.setTimeout(() => {
+            fn(...args)
+        }, ms)
+    }
+}
+
+/**
+ * 字符串补位
+ */
+const padStart = (str: string, maxLength: number, fillString = ' ') => {
+    if (str.length >= maxLength) return str
+
+    const fillLength = maxLength - str.length
+    let times = Math.ceil(fillLength / fillString.length)
+    while ((times >>= 1)) {
+        fillString += fillString
+        if (times === 1) {
+            fillString += fillString
+        }
+    }
+    return fillString.slice(0, fillLength) + str
+}
+
+/**
+ * 格式化时间戳
+ * @param dateTime 时间戳
+ * @param fmt 格式化方式，默认：yyyy-mm-dd hh:MM:ss
+ */
+export const timeFormat = (dateTime: string | number | null = null, fmt = 'yyyy-mm-dd hh:MM:ss') => {
+    if (dateTime == 'none') return '-'
+    if (!dateTime) dateTime = Number(new Date())
+    if (dateTime.toString().length === 10) {
+        dateTime = +dateTime * 1000
+    }
+
+    const date = new Date(dateTime)
+    let ret
+    const opt: anyObj = {
+        'y+': date.getFullYear().toString(), // 年
+        'm+': (date.getMonth() + 1).toString(), // 月
+        'd+': date.getDate().toString(), // 日
+        'h+': date.getHours().toString(), // 时
+        'M+': date.getMinutes().toString(), // 分
+        's+': date.getSeconds().toString() // 秒
+    }
+    for (const k in opt) {
+        ret = new RegExp('(' + k + ')').exec(fmt)
+        if (ret) {
+            fmt = fmt.replace(ret[1], ret[1].length == 1 ? opt[k] : padStart(opt[k], ret[1].length, '0'))
+        }
+    }
+    return fmt
+}
diff --git a/src/utils/tableStore.ts b/src/utils/tableStore.ts
new file mode 100644
index 0000000..b8f5bc6
--- /dev/null
+++ b/src/utils/tableStore.ts
@@ -0,0 +1,1914 @@
+import { reactive } from 'vue'
+
+interface TableStoreParams {
+    url: string
+    pk?: string
+    column: TableColumn[]
+    params?: anyObj
+}
+export default class TableStore {
+    public url
+    public pk
+    public table: CnTable = reactive({
+        ref: null,
+        selection: [],
+        data: [],
+        total: 0,
+        params: {
+            pageNum: 1,
+            pageSize: 10
+        },
+        loading: true,
+        column: []
+    })
+
+    constructor(public options: TableStoreParams) {
+        this.url = options.url
+        this.pk = options.pk || 'id'
+        this.table.column = options.column
+        Object.assign(this.table.params, options.params)
+    }
+    index() {
+        // 请求
+        this.table.data = [
+            {
+                id: 1,
+                pid: 0,
+                type: 'menu',
+                title: '控制台',
+                name: 'dashboard',
+                path: 'dashboard',
+                icon: 'fa fa-dashboard',
+                menu_type: 'tab',
+                url: '',
+                component: '/src/views/backend/dashboard.vue',
+                keepalive: 1,
+                extend: 'none',
+                remark: 'Remark lang',
+                weigh: 999,
+                status: '1',
+                update_time: 1651926966,
+                create_time: 1646889188,
+                children: [
+                    {
+                        id: 94,
+                        pid: 1,
+                        type: 'button',
+                        title: '查看',
+                        name: 'dashboard/index',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 0,
+                        status: '1',
+                        update_time: 1694467750,
+                        create_time: 1694467750
+                    }
+                ]
+            },
+            {
+                id: 2,
+                pid: 0,
+                type: 'menu_dir',
+                title: '权限管理',
+                name: 'auth',
+                path: 'auth',
+                icon: 'fa fa-group',
+                menu_type: null,
+                url: '',
+                component: '',
+                keepalive: 0,
+                extend: 'none',
+                remark: '',
+                weigh: 100,
+                status: '1',
+                update_time: 1648948034,
+                create_time: 1645876529,
+                children: [
+                    {
+                        id: 3,
+                        pid: 2,
+                        type: 'menu',
+                        title: '角色组管理',
+                        name: 'auth/group',
+                        path: 'auth/group',
+                        icon: 'fa fa-group',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/auth/group/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 99,
+                        status: '1',
+                        update_time: 1648162157,
+                        create_time: 1646927597,
+                        children: [
+                            {
+                                id: 4,
+                                pid: 3,
+                                type: 'button',
+                                title: '查看',
+                                name: 'auth/group/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 99,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 5,
+                                pid: 3,
+                                type: 'button',
+                                title: '添加',
+                                name: 'auth/group/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 99,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 6,
+                                pid: 3,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'auth/group/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 99,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 7,
+                                pid: 3,
+                                type: 'button',
+                                title: '删除',
+                                name: 'auth/group/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 99,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 8,
+                        pid: 2,
+                        type: 'menu',
+                        title: '管理员管理',
+                        name: 'auth/admin',
+                        path: 'auth/admin',
+                        icon: 'el-icon-UserFilled',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/auth/admin/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 98,
+                        status: '1',
+                        update_time: 1648067239,
+                        create_time: 1647549566,
+                        children: [
+                            {
+                                id: 9,
+                                pid: 8,
+                                type: 'button',
+                                title: '查看',
+                                name: 'auth/admin/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 98,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 10,
+                                pid: 8,
+                                type: 'button',
+                                title: '添加',
+                                name: 'auth/admin/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 98,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 11,
+                                pid: 8,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'auth/admin/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 98,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 12,
+                                pid: 8,
+                                type: 'button',
+                                title: '删除',
+                                name: 'auth/admin/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 98,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 13,
+                        pid: 2,
+                        type: 'menu',
+                        title: '菜单规则管理',
+                        name: 'auth/rule',
+                        path: 'auth/rule',
+                        icon: 'el-icon-Grid',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/auth/rule/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 97,
+                        status: '1',
+                        update_time: 1648133759,
+                        create_time: 1645876529,
+                        children: [
+                            {
+                                id: 14,
+                                pid: 13,
+                                type: 'button',
+                                title: '查看',
+                                name: 'auth/rule/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 97,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 15,
+                                pid: 13,
+                                type: 'button',
+                                title: '添加',
+                                name: 'auth/rule/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 97,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 16,
+                                pid: 13,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'auth/rule/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 97,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 17,
+                                pid: 13,
+                                type: 'button',
+                                title: '删除',
+                                name: 'auth/rule/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 97,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 18,
+                                pid: 13,
+                                type: 'button',
+                                title: '快速排序',
+                                name: 'auth/rule/sortable',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 97,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 19,
+                        pid: 2,
+                        type: 'menu',
+                        title: '管理员日志管理',
+                        name: 'auth/adminLog',
+                        path: 'auth/adminLog',
+                        icon: 'el-icon-List',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/auth/adminLog/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 96,
+                        status: '1',
+                        update_time: 1648067241,
+                        create_time: 1647963918,
+                        children: [
+                            {
+                                id: 20,
+                                pid: 19,
+                                type: 'button',
+                                title: '查看',
+                                name: 'auth/adminLog/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 96,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                id: 21,
+                pid: 0,
+                type: 'menu_dir',
+                title: '会员管理',
+                name: 'user',
+                path: 'user',
+                icon: 'fa fa-drivers-license',
+                menu_type: null,
+                url: '',
+                component: '',
+                keepalive: 0,
+                extend: 'none',
+                remark: '',
+                weigh: 95,
+                status: '1',
+                update_time: 1648947448,
+                create_time: 1648049553,
+                children: [
+                    {
+                        id: 22,
+                        pid: 21,
+                        type: 'menu',
+                        title: '会员管理',
+                        name: 'user/user',
+                        path: 'user/user',
+                        icon: 'fa fa-user',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/user/user/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 94,
+                        status: '1',
+                        update_time: 1648255019,
+                        create_time: 1648049712,
+                        children: [
+                            {
+                                id: 23,
+                                pid: 22,
+                                type: 'button',
+                                title: '查看',
+                                name: 'user/user/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 94,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 24,
+                                pid: 22,
+                                type: 'button',
+                                title: '添加',
+                                name: 'user/user/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 94,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 25,
+                                pid: 22,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'user/user/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 94,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 26,
+                                pid: 22,
+                                type: 'button',
+                                title: '删除',
+                                name: 'user/user/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 94,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 27,
+                        pid: 21,
+                        type: 'menu',
+                        title: '会员分组管理',
+                        name: 'user/group',
+                        path: 'user/group',
+                        icon: 'fa fa-group',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/user/group/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 93,
+                        status: '1',
+                        update_time: 1648067248,
+                        create_time: 1648051141,
+                        children: [
+                            {
+                                id: 28,
+                                pid: 27,
+                                type: 'button',
+                                title: '查看',
+                                name: 'user/group/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 93,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 29,
+                                pid: 27,
+                                type: 'button',
+                                title: '添加',
+                                name: 'user/group/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 93,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 30,
+                                pid: 27,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'user/group/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 93,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 31,
+                                pid: 27,
+                                type: 'button',
+                                title: '删除',
+                                name: 'user/group/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 93,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 32,
+                        pid: 21,
+                        type: 'menu',
+                        title: '会员规则管理',
+                        name: 'user/rule',
+                        path: 'user/rule',
+                        icon: 'fa fa-th-list',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/user/rule/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 92,
+                        status: '1',
+                        update_time: 1648067247,
+                        create_time: 1648051207,
+                        children: [
+                            {
+                                id: 33,
+                                pid: 32,
+                                type: 'button',
+                                title: '查看',
+                                name: 'user/rule/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 92,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 34,
+                                pid: 32,
+                                type: 'button',
+                                title: '添加',
+                                name: 'user/rule/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 92,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 35,
+                                pid: 32,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'user/rule/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 92,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 36,
+                                pid: 32,
+                                type: 'button',
+                                title: '删除',
+                                name: 'user/rule/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 92,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 37,
+                                pid: 32,
+                                type: 'button',
+                                title: '快速排序',
+                                name: 'user/rule/sortable',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 92,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 38,
+                        pid: 21,
+                        type: 'menu',
+                        title: '会员余额管理',
+                        name: 'user/moneyLog',
+                        path: 'user/moneyLog',
+                        icon: 'el-icon-Money',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/user/moneyLog/index.vue',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 91,
+                        status: '1',
+                        update_time: 1648437356,
+                        create_time: 1648052587,
+                        children: [
+                            {
+                                id: 39,
+                                pid: 38,
+                                type: 'button',
+                                title: '查看',
+                                name: 'user/moneyLog/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 91,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 40,
+                                pid: 38,
+                                type: 'button',
+                                title: '添加',
+                                name: 'user/moneyLog/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 91,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 41,
+                        pid: 21,
+                        type: 'menu',
+                        title: '会员积分管理',
+                        name: 'user/scoreLog',
+                        path: 'user/scoreLog',
+                        icon: 'el-icon-Discount',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/user/scoreLog/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 90,
+                        status: '1',
+                        update_time: 1648067246,
+                        create_time: 1648052689,
+                        children: [
+                            {
+                                id: 42,
+                                pid: 41,
+                                type: 'button',
+                                title: '查看',
+                                name: 'user/scoreLog/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 90,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 43,
+                                pid: 41,
+                                type: 'button',
+                                title: '添加',
+                                name: 'user/scoreLog/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 90,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                id: 44,
+                pid: 0,
+                type: 'menu_dir',
+                title: '常规管理',
+                name: 'routine',
+                path: 'routine',
+                icon: 'fa fa-cogs',
+                menu_type: null,
+                url: '',
+                component: '',
+                keepalive: 0,
+                extend: 'none',
+                remark: '',
+                weigh: 89,
+                status: '1',
+                update_time: 1648133739,
+                create_time: 1645876529,
+                children: [
+                    {
+                        id: 45,
+                        pid: 44,
+                        type: 'menu',
+                        title: '系统配置',
+                        name: 'routine/config',
+                        path: 'routine/config',
+                        icon: 'el-icon-Tools',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/routine/config/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 88,
+                        status: '1',
+                        update_time: 1648781089,
+                        create_time: 1648053389,
+                        children: [
+                            {
+                                id: 46,
+                                pid: 45,
+                                type: 'button',
+                                title: '查看',
+                                name: 'routine/config/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 88,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 47,
+                                pid: 45,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'routine/config/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 88,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 77,
+                                pid: 45,
+                                type: 'button',
+                                title: '添加',
+                                name: 'routine/config/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 88,
+                                status: '1',
+                                update_time: 1655375826,
+                                create_time: 1655375812
+                            }
+                        ]
+                    },
+                    {
+                        id: 48,
+                        pid: 44,
+                        type: 'menu',
+                        title: '附件管理',
+                        name: 'routine/attachment',
+                        path: 'routine/attachment',
+                        icon: 'fa fa-folder',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/routine/attachment/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: 'Remark lang',
+                        weigh: 87,
+                        status: '1',
+                        update_time: 1648067228,
+                        create_time: 1647105410,
+                        children: [
+                            {
+                                id: 49,
+                                pid: 48,
+                                type: 'button',
+                                title: '查看',
+                                name: 'routine/attachment/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 87,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 50,
+                                pid: 48,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'routine/attachment/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 87,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 51,
+                                pid: 48,
+                                type: 'button',
+                                title: '删除',
+                                name: 'routine/attachment/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 87,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 52,
+                        pid: 44,
+                        type: 'menu',
+                        title: '个人资料',
+                        name: 'routine/adminInfo',
+                        path: 'routine/adminInfo',
+                        icon: 'fa fa-user',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/routine/adminInfo.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 86,
+                        status: '1',
+                        update_time: 1648067229,
+                        create_time: 1645876529,
+                        children: [
+                            {
+                                id: 53,
+                                pid: 52,
+                                type: 'button',
+                                title: '查看',
+                                name: 'routine/adminInfo/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 86,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 54,
+                                pid: 52,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'routine/adminInfo/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 86,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                id: 78,
+                pid: 0,
+                type: 'menu',
+                title: '模块市场',
+                name: 'moduleStore/moduleStore',
+                path: 'moduleStore',
+                icon: 'el-icon-GoodsFilled',
+                menu_type: 'tab',
+                url: '',
+                component: '/src/views/backend/module/index.vue',
+                keepalive: 1,
+                extend: 'none',
+                remark: '',
+                weigh: 86,
+                status: '1',
+                update_time: 1661317584,
+                create_time: 1661317424,
+                children: [
+                    {
+                        id: 83,
+                        pid: 78,
+                        type: 'button',
+                        title: '更新',
+                        name: 'moduleStore/moduleStore/update',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 5,
+                        status: '1',
+                        update_time: 1648065864,
+                        create_time: 1647806112
+                    },
+                    {
+                        id: 82,
+                        pid: 78,
+                        type: 'button',
+                        title: '卸载',
+                        name: 'moduleStore/moduleStore/uninstall',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 4,
+                        status: '1',
+                        update_time: 1648065864,
+                        create_time: 1647806112
+                    },
+                    {
+                        id: 81,
+                        pid: 78,
+                        type: 'button',
+                        title: '调整状态',
+                        name: 'moduleStore/moduleStore/changeState',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 3,
+                        status: '1',
+                        update_time: 1648065864,
+                        create_time: 1647806112
+                    },
+                    {
+                        id: 80,
+                        pid: 78,
+                        type: 'button',
+                        title: '安装',
+                        name: 'moduleStore/moduleStore/install',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 2,
+                        status: '1',
+                        update_time: 1648065864,
+                        create_time: 1647806112
+                    },
+                    {
+                        id: 79,
+                        pid: 78,
+                        type: 'button',
+                        title: '查看',
+                        name: 'moduleStore/moduleStore/index',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 1,
+                        status: '1',
+                        update_time: 1648065864,
+                        create_time: 1647806112
+                    }
+                ]
+            },
+            {
+                id: 55,
+                pid: 0,
+                type: 'menu_dir',
+                title: '数据安全管理',
+                name: 'security',
+                path: 'security',
+                icon: 'fa fa-shield',
+                menu_type: null,
+                url: '',
+                component: '',
+                keepalive: 0,
+                extend: 'none',
+                remark: '',
+                weigh: 85,
+                status: '1',
+                update_time: 1649853629,
+                create_time: 1648948025,
+                children: [
+                    {
+                        id: 56,
+                        pid: 55,
+                        type: 'menu',
+                        title: '数据回收站',
+                        name: 'security/dataRecycleLog',
+                        path: 'security/dataRecycleLog',
+                        icon: 'fa fa-database',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/security/dataRecycleLog/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 84,
+                        status: '1',
+                        update_time: 1651603319,
+                        create_time: 1648948283,
+                        children: [
+                            {
+                                id: 57,
+                                pid: 56,
+                                type: 'button',
+                                title: '查看',
+                                name: 'security/dataRecycleLog/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 84,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 58,
+                                pid: 56,
+                                type: 'button',
+                                title: '删除',
+                                name: 'security/dataRecycleLog/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 84,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 59,
+                                pid: 56,
+                                type: 'button',
+                                title: '还原',
+                                name: 'security/dataRecycleLog/restore',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 84,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 60,
+                                pid: 56,
+                                type: 'button',
+                                title: '查看详情',
+                                name: 'security/dataRecycleLog/info',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 84,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 61,
+                        pid: 55,
+                        type: 'menu',
+                        title: '敏感数据修改记录',
+                        name: 'security/sensitiveDataLog',
+                        path: 'security/sensitiveDataLog',
+                        icon: 'fa fa-expeditedssl',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/security/sensitiveDataLog/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 83,
+                        status: '1',
+                        update_time: 1649112262,
+                        create_time: 1649059604,
+                        children: [
+                            {
+                                id: 62,
+                                pid: 61,
+                                type: 'button',
+                                title: '查看',
+                                name: 'security/sensitiveDataLog/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 83,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 63,
+                                pid: 61,
+                                type: 'button',
+                                title: '删除',
+                                name: 'security/sensitiveDataLog/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 83,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 64,
+                                pid: 61,
+                                type: 'button',
+                                title: '回滚',
+                                name: 'security/sensitiveDataLog/rollback',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 83,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 65,
+                                pid: 61,
+                                type: 'button',
+                                title: '查看详情',
+                                name: 'security/sensitiveDataLog/info',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 83,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 66,
+                        pid: 55,
+                        type: 'menu',
+                        title: '数据回收规则管理',
+                        name: 'security/dataRecycle',
+                        path: 'security/dataRecycle',
+                        icon: 'fa fa-database',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/security/dataRecycle/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '在此定义需要回收的数据，实现数据自动统一回收',
+                        weigh: 82,
+                        status: '1',
+                        update_time: 1651603319,
+                        create_time: 1648948215,
+                        children: [
+                            {
+                                id: 67,
+                                pid: 66,
+                                type: 'button',
+                                title: '查看',
+                                name: 'security/dataRecycle/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 82,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 68,
+                                pid: 66,
+                                type: 'button',
+                                title: '添加',
+                                name: 'security/dataRecycle/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 82,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 69,
+                                pid: 66,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'security/dataRecycle/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 82,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 70,
+                                pid: 66,
+                                type: 'button',
+                                title: '删除',
+                                name: 'security/dataRecycle/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 82,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    },
+                    {
+                        id: 71,
+                        pid: 55,
+                        type: 'menu',
+                        title: '敏感字段规则管理',
+                        name: 'security/sensitiveData',
+                        path: 'security/sensitiveData',
+                        icon: 'fa fa-expeditedssl',
+                        menu_type: 'tab',
+                        url: '',
+                        component: '/src/views/backend/security/sensitiveData/index.vue',
+                        keepalive: 1,
+                        extend: 'none',
+                        remark: '在此定义需要保护的敏感字段，随后系统将自动监听该字段的修改操作，并提供了敏感字段的修改回滚功能',
+                        weigh: 81,
+                        status: '1',
+                        update_time: 1649112263,
+                        create_time: 1649005119,
+                        children: [
+                            {
+                                id: 72,
+                                pid: 71,
+                                type: 'button',
+                                title: '查看',
+                                name: 'security/sensitiveData/index',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 81,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 73,
+                                pid: 71,
+                                type: 'button',
+                                title: '添加',
+                                name: 'security/sensitiveData/add',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 81,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            },
+                            {
+                                id: 74,
+                                pid: 71,
+                                type: 'button',
+                                title: '编辑',
+                                name: 'security/sensitiveData/edit',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 81,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806129
+                            },
+                            {
+                                id: 75,
+                                pid: 71,
+                                type: 'button',
+                                title: '删除',
+                                name: 'security/sensitiveData/del',
+                                path: '',
+                                icon: '',
+                                menu_type: null,
+                                url: '',
+                                component: '',
+                                keepalive: 0,
+                                extend: 'none',
+                                remark: '',
+                                weigh: 81,
+                                status: '1',
+                                update_time: 1648065864,
+                                create_time: 1647806112
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                id: 90,
+                pid: 0,
+                type: 'menu',
+                title: 'CRUD代码生成',
+                name: 'crud/crud',
+                path: 'crud/crud',
+                icon: 'fa fa-code',
+                menu_type: 'tab',
+                url: '',
+                component: '/src/views/backend/crud/index.vue',
+                keepalive: 1,
+                extend: 'none',
+                remark: '',
+                weigh: 80,
+                status: '1',
+                update_time: 1668848266,
+                create_time: 1668848266,
+                children: []
+            },
+            {
+                id: 76,
+                pid: 0,
+                type: 'menu',
+                title: 'BuildAdmin',
+                name: 'buildadmin',
+                path: 'buildadmin',
+                icon: 'local-logo',
+                menu_type: 'link',
+                url: 'https://doc.buildadmin.com',
+                component: '',
+                keepalive: 0,
+                extend: 'none',
+                remark: '',
+                weigh: 0,
+                status: '0',
+                update_time: 1651926977,
+                create_time: 1648947396,
+                children: []
+            },
+            {
+                id: 84,
+                pid: 0,
+                type: 'menu',
+                title: '知识库（可修改）',
+                name: 'testBuild',
+                path: 'testBuild',
+                icon: 'el-icon-Notebook',
+                menu_type: 'tab',
+                url: '',
+                component: '/src/views/backend/testBuild/index.vue',
+                keepalive: 0,
+                extend: 'none',
+                remark: '',
+                weigh: 0,
+                status: '1',
+                update_time: 1663685642,
+                create_time: 1663685461,
+                children: [
+                    {
+                        id: 91,
+                        pid: 84,
+                        type: 'button',
+                        title: '查看',
+                        name: 'crud/crud/index',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 3,
+                        status: '1',
+                        update_time: 1668848809,
+                        create_time: 1668848770
+                    },
+                    {
+                        id: 92,
+                        pid: 84,
+                        type: 'button',
+                        title: '生成',
+                        name: 'crud/crud/generate',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 2,
+                        status: '1',
+                        update_time: 1668848809,
+                        create_time: 1668848770
+                    },
+                    {
+                        id: 93,
+                        pid: 84,
+                        type: 'button',
+                        title: '删除',
+                        name: 'crud/crud/delete',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 1,
+                        status: '1',
+                        update_time: 1668848921,
+                        create_time: 1668848921
+                    },
+                    {
+                        id: 85,
+                        pid: 84,
+                        type: 'button',
+                        title: '查看',
+                        name: 'testBuild/index',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 0,
+                        status: '1',
+                        update_time: 1663685461,
+                        create_time: 1663685461
+                    },
+                    {
+                        id: 86,
+                        pid: 84,
+                        type: 'button',
+                        title: '添加',
+                        name: 'testBuild/add',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 0,
+                        status: '1',
+                        update_time: 1663685461,
+                        create_time: 1663685461
+                    },
+                    {
+                        id: 87,
+                        pid: 84,
+                        type: 'button',
+                        title: '编辑',
+                        name: 'testBuild/edit',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 0,
+                        status: '1',
+                        update_time: 1663685461,
+                        create_time: 1663685461
+                    },
+                    {
+                        id: 88,
+                        pid: 84,
+                        type: 'button',
+                        title: '删除',
+                        name: 'testBuild/del',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 0,
+                        status: '1',
+                        update_time: 1663685461,
+                        create_time: 1663685461
+                    },
+                    {
+                        id: 89,
+                        pid: 84,
+                        type: 'button',
+                        title: '快速排序',
+                        name: 'testBuild/sortable',
+                        path: '',
+                        icon: '',
+                        menu_type: null,
+                        url: '',
+                        component: '',
+                        keepalive: 0,
+                        extend: 'none',
+                        remark: '',
+                        weigh: 0,
+                        status: '1',
+                        update_time: 1663685461,
+                        create_time: 1663685461
+                    }
+                ]
+            }
+        ]
+        this.table.loading = false
+    }
+    /**
+     * 表格内的事件统一响应
+     * @param event 事件:selection-change=选中项改变,page-size-change=每页数量改变,current-page-change=翻页
+     * @param data 携带数据
+     */
+    onTableAction = (event: string, data: anyObj) => {
+        const actionFun = new Map([
+            [
+                'selection-change',
+                () => {
+                    this.table.selection = data as TableRow[]
+                }
+            ],
+            [
+                'page-size-change',
+                () => {
+                    this.table.params!.pageSize = data.size
+                }
+            ],
+            [
+                'current-page-change',
+                () => {
+                    this.table.params!.pageNum = data.page
+                    this.index()
+                }
+            ],
+            [
+                'field-change',
+                () => {
+                    console.warn('field-change')
+                }
+            ],
+            [
+                'default',
+                () => {
+                    console.warn('No action defined')
+                }
+            ]
+        ])
+
+        const action = actionFun.get(event) || actionFun.get('default')
+        action!.call(this)
+    }
+}
diff --git a/src/views/auth/menu/index.vue b/src/views/auth/menu/index.vue
new file mode 100644
index 0000000..f54b060
--- /dev/null
+++ b/src/views/auth/menu/index.vue
@@ -0,0 +1,48 @@
+<template>
+    <Table ref="tableRef" :pagination="false" />
+</template>
+<script setup lang="ts">
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+defineOptions({
+    name: 'auth/menu'
+})
+const tableRef = ref()
+const tableStore = new TableStore({
+    url: '/menu',
+    column: [
+        { type: 'selection', align: 'center', width: '60' },
+        { label: '标题', prop: 'title', align: 'left' },
+        {
+            label: '图标',
+            prop: 'icon',
+            align: 'center',
+            width: '60',
+            render: 'icon',
+            default: 'fa fa-circle-o'
+        },
+        {
+            label: '操作',
+            align: 'center',
+            width: '130',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '编辑',
+                    type: 'primary',
+                    icon: 'el-icon-EditPen',
+                    render: 'tipButton'
+                }
+            ]
+        }
+    ]
+})
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    tableStore.table.ref = tableRef.value
+    tableStore.index()
+})
+</script>
diff --git a/src/views/auth/menu/popupForm.vue b/src/views/auth/menu/popupForm.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/auth/role.vue b/src/views/auth/role.vue
new file mode 100644
index 0000000..a8b7ca7
--- /dev/null
+++ b/src/views/auth/role.vue
@@ -0,0 +1,3 @@
+<template>
+    role
+</template>
\ No newline at end of file
diff --git a/types/table.d.ts b/types/table.d.ts
new file mode 100644
index 0000000..e123a5c
--- /dev/null
+++ b/types/table.d.ts
@@ -0,0 +1,93 @@
+import Table from '@/components/table/index.vue'
+import { Component } from 'vue'
+
+import type { PopconfirmProps, ButtonType, FormInstance, ButtonProps, TableColumnCtx, ColProps } from 'element-plus'
+import { Mutable } from 'element-plus/es/utils'
+
+declare global {
+    interface CnTable {
+        ref: typeof Table | null
+        data: TableRow[]
+        // 表格加载状态
+        loading: boolean
+        // 当前选中行
+        selection: TableRow[]
+        // 表格列定义
+        column: TableColumn[]
+        // 数据总量
+        total: number
+        params: {
+            pageNum?: number
+            pageSize?: number
+            [key: string]: any
+        }
+    }
+
+    /* 表格行 */
+    interface TableRow extends anyObj {
+        children?: TableRow[]
+    }
+
+    /* 表格列 */
+    interface TableColumn extends Partial<TableColumnCtx<TableRow>> {
+        render?:
+            | 'icon'
+            | 'switch'
+            | 'image'
+            | 'tag'
+            | 'datetime'
+            | 'color'
+            | 'buttons'
+            | 'slot'
+            | 'customTemplate'
+            | 'customRender'
+        // 默认值
+        default?: any
+        // 操作按钮组
+        buttons?: OptButton[]
+        // 自定义数据:比如渲染为Tag时,可以指定不同值时的Tag的Type属性 { open: 'success', close: 'info' }
+        custom?: any
+        // 值替换数据,如{open: '开'}
+        replaceValue?: any
+        // 时间格式化
+        timeFormat?: string
+        // 自定义组件/函数渲染
+        customRender?: string | Component
+        // 使用了 render 属性时,渲染前对字段值的预处理方法，请返回新值
+        renderFormatter?: (
+            row: TableRow,
+            field: TableColumn,
+            value: any,
+            column: TableColumnCtx<TableRow>,
+            index: number
+        ) => any
+        // 自定义渲染模板，方法可返回html内容
+        customTemplate?: (
+            row: TableRow,
+            field: TableColumn,
+            value: any,
+            column: TableColumnCtx<TableRow>,
+            index: number
+        ) => string
+    }
+
+    /* 表格右侧操作按钮 */
+    interface OptButton {
+        // 渲染方式:tipButton=带tip的按钮,confirmButton=带确认框的按钮,moveButton=移动按钮,basicButton=普通按钮
+        render: 'tipButton' | 'confirmButton' | 'moveButton' | 'basicButton'
+        name: string
+        title?: string
+        text?: string
+        class?: string
+        type: ButtonType
+        icon: string
+        popconfirm?: Partial<Mutable<PopconfirmProps>>
+        disabledTip?: boolean
+        // 自定义点击事件
+        click?: (row: TableRow, field: TableColumn) => void
+        // 按钮是否禁用，请返回布尔值
+        disabled?: (row: TableRow, field: TableColumn) => boolean
+        // 自定义el-button属性
+        attr?: Partial<Mutable<ButtonProps>>
+    }
+}