4 |
5 |
2 |
3 |
4 |
5 |
', '');
15 | };
16 | };
17 |
18 | function convert(str) {
19 | str = str.replace(/(&#x)(\w{4});/gi, function ($0) {
20 | return String.fromCharCode(parseInt(encodeURIComponent($0).replace(/(%26%23x)(\w{4})(%3B)/g, '$2'), 16));
21 | });
22 | return str;
23 | }
24 |
25 | module.exports = function (ctx) {
26 | return {
27 | // app plugins (/src/plugins)
28 | plugins: [
29 | 'i18n',
30 | 'vuelidate',
31 | 'permission',
32 | 'demo-block'
33 | ],
34 | css: [
35 | 'app.styl'
36 | ],
37 | extras: [
38 | ctx.theme.mat ? 'roboto-font' : null,
39 | 'material-icons',
40 | // 'ionicons',
41 | // 'mdi',
42 | 'fontawesome'
43 | ],
44 | supportIE: false,
45 | vendor: {
46 | add: [],
47 | remove: []
48 | },
49 | build: {
50 | env: ctx.dev
51 | ? { // so on dev we'll have
52 | API: JSON.stringify('http://localhost:3000')
53 | }
54 | : { // and on build (production):
55 | API: JSON.stringify('http://69.171.69.13:3000')
56 | },
57 | scopeHoisting: true,
58 | vueRouterMode: 'hash',
59 | // gzip: true,
60 | // analyze: true,
61 | // extractCSS: false,
62 | // useNotifier: false,
63 | extendWebpack(cfg) {
64 | cfg.module.rules.push({
65 | test: /\.md$/,
66 | loader: 'vue-markdown-loader',
67 | options: {
68 | preventExtract: true,
69 | use: [
70 | [require('markdown-it-container'), 'demo', {
71 | validate: function (params) {
72 | return params.trim().match(/^demo\s*(.*)$/);
73 | },
74 |
75 | render: function (tokens, idx) {
76 | var m = tokens[idx].info.trim().match(/^demo\s*(.*)$/);
77 | if (tokens[idx].nesting === 1) {
78 | var description = (m && m.length > 1) ? m[1] : '';
79 | var content = tokens[idx + 1].content;
80 | var html = convert(striptags.strip(content, ['script', 'style'])).replace(/(<[^>]*)=""(?=.*>)/g, '$1');
81 | var script = striptags.fetch(content, 'script');
82 | var style = striptags.fetch(content, 'style');
83 | var jsfiddle = { html: html, script: script, style: style };
84 | jsfiddle = md.utils.escapeHtml(JSON.stringify(jsfiddle));
85 | return `
86 | ${html}
87 |
88 | `;
89 | } else {
90 | return ' \n';
91 | }
92 | }
93 | }],
94 | [require('markdown-it-container'), 'tip'],
95 | [require('markdown-it-container'), 'warning']
96 | ],
97 | preprocess: function (MarkdownIt, source) {
98 | MarkdownIt.renderer.rules.table_open = function () {
99 | return '';
100 | };
101 | MarkdownIt.renderer.rules.fence = wrap(MarkdownIt.renderer.rules.fence);
102 | return source;
103 | }
104 | }
105 | }),
106 | cfg.resolve.alias = {
107 | ...cfg.resolve.alias, // This adds the existing alias
108 |
109 | // Add you own alias like this
110 | '@': resolve('src')
111 | }
112 | }
113 | },
114 | devServer: {
115 | // https: true,
116 | // port: 8080,
117 | open: true // opens browser window automatically
118 | },
119 | framework: 'all', //--- includes everything; for dev only!
120 | // framework: {
121 | // components: [
122 | // 'QLayout',
123 | // 'QLayoutHeader',
124 | // 'QLayoutDrawer',
125 | // 'QPageContainer',
126 | // 'QPage',
127 | // 'QToolbar',
128 | // 'QToolbarTitle',
129 | // 'QBtn',
130 | // 'QIcon',
131 | // 'QList',
132 | // 'QListHeader',
133 | // 'QItem',
134 | // 'QItemMain',
135 | // 'QItemSide',
136 | // 'QCollapsible'
137 | // ],
138 | // directives: [
139 | // 'Ripple'
140 | // ],
141 | // // Quasar plugins
142 | // plugins: [
143 | // 'Notify'
144 | // ]
145 | // },
146 | animations: 'all',// --- includes all animations
147 | // animations: [
148 | // ],
149 | pwa: {
150 | cacheExt: 'js,html,css,ttf,eot,otf,woff,woff2,json,svg,gif,jpg,jpeg,png,wav,ogg,webm,flac,aac,mp4,mp3',
151 | manifest: {
152 | // name: 'Quasar App',
153 | // short_name: 'Quasar-PWA',
154 | // description: 'Best PWA App in town!',
155 | display: 'standalone',
156 | orientation: 'portrait',
157 | background_color: '#ffffff',
158 | theme_color: '#027be3',
159 | icons: [
160 | {
161 | 'src': 'statics/icons/icon-128x128.png',
162 | 'sizes': '128x128',
163 | 'type': 'image/png'
164 | },
165 | {
166 | 'src': 'statics/icons/icon-192x192.png',
167 | 'sizes': '192x192',
168 | 'type': 'image/png'
169 | },
170 | {
171 | 'src': 'statics/icons/icon-256x256.png',
172 | 'sizes': '256x256',
173 | 'type': 'image/png'
174 | },
175 | {
176 | 'src': 'statics/icons/icon-384x384.png',
177 | 'sizes': '384x384',
178 | 'type': 'image/png'
179 | },
180 | {
181 | 'src': 'statics/icons/icon-512x512.png',
182 | 'sizes': '512x512',
183 | 'type': 'image/png'
184 | }
185 | ]
186 | }
187 | },
188 | cordova: {
189 | // id: 'org.cordova.quasar.app'
190 | },
191 | electron: {
192 | extendWebpack(cfg) {
193 | // do something with cfg
194 | },
195 | packager: {
196 | // OS X / Mac App Store
197 | // appBundleId: '',
198 | // appCategoryType: '',
199 | // osxSign: '',
200 | // protocol: 'myapp://path',
201 |
202 | // Window only
203 | // win32metadata: { ... }
204 | }
205 | },
206 |
207 | // leave this here for Quasar CLI
208 | starterKit: '1.0.2'
209 | }
210 | }
211 |
--------------------------------------------------------------------------------
/screenshot/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/1.jpg
--------------------------------------------------------------------------------
/screenshot/10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/10.jpg
--------------------------------------------------------------------------------
/screenshot/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/11.jpg
--------------------------------------------------------------------------------
/screenshot/12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/12.jpg
--------------------------------------------------------------------------------
/screenshot/13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/13.jpg
--------------------------------------------------------------------------------
/screenshot/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/2.jpg
--------------------------------------------------------------------------------
/screenshot/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/3.jpg
--------------------------------------------------------------------------------
/screenshot/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/4.jpg
--------------------------------------------------------------------------------
/screenshot/5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/5.jpg
--------------------------------------------------------------------------------
/screenshot/6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/6.jpg
--------------------------------------------------------------------------------
/screenshot/7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/7.jpg
--------------------------------------------------------------------------------
/screenshot/8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/8.jpg
--------------------------------------------------------------------------------
/screenshot/9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/9.jpg
--------------------------------------------------------------------------------
/screenshot/flowchart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/screenshot/flowchart.png
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
4 |
7 |
9 |
10 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
22 |
23 |
28 |
--------------------------------------------------------------------------------
/src/components/FtyBreadcrumbs.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
21 |
22 |
--------------------------------------------------------------------------------
/src/components/FtyMenu.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
12 | {{$t(child1.title)}}
13 |
14 |
15 |
16 |
17 |
18 |
20 | {{$t(child.title)}}
21 |
22 |
23 |
24 |
25 |
26 |
27 |
29 | {{$t(menu.title)}}
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
45 |
46 |
47 |
48 |
49 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
98 |
99 |
--------------------------------------------------------------------------------
/src/components/FtyModuleTabs.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
36 |
--------------------------------------------------------------------------------
/src/components/ScrollPane.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 | <%= htmlWebpackPlugin.options.productName %>
12 |
13 |
14 |
15 |
16 |
17 |
18 | <% if (htmlWebpackPlugin.options.ctx.mode.pwa) { %>
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 | <% } %>
31 |
32 | <%= htmlWebpackPlugin.options.headScripts %>
33 |
34 |
38 | <% if (!['cordova', 'electron'].includes(htmlWebpackPlugin.options.ctx.modeName) && htmlWebpackPlugin.options.ctx.prod) {
39 | for (var chunk of webpack.chunks) {
40 | for (var file of chunk.files) {
41 | if (file.match(/\.(js|css)$/)) { %>
42 |
43 | <% }}}} %>
44 |
100 |
101 |
102 |
103 | <% if (!htmlWebpackPlugin.options.ctx.mode.electron) { %>
104 |
107 | <% } %>
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 | <%= htmlWebpackPlugin.options.bodyScripts %>
120 |
121 |
122 |
123 |
124 |
--------------------------------------------------------------------------------
/src/layouts/components/TagsView.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
12 |
21 |
22 |
23 |
114 |
115 |
130 |
--------------------------------------------------------------------------------
/src/layouts/default.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
16 |
18 |
19 |
20 | Quasar App
21 | Running on Quasar v{{ $q.version }}
22 |
23 |
24 |
25 |
26 |
30 |
35 | Essential Links
36 |
37 |
40 |
41 |
44 |
45 |
48 |
49 |
52 |
53 |
56 |
57 |
58 |
59 |
60 |
62 |
63 |
64 |
65 |
80 |
81 |
83 |
--------------------------------------------------------------------------------
/src/libs/auth.js:
--------------------------------------------------------------------------------
1 |
2 | const TokenKey = 'fty-admin-token'
3 |
4 | export function getToken() {
5 | return localStorage.getItem(TokenKey)
6 | }
7 |
8 | export function setToken(token) {
9 | localStorage.setItem(TokenKey,token)
10 | }
11 |
12 | export function removeToken() {
13 | localStorage.removeItem(TokenKey)
14 | }
--------------------------------------------------------------------------------
/src/libs/loading.js:
--------------------------------------------------------------------------------
1 | import { Loading, QSpinnerGears,QSpinnerHourglass } from 'quasar'
2 |
3 | let loading = {
4 | }
5 | let lastRequest = new Date('2018');
6 |
7 | loading.show = function (config) {
8 | if (config&&config.loading) {
9 | let now = new Date();
10 | let ms = now - lastRequest;
11 | lastRequest = now;
12 | if (ms > 2000) {//相隔两秒的请求才重新显示loading
13 | if (config.loading == "gears") {
14 | Loading.show({
15 | spinner: QSpinnerGears,
16 | message: '',
17 | messageColor: 'white',
18 | spinnerSize: 100,
19 | spinnerColor: 'white',
20 | customClass : ''
21 | })
22 | }else if(config.loading=="hourglass")
23 | {
24 | Loading.show({
25 | // spinner: QSpinnerHourglass,
26 | message: '',
27 | messageColor: 'white',
28 | spinnerSize: 100,
29 | spinnerColor: 'white',
30 | customClass : ''
31 | })
32 | }
33 | }
34 | }
35 |
36 | }
37 |
38 | loading.hide = function (config) {
39 | if (config&&config.loading) {
40 | setTimeout(() => {
41 | Loading.hide()
42 | }, 1000)
43 | }
44 | }
45 |
46 | export default loading;
47 |
--------------------------------------------------------------------------------
/src/libs/permission.js:
--------------------------------------------------------------------------------
1 | let permission = {
2 |
3 | }
4 |
5 | permission.check = function (config) {
6 | if (config.permission && config.permission.length > 0) {
7 | let needPermissions = config.permission;
8 | let permissions = JSON.parse(localStorage.getItem('permission'));
9 | let isAdmin = localStorage.getItem('isAdmin');
10 | let hasPermission = permissions.some(s => {
11 | return needPermissions.indexOf(s) > -1;
12 | })
13 | if (!hasPermission && isAdmin == 0) {
14 | return false
15 | }
16 | }
17 | return true
18 | }
19 |
20 | export default permission
--------------------------------------------------------------------------------
/src/libs/request.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | import Router from '@/router/index';
3 | import { getToken, removeToken } from '@/libs/auth'
4 | import loading from '@/libs/loading'
5 | import permission from '@/libs/permission'
6 | import { Notify } from 'quasar'
7 |
8 | // create an axios instance
9 | const service = axios.create({
10 | baseURL: process.env.API, // api的base_url
11 | timeout: 20000 // request timeout
12 | })
13 |
14 | // request interceptor
15 | service.interceptors.request.use(config => {
16 | // Do something before request is sent
17 | if (!permission.check(config)) {
18 | Notify.create({
19 | message: this.$t("No request permission")
20 | })
21 | throw "403"
22 | }
23 | loading.show(config)
24 | let token = getToken()
25 | if (token) {
26 | config.headers['Authorization'] = 'Bearer ' + token// 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
27 | }
28 | return config
29 | }, error => {
30 | // Do something with request error
31 | //console.log(error) // for debug
32 | Promise.reject(error)
33 | })
34 |
35 | // respone interceptor
36 | service.interceptors.response.use(
37 | response => {
38 | loading.hide(response.config)
39 | const res = response.data;
40 | if (res.statusCode !== 200) {
41 | Notify.create({
42 | message: res.msg
43 | })
44 | return Promise.reject('error');
45 | } else {
46 |
47 | return response;
48 | }
49 | },
50 | error => {
51 | loading.hide(error.config)
52 | if (error.response && error.response.status === 401) {
53 | removeToken();
54 | if (error.config.url.indexOf("logout") === -1) {
55 | Notify.create({
56 | message: this.$t('loginexpired')
57 | })
58 | }
59 | setTimeout(() => {
60 | Router.push({
61 | name: "login"
62 | });
63 | }, 1000)
64 |
65 | } else if (error.response && error.response.status === 500) {
66 | Notify.create({
67 | message: this.$t('System error') + '!',
68 | position: 'bottom-right'
69 | })
70 | } else if (error.message.indexOf("timeout")>-1) {
71 | Notify.create({
72 | message: this.$t('Network timeout') + '!',
73 | position: 'bottom-right'
74 | })
75 | }
76 | else if (error == "403") {
77 |
78 | } else {
79 | Notify.create({
80 | message: this.$t('Network error') + '!',
81 | position: 'bottom-right'
82 | })
83 | }
84 | return Promise.reject(error)
85 |
86 | })
87 |
88 | export default service
89 |
90 |
91 |
92 |
--------------------------------------------------------------------------------
/src/libs/util.js:
--------------------------------------------------------------------------------
1 | let util = {
2 |
3 | };
4 | util.title = function (title) {
5 | title = title || 'vue.quasar.admin';
6 | window.document.title = title;
7 | };
8 |
9 | util.getMenuByName = function (name, menulist) {
10 | let menu = {};
11 | let forFn = function (name, menulist) {
12 | for (var item of menulist) {
13 | if (item.name === name) {
14 | menu = item;
15 | } else {
16 | if (item.children && item.children.length > 0) {
17 | forFn(name, item.children)
18 | }
19 | }
20 | if (menu.name) {
21 | break;
22 | }
23 | }
24 | }
25 | forFn(name, menulist);
26 | return menu;
27 | }
28 |
29 | util.oneOf = function (ele, targetArr) {
30 | if (targetArr.indexOf(ele) >= 0) {
31 | return true;
32 | } else {
33 | return false;
34 | }
35 | };
36 | util.getParentMenusByName = function (openAccesseMenu, name) {
37 | let temp = [];
38 | let forFn = function (openAccesseMenu, name) {
39 | for (var item of openAccesseMenu) {
40 | if (item.name === name && item.path !== "/") {
41 | temp.push(item);
42 | forFn(openAccesseMenu, item.parentName);
43 | }
44 | }
45 | };
46 | forFn(openAccesseMenu, name);
47 | temp.reverse()
48 | return temp;
49 | };
50 |
51 | util.handleTitle = function (vm, item) {
52 | return item.title;
53 | };
54 |
55 | util.setCurrentPath = function (vm, name) {
56 | let openAccesseMenu = vm.$store.state.app.openAccessMenu;
57 | let menulistWithParent = util.getParentMenusByName(openAccesseMenu, name);
58 | let currentPathArr = [];
59 | if (!menulistWithParent.some(item => {
60 | return item.name === "home_index"
61 | })) {
62 | currentPathArr.push({
63 | title: vm.$t("Home"),
64 | path: "/home",
65 | name: 'home_index'
66 | });
67 | }
68 | currentPathArr.push(...menulistWithParent);
69 | vm.$store.commit('setCurrentPath', currentPathArr);
70 | };
71 | util.setCurrentModule = function (vm, name) {
72 | let openAccesseMenu = vm.$store.state.app.openAccessMenu;
73 | let moduleList = vm.$store.state.app.moduleList;
74 | let currentModule = vm.$store.state.app.currentModule;
75 | let menulistWithParent = util.getParentMenusByName(openAccesseMenu, name);
76 | if (menulistWithParent.length > 0) {
77 | let moduleName = menulistWithParent[0].name;
78 | if (moduleList.some(item => {
79 | return item.name === moduleName
80 | }) && currentModule !== moduleName) {
81 | vm.$store.dispatch('changeModule', moduleName);
82 | }
83 | }
84 |
85 | };
86 | util.toDefaultPage = function (menulist, to, routes, next) {
87 | if (to.path == "/") {
88 | next({ name: 'home_index', replace: true })
89 | }
90 | else {
91 | next()
92 | }
93 | };
94 | util.openAccesseMenu = function (accesseMenu) {
95 | let openAccesseMenu = [];
96 | let forFn = function (menulist, parentName) {
97 | for (var item of menulist) {
98 | item.parentName = parentName;
99 | openAccesseMenu.push(item)
100 | if (item.children && item.children.length > 0) {
101 | forFn(item.children, item.name)
102 | }
103 | }
104 | }
105 | forFn(accesseMenu, '');
106 | return openAccesseMenu;
107 | }
108 |
109 | util.openNewPage = function (vm, name, argu, query) {
110 | let pageOpenedList = vm.$store.state.app.pageOpenedList;
111 | let openedPageLen = pageOpenedList.length;
112 | let i = 0;
113 | let tagHasOpened = false;
114 | while (i < openedPageLen) {
115 | if (name === pageOpenedList[i].name) { // 页面已经打开
116 | vm.$store.commit('pageOpenedList', {
117 | index: i,
118 | argu: argu,
119 | query: query
120 | });
121 | tagHasOpened = true;
122 | break;
123 | }
124 | i++;
125 | }
126 | if (!tagHasOpened) {
127 | let tags = vm.$store.state.app.openAccessMenu.filter((item) => {
128 | return name === item.name;
129 | });
130 | if (tags.length > 0) {
131 | let tag = tags[0];
132 | if (argu) {
133 | tag.argu = argu;
134 | }
135 | if (query) {
136 | tag.query = query;
137 | }
138 | vm.$store.commit('increateTag', tag);
139 | }
140 | }
141 | };
142 |
143 | export default util;
144 |
--------------------------------------------------------------------------------
/src/pages/403.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 返回
4 |
5 |
6 | Oops!
7 | {{$t("You don't have permission to go to this page")}}
8 |
9 | - {{$t('Or you can go')}}:
10 | -
11 |
{{$t('Back to home')}}
12 |
13 |
14 |
15 |
16 | ![Girl has dropped her ice cream.]()
17 |
18 |
19 |
20 |
21 |
22 |
38 |
39 |
72 |
--------------------------------------------------------------------------------
/src/pages/cms/comment.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/pages/cms/post.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | {{$t('Search')}}
10 |
11 | {{$t('Add')}}
12 |
13 |
14 |
15 |
22 |
23 |
25 |
26 | {{ col.label }}
27 |
28 |
29 |
30 |
31 |
32 |
35 |
36 | {{ props.row.title }}
37 |
38 | {{ props.row.catelog }}
39 |
40 | {{tag}}
41 |
42 |
43 | {{$t('Draft')}}
44 | {{$t('Published')}}
45 | {{$t('Deleted')}}
46 |
47 | {{ props.row.sort }}
48 | {{formatDate(props.row.publishedDate)}}
49 | {{formatDate(props.row.createdDate)}}
50 | {{formatDate(props.row.updatedDate)}}
51 |
52 |
53 |
55 |
57 |
58 |
59 |
60 | {{ props.row.shortContent }}
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
203 |
--------------------------------------------------------------------------------
/src/pages/cms/post_edit.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {{$t('Title')}}：
7 |
8 |
21 |
22 |
23 |
24 |
25 |
26 | {{$t('Classification')}}:
27 |
28 |
66 |
68 | {{$t('Save')}}
69 |
70 |
71 |
72 |
73 |
74 |
75 |
265 |
272 |
--------------------------------------------------------------------------------
/src/pages/develop/official/button-group.md:
--------------------------------------------------------------------------------
1 | :::demo
2 | ```html
3 | Examples of group buttons. Endless possibilities.
4 |
5 |
9 |
10 |
11 |
12 |
16 |
17 |
18 |
19 |
23 |
24 |
25 |
26 |
31 |
32 |
33 |
34 |
38 |
39 |
40 |
41 |
45 |
46 |
47 |
48 |
51 |
52 |
53 |
54 |
56 | Photos
57 | February 22, 2016
58 |
59 |
61 | Files
63 |
64 |
66 | Vacation
67 | February 22, 2016
68 |
69 |
71 |
72 |
73 |
74 | ```
75 | :::
76 |
--------------------------------------------------------------------------------
/src/pages/develop/official/dropdown-button.md:
--------------------------------------------------------------------------------
1 | :::demo
2 | ```html
3 | These are just a few examples
4 |
5 |
6 |
7 |
9 | Photos
10 | February 22, 2016
11 |
12 |
14 | Files
16 |
17 |
19 | Vacation
20 | February 22, 2016
21 |
22 |
24 |
25 |
26 |
27 | Split with Glossy effect
28 |
29 |
30 |
31 |
33 | Photos
34 | February 22, 2016
35 |
36 |
38 | Files
40 |
41 |
43 | Vacation
44 | February 22, 2016
45 |
46 |
48 |
49 |
50 |
51 | Outline
52 |
53 |
54 |
55 |
57 | Photos
58 | February 22, 2016
59 |
60 |
62 | Files
64 |
65 |
67 | Vacation
68 | February 22, 2016
69 |
70 |
72 |
73 |
74 |
75 | Push type with icon and v-model
76 |
77 |
78 |
79 |
81 | Photos
82 | February 22, 2016
83 |
84 |
86 | Files
88 |
89 |
91 | Vacation
92 | February 22, 2016
93 |
94 |
96 |
97 |
98 |
99 | Push type with icon and v-model
100 |
101 |
102 |
103 |
105 | Photos
106 | February 22, 2016
107 |
108 |
110 | Files
112 |
113 |
115 | Vacation
116 | February 22, 2016
117 |
118 |
120 |
121 |
122 | ```
123 | :::
124 |
125 |
126 |
--------------------------------------------------------------------------------
/src/pages/develop/official/toolbar.md:
--------------------------------------------------------------------------------
1 | :::demo
2 | ```html
3 |
4 | Toolbars are mainly used in Layout headers and footers, but they can be used in your Page view too.
5 |
6 |
7 |
8 |
10 | Toolbar
11 |
12 |
14 |
15 |
16 |
17 |
18 |
20 | Toolbar
21 |
22 |
24 |
25 |
26 | They come in all colors.
27 |
28 |
29 |
30 |
32 | Toolbar
33 |
34 |
37 |
38 |
40 | Toolbar
41 | Subtitle
42 |
43 |
46 |
47 |
48 | 2
49 |
50 |
51 | Long title for Toolbar. Very very very very very very long title.
52 |
53 |
57 |
58 |
61 | Toolbar
62 |
63 |
66 |
67 |
68 | And inverted:
69 |
70 |
71 |
72 |
74 | Toolbar
75 |
76 |
79 |
80 |
82 | Toolbar
83 | Subtitle
84 |
85 |
88 |
89 |
91 | Long title for Toolbar. Very very very very very very long title.
92 |
93 |
97 |
98 |
101 | Toolbar
102 |
103 |
106 | ```
107 | :::
108 |
--------------------------------------------------------------------------------
/src/pages/empty.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Oops!
6 | {{$t('This page has nothing')}}
7 |
8 |
9 | ![Girl has dropped her ice cream.]()
10 |
11 |
12 |
13 |
14 |
15 |
26 |
27 |
60 |
--------------------------------------------------------------------------------
/src/pages/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {{post.title}}
7 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 | {{$t('Audit log')}}
21 |
22 |
24 |
25 |
26 |
27 | {{formatDate(props.value)}}
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
38 |
39 |
128 |
--------------------------------------------------------------------------------
/src/pages/login.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
11 |
17 | {{$t('Login')}}
18 |
19 |
22 | {{$t('Reset')}}
23 |
24 |
25 |
26 |
27 |
28 |
29 |
170 |
171 |
221 |
--------------------------------------------------------------------------------
/src/pages/organization/department.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/pages/organization/position.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/pages/other/requestlog.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 |
11 | {{formatDate(props.value)}}
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
110 |
--------------------------------------------------------------------------------
/src/pages/permission/function.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
11 |
12 | Search
16 | {{$t('Add')}}
17 |
18 |
19 |
25 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
36 | {{$t('Edit')}}
37 |
38 |
39 |
40 |
41 |
42 | {{$t('Save')}}
43 | {{$t('Cancel')}}
44 |
45 |
46 |
47 |
48 |
50 |
51 |
53 |
54 |
56 | {{tempFunction.module}}
57 |
60 |
61 |
62 |
63 |
64 |
66 | {{$t('Selection module')}}
67 |
68 |
69 |
70 |
71 |
72 | {{$t('Select')}}
73 | {{$t('Cancel')}}
74 |
75 |
76 |
77 |
80 |
81 |
82 |
83 |
84 |
328 |
--------------------------------------------------------------------------------
/src/pages/permission/role.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
11 |
12 | {{$t('Search')}}
15 | {{$t('Add')}}
16 |
17 |
18 |
24 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
35 | {{$t('Edit')}}
36 |
37 |
38 |
39 |
40 |
41 | {{$t('Save')}}
42 | {{$t('Cancel')}}
43 |
44 |
45 |
46 |
47 |
49 |
50 |
52 |
53 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
234 |
--------------------------------------------------------------------------------
/src/pages/permission/rolepermission.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
11 |
12 | {{$t('Search')}}
15 |
16 |
17 |
20 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
30 | {{$t('Editing role')}}
31 | {{roleName}} {{$t('Permission')}}
32 |
33 |
34 |
35 |
36 |
37 | {{$t('Save')}}
38 | {{$t('Cancel')}}
39 |
40 |
41 |
42 |
43 |
44 |
50 |
51 | {{$t('Module function')}}
52 |
54 |
55 |
57 |
58 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
248 |
--------------------------------------------------------------------------------
/src/pages/permission/roleuser.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
11 |
12 | {{$t('Search')}}
15 |
16 |
17 |
20 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
30 | {{$t('Editing role')}}
31 | {{roleName}} {{$t('User under')}}
32 |
33 |
34 |
35 |
37 |
38 | {{$t('Search')}}
41 |
42 |
43 |
46 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
245 |
--------------------------------------------------------------------------------
/src/pages/permission/userrole.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | {{$t('Search')}}
11 |
12 |
13 |
16 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
26 | {{$t('Edit user')}}
27 | {{userName}} {{$t('List of roles')}}
28 |
29 |
30 |
31 |
33 |
34 | {{$t('Search')}}
37 |
38 |
39 |
42 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
245 |
--------------------------------------------------------------------------------
/src/pages/user/user.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | {{$t('Search')}}
11 | {{$t('Add')}}
12 |
13 |
14 |
20 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
31 | {{$t('Edit')}}
32 |
33 |
34 |
35 |
36 |
37 | {{$t('Save')}}
38 | {{$t('Cancel')}}
39 |
40 |
41 |
42 |
43 |
45 |
46 |
48 |
49 |
51 |
52 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
248 |
--------------------------------------------------------------------------------
/src/pages/user/userinfo.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/src/plugins/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/plugins/.gitkeep
--------------------------------------------------------------------------------
/src/plugins/demo-block.js:
--------------------------------------------------------------------------------
1 | import DemoBlock from '@/components/DemoBlock.vue'
2 |
3 | export default ({ Vue }) => {
4 | Vue.component('demo-block', DemoBlock);
5 | }
--------------------------------------------------------------------------------
/src/plugins/i18n.js:
--------------------------------------------------------------------------------
1 | // we import the external package
2 | import VueI18n from 'vue-i18n'
3 |
4 | // let's say we have a file in /src/i18n containing the language pack
5 | import messages from 'src/i18n'
6 |
7 | export default ({ app, router, store, Vue }) => {
8 | // we tell Vue to use our Vue package:
9 | Vue.use(VueI18n)
10 |
11 | // Set i18n instance on app;
12 | // We inject it into root component by doing so;
13 | // new Vue({..., i18n: ... }).$mount(...)
14 |
15 | app.i18n = new VueI18n({
16 | locale: 'zh-hans', // zh-hans, en-us, pt-br
17 | fallbackLocale: 'zh-hans',
18 | messages
19 | })
20 | }
21 |
22 |
--------------------------------------------------------------------------------
/src/plugins/permission.js:
--------------------------------------------------------------------------------
1 | export default ({ app, router, store, Vue }) => {
2 | Vue.directive('permission', {
3 | bind: function (el, binding, vnode) {
4 | let needPermissions = binding.value;
5 | let permissions = JSON.parse(localStorage.getItem('permission'));
6 | let isAdmin=localStorage.getItem('isAdmin');
7 | let hasPermission = permissions.some(s => {
8 | return needPermissions.indexOf(s) > -1;
9 | })
10 | if (!hasPermission&&isAdmin==0) {
11 | el.style.display = "none";
12 | }
13 | }
14 | })
15 | }
--------------------------------------------------------------------------------
/src/plugins/vuelidate.js:
--------------------------------------------------------------------------------
1 | import Vuelidate from 'vuelidate'
2 |
3 | export default ({ Vue }) => {
4 | Vue.use(Vuelidate)
5 | }
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueRouter from 'vue-router'
3 | import Util from '@/libs/util'
4 | import { routes } from './routes'
5 | import { getToken } from '@/libs/auth'
6 | import store from '@/store'
7 |
8 | Vue.use(VueRouter)
9 |
10 | const Router = new VueRouter({
11 | /*
12 | * NOTE! Change Vue Router mode from quasar.conf.js -> build -> vueRouterMode
13 | *
14 | * If you decide to go with "history" mode, please also set "build.publicPath"
15 | * to something other than an empty string.
16 | * Example: '/' instead of ''
17 | */
18 |
19 | // Leave as is and change from quasar.conf.js instead!
20 | mode: process.env.VUE_ROUTER_MODE,
21 | base: process.env.VUE_ROUTER_BASE,
22 | scrollBehavior: () => ({ y: 0 }),
23 | routes
24 | })
25 |
26 | const whiteList = ['/login', '/403']// 设置白名单，避免死循环
27 |
28 | function hasPermission(router, accessMenu) {
29 | if (whiteList.indexOf(router.path) !== -1) {
30 | return true;
31 | }
32 | let menu = Util.getMenuByName(router.name, accessMenu);
33 | if (menu.name) {
34 | return true;
35 | }
36 | return false;
37 |
38 | }
39 |
40 | //地址栏改变，比$route(to)先触发
41 | Router.beforeEach(async (to, from, next) => {
42 | if (getToken()) {
43 | let userInfo = store.state.user.userInfo;
44 | if (!userInfo.name) {
45 | try {
46 | await store.dispatch("GetUserInfo")
47 | await store.dispatch('updateAccessMenu')
48 | if (to.path === '/login') {
49 | next({ name: 'home_index' })
50 | } else {
51 | //Util.toDefaultPage([...routers], to.name, router, next);
52 | next({ ...to, replace: true })//菜单权限更新完成,重新进一次当前路由
53 | }
54 | }
55 | catch (e) {
56 | if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
57 | next()
58 | } else {
59 | next('/login')
60 | }
61 | }
62 | } else {
63 | if (to.path === '/login') {
64 | next({ name: 'home_index' })
65 | } else {
66 | if (hasPermission(to, store.getters.accessMenu)) {
67 | Util.toDefaultPage(store.getters.accessMenu,to, routes, next);
68 | } else {
69 | next({ path: '/403',replace:true })
70 | }
71 | }
72 | }
73 | } else {
74 | if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单，直接进入
75 | next()
76 | } else {
77 | next('/login')
78 | }
79 | }
80 | let menu = Util.getMenuByName(to.name, store.getters.accessMenu);
81 | Util.title(menu.title);
82 | });
83 |
84 | Router.afterEach((to) => {
85 | window.scrollTo(0, 0);
86 | });
87 |
88 | export default Router
89 |
--------------------------------------------------------------------------------
/src/router/routes.js:
--------------------------------------------------------------------------------
1 |
2 | const layout = () => import('layouts/common');
3 |
4 | //不作为Main组件的子页面展示的页面单独写，如下
5 | const loginRouter = {
6 | path: '/login',
7 | name: 'login',
8 | component: () => import('pages/login')
9 | };
10 |
11 |
12 | const page403 = {
13 | path: '/403',
14 | name: '403',
15 | component: () => import('pages/403')
16 | };
17 |
18 | // 作为layout组件的子页面展示但是不在左侧菜单显示的路由写在otherRouter里(children至少包含一个子路由)
19 | const otherRouter = {
20 | path: '/',
21 | name: 'otherRouter',
22 | component: layout,
23 | children: [
24 | {
25 | path: 'home',
26 | name: 'home_index',
27 | component: () => import('pages/index')
28 | },
29 | {
30 | path: 'userinfo',
31 | name: 'userinfo',
32 | component: () => import('pages/user/userinfo')
33 | },
34 | {
35 | path: 'requestlog',
36 | name: 'requestlog',
37 | component: () => import('pages/other/requestlog')
38 | }
39 | ]
40 | };
41 | // 作为layout组件的子页面展示并且在左侧菜单显示的路由写在appRouter里(children至少包含一个子路由)
42 | const appRouter = [
43 | {
44 | path: '/cms',
45 | name: 'CMS',
46 | component: layout,
47 | children: [
48 | {
49 | path: 'article',
50 | name: 'article',
51 | component: () => import('pages/cms/post.vue')
52 | },
53 | {
54 | path: 'article/:id',
55 | name: 'post_edit',
56 | component: () => import('pages/cms/post_edit.vue')
57 | },
58 | {
59 | path: 'comment',
60 | name: 'comment',
61 | component: () => import('pages/cms/comment.vue')
62 | },
63 | ]
64 | },
65 | {
66 | path: '/system',
67 | name: 'system settings',
68 | component: layout,
69 | children: [
70 | {
71 | path: 'menu',
72 | name: 'menu',
73 | component: () => import('pages/system/menu.vue')
74 | }
75 | ]
76 | },
77 | {
78 | path: '/permission',
79 | name: 'permission',
80 | component: layout,
81 | children: [
82 | {
83 | path: 'function',
84 | name: 'function',
85 | component: () => import('pages/permission/function.vue')
86 | },
87 | {
88 | path: 'role',
89 | name: 'role',
90 | component: () => import('pages/permission/role.vue')
91 | },
92 | {
93 | path: 'rolepermission',
94 | name: 'rolepermission',
95 | component: () => import('pages/permission/rolepermission.vue')
96 | },
97 | {
98 | path: 'roleuser',
99 | name: 'roleuser',
100 | component: () => import('pages/permission/roleuser.vue')
101 | },
102 | {
103 | path: 'userrole',
104 | name: 'userrole',
105 | component: () => import('pages/permission/userrole.vue')
106 | }
107 | ]
108 | },
109 | {
110 | path: '/organization',
111 | name: 'organization',
112 | component: layout,
113 | children: [
114 | {
115 | path: 'department',
116 | name: 'department',
117 | component: () => import('pages/organization/department.vue')
118 | },
119 | {
120 | path: 'position',
121 | name: 'position',
122 | component: () => import('pages/organization/position.vue')
123 | }
124 | ]
125 | },
126 | {
127 | path: '/user',
128 | name: 'user',
129 | component: layout,
130 | children: [
131 | {
132 | path: 'index',
133 | name: 'user_index',
134 | component: () => import('pages/user/user.vue')
135 | }
136 | ]
137 | },
138 | {
139 | path: '/business',
140 | name: 'business',
141 | component: layout,
142 | children: [
143 | {
144 | path: 'sku',
145 | name: 'sku',
146 | component: () => import('pages/develop/business/sku.vue')
147 | }
148 | ]
149 | }
150 | ];
151 |
152 | const developRouter = [
153 | {
154 | path: '/official',
155 | name: 'official',
156 | component: layout,
157 | children: [
158 | {
159 | path: 'button',
160 | name: 'button',
161 | component: () => import('pages/develop/official/button.md')
162 | },
163 | {
164 | path: 'button-group',
165 | name: 'button-group',
166 | component: () => import('pages/develop/official/button-group.md')
167 | },
168 | {
169 | path: 'dropdown-button',
170 | name: 'dropdown-button',
171 | component: () => import('pages/develop/official/dropdown-button.md')
172 | },
173 | {
174 | path: 'toolbar',
175 | name: 'toolbar',
176 | component: () => import('pages/develop/official/toolbar.md')
177 | }
178 | ]
179 | }
180 | ]
181 |
182 | // 所有上面定义的路由都要写在下面的routers里
183 | export const routes = [
184 | loginRouter,
185 | page403,
186 | otherRouter,
187 | ...appRouter,
188 | ...developRouter
189 | ];
190 |
191 |
--------------------------------------------------------------------------------
/src/service/cms/post.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 |
3 | export function getPostPagedList(query) {
4 | return request({
5 | url: '/post/pagedlist',
6 | method: 'get',
7 | params: query
8 | })
9 | }
10 |
11 | export function getPost(id) {
12 | return request({
13 | url: '/post/' + id,
14 | method: 'get',
15 | loading: "hourglass"
16 | })
17 | }
18 |
19 | export function savePost(post) {
20 | return request({
21 | url: '/post/save',
22 | method: 'post',
23 | data: post,
24 | loading: "hourglass"
25 | })
26 | }
27 |
28 | export function getTopPostByQuery(query) {
29 | return request({
30 | url: '/post/top',
31 | method: 'get',
32 | params: query,
33 | loading: "gears"
34 | })
35 | }
--------------------------------------------------------------------------------
/src/service/login.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 | import qs from 'qs'
3 |
4 | export function loginByUsername(username, password) {
5 | const data = {
6 | username,
7 | password
8 | }
9 | return request({
10 | url: '/auth/login',
11 | method: 'post',
12 | data: qs.stringify(data)
13 | })
14 | }
15 |
16 | export function logout() {
17 | return request({
18 | url: '/auth/logout',
19 | method: 'post',
20 | loading:"hourglass"
21 | })
22 | }
23 |
24 | export function getUserInfo() {
25 | return request({
26 | url: '/user/info',
27 | method: 'get',
28 | loading:"gears"
29 | })
30 | }
--------------------------------------------------------------------------------
/src/service/other/requestlog.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 |
3 | export function getRequestLogPagedList(query) {
4 | return request({
5 | url: '/requestlog/pagedlist',
6 | method: 'get',
7 | params: query
8 | })
9 | }
--------------------------------------------------------------------------------
/src/service/other/resetdb.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 |
3 | export function resetDb() {
4 | return request({
5 | url: '/resetdb',
6 | method: 'post',
7 | loading:"hourglass"
8 | })
9 | }
--------------------------------------------------------------------------------
/src/service/permission/function.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 | import qs from 'qs'
3 |
4 | export function getMenuListFunctionCode() {
5 | return request({
6 | url: '/function/menulistfunctioncode',
7 | method: 'get',
8 | loading:"gears"
9 | })
10 | }
11 |
12 | export function getFunctionPagedList(query) {
13 | return request({
14 | url: '/function/pagedlist',
15 | method: 'get',
16 | params: query
17 | })
18 | }
19 |
20 | export function delFunction(id) {
21 | return request({
22 | url: '/function/del',
23 | method: 'delete',
24 | params: id,
25 | loading:"hourglass"
26 | })
27 | }
28 |
29 | export function delFunctions(ids) {
30 | return request({
31 | url: '/function/batchdel',
32 | method: 'delete',
33 | params:ids,
34 | loading:"hourglass"
35 | })
36 | }
37 |
38 | export function saveFunction(data) {
39 | return request({
40 | url: '/function/save',
41 | method: 'post',
42 | data: data,
43 | loading:'hourglass'
44 | })
45 | }
--------------------------------------------------------------------------------
/src/service/permission/role.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 |
3 | export function getRolePagedList(query) {
4 | return request({
5 | url: '/role/pagedlist',
6 | method: 'get',
7 | params: query
8 | })
9 | }
10 |
11 | export function delRole(id) {
12 | return request({
13 | url: '/role/del',
14 | method: 'delete',
15 | params: id,
16 | loading:"hourglass"
17 | })
18 | }
19 |
20 | export function delRoles(ids) {
21 | return request({
22 | url: '/role/batchdel',
23 | method: 'delete',
24 | params:ids,
25 | loading:"hourglass"
26 | })
27 | }
28 |
29 | export function saveRole(data) {
30 | return request({
31 | url: '/role/save',
32 | method: 'post',
33 | data: data,
34 | loading:"hourglass"
35 | })
36 | }
37 |
38 | export function savePermission(data){
39 | return request({
40 | url: '/role/savepermission',
41 | method: 'post',
42 | data: data,
43 | loading:"hourglass"
44 | })
45 | }
46 |
--------------------------------------------------------------------------------
/src/service/system/menu.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 | import qs from 'qs'
3 |
4 | export function getAccessMemu() {
5 | return request({
6 | url: '/menu/getaccessmenu',
7 | method: 'get',
8 | loading:"gears"
9 | })
10 | }
11 |
12 | export function getAllMenu(){
13 | return request({
14 | url: '/menu',
15 | method: 'get',
16 | loading:"gears"
17 | })
18 | }
19 |
20 | export function saveMenu(menu){
21 | return request({
22 | url: '/menu/savemenu',
23 | method: 'post',
24 | data:menu,
25 | loading:"hourglass",
26 | permission:["menu_edit"]
27 | })
28 | }
29 |
30 | export function getMenuFunctions(menuId){
31 | return request({
32 | url: '/menu/menufunctions',
33 | method: 'get',
34 | params:menuId,
35 | loading:"gears"
36 | })
37 | }
38 |
39 | export function getIcons(){
40 | return request({
41 | url: '/icons',
42 | method: 'get',
43 | loading:"gears"
44 | })
45 | }
--------------------------------------------------------------------------------
/src/service/user/user.js:
--------------------------------------------------------------------------------
1 | import request from '@/libs/request'
2 |
3 | export function getUserList() {
4 | return request({
5 | url: '/user/userlist',
6 | method: 'get'
7 | })
8 | }
9 | export function getUserPagedList(query) {
10 | return request({
11 | url: '/user/pagedlist',
12 | method: 'get',
13 | params: query
14 | })
15 | }
16 |
17 | export function delUser(id) {
18 | return request({
19 | url: '/user/del',
20 | method: 'delete',
21 | params: id,
22 | loading:"hourglass"
23 | })
24 | }
25 |
26 | export function delUsers(ids) {
27 | return request({
28 | url: '/user/batchdel',
29 | method: 'delete',
30 | params:ids,
31 | loading:"hourglass"
32 | })
33 | }
34 |
35 | export function saveUser(data) {
36 | return request({
37 | url: '/user/save',
38 | method: 'post',
39 | data: data,
40 | loading:"hourglass"
41 | })
42 | }
43 |
44 | export function editRoleUser(data){
45 | return request({
46 | url: '/user/editroleuser',
47 | method: 'post',
48 | data: data,
49 | loading:"hourglass"
50 | })
51 | }
--------------------------------------------------------------------------------
/src/statics/icons/apple-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/apple-icon-152x152.png
--------------------------------------------------------------------------------
/src/statics/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/favicon-16x16.png
--------------------------------------------------------------------------------
/src/statics/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/favicon-32x32.png
--------------------------------------------------------------------------------
/src/statics/icons/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/icon-128x128.png
--------------------------------------------------------------------------------
/src/statics/icons/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/icon-192x192.png
--------------------------------------------------------------------------------
/src/statics/icons/icon-256x256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/icon-256x256.png
--------------------------------------------------------------------------------
/src/statics/icons/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/icon-384x384.png
--------------------------------------------------------------------------------
/src/statics/icons/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/icon-512x512.png
--------------------------------------------------------------------------------
/src/statics/icons/ms-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/icons/ms-icon-144x144.png
--------------------------------------------------------------------------------
/src/statics/quasar-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/wjkang/vue-quasar-admin/9769a6fdd59ec2965797ce5cc0543fb363fb660c/src/statics/quasar-logo.png
--------------------------------------------------------------------------------
/src/store/getters.js:
--------------------------------------------------------------------------------
1 | const getters = {
2 | cachePage: state => state.app.cachePage,
3 | pageOpenedList: state => state.app.pageOpenedList,
4 | currentPath:state=>state.app.currentPath,
5 | accessMenu:state=>state.app.accessMenu,
6 | }
7 | export default getters
8 |
--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import Vuex from 'vuex';
3 |
4 | import app from './modules/app';
5 | import user from './modules/user';
6 | import getters from './getters'
7 |
8 | Vue.use(Vuex);
9 |
10 | const store = new Vuex.Store({
11 | mutations: {
12 | //
13 | },
14 | actions: {
15 |
16 | },
17 | modules: {
18 | app,
19 | user
20 | },
21 | getters
22 | });
23 |
24 | export default store;
25 |
--------------------------------------------------------------------------------
/src/store/modules/app.js:
--------------------------------------------------------------------------------
1 | import Util from '@/libs/util';
2 | import { getAccessMemu } from '@/service/system/menu'
3 | import { defaultAccessMenu } from '@/default-access-menu'
4 |
5 | const app = {
6 | state: {
7 | currentPath: [
8 | {
9 | title: 'Home',
10 | path: '',
11 | name: 'home_index'
12 | }
13 | ], // 面包屑数组
14 | pageOpenedList: [
15 | {
16 | title: 'Home',
17 | path: '',
18 | name: 'home_index'
19 | }
20 | ],//打开的标签
21 | cachePage: [],//缓存的页面
22 | dontCache: ["home_index"], // 在这里定义你不想要缓存的页面的name属性值
23 | currentModule: '',//当前模块
24 | accessMenu: [],//可访问的菜单,
25 | openAccessMenu: [],//展开的可访问的菜单(子级包含父级name)
26 | moduleList: [],//模块列表
27 | moduleMenu: [],//模块菜单
28 | },
29 | mutations: {
30 | setCurrentPath(state, pathArr) {
31 | state.currentPath = pathArr;
32 | },
33 | setCurrentModule(state, module) {
34 | state.currentModule = module;
35 | },
36 | setAccessMenu(state, list) {
37 | state.accessMenu = list;
38 | },
39 | setOpenAccessMenu(state, list) {
40 | state.openAccessMenu = list;
41 | },
42 | setModuleList(state, list) {
43 | state.moduleList = list
44 | },
45 | setModuleMenu(state, list) {
46 | state.moduleMenu = list
47 | },
48 | pageOpenedList(state, get) {
49 | let openedPage = state.pageOpenedList[get.index];
50 | if (get.argu) {
51 | openedPage.argu = get.argu;
52 | }
53 | if (get.query) {
54 | openedPage.query = get.query;
55 | }
56 | //替换新标签
57 | state.pageOpenedList.splice(get.index, 1, openedPage);
58 | localStorage.pageOpenedList = JSON.stringify(state.pageOpenedList);
59 | },
60 | increateTag(state, tagObj) {
61 | if (!Util.oneOf(tagObj.name, state.dontCache)) {
62 | state.cachePage.push(tagObj.name);
63 | localStorage.cachePage = JSON.stringify(state.cachePage);
64 | }
65 | state.pageOpenedList.push(tagObj);
66 | localStorage.pageOpenedList = JSON.stringify(state.pageOpenedList);
67 | },
68 | closePage(state, name) {
69 | for (const [i, v] of state.cachePage.entries()) {
70 | if (v === name) {
71 | state.cachePage.splice(i, 1)
72 | break
73 | }
74 | }
75 | for (const [i, v] of state.pageOpenedList.entries()) {
76 | if (v.name === name) {
77 | state.pageOpenedList.splice(i, 1)
78 | break
79 | }
80 | }
81 | },
82 | closePages(state, data) {
83 | let type = data.type;
84 | let name = data.name;
85 | if (type === "all") {
86 | state.pageOpenedList = [{
87 | title: 'Home',
88 | path: '',
89 | name: 'home_index'
90 | }]
91 | state.cachePage = []
92 | } else {
93 | for (const [i, v] of state.cachePage.entries()) {
94 | if (v === name) {
95 | state.cachePage = state.cachePage.splice(i, 1)
96 | break
97 | }
98 | }
99 | for (const [i, v] of state.pageOpenedList.entries()) {
100 | if (v.name === name) {
101 | state.pageOpenedList = state.pageOpenedList.splice(i, 1, )
102 | if (name !== "home_index") {
103 | state.pageOpenedList.unshift({
104 | title: 'Home',
105 | path: '',
106 | name: 'home_index'
107 | })
108 | }
109 | break
110 | }
111 | }
112 | }
113 | }
114 | },
115 | actions: {
116 | async updateAccessMenu({ commit }) {
117 | let accesseMenu = defaultAccessMenu;
118 | try {
119 | let response = await getAccessMemu();
120 | accesseMenu = response.data.data;
121 | } catch (e) {
122 |
123 | }
124 | let openAccesseMenu = Util.openAccesseMenu(accesseMenu);
125 | let moduleList = accesseMenu.filter(item => {
126 | return item.leftMemu
127 | });
128 | let currentModule = moduleList[0].name;
129 | let moduleMenu = moduleList[0].children;
130 |
131 | commit('setModuleMenu', moduleMenu);
132 | commit('setCurrentModule', currentModule);
133 | commit('setModuleList', moduleList);
134 | commit('setAccessMenu', accesseMenu);
135 | commit('setOpenAccessMenu', openAccesseMenu);
136 | },
137 | changeModule({ commit, state }, module) {
138 | let accesseMenu = state.accessMenu;
139 | let moduleList = accesseMenu.filter(item => {
140 | return item.leftMemu && item.name === module
141 | });
142 | let moduleMenu = moduleList[0].children;
143 | commit('setModuleMenu', moduleMenu);
144 | commit('setCurrentModule', module);
145 | },
146 | closePage({ commit, state }, name) {
147 | return new Promise((resolve) => {
148 | commit('closePage', name)
149 | resolve([...state.pageOpenedList])
150 | })
151 | },
152 | closePages({ commit, state }, data) {
153 | return new Promise((resolve) => {
154 | commit('closePages', data)
155 | resolve([...state.pageOpenedList])
156 | })
157 | }
158 | }
159 | };
160 |
161 | export default app;
162 |
--------------------------------------------------------------------------------
/src/store/modules/user.js:
--------------------------------------------------------------------------------
1 | import * as authService from '@/libs/auth'
2 | import * as loginService from '@/service/login'
3 |
4 | const user = {
5 | state: {
6 | token: authService.getToken(),
7 | userInfo: {
8 | name: '',
9 | avatar: ''
10 | }
11 | },
12 | mutations: {
13 | SET_TOKEN(state, token) {
14 | state.token = token
15 | },
16 | SET_USERINFO(state, userInfo) {
17 | state.userInfo = userInfo
18 | }
19 | },
20 | actions: {
21 | //用户名登录
22 | LoginByUserName({ commit }, userinfo) {
23 | const username = userinfo.username.trim()
24 | return new Promise((resolve, reject) => {
25 | loginService.loginByUsername(username, userinfo.password).then(response => {
26 | const data = response.data.data
27 | commit('SET_TOKEN', data.accessToken)
28 | authService.setToken(data.accessToken)
29 | resolve()
30 | }).catch(error => {
31 | reject(error)
32 | })
33 | })
34 | },
35 | // 登出
36 | LogOut({ commit }, state) {
37 | return new Promise((resolve, reject) => {
38 | loginService.logout().then((response) => {
39 | commit('SET_TOKEN', '')
40 | commit('SET_USERINFO', {
41 | name: '',
42 | avatar: ''
43 | })
44 | authService.removeToken()
45 | resolve()
46 | }).catch(error => {
47 | commit('SET_TOKEN', '')
48 | commit('SET_USERINFO', {
49 | name: '',
50 | avatar: ''
51 | })
52 | authService.removeToken()
53 | reject(error)
54 | })
55 | })
56 | },
57 | GetUserInfo({ commit }, state) {
58 | return new Promise((resolve, reject) => {
59 | loginService.getUserInfo().then((response) => {
60 | const data = response.data.data
61 | const userInfo = {
62 | name: data.userName,
63 | avatar: data.avatarUrl
64 | }
65 | commit('SET_USERINFO', userInfo)
66 | let userRole = data.userRole
67 | let userPermission = data.userPermission
68 | let permission = [...userRole, ...userPermission]
69 | let isAdmin = data.isAdmin
70 | localStorage.setItem("permission", JSON.stringify(permission))
71 | localStorage.setItem("isAdmin", isAdmin)
72 | resolve(data)
73 | }).catch(error => {
74 | reject(error)
75 | })
76 | })
77 | }
78 | }
79 | };
80 |
81 | export default user;
82 |
--------------------------------------------------------------------------------
/strip-tags.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * strip-tags
3 | *
4 | * Copyright (c) 2015 Jon Schlinkert, contributors.
5 | * Licensed under the MIT license.
6 | */
7 |
8 | 'use strict';
9 |
10 | var cheerio = require('cheerio');
11 |
12 | exports.strip = function(str, tags) {
13 | var $ = cheerio.load(str, {decodeEntities: false});
14 |
15 | if (!tags || tags.length === 0) {
16 | return str;
17 | }
18 |
19 | tags = !Array.isArray(tags) ? [tags] : tags;
20 | var len = tags.length;
21 |
22 | while (len--) {
23 | $(tags[len]).remove();
24 | }
25 |
26 | return $("body").html();
27 | };
28 |
29 | exports.fetch = function(str, tag) {
30 | var $ = cheerio.load(str, {decodeEntities: false});
31 | if (!tag) return str;
32 |
33 | return $(tag).html();
34 | };
--------------------------------------------------------------------------------