7 |
10 |
16 | * hidden: true if set true, item will not show in the sidebar(default is false)
17 | * alwaysShow: true if set true, will always show the root menu
18 | * if not set alwaysShow, when item has more than one children route,
19 | * it will becomes nested mode, otherwise not show the root menu
20 | * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
21 | * name:'router-name' the name is used by 暂无监控
11 |
13 |
14 |
45 |
--------------------------------------------------------------------------------
/extension/ui/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 | OAUTH2 回 调
12 |
3 |
5 |
6 |
7 |
12 |
--------------------------------------------------------------------------------
/extension/ui/src/api/login.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | var Authorization = 'BASIC ' + btoa('test:secret')
4 | var VUE_APP_OAUTH2_API = process.env.VUE_APP_OAUTH2_API
5 |
6 | /**
7 | * OAuth2 密码登录
8 | * @param {*} data
9 | * @param {*} params
10 | * @returns
11 | */
12 | export function oauth2Login(data, params) {
13 | return request({
14 | url: VUE_APP_OAUTH2_API + 'oauth/token',
15 | method: 'post',
16 | headers: {
17 | Authorization: Authorization
18 | },
19 | data: data,
20 | params: params
21 | })
22 | }
23 |
24 | export function oauth2CodeLogin(params) {
25 | return request({
26 | url: '/token',
27 | method: 'post',
28 | params: params
29 | })
30 | }
31 |
32 | export function getInfo() {
33 | return request({
34 | url: '/user_info',
35 | method: 'get'
36 | })
37 | }
38 |
39 | export function loginPhone(params) {
40 | return request({
41 | url: '/sms',
42 | method: 'post',
43 | params
44 | })
45 | }
46 |
47 | export function getUserSocial() {
48 | return request({
49 | url: '/upms/user_socials',
50 | method: 'get'
51 | })
52 | }
53 |
54 | export function getUserProfile() {
55 | return request({
56 | url: '/upms/user_info',
57 | method: 'get'
58 | })
59 | }
60 |
61 | export function unbindUserSocial(id) {
62 | return request({
63 | url: `/upms/user_social/${id}`,
64 | method: 'delete'
65 | })
66 | }
67 |
68 | export function updateUser(data) {
69 | return request({
70 | url: `/upms/user_info`,
71 | method: 'put',
72 | data
73 | })
74 | }
75 |
76 | export function resetPassword(data) {
77 | return request({
78 | url: `/upms/user_password`,
79 | method: 'put',
80 | data
81 | })
82 | }
83 |
84 | export function getSms({ phone }) {
85 | return request({
86 | url: `https://auth.flizi.cn/sms?phone=${phone}`,
87 | method: 'post'
88 | })
89 | }
90 |
--------------------------------------------------------------------------------
/extension/ui/src/api/sys/authority.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | /**
4 | * 菜单具有的权限
5 | * @param {*} params
6 | */
7 | export const getMenuAuthoritys = (params) => {
8 | return request({
9 | url: '/api/sys/menu/authority/page',
10 | method: 'get',
11 | params
12 | })
13 | }
14 |
15 | /**
16 | * 菜单具有的权限新增
17 | * @param {*} menuId
18 | * @param {*} data
19 | */
20 | export const updateMenuAuthority = (menuId, data) => {
21 | return request({
22 | url: `/sys/menu/authority?menuId=${menuId}`,
23 | method: 'post',
24 | data
25 | })
26 | }
27 |
28 | /**
29 | * 菜单具有的权限移除
30 | * @param {*} menuId
31 | * @param {*} data
32 | */
33 | export const deleteMenuAuthority = (menuId, data) => {
34 | return request({
35 | url: `/sys/menu/authority?menuId=${menuId}`,
36 | method: 'delete',
37 | data
38 | })
39 | }
40 |
41 | /**
42 | * 所有菜单
43 | * @param {*} params
44 | */
45 | export const getAuthoritys = (params) => {
46 | return request({
47 | url: '/sys/authority/page',
48 | method: 'get',
49 | params
50 | })
51 | }
52 |
--------------------------------------------------------------------------------
/extension/ui/src/api/sys/menu.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | /**
4 | * 菜单树
5 | * @param {分页参数} params
6 | */
7 | export const menuTree = (params) => {
8 | return request({
9 | url: '/api/sys/menu/tree',
10 | method: 'get',
11 | params
12 | })
13 | }
14 |
15 | /**
16 | * 新增
17 | * @param {数据体} data
18 | */
19 | export const menuAdd = (data) => {
20 | return request({
21 | url: '/api/sys/menu',
22 | method: 'post',
23 | data: data
24 | })
25 | }
26 |
27 | /**
28 | * 批量删除
29 | * @param {id数组} ids
30 | */
31 | export const menuDel = (ids) => {
32 | return request({
33 | url: '/api/sys/menu',
34 | method: 'delete',
35 | params: {
36 | ids
37 | }
38 | })
39 | }
40 |
41 | /**
42 | * 强制删除
43 | * @param {主键} id
44 | */
45 | export const menuDelForce = (id) => {
46 | return request({
47 | url: '/api/sys/menu/force',
48 | method: 'delete',
49 | params: {
50 | id
51 | }
52 | })
53 | }
54 |
55 | /**
56 | * 更新
57 | * @param {数据体} data
58 | */
59 | export function menuUpdate(data) {
60 | return request({
61 | url: '/api/sys/menu',
62 | method: 'put',
63 | data: data
64 | })
65 | }
66 |
67 | /**
68 | * 排序
69 | * @param {排序参数} params
70 | */
71 | export function menuSort(params) {
72 | return request({
73 | url: '/api/sys/menu/sort',
74 | method: 'put',
75 | params
76 | })
77 | }
78 |
79 |
--------------------------------------------------------------------------------
/extension/ui/src/api/sys/role.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | /**
4 | * 分页
5 | * @param {分页参数} params
6 | */
7 | export function rolePage(params) {
8 | return request({
9 | url: '/api/sys/role/page',
10 | method: 'get',
11 | params
12 | })
13 | }
14 |
15 | /**
16 | * 批量删除
17 | * @param {id数组} ids
18 | */
19 | export function roleDel(ids) {
20 | return request({
21 | url: `/api/sys/role`,
22 | method: 'delete',
23 | params: {
24 | ids: ids
25 | }
26 | })
27 | }
28 |
29 | /**
30 | * 新增
31 | * @param {数据体} data
32 | */
33 | export function roleAdd(data) {
34 | return request({
35 | url: '/api/sys/role',
36 | method: 'post',
37 | data
38 | })
39 | }
40 |
41 | /**
42 | * 更新
43 | * @param {数据体} data
44 | */
45 | export function roleUpdate(data) {
46 | return request({
47 | url: `/api/sys/role`,
48 | method: 'put',
49 | data
50 | })
51 | }
52 |
--------------------------------------------------------------------------------
/extension/ui/src/api/sys/user.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 |
3 | /**
4 | * 分页
5 | * @param {分页参数} params
6 | */
7 | export function userPage(params) {
8 | return request({
9 | url: '/sys/user/page',
10 | method: 'get',
11 | params
12 | })
13 | }
14 |
15 | /**
16 | * 批量删除
17 | * @param {id数组} ids
18 | */
19 | export function userDel(ids) {
20 | return request({
21 | url: `/sys/user`,
22 | method: 'delete',
23 | params: {
24 | ids: ids
25 | }
26 | })
27 | }
28 |
29 | /**
30 | * 新增
31 | * @param {数据体} data
32 | */
33 | export function userAdd(data) {
34 | return request({
35 | url: '/sys/user',
36 | method: 'post',
37 | data
38 | })
39 | }
40 |
41 | /**
42 | * 更新
43 | * @param {数据体} data
44 | */
45 | export function userUpdate(data) {
46 | return request({
47 | url: `/sys/user`,
48 | method: 'put',
49 | data
50 | })
51 | }
52 |
53 | /**
54 | * 更新用户状态
55 | * @param {用户ID} id
56 | * @param {状态} enabled
57 | */
58 | export function userStatusChange(id, enabled) {
59 | const data = {
60 | id,
61 | enabled
62 | }
63 | return request({
64 | url: `/sys/user`,
65 | method: 'put',
66 | data: data
67 | })
68 | }
69 |
--------------------------------------------------------------------------------
/extension/ui/src/assets/404_images/404.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/404_images/404.png
--------------------------------------------------------------------------------
/extension/ui/src/assets/404_images/404_cloud.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/404_images/404_cloud.png
--------------------------------------------------------------------------------
/extension/ui/src/assets/pic/green_addr@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/pic/green_addr@2x.png
--------------------------------------------------------------------------------
/extension/ui/src/assets/pic/null_addr@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/pic/null_addr@2x.png
--------------------------------------------------------------------------------
/extension/ui/src/assets/pic/orange_addr@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/pic/orange_addr@2x.png
--------------------------------------------------------------------------------
/extension/ui/src/assets/pic/red_addr@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/pic/red_addr@2x.png
--------------------------------------------------------------------------------
/extension/ui/src/assets/pic/yellow_addr@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/taoroot/oauth2-server/757fb7beb8112ea5f2cfa16cd2005cda899c9236/extension/ui/src/assets/pic/yellow_addr@2x.png
--------------------------------------------------------------------------------
/extension/ui/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/extension/ui/src/components/IconSelect/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
45 |
46 |
70 |
--------------------------------------------------------------------------------
/extension/ui/src/components/IconSelect/requireIcons.js:
--------------------------------------------------------------------------------
1 |
2 | const req = require.context('../../icons/svg', false, /\.svg$/)
3 | const requireAll = requireContext => requireContext.keys()
4 |
5 | const re = /\.\/(.*)\.svg/
6 |
7 | const icons = requireAll(req).map(i => {
8 | return i.match(re)[1]
9 | })
10 |
11 | export default icons
12 |
--------------------------------------------------------------------------------
/extension/ui/src/components/RightPanel/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
13 |
9 |
12 |
3 |
4 |
13 |
14 |
15 |
77 |
78 |
85 |
86 |
140 |
--------------------------------------------------------------------------------
/extension/ui/src/components/SvgIcon/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
47 |
48 |
63 |
--------------------------------------------------------------------------------
/extension/ui/src/directive/permission/index.js:
--------------------------------------------------------------------------------
1 | import permission from './permission'
2 |
3 | const install = function(Vue) {
4 | Vue.directive('permission', permission)
5 | }
6 |
7 | if (window.Vue) {
8 | window['permission'] = permission
9 | Vue.use(install); // eslint-disable-line
10 | }
11 |
12 | permission.install = install
13 | export default permission
14 |
--------------------------------------------------------------------------------
/extension/ui/src/directive/permission/permission.js:
--------------------------------------------------------------------------------
1 | import store from '@/store'
2 |
3 | function checkPermission(el, binding) {
4 | const { value } = binding
5 | const roles = store.getters && store.getters.roles
6 |
7 | if (value && value instanceof Array) {
8 | if (value.length > 0) {
9 | const permissionRoles = value
10 |
11 | const hasPermission = roles.some(role => {
12 | return permissionRoles.includes(role)
13 | })
14 |
15 | if (!hasPermission) {
16 | el.parentNode && el.parentNode.removeChild(el)
17 | }
18 | }
19 | } else {
20 | throw new Error(`need roles! Like v-permission="['admin','editor']"`)
21 | }
22 | }
23 |
24 | export default {
25 | inserted(el, binding) {
26 | checkPermission(el, binding)
27 | },
28 | update(el, binding) {
29 | checkPermission(el, binding)
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import SvgIcon from '@/components/SvgIcon'// svg component
3 |
4 | // register globally
5 | Vue.component('svg-icon', SvgIcon)
6 |
7 | const req = require.context('./svg', false, /\.svg$/)
8 | const requireAll = requireContext => requireContext.keys().map(requireContext)
9 | requireAll(req)
10 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/svg/light.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/svg/money.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/svg/password.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/svg/sun.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/svg/user.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/extension/ui/src/icons/svgo.yml:
--------------------------------------------------------------------------------
1 | # replace default config
2 |
3 | # multipass: true
4 | # full: true
5 |
6 | plugins:
7 |
8 | # - name
9 | #
10 | # or:
11 | # - name: false
12 | # - name: true
13 | #
14 | # or:
15 | # - name:
16 | # param1: 1
17 | # param2: 2
18 |
19 | - removeAttrs:
20 | attrs:
21 | - 'fill'
22 | - 'fill-rule'
23 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/AppMain.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 |
12 |
9 |
11 |
3 |
28 |
29 |
30 |
82 |
83 |
105 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/Sidebar/FixiOSBug.js:
--------------------------------------------------------------------------------
1 | export default {
2 | computed: {
3 | device() {
4 | return this.$store.state.app.device
5 | }
6 | },
7 | mounted() {
8 | // In order to fix the click on menu on the ios device will trigger the mouseleave bug
9 | // https://github.com/PanJiaChen/vue-element-admin/issues/1135
10 | this.fixBugIniOS()
11 | },
12 | methods: {
13 | fixBugIniOS() {
14 | const $subMenu = this.$refs.subMenu
15 | if ($subMenu) {
16 | const handleMouseleave = $subMenu.handleMouseleave
17 | $subMenu.handleMouseleave = (e) => {
18 | if (this.device === 'mobile') {
19 | return
20 | }
21 | handleMouseleave(e)
22 | }
23 | }
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/Sidebar/Item.vue:
--------------------------------------------------------------------------------
1 |
34 |
35 |
42 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/Sidebar/Link.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
27 | 页面设置
5 |
6 |
7 | 主题颜色
8 |
10 |
11 |
12 | 开启任务栏
13 |
15 |
16 |
17 | Header 固定
18 |
20 |
21 |
22 | 侧边栏Logo
23 |
25 |
26 |
3 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/Sidebar/SidebarItem.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
{{ title }}
7 | {{ title }}
11 |
3 |
4 |
25 |
26 |
27 |
96 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/Sidebar/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
19 |
20 |
21 |
58 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/components/TagsView/ScrollPane.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
16 |
17 |
18 |
58 |
59 |
96 |
--------------------------------------------------------------------------------
/extension/ui/src/layout/mixin/ResizeHandler.js:
--------------------------------------------------------------------------------
1 | import store from '@/store'
2 |
3 | const { body } = document
4 | const WIDTH = 992 // refer to Bootstrap's responsive design
5 |
6 | export default {
7 | watch: {
8 | $route(route) {
9 | if (this.device === 'mobile' && this.sidebar.opened) {
10 | store.dispatch('app/closeSideBar', { withoutAnimation: false })
11 | }
12 | }
13 | },
14 | beforeMount() {
15 | window.addEventListener('resize', this.$_resizeHandler)
16 | },
17 | beforeDestroy() {
18 | window.removeEventListener('resize', this.$_resizeHandler)
19 | },
20 | mounted() {
21 | const isMobile = this.$_isMobile()
22 | if (isMobile) {
23 | store.dispatch('app/toggleDevice', 'mobile')
24 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
25 | }
26 | },
27 | methods: {
28 | // use $_ for mixins properties
29 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
30 | $_isMobile() {
31 | const rect = body.getBoundingClientRect()
32 | return rect.width - 1 < WIDTH
33 | },
34 | $_resizeHandler() {
35 | if (!document.hidden) {
36 | const isMobile = this.$_isMobile()
37 | store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
38 |
39 | if (isMobile) {
40 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
41 | }
42 | }
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/extension/ui/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | import 'normalize.css/normalize.css' // A modern alternative to CSS resets
4 |
5 | import ElementUI from 'element-ui'
6 | import 'element-ui/lib/theme-chalk/index.css'
7 |
8 | import '@/styles/index.scss' // global css
9 |
10 | import App from './App'
11 | import store from './store'
12 | import router from './router'
13 |
14 | import '@/icons' // icon
15 | import '@/permission' // permission control
16 |
17 | // 权限判断指令
18 | import permission from './directive/permission/index.js'
19 | Vue.use(permission)
20 |
21 | // set ElementUI lang to EN
22 | // Vue.use(ElementUI, { locale })
23 | // 如果想要中文版 element-ui，按如下方式声明
24 | Vue.use(ElementUI)
25 |
26 | Vue.config.productionTip = false
27 |
28 | new Vue({
29 | el: '#app',
30 | router,
31 | store,
32 | render: h => h(App)
33 | })
34 |
--------------------------------------------------------------------------------
/extension/ui/src/permission.js:
--------------------------------------------------------------------------------
1 | import router from './router'
2 | import store from './store'
3 | import { Message } from 'element-ui'
4 | import NProgress from 'nprogress' // progress bar
5 | import 'nprogress/nprogress.css' // progress bar style
6 | import { getToken } from '@/utils/auth' // get token from cookie
7 | import getPageTitle from '@/utils/get-page-title'
8 |
9 | NProgress.configure({ showSpinner: false }) // NProgress Configuration
10 |
11 | const whiteList = ['/login', '/login/index', '/auth-redirect'] // no redirect whitelist
12 |
13 | router.beforeEach(async(to, from, next) => {
14 | // start progress bar
15 | NProgress.start()
16 |
17 | // set page title
18 | document.title = getPageTitle(to.meta.title)
19 |
20 | // determine whether the user has logged in
21 | const hasToken = getToken()
22 |
23 | if (hasToken) {
24 | if (to.path === '/login') {
25 | // if is logged in, redirect to the home page
26 | next({ path: '/' })
27 | NProgress.done()
28 | } else {
29 | const hasGetUserInfo = store.getters.name
30 | if (hasGetUserInfo) {
31 | next()
32 | } else {
33 | try {
34 | // get user info
35 | const { menus } = await store.dispatch('user/getInfo')
36 |
37 | const accessRoutes = await store.dispatch('permission/generateRoutes', menus)
38 |
39 | router.addRoutes(accessRoutes)
40 |
41 | next({ ...to, replace: true })
42 | } catch (error) {
43 | // remove token and go to login page to re-login
44 | await store.dispatch('user/resetToken')
45 | Message.error(error || 'Has Error')
46 | next(`/login?redirect=${to.path}`)
47 | NProgress.done()
48 | }
49 | }
50 | }
51 | } else {
52 | /* has no token*/
53 |
54 | if (whiteList.indexOf(to.path) !== -1) {
55 | // in the free login whitelist, go directly
56 | next()
57 | } else {
58 | // other pages that do not have permission to access are redirected to the login page.
59 | next(`/login?redirect=${to.path}`)
60 | NProgress.done()
61 | }
62 | }
63 | })
64 |
65 | router.afterEach(() => {
66 | // finish progress bar
67 | NProgress.done()
68 | })
69 |
--------------------------------------------------------------------------------
/extension/ui/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | /* Layout */
7 | import Layout from '@/layout'
8 |
9 | /**
10 | * Note: sub-menu only appear when route children.length >= 1
11 | * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
12 | *
13 | * hidden: true if set true, item will not show in the sidebar(default is false)
14 | * alwaysShow: true if set true, will always show the root menu
15 | * if not set alwaysShow, when item has more than one children route,
16 | * it will becomes nested mode, otherwise not show the root menu
17 | * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
18 | * name:'router-name' the name is used by
6 |
15 |
3 |
11 |
12 |
17 |
56 |
--------------------------------------------------------------------------------
/extension/ui/src/views/dashboard/components/MyData.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
10 |
3 |
15 |
16 |
17 |
22 |
23 |
84 |
--------------------------------------------------------------------------------
/extension/ui/src/views/dashboard/components/MyEchart.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
135 |
--------------------------------------------------------------------------------
/extension/ui/src/views/dashboard/components/mixins/resize.js:
--------------------------------------------------------------------------------
1 | import { debounce } from '@/utils'
2 |
3 | export default {
4 | data() {
5 | return {
6 | $_sidebarElm: null,
7 | $_resizeHandler: null
8 | }
9 | },
10 | mounted() {
11 | this.$_resizeHandler = debounce(() => {
12 | if (this.chart) {
13 | this.chart.resize()
14 | }
15 | }, 100)
16 | this.$_initResizeEvent()
17 | this.$_initSidebarResizeEvent()
18 | },
19 | beforeDestroy() {
20 | this.$_destroyResizeEvent()
21 | this.$_destroySidebarResizeEvent()
22 | },
23 | // to fixed bug when cached by keep-alive
24 | // https://github.com/PanJiaChen/vue-element-admin/issues/2116
25 | activated() {
26 | this.$_initResizeEvent()
27 | this.$_initSidebarResizeEvent()
28 | },
29 | deactivated() {
30 | this.$_destroyResizeEvent()
31 | this.$_destroySidebarResizeEvent()
32 | },
33 | methods: {
34 | // use $_ for mixins properties
35 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
36 | $_initResizeEvent() {
37 | window.addEventListener('resize', this.$_resizeHandler)
38 | },
39 | $_destroyResizeEvent() {
40 | window.removeEventListener('resize', this.$_resizeHandler)
41 | },
42 | $_sidebarResizeHandler(e) {
43 | if (e.propertyName === 'width') {
44 | this.$_resizeHandler()
45 | }
46 | },
47 | $_initSidebarResizeEvent() {
48 | this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
49 | this.$_sidebarElm && this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
50 | },
51 | $_destroySidebarResizeEvent() {
52 | this.$_sidebarElm && this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
53 | }
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/extension/ui/src/views/dashboard/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
14 |
3 |
37 |
38 |
39 |
75 |
81 |
82 |
--------------------------------------------------------------------------------
/extension/ui/src/views/login/auth-redirect.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
41 |
--------------------------------------------------------------------------------
/extension/ui/src/views/menu/index.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ errMsg }}, {{ time }} 秒后自动关闭
4 |
3 |
20 |
21 |
22 |
43 |
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/App.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth;
2 |
3 | import org.mybatis.spring.annotation.MapperScan;
4 | import org.springframework.boot.SpringApplication;
5 | import org.springframework.boot.autoconfigure.SpringBootApplication;
6 |
7 | @MapperScan(basePackages = "cn.flizi.auth.mapper")
8 | @SpringBootApplication
9 | public class App {
10 |
11 | public static void main(String[] args) {
12 | SpringApplication.run(App.class, args);
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/config/CorsConfig.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth.config;
2 |
3 | import org.springframework.context.annotation.Bean;
4 | import org.springframework.context.annotation.Configuration;
5 | import org.springframework.core.annotation.Order;
6 | import org.springframework.http.HttpMethod;
7 | import org.springframework.security.config.annotation.web.builders.HttpSecurity;
8 | import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
9 | import org.springframework.web.cors.CorsConfiguration;
10 | import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
11 | import org.springframework.web.filter.CorsFilter;
12 |
13 | @Configuration
14 | @Order(Integer.MIN_VALUE)
15 | public class CorsConfig extends WebSecurityConfigurerAdapter {
16 |
17 | @Bean
18 | public CorsFilter corsFilter() {
19 | CorsConfiguration config = new CorsConfiguration();
20 | config.addAllowedMethod("*");
21 | config.addAllowedHeader("*");
22 | config.addAllowedOrigin("*");
23 | UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
24 | configSource.registerCorsConfiguration("/**", config);
25 | return new CorsFilter(configSource);
26 | }
27 |
28 | @Override
29 | protected void configure(HttpSecurity http) throws Exception {
30 | http.requestMatchers().antMatchers(HttpMethod.OPTIONS, "/**");
31 | http.cors();
32 | }
33 | }
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/config/GlobalConfig.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth.config;
2 |
3 | import cn.flizi.auth.properties.SocialProperties;
4 | import org.springframework.beans.factory.annotation.Autowired;
5 | import org.springframework.beans.factory.annotation.Value;
6 | import org.springframework.ui.Model;
7 | import org.springframework.web.bind.annotation.ControllerAdvice;
8 | import org.springframework.web.bind.annotation.ModelAttribute;
9 |
10 |
11 | /**
12 | * 定义全局变量
13 | */
14 | @ControllerAdvice
15 | public class GlobalConfig {
16 |
17 | @Value("${baseinfo.title}")
18 | private String appName;
19 |
20 | @Value("${baseinfo.beian}")
21 | private String beian;
22 |
23 | @Autowired
24 | private SocialProperties socialProperties;
25 |
26 | @ModelAttribute
27 | public void addAttributes(Model model) {
28 | model.addAttribute("app_name", appName);
29 | model.addAttribute("beian", beian);
30 | model.addAttribute("wx_mp", socialProperties.getWxMp().getKey());
31 | model.addAttribute("wx_open", socialProperties.getWxOpen().getKey());
32 | }
33 |
34 | }
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/config/MessageLocalConfig.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth.config;
2 |
3 | import org.springframework.context.MessageSource;
4 | import org.springframework.context.annotation.Bean;
5 | import org.springframework.context.annotation.Configuration;
6 | import org.springframework.context.support.ReloadableResourceBundleMessageSource;
7 |
8 | import java.util.Locale;
9 |
10 | /**
11 | * 中文 配置
12 | */
13 | @Configuration
14 | public class MessageLocalConfig {
15 |
16 | @Bean
17 | public MessageSource messageSource() {
18 | Locale.setDefault(Locale.CHINA);
19 | ReloadableResourceBundleMessageSource messageSource = new ReloadableResourceBundleMessageSource();
20 | messageSource.addBasenames("classpath:messages_zh_CN");
21 | return messageSource;
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/config/ResourceConfig.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth.config;
2 |
3 | import cn.flizi.auth.security.RestAuthenticationEntryPoint;
4 | import org.springframework.beans.factory.annotation.Autowired;
5 | import org.springframework.boot.autoconfigure.security.oauth2.authserver.AuthorizationServerProperties;
6 | import org.springframework.context.annotation.Configuration;
7 | import org.springframework.security.config.annotation.web.builders.HttpSecurity;
8 | import org.springframework.security.oauth2.config.annotation.web.configuration.EnableResourceServer;
9 | import org.springframework.security.oauth2.config.annotation.web.configuration.ResourceServerConfigurerAdapter;
10 | import org.springframework.security.oauth2.config.annotation.web.configurers.ResourceServerSecurityConfigurer;
11 |
12 | @EnableResourceServer
13 | @Configuration
14 | public class ResourceConfig extends ResourceServerConfigurerAdapter {
15 |
16 | @Autowired
17 | private RestAuthenticationEntryPoint restAuthenticationEntryPoint;
18 |
19 | @Override
20 | public void configure(ResourceServerSecurityConfigurer resources) throws Exception {
21 | resources.authenticationEntryPoint(restAuthenticationEntryPoint);
22 | }
23 |
24 | @Override
25 | public void configure(HttpSecurity http) throws Exception {
26 | http.requestMatchers().antMatchers("/user_base", "/user_info", "/api/**");
27 | http.exceptionHandling().authenticationEntryPoint(restAuthenticationEntryPoint);
28 | super.configure(http);
29 | }
30 | }
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/config/SwaggerConfig.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth.config;
2 |
3 | import org.springframework.context.annotation.Bean;
4 | import org.springframework.context.annotation.Configuration;
5 | import springfox.documentation.builders.ApiInfoBuilder;
6 | import springfox.documentation.builders.PathSelectors;
7 | import springfox.documentation.builders.RequestHandlerSelectors;
8 | import springfox.documentation.service.*;
9 | import springfox.documentation.spi.DocumentationType;
10 | import springfox.documentation.spi.service.contexts.SecurityContext;
11 | import springfox.documentation.spring.web.plugins.Docket;
12 | import springfox.documentation.swagger2.annotations.EnableSwagger2;
13 |
14 | import java.util.Collections;
15 | import java.util.List;
16 |
17 | @Configuration
18 | @EnableSwagger2
19 | public class SwaggerConfig {
20 |
21 | /**
22 | * 名称
23 | */
24 | private String name = "swagger";
25 |
26 | /**
27 | * 版本号
28 | */
29 | private String version = "0.1";
30 |
31 | /**
32 | * 前缀
33 | */
34 | private String prefix = "/";
35 |
36 | /**
37 | * 扫描包的基本前缀
38 | */
39 | private String basePackage = "cn.flizi";
40 |
41 |
42 | @Bean
43 | public Docket api() {
44 | return new Docket(DocumentationType.SWAGGER_2)
45 | .apiInfo(apiInfo())
46 | .select()
47 | .apis(RequestHandlerSelectors.basePackage(basePackage))
48 | .build()
49 | .securitySchemes(securitySchemes())
50 | .securityContexts(securityContexts());
51 | }
52 |
53 | private ListUsernamePasswordAuthenticationToken, as the {@link #isAuthenticated()}
41 | * will return false.
42 | */
43 | public SocialCodeAuthenticationToken(Object type, Object code) {
44 | super(null);
45 | this.type = type;
46 | this.code = code;
47 | setAuthenticated(false);
48 | }
49 |
50 | /**
51 | * This constructor should only be used by AuthenticationManager or
52 | * AuthenticationProvider implementations that are satisfied with
53 | * producing a trusted (i.e. {@link #isAuthenticated()} = true)
54 | * authentication token.
55 | *
56 | * @param type
57 | * @param code
58 | * @param authorities
59 | */
60 | public SocialCodeAuthenticationToken(Object type, Object code, Collection authorities) {
61 | super(authorities);
62 | this.type = type;
63 | this.code = code;
64 | super.setAuthenticated(true); // must use super, as we override
65 | }
66 |
67 | // ~ Methods
68 | // ========================================================================================================
69 |
70 | public Object getCredentials() {
71 | return this.code;
72 | }
73 |
74 | public Object getPrincipal() {
75 | return this.type;
76 | }
77 |
78 | public void setAuthenticated(boolean isAuthenticated) throws IllegalArgumentException {
79 | if (isAuthenticated) {
80 | throw new IllegalArgumentException(
81 | "Cannot set this token to trusted - use constructor which takes a GrantedAuthority list instead");
82 | }
83 |
84 | super.setAuthenticated(false);
85 | }
86 |
87 | @Override
88 | public void eraseCredentials() {
89 | super.eraseCredentials();
90 | code = null;
91 | }
92 | }
--------------------------------------------------------------------------------
/oauth2/src/main/java/cn/flizi/auth/security/social/SocialCodeTokenGranter.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth.security.social;
2 |
3 | import org.springframework.security.authentication.AbstractAuthenticationToken;
4 | import org.springframework.security.authentication.AccountStatusException;
5 | import org.springframework.security.authentication.AuthenticationManager;
6 | import org.springframework.security.authentication.BadCredentialsException;
7 | import org.springframework.security.core.Authentication;
8 | import org.springframework.security.oauth2.common.exceptions.InvalidGrantException;
9 | import org.springframework.security.oauth2.provider.*;
10 | import org.springframework.security.oauth2.provider.token.AbstractTokenGranter;
11 | import org.springframework.security.oauth2.provider.token.AuthorizationServerTokenServices;
12 |
13 | import java.util.LinkedHashMap;
14 | import java.util.Map;
15 |
16 | /**
17 | * 该方法是扩展了Security OAuth来实现的 Rest API 请求
18 | */
19 | public class SocialCodeTokenGranter extends AbstractTokenGranter {
20 |
21 | private static final String GRANT_TYPE = "social";
22 |
23 | private final AuthenticationManager authenticationManager;
24 |
25 | public SocialCodeTokenGranter(AuthenticationManager authenticationManager,
26 | AuthorizationServerTokenServices tokenServices,
27 | ClientDetailsService clientDetailsService,
28 | OAuth2RequestFactory requestFactory) {
29 | this(authenticationManager, tokenServices, clientDetailsService, requestFactory, GRANT_TYPE);
30 | }
31 |
32 | protected SocialCodeTokenGranter(AuthenticationManager authenticationManager, AuthorizationServerTokenServices tokenServices,
33 | ClientDetailsService clientDetailsService, OAuth2RequestFactory requestFactory, String grantType) {
34 | super(tokenServices, clientDetailsService, requestFactory, grantType);
35 | this.authenticationManager = authenticationManager;
36 | }
37 |
38 | @Override
39 | protected OAuth2Authentication getOAuth2Authentication(ClientDetails client, TokenRequest tokenRequest) {
40 |
41 | Map
11 |
15 |
16 |
46 |
47 |
48 |
--------------------------------------------------------------------------------
/oauth2/src/main/resources/templates/confirm_access.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
17 |
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/oauth2/src/main/resources/templates/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
18 |
21 |
36 | 授权
19 | XXX
20 |
23 |
47 |
48 |
49 |
50 |
51 |
69 |
70 |
--------------------------------------------------------------------------------
/oauth2/src/test/java/cn/flizi/auth/AppTests.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.auth;
2 |
3 | import org.junit.jupiter.api.Test;
4 | import org.springframework.boot.test.context.SpringBootTest;
5 |
6 | @SpringBootTest
7 | class AppTests {
8 |
9 | @Test
10 | void contextLoads() {
11 | }
12 |
13 | }
14 |
--------------------------------------------------------------------------------
/oauth2/src/test/java/cn/flizi/ext/rbac/ExtRestApiTest.java:
--------------------------------------------------------------------------------
1 | package cn.flizi.ext.rbac;
2 |
3 |
4 | import cn.flizi.auth.App;
5 | import cn.flizi.core.util.R;
6 | import lombok.extern.log4j.Log4j2;
7 | import org.assertj.core.api.Assertions;
8 | import org.junit.jupiter.api.Test;
9 | import org.springframework.beans.factory.annotation.Autowired;
10 | import org.springframework.boot.test.context.SpringBootTest;
11 | import org.springframework.security.test.context.support.WithMockUser;
12 |
13 | import java.util.List;
14 |
15 | @Log4j2
16 | @SpringBootTest(classes = App.class)
17 | class ExtRestApiTest {
18 |
19 | @Autowired
20 | private ExtRestApi extRestApi;
21 |
22 | @Test
23 | public void contextLoads() throws Exception {
24 | Assertions.assertThat(extRestApi).isNotNull();
25 | }
26 |
27 | @Test
28 | @WithMockUser(username = "1", authorities = {"sys:menu:tree"})
29 | public void sysMenuTree() throws Exception {
30 | R
24 |
27 |
46 | 首页
25 | XXX
26 |