+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/vAside/components/Logo.vue b/src/layout/components/vAside/components/Logo.vue
new file mode 100644
index 0000000..787e4aa
--- /dev/null
+++ b/src/layout/components/vAside/components/Logo.vue
@@ -0,0 +1,59 @@
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/vAside/components/index.vue b/src/layout/components/vAside/components/index.vue
new file mode 100644
index 0000000..67245e9
--- /dev/null
+++ b/src/layout/components/vAside/components/index.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/vHeader/components/SettingView.vue b/src/layout/components/vHeader/components/SettingView.vue
new file mode 100644
index 0000000..50c374d
--- /dev/null
+++ b/src/layout/components/vHeader/components/SettingView.vue
@@ -0,0 +1,120 @@
+
+
+
+ 布局方式
+
+
+
+
+
+
+
diff --git a/src/layout/components/vHeader/components/TagsView.vue b/src/layout/components/vHeader/components/TagsView.vue
new file mode 100644
index 0000000..f8295ee
--- /dev/null
+++ b/src/layout/components/vHeader/components/TagsView.vue
@@ -0,0 +1,310 @@
+
+
+
+
+
+
diff --git a/src/layout/components/vHeader/vHeader.vue b/src/layout/components/vHeader/vHeader.vue
new file mode 100644
index 0000000..2b4031e
--- /dev/null
+++ b/src/layout/components/vHeader/vHeader.vue
@@ -0,0 +1,249 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 经典
+
+
+
+
+
+
+ 单栏
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/vMain/vMain.vue b/src/layout/components/vMain/vMain.vue
new file mode 100644
index 0000000..aae66e4
--- /dev/null
+++ b/src/layout/components/vMain/vMain.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/index.vue b/src/layout/index.vue
new file mode 100644
index 0000000..a95534e
--- /dev/null
+++ b/src/layout/index.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
+
diff --git a/src/layout/streamline/index.vue b/src/layout/streamline/index.vue
new file mode 100644
index 0000000..3901243
--- /dev/null
+++ b/src/layout/streamline/index.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..7ec7b5f
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,40 @@
+import { createApp } from 'vue' //引入vue
+const app = createApp(App)// 创建vue实例
+import App from './App.vue'//引入入口组件
+import router from './router/index'// 引入路由
+import ElementPlus from 'element-plus'//引入element-plus
+import 'element-plus/dist/index.css'//引入element-plus样式
+import './assets/style/style.scss'//引入全局样式
+import "@/permission.ts"//路由钩子权限
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'//引入element-plus图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
+}// 全局导入plus图标
+
+import directive from "@/directive/index";// 引入全局自定义指令
+app.use(directive);//注册全局自定义指令
+
+import * as filters from "@/utils/filters.ts";//引入全局过滤器
+app.config.globalProperties.$filters =filters//注册全局过滤器
+
+import vlog from '@/utils/vue-awesome-console.ts'//解决console.log打印出对象的问题 自己用的
+// 你可以选择将 vlog 方法挂在 console 对象上，然后像使用 console.log 一样使用 console.vlog
+// 同时你也可以根据项目中的开发/生产模式，进行不同的使用方式
+if (process.env.NODE_ENV === 'development') {
+ // @ts-ignore
+ window.console.vlog = vlog
+} else {
+ // @ts-ignore
+ window.console.vlog = () => {}
+}
+import Pagination from '@/components/Pagination/index.vue'//引入分页组件
+app.component('Pagination', Pagination)//注册分页
+import YunzerDialog from '@/components/YunzerDialog/index.vue'//引入dialog组件
+app.component('YunzerDialog', YunzerDialog)//注册dialog
+import {createPinia} from 'pinia'//(读音：皮尼亚)引入状态管理
+const pinia = createPinia()// 创建pinia实例
+app.use(router)// 注册路由
+app.use(ElementPlus)// 注册element-plus
+app.use(pinia)// 注册状态管理
+app.mount('#app')// 挂载vue实例
+
diff --git a/src/permission.ts b/src/permission.ts
new file mode 100644
index 0000000..d677fd1
--- /dev/null
+++ b/src/permission.ts
@@ -0,0 +1,56 @@
+import router from './router/index'
+import { useUserStore } from '@/store/user'
+import { usePermissionStore } from '@/store/permission'
+import {getToken} from '@/utils/storage.ts'
+import NProgress from 'nprogress'
+import'nprogress/nprogress.css'
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+const whiteList = ['/login','/test'] // 白名单
+router.beforeEach(async (to) => {
+ NProgress.start();
+ document.title = `${to.meta.title} | Yunzer-Admin`
+ const hasToken = getToken('Access-Token')
+ const userStore = useUserStore()
+ const permissionStore = usePermissionStore()
+ // if (hasToken) {//判断token是否存在 存在即为已经登录
+ // if (to.path !== "/login") {
+ // if (userStore.init) { // 获取了动态路由 init一定true,就无需再次请求 直接放行
+ // return true
+ // }else {
+ // // init为false,一定没有获取动态路由,就跳转到获取动态路由的方法
+ // const result:any = await userStore.getInfo() //获取路由
+ // const accessRoutes:any = await permissionStore.generateRoutes(result.menus) //解析路由,存储路由
+ // // console.log("accessRoutes",accessRoutes);
+ // // 动态挂载路由
+ // accessRoutes.forEach((route:any) => {
+ // router.addRoute(route)
+ // })
+ // userStore.init = true//init改为true,路由初始化完成
+ // return { ...to, replace: true }// hack方法 确保addRoute已完成
+
+ // }
+ // }else {
+ // NProgress.done()
+ // return '/'
+ // }
+
+ // }else {
+ // // 白名单，直接放行
+ // if (whiteList.indexOf(to.path) > -1) return true
+ // // 非白名单，去登录
+ // else return '/login'
+ // NProgress.done()
+ // }
+})
+router.afterEach(() => {
+ // finish progress bar
+ NProgress.done()
+})
+// 1. 在路由钩子里面判断是否首次进入系统(permission.ts)
+// 2. init为true说明已经获取过路由,就直接放行,init为false则向后台请求用户路由
+// 3. 获取路由
+// 4. 解析路由,存储权限
+// 5. 使用router的api,addRouter拼接路由
+// 6. 存储路由
+// 7. init改为true,路由初始化完成
+// 8. 放行路由
diff --git a/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 0000000..783fbe1
--- /dev/null
+++ b/src/router/index.ts
@@ -0,0 +1,69 @@
+import {createRouter, createWebHashHistory } from 'vue-router'
+import Layout from '@/layout/index.vue'
+//constantRoutes 静态路由 登陆，首页等。。。
+export const constantRoutes = [
+ {
+ path: '/redirect',//解决刷新问题
+ component: Layout,
+ hidden: true,
+ children: [
+ {
+ path: '/redirect/:path(.*)',
+ component: () => import('@/views/redirect/index.vue')
+ }
+ ]
+ },
+ {
+ path: "/",
+ name: 'Dashboard',
+ redirect: '/dashboard',
+ meta: {
+ title: '首页',
+ icon: "House",
+ },
+ component: Layout,
+ children: [
+ {
+ path: '/dashboard',
+ component: () => import('@/views/dashboard/index.vue'),
+ name: 'Dashboard',
+ meta: { title: '首页', icon: 'dashboard', affix: true }
+ }
+ ]
+ },
+ {
+ path: "/login",
+ name: "Login",
+ meta: {
+ title: '登录'
+ },
+ component: () => import('@/views/user/login/index.vue'),
+ hidden: true
+ },
+ // {
+ // path: "/test",
+ // name: "Test",
+ // meta: {
+ // title: '测试'
+ // },
+ // component: () => import('@/views/test/test6.vue'),
+ // hidden: true
+ // },
+ {
+ path: '/:pathMatch(.*)*',// 此写法解决动态路由页面刷新的 warning 警告
+ component: () => import('@/views/user/error-page/404.vue'),
+ hidden: true
+ },
+]
+//动态路由 asyncRoutes
+export const asyncRoutes = [];
+const router = createRouter({
+ history: createWebHashHistory(),// hash模式,history是createWebHistory(地址栏不带#)，hash是createWebHashHistory（地址栏带#）
+ routes: constantRoutes
+})
+export default router
+// 1. 定义路由组件.
+// 也可以从其他文件导入
+// 2. 定义一些路由
+// 每个路由都需要映射到一个组件。
+// 我们后面再讨论嵌套路由。
diff --git a/src/store/permission.ts b/src/store/permission.ts
new file mode 100644
index 0000000..fa8d45e
--- /dev/null
+++ b/src/store/permission.ts
@@ -0,0 +1,79 @@
+import {defineStore} from 'pinia'
+import {constantRoutes} from '@/router'
+import Layout from '@/layout/index.vue'
+const modules = import.meta.glob('@/views/**/**.vue')
+interface RoutesItem {
+ path: string,
+ name: string,
+ meta: {
+ title: string,
+ icon: string
+ keepAlive: boolean // 是否使用 keep-alive
+ },
+ component: object | null,
+ children?:Object[]| null
+}
+// console.log(modules);
+export const filterAsyncRoutes = (routerList:any) => {
+ //进行递归解析
+ //testData 后端获取的路由
+ const res:Object[] = []
+ // console.log(testData);
+ routerList.forEach((e:any) => {
+ // console.log(e.component);
+ let e_new:RoutesItem = {
+ path: e.url,
+ name: e.name,
+ meta: {
+ title: e.menuName,
+ icon: e.icon,
+ keepAlive: true // 是否使用 keep-alive
+ },
+ component: null,
+
+ }
+ if (e.menuType === 'M') {
+ // @ts-ignore
+ e_new.component = Layout
+ }else {
+ // console.log("22222",e.url);
+ // @ts-ignore
+ e_new.component = modules[`/src/views${e.url}/index.vue`]
+ }
+ // console.log(e_new);
+ if (e.children && e.children!=null) {
+ const children:any = filterAsyncRoutes(e.children)
+ // 保存权限
+ e_new = { ...e_new, children: children }
+ }
+
+ res.push(e_new)
+ })
+ // console.vlog("111",res);
+ return res
+}
+
+export const usePermissionStore = defineStore('permission', {
+ state: () => {
+ return {
+ routes: new Array
+ Yunzer-Admin 介绍
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 打开dialog
+ 打开第二个dialog
+
+
+
+ 我是dialog111
+
+打开内层 Dialog
+
+
+ 我是内层 Dialog222222222
+
+
+
+
+ 我是操作2
+
+
+
+
+ 我是Dialog222222222
+
+
+
+
+
+
+
diff --git a/src/views/directives/dept/index.vue b/src/views/directives/dept/index.vue
new file mode 100644
index 0000000..b3ef2ba
--- /dev/null
+++ b/src/views/directives/dept/index.vue
@@ -0,0 +1,16 @@
+
+
+
+ +
+ 部门列表5564546
+
+
+
+
+
diff --git a/src/views/directives/thrShaking/index.vue b/src/views/directives/thrShaking/index.vue
new file mode 100644
index 0000000..0558acd
--- /dev/null
+++ b/src/views/directives/thrShaking/index.vue
@@ -0,0 +1,65 @@
+
+
+
+
+ 节流点击
+
+
+
+
+
+
+ 节流点击
+
+
+
+
+
+
+
+
+
diff --git a/src/views/form/simpleForm/formConfig.ts b/src/views/form/simpleForm/formConfig.ts
new file mode 100644
index 0000000..e250f7d
--- /dev/null
+++ b/src/views/form/simpleForm/formConfig.ts
@@ -0,0 +1,65 @@
+import {FormOption} from "@/components/YunzerForm/formType.ts";
+export const formConfig: FormOption = {
+ formItems: [
+ {
+ field: 'id',
+ type: 'input',
+ label: '用户id',
+ placeholder: '请输入用户id',
+ colSpan:9,
+ prop:"id"
+ },
+ {
+ field: 'account',
+ type: 'input',
+ label: '用户名',
+ disabled:true,
+ placeholder: '请输入用户名'
+ },
+ {
+ field: 'realname',
+ type: 'input',
+ label: '真实姓名',
+ placeholder: '请输入真实姓名'
+ },
+ {
+ field: 'cellphone',
+ type: 'input',
+ label: '电话号码',
+ placeholder: '请输入电话号码'
+ },
+ {
+ field: 'enable',
+ type: 'select',
+ label: '用户状态',
+ placeholder: '请选择用户状态',
+ options: [
+ { label: '启用', value: 1 },
+ { label: '禁用', value: 0 }
+ ]
+ },
+ {
+ field: 'createAt',
+ type: 'datepicker',
+ label: '创建时间',
+ otherOptions: {
+ startPlaceholder: '开始时间',
+ endPlaceholder: '结束时间',
+ type: 'daterange'
+ }
+ },
+ {
+ field: 'special',
+ slotName:'special',
+ label: '自定义内容',
+ colSpan:12
+ },
+ {
+ field: 'special2',
+ slotName:'special2',
+ label: '自定义内容2',
+ colSpan:12
+ },
+ ],
+ labelWidth: '120px'//标签的长度
+}
diff --git a/src/views/form/simpleForm/index.vue b/src/views/form/simpleForm/index.vue
new file mode 100644
index 0000000..88835bf
--- /dev/null
+++ b/src/views/form/simpleForm/index.vue
@@ -0,0 +1,87 @@
+
+
+ 函数的方式实现节流防抖(浏览器控制台看效果)
+
+
+ +
+
+ 全局自定义指令实现节流防抖(浏览器控制台看效果)
+
+
+ +
+
+
+
+ 确 定
+ 取 消
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/nested/menu1.vue b/src/views/nested/menu1.vue
new file mode 100644
index 0000000..e300dcd
--- /dev/null
+++ b/src/views/nested/menu1.vue
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+ 我是头部
+
+ 我是自定义内容
+
+
+
+
+ 我是自定义内容2
+
+
+
+ menu8888888888888888888888888888888
+
+
+
diff --git a/src/views/nested/menu1/index.vue b/src/views/nested/menu1/index.vue
new file mode 100644
index 0000000..d872b5a
--- /dev/null
+++ b/src/views/nested/menu1/index.vue
@@ -0,0 +1,11 @@
+
+
+
+menu111111
+
+
+
diff --git a/src/views/nested/menu1/menu1.vue b/src/views/nested/menu1/menu1.vue
new file mode 100644
index 0000000..e300dcd
--- /dev/null
+++ b/src/views/nested/menu1/menu1.vue
@@ -0,0 +1,11 @@
+
+
+
+menu8888888888888888888888888888888
+
+
+
diff --git a/src/views/nested/menu2/index.vue b/src/views/nested/menu2/index.vue
new file mode 100644
index 0000000..7b94f6c
--- /dev/null
+++ b/src/views/nested/menu2/index.vue
@@ -0,0 +1,11 @@
+
+
+
+654456546654654
+
+
+
diff --git a/src/views/redirect/index.vue b/src/views/redirect/index.vue
new file mode 100644
index 0000000..122bec1
--- /dev/null
+++ b/src/views/redirect/index.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
new file mode 100644
index 0000000..b3ef2ba
--- /dev/null
+++ b/src/views/system/dept/index.vue
@@ -0,0 +1,16 @@
+
+
+
+
+ 部门列表5564546
+
+
+
+
+
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
new file mode 100644
index 0000000..be90c67
--- /dev/null
+++ b/src/views/system/menu/index.vue
@@ -0,0 +1,16 @@
+
+
+
+
+ 菜单列表333
+
+
+
+
+
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
new file mode 100644
index 0000000..0493538
--- /dev/null
+++ b/src/views/system/role/index.vue
@@ -0,0 +1,16 @@
+
+
+
+
+ 角色列表
+
+
+
+
+
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
new file mode 100644
index 0000000..1b6fcee
--- /dev/null
+++ b/src/views/system/user/index.vue
@@ -0,0 +1,16 @@
+
+
+
+
+ 用户列表
+
+
+
+
+
diff --git a/src/views/table/contextTable/index.vue b/src/views/table/contextTable/index.vue
new file mode 100644
index 0000000..5f10a68
--- /dev/null
+++ b/src/views/table/contextTable/index.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/table/dragableTable/index.vue b/src/views/table/dragableTable/index.vue
new file mode 100644
index 0000000..7689467
--- /dev/null
+++ b/src/views/table/dragableTable/index.vue
@@ -0,0 +1,93 @@
+
+
+ 搜索
+ 增加
+ 刷新
+
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/table/editTable/index.vue b/src/views/table/editTable/index.vue
new file mode 100644
index 0000000..fe394c1
--- /dev/null
+++ b/src/views/table/editTable/index.vue
@@ -0,0 +1,95 @@
+
+
+ 搜索
+ 增加
+ 查看排序后的数据
+
+
+
+
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/table/packTable/index.vue b/src/views/table/packTable/index.vue
new file mode 100644
index 0000000..ab3d332
--- /dev/null
+++ b/src/views/table/packTable/index.vue
@@ -0,0 +1,69 @@
+
+
+ 搜索
+ 增加
+ 查看排序后的数据
+
+
+
+
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/table/userList/index.vue b/src/views/table/userList/index.vue
new file mode 100644
index 0000000..924e9a9
--- /dev/null
+++ b/src/views/table/userList/index.vue
@@ -0,0 +1,108 @@
+
+
+ 搜索
+ 增加
+ 刷新
+
+
+
+
+
+ 修改
+ 删除
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/table/userList/tableConfig.ts b/src/views/table/userList/tableConfig.ts
new file mode 100644
index 0000000..5be203c
--- /dev/null
+++ b/src/views/table/userList/tableConfig.ts
@@ -0,0 +1,49 @@
+//表格配置json
+import {TableOption} from "@/components/YunzerTable/tableType.ts";
+//局部过滤器
+const getState = (state:any) =>{
+ let txt = "";
+ switch (state) {
+ case 0:
+ txt = "女";
+ break;
+ case 1:
+ txt = "男";
+ break;
+ }
+ return txt;
+}
+export const tableConfig: TableOption = {
+ // 表格配置
+ propList: [
+ { prop: 'nickName', label: '姓名', minWidth: '100', align: 'left' },
+ { prop: 'state', label: '性别', minWidth: '100', align: 'left',filter:getState},
+ { prop: 'roleName', label: '权限名称', minWidth: '100', align: 'left' },
+ { prop: 'userMoney.balanceMoney', label: '用户余额', minWidth: '100', align: 'left' },//获取表格list下一级的数据userMoney.balanceMoney
+ { prop: 'title', label: '介绍', minWidth: '300', align: 'left' },
+ { prop: 'phone', label: '联系方式', minWidth: '100', align: 'left' },
+ { prop: 'address', label: '地址', minWidth: '100', align: 'left' },
+ { prop: 'createTime', label: '日期', minWidth: '180', align: 'left'},
+ {
+ prop: 'state',
+ label: '状态',
+ minWidth: '100',
+ slotName: 'state',
+ align: 'left'
+ },
+ {
+ label: '操作',
+ minWidth: '120',
+ slotName: 'handler',
+ align: 'left'
+ }
+ ],
+ // 表格具有序号列
+ showIndexColumn: true,
+ // 表格具有可选列
+ showSelectColumn: true,
+ //是否显示分页
+ showPagination:true
+}
+
+
diff --git a/src/views/user/error-page/404.vue b/src/views/user/error-page/404.vue
new file mode 100644
index 0000000..0917191
--- /dev/null
+++ b/src/views/user/error-page/404.vue
@@ -0,0 +1,11 @@
+
+
+
+
+ 搜索
+ 刷新
+ {{$filters.getTime('2023-11-23 00:00:00.000')}}
+
+
+
+
+ 禁用
+ 启用
+
+
+ 编辑
+ 删除
+
+
+
+
+ 404，页面找不到
+
+
+
diff --git a/src/views/user/login/index.vue b/src/views/user/login/index.vue
new file mode 100644
index 0000000..406db01
--- /dev/null
+++ b/src/views/user/login/index.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..75111b5
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,11 @@
+///
+
+
+
+
+
+
+
+ 登 录
+
+
+
+
+ Yunzer-Admin
+