gitee
/
django-vue-admin
mirror of https://gitee.com/liqianglog/django-vue-admin
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dvadmin-liqianglog' into dvadmin-liqianglog

pull/36/head
李强 2021-07-11 13:49:40 +08:00
parent b3297a5521 d3f29cbfb1
commit 6b0b8bfd1c
160 changed files with 7807 additions and 7626 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
dvadmin-ui/.eslintignore
View File

@ -5,6 +5,7 @@ src/assets
# 忽略public目录下文件的语法检查 # 忽略public目录下文件的语法检查
public public
# 忽略当前目录下为js的文件的语法检查 # 忽略当前目录下为js的文件的语法检查
*.js # *.js
# 忽略当前目录下为vue的文件的语法检查 # 忽略当前目录下为vue的文件的语法检查
*.vue # *.vue
vue.config.js

330
dvadmin-ui/.eslintrc.js
View File

@ -2,18 +2,18 @@
module.exports = { module.exports = {
root: true, root: true,
parserOptions: { parserOptions: {
parser: 'babel-eslint', parser: "babel-eslint",
sourceType: 'module' sourceType: "module"
}, },
env: { env: {
browser: true, browser: true,
node: true, node: true,
es6: true, es6: true
}, },
extends: ['plugin:vue/recommended', 'eslint:recommended'], extends: ["plugin:vue/recommended", "eslint:recommended"],
// add your custom rules here // add your custom rules here
//it is base on https://github.com/vuejs/eslint-config-vue // it is base on https://github.com/vuejs/eslint-config-vue
rules: { rules: {
"vue/max-attributes-per-line": [2, { "vue/max-attributes-per-line": [2, {
"singleline": 10, "singleline": 10,
@ -23,177 +23,199 @@ module.exports = {
} }
}], }],
"vue/singleline-html-element-content-newline": "off", "vue/singleline-html-element-content-newline": "off",
"vue/multiline-html-element-content-newline":"off", "vue/multiline-html-element-content-newline": "off",
"vue/name-property-casing": ["error", "PascalCase"], "vue/name-property-casing": ["error", "PascalCase"],
"vue/no-v-html": "off", "vue/no-v-html": "off",
'accessor-pairs': 2, "accessor-pairs": 2,
'arrow-spacing': [2, { "arrow-spacing": [2, {
'before': true, "before": true,
'after': true "after": true
}], }],
'block-spacing': [2, 'always'], "block-spacing": [2, "always"],
'brace-style': [2, '1tbs', { "brace-style": [2, "1tbs", {
'allowSingleLine': true "allowSingleLine": true
}], }],
'camelcase': [0, { "camelcase": [0, {
'properties': 'always' "properties": "always"
}], }],
'comma-dangle': [2, 'never'], "comma-dangle": [2, "never"],
'comma-spacing': [2, { "comma-spacing": [2, {
'before': false, "before": false,
'after': true "after": true
}], }],
'comma-style': [2, 'last'], "comma-style": [2, "last"],
'constructor-super': 2, "constructor-super": 2,
'curly': [2, 'multi-line'], "curly": [2, "multi-line"],
'dot-location': [2, 'property'], "dot-location": [2, "property"],
'eol-last': 2, "eol-last": 2,
'eqeqeq': ["error", "always", {"null": "ignore"}], "eqeqeq": 0,
'generator-star-spacing': [2, { "generator-star-spacing": [2, {
'before': true, "before": true,
'after': true "after": true
}], }],
'handle-callback-err': [2, '^(err|error)$'], "handle-callback-err": [2, "^(err|error)$"],
'indent': [2, 2, { "indent": [2, 2, {
'SwitchCase': 1 "SwitchCase": 2
}], }],
'jsx-quotes': [2, 'prefer-single'], "jsx-quotes": [2, "prefer-single"],
'key-spacing': [2, { "key-spacing": [2, {
'beforeColon': false, "beforeColon": false,
'afterColon': true "afterColon": true
}], }],
'keyword-spacing': [2, { "keyword-spacing": [2, {
'before': true, "before": true,
'after': true "after": true
}], }],
'new-cap': [2, { "new-cap": [2, {
'newIsCap': true, "newIsCap": true,
'capIsNew': false "capIsNew": false
}], }],
'new-parens': 2, "new-parens": 2,
'no-array-constructor': 2, "no-array-constructor": 2,
'no-caller': 2, "no-caller": 2,
'no-console': 'off', "no-console": "off",
'no-class-assign': 2, "no-class-assign": 2,
'no-cond-assign': 2, "no-cond-assign": 2,
'no-const-assign': 2, "no-const-assign": 2,
'no-control-regex': 0, "no-control-regex": 0,
'no-delete-var': 2, "no-delete-var": 2,
'no-dupe-args': 2, "no-dupe-args": 2,
'no-dupe-class-members': 2, "no-dupe-class-members": 2,
'no-dupe-keys': 2, "no-dupe-keys": 2,
'no-duplicate-case': 2, "no-duplicate-case": 2,
'no-empty-character-class': 2, "no-empty-character-class": 2,
'no-empty-pattern': 2, "no-empty-pattern": 2,
'no-eval': 2, "no-eval": 2,
'no-ex-assign': 2, "no-ex-assign": 2,
'no-extend-native': 2, "no-extend-native": 2,
'no-extra-bind': 2, "no-extra-bind": 2,
'no-extra-boolean-cast': 2, "no-extra-boolean-cast": 2,
'no-extra-parens': [2, 'functions'], "no-extra-parens": [2, "functions"],
'no-fallthrough': 2, "no-fallthrough": 2,
'no-floating-decimal': 2, "no-floating-decimal": 2,
'no-func-assign': 2, "no-func-assign": 2,
'no-implied-eval': 2, "no-implied-eval": 2,
'no-inner-declarations': [2, 'functions'], "no-inner-declarations": [2, "functions"],
'no-invalid-regexp': 2, "no-invalid-regexp": 2,
'no-irregular-whitespace': 2, "no-irregular-whitespace": 2,
'no-iterator': 2, "no-iterator": 2,
'no-label-var': 2, "no-label-var": 2,
'no-labels': [2, { "no-labels": [2, {
'allowLoop': false, "allowLoop": false,
'allowSwitch': false "allowSwitch": false
}], }],
'no-lone-blocks': 2, "no-lone-blocks": 2,
'no-mixed-spaces-and-tabs': 2, "no-mixed-spaces-and-tabs": 2,
'no-multi-spaces': 2, "no-multi-spaces": 2,
'no-multi-str': 2, "no-multi-str": 2,
'no-multiple-empty-lines': [2, { "no-multiple-empty-lines": [2, {
'max': 1 "max": 1
}], }],
'no-native-reassign': 2, "no-native-reassign": 2,
'no-negated-in-lhs': 2, "no-negated-in-lhs": 2,
'no-new-object': 2, "no-new-object": 2,
'no-new-require': 2, "no-new-require": 2,
'no-new-symbol': 2, "no-new-symbol": 2,
'no-new-wrappers': 2, "no-new-wrappers": 2,
'no-obj-calls': 2, "no-obj-calls": 2,
'no-octal': 2, "no-octal": 2,
'no-octal-escape': 2, "no-octal-escape": 2,
'no-path-concat': 2, "no-path-concat": 2,
'no-proto': 2, "no-proto": 2,
'no-redeclare': 2, "no-redeclare": 2,
'no-regex-spaces': 2, "no-regex-spaces": 2,
'no-return-assign': [2, 'except-parens'], "no-return-assign": [2, "except-parens"],
'no-self-assign': 2, "no-self-assign": 2,
'no-self-compare': 2, "no-self-compare": 2,
'no-sequences': 2, "no-sequences": 2,
'no-shadow-restricted-names': 2, "no-shadow-restricted-names": 2,
'no-spaced-func': 2, "no-spaced-func": 2,
'no-sparse-arrays': 2, "no-sparse-arrays": 2,
'no-this-before-super': 2, "no-this-before-super": 2,
'no-throw-literal': 2, "no-throw-literal": 2,
'no-trailing-spaces': 2, "no-trailing-spaces": 2,
'no-undef': 2, "no-undef": 2,
'no-undef-init': 2, "no-undef-init": 2,
'no-unexpected-multiline': 2, "no-unexpected-multiline": 2,
'no-unmodified-loop-condition': 2, "no-unmodified-loop-condition": 2,
'no-unneeded-ternary': [2, { "no-unneeded-ternary": [2, {
'defaultAssignment': false "defaultAssignment": false
}], }],
'no-unreachable': 2, "no-unreachable": 2,
'no-unsafe-finally': 2, "no-unsafe-finally": 2,
'no-unused-vars': [2, { "no-unused-vars": [2, {
'vars': 'all', "vars": "all",
'args': 'none' "args": "none"
}], }],
'no-useless-call': 2, "no-useless-call": 2,
'no-useless-computed-key': 2, "no-useless-computed-key": 2,
'no-useless-constructor': 2, "no-useless-constructor": 2,
'no-useless-escape': 0, "no-useless-escape": 0,
'no-whitespace-before-property': 2, "no-whitespace-before-property": 2,
'no-with': 2, "no-with": 2,
'one-var': [2, { "one-var": [2, {
'initialized': 'never' "initialized": "never"
}], }],
'operator-linebreak': [2, 'after', { "operator-linebreak": [2, "after", {
'overrides': { "overrides": {
'?': 'before', "?": "before",
':': 'before' ":": "before"
} }
}], }],
'padded-blocks': [2, 'never'], "padded-blocks": [2, "never"],
'quotes': [2, 'single', { "quotes": [2, "double", {
'avoidEscape': true, "avoidEscape": true,
'allowTemplateLiterals': true "allowTemplateLiterals": true
}], }],
'semi': [2, 'never'], "semi": [2, "always"],
'semi-spacing': [2, { "semi-spacing": [2, {
'before': false, "before": false,
'after': true "after": true
}], }],
'space-before-blocks': [2, 'always'], "space-before-blocks": [2, "always"],
'space-before-function-paren': [2, 'never'], "space-before-function-paren": [2, "never"],
'space-in-parens': [2, 'never'], "space-in-parens": [2, "never"],
'space-infix-ops': 2, "space-infix-ops": 2,
'space-unary-ops': [2, { "space-unary-ops": [2, {
'words': true, "words": true,
'nonwords': false "nonwords": false
}], }],
'spaced-comment': [2, 'always', { "spaced-comment": [2, "always", {
'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] "markers": ["global", "globals", "eslint", "eslint-disable", "*package", "!", ","]
}], }],
'template-curly-spacing': [2, 'never'], "template-curly-spacing": [2, "never"],
'use-isnan': 2, "use-isnan": 2,
'valid-typeof': 2, "valid-typeof": 2,
'wrap-iife': [2, 'any'], "wrap-iife": [2, "any"],
'yield-star-spacing': [2, 'both'], "yield-star-spacing": [2, "both"],
'yoda': [2, 'never'], "yoda": [2, "never"],
'prefer-const': 2, "prefer-const": 2,
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, "no-debugger": process.env.NODE_ENV === "production" ? 2 : 0,
'object-curly-spacing': [2, 'always', { "object-curly-spacing": [2, "always", {
objectsInObjects: false objectsInObjects: false
}], }],
'array-bracket-spacing': [2, 'never'] "array-bracket-spacing": [2, "never"],
"vue/no-unused-components": 0,
// 对component中的组件命名样式实施特定的大小写
"vue/component-name-in-template-casing": 0,
// 允许HTML未闭合标签
"vue/html-self-closing": 0,
// 允许props修改
"vue/no-mutating-props": 0,
// 允许computed修改名称
"vue/no-side-effects-in-computed-properties": 0,
// $emit不校验kebab-case
"vue/custom-event-name-casing": 0,
// 允许v-for和v-if一起用
"vue/no-use-v-if-with-v-for": 0,
"vue/require-default-prop": 0,
"vue/require-valid-default-prop": 0,
"vue/require-prop-types": 0,
"vue/no-lone-template": 0,
"vue/no-template-shadow": 0,
"vue/this-in-template": 0,
"vue/prop-name-casing": 0,
// 允许在 case 子句中使用词法声明
"no-case-declarations": 0
} }
} };

15
dvadmin-ui/package.json
View File

@ -9,7 +9,8 @@
"build:prod": "vue-cli-service build", "build:prod": "vue-cli-service build",
"build:stage": "vue-cli-service build --mode staging", "build:stage": "vue-cli-service build --mode staging",
"preview": "node build/index.js --preview", "preview": "node build/index.js --preview",
"lint": "eslint --ext .js,.vue src" "lint": "eslint --fix --ext .js --ext .jsx --ext .vue src",
"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src"
}, },
"husky": { "husky": {
"hooks": { "hooks": {
@ -43,7 +44,6 @@
"core-js": "3.8.1", "core-js": "3.8.1",
"echarts": "^4.9.0", "echarts": "^4.9.0",
"element-ui": "2.15.0", "element-ui": "2.15.0",
"eslint-loader": "^4.0.2",
"file-saver": "2.0.4", "file-saver": "2.0.4",
"fuse.js": "6.4.3", "fuse.js": "6.4.3",
"highlight.js": "9.18.5", "highlight.js": "9.18.5",
@ -69,10 +69,17 @@
"@vue/cli-plugin-eslint": "4.4.6", "@vue/cli-plugin-eslint": "4.4.6",
"@vue/cli-service": "4.4.6", "@vue/cli-service": "4.4.6",
"@vue/composition-api": "^1.0.0-rc.6", "@vue/composition-api": "^1.0.0-rc.6",
"babel-eslint": "10.1.0", "babel-eslint": "^10.1.0",
"chalk": "4.1.0", "chalk": "4.1.0",
"connect": "3.6.6", "connect": "3.6.6",
"eslint": "7.15.0", "eslint": "^7.15.0",
"eslint-config-standard": "^16.0.3",
"eslint-loader": "^4.0.2",
"eslint-plugin-html": "^6.1.2",
"eslint-plugin-import": "^2.23.4",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^5.1.0",
"eslint-plugin-standard": "^5.0.0",
"eslint-plugin-vue": "7.2.0", "eslint-plugin-vue": "7.2.0",
"lint-staged": "10.5.3", "lint-staged": "10.5.3",
"runjs": "4.4.2", "runjs": "4.4.2",

6
dvadmin-ui/src/App.vue
View File

@ -5,7 +5,7 @@
</template> </template>
<script> <script>
export default { export default {
name: 'App' name: "App"
} };
</script> </script>

28
dvadmin-ui/src/api/vadmin/login.js
View File

@ -1,4 +1,4 @@
import request from '@/utils/request' import request from "@/utils/request";
// 登录方法 // 登录方法
export function login(username, password, code, uuid) { export function login(username, password, code, uuid) {
@ -7,34 +7,34 @@ export function login(username, password, code, uuid) {
password, password,
idValueC: code, idValueC: code,
idKeyC: uuid idKeyC: uuid
} };
return request({ return request({
url: '/admin/login/', url: "/admin/login/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 获取用户详细信息 // 获取用户详细信息
export function getInfo() { export function getInfo() {
return request({ return request({
url: '/admin/getInfo/', url: "/admin/getInfo/",
method: 'get' method: "get"
}) });
} }
// 退出方法 // 退出方法
export function logout() { export function logout() {
return request({ return request({
url: '/admin/logout/', url: "/admin/logout/",
method: 'post' method: "post"
}) });
} }
// 获取验证码 // 获取验证码
export function getCodeImg() { export function getCodeImg() {
return request({ return request({
url: '/admin/captcha/refresh/', url: "/admin/captcha/refresh/",
method: 'get' method: "get"
}) });
} }

10
dvadmin-ui/src/api/vadmin/menu.js
View File

@ -1,9 +1,9 @@
import request from '@/utils/request' import request from "@/utils/request";
// 获取路由 // 获取路由
export const getRouters = () => { export const getRouters = () => {
return request({ return request({
url: '/admin/getRouters/', url: "/admin/getRouters/",
method: 'get' method: "get"
}) });
} };

8
dvadmin-ui/src/api/vadmin/monitor/cache.js
View File

@ -1,9 +1,9 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询缓存详细 // 查询缓存详细
export function getCache() { export function getCache() {
return request({ return request({
url: '/monitor/cache', url: "/monitor/cache",
method: 'get' method: "get"
}) });
} }

60
dvadmin-ui/src/api/vadmin/monitor/celery.js
View File

@ -1,15 +1,15 @@
import request from '@/utils/request' import request from "@/utils/request";
/** /**
* 封装celery任务信息接口请求 * 封装celery任务信息接口请求
*/ */
// 获取 // 获取
export const sync_data_prefix = '/admin/celery'; export const sync_data_prefix = "/admin/celery";
// 获取 // 获取
export function getIntervalschedulea(id) { export function getIntervalschedulea(id) {
return request({ return request({
url: `${sync_data_prefix}/intervalschedule/${id}/`, url: `${sync_data_prefix}/intervalschedule/${id}/`,
method: 'get' method: "get"
}); });
} }
@ -17,7 +17,7 @@ export function getIntervalschedulea(id) {
export function listIntervalschedule(params) { export function listIntervalschedule(params) {
return request({ return request({
url: `${sync_data_prefix}/intervalschedule/`, url: `${sync_data_prefix}/intervalschedule/`,
method: 'get', method: "get",
params params
}); });
} }
@ -26,7 +26,7 @@ export function listIntervalschedule(params) {
export function updateIntervalschedule(data) { export function updateIntervalschedule(data) {
return request({ return request({
url: `${sync_data_prefix}/intervalschedule/${data.id}/`, url: `${sync_data_prefix}/intervalschedule/${data.id}/`,
method: 'put', method: "put",
data data
}); });
} }
@ -34,7 +34,7 @@ export function updateIntervalschedule(data) {
export function createIntervalschedule(data) { export function createIntervalschedule(data) {
return request({ return request({
url: `${sync_data_prefix}/intervalschedule/`, url: `${sync_data_prefix}/intervalschedule/`,
method: 'post', method: "post",
data data
}); });
} }
@ -42,7 +42,7 @@ export function createIntervalschedule(data) {
export function deleteIntervalschedule(id) { export function deleteIntervalschedule(id) {
return request({ return request({
url: `${sync_data_prefix}/intervalschedule/${id}/`, url: `${sync_data_prefix}/intervalschedule/${id}/`,
method: 'delete' method: "delete"
}); });
} }
@ -50,7 +50,7 @@ export function deleteIntervalschedule(id) {
export function getCrontabSchedule(id) { export function getCrontabSchedule(id) {
return request({ return request({
url: `${sync_data_prefix}/crontabschedule/${id}/`, url: `${sync_data_prefix}/crontabschedule/${id}/`,
method: 'get' method: "get"
}); });
} }
@ -58,7 +58,7 @@ export function getCrontabSchedule(id) {
export function listCrontabSchedule(params) { export function listCrontabSchedule(params) {
return request({ return request({
url: `${sync_data_prefix}/crontabschedule/`, url: `${sync_data_prefix}/crontabschedule/`,
method: 'get', method: "get",
params params
}); });
} }
@ -67,7 +67,7 @@ export function listCrontabSchedule(params) {
export function updateCrontabSchedule(data) { export function updateCrontabSchedule(data) {
return request({ return request({
url: `${sync_data_prefix}/crontabschedule/${data.id}/`, url: `${sync_data_prefix}/crontabschedule/${data.id}/`,
method: 'put', method: "put",
data data
}); });
} }
@ -75,7 +75,7 @@ export function updateCrontabSchedule(data) {
export function createCrontabSchedule(data) { export function createCrontabSchedule(data) {
return request({ return request({
url: `${sync_data_prefix}/crontabschedule/`, url: `${sync_data_prefix}/crontabschedule/`,
method: 'post', method: "post",
data data
}); });
} }
@ -83,7 +83,7 @@ export function createCrontabSchedule(data) {
export function deleteCrontabSchedule(id) { export function deleteCrontabSchedule(id) {
return request({ return request({
url: `${sync_data_prefix}/crontabschedule/${id}/`, url: `${sync_data_prefix}/crontabschedule/${id}/`,
method: 'delete' method: "delete"
}); });
} }
@ -91,7 +91,7 @@ export function deleteCrontabSchedule(id) {
export function getPeriodicTask(id) { export function getPeriodicTask(id) {
return request({ return request({
url: `${sync_data_prefix}/periodictask/${id}/`, url: `${sync_data_prefix}/periodictask/${id}/`,
method: 'get' method: "get"
}); });
} }
@ -99,7 +99,7 @@ export function getPeriodicTask(id) {
export function listPeriodicTask(params) { export function listPeriodicTask(params) {
return request({ return request({
url: `${sync_data_prefix}/periodictask/`, url: `${sync_data_prefix}/periodictask/`,
method: 'get', method: "get",
params params
}); });
} }
@ -107,7 +107,7 @@ export function listPeriodicTask(params) {
export function TasksAsChoices(params) { export function TasksAsChoices(params) {
return request({ return request({
url: `${sync_data_prefix}/tasks_as_choices/`, url: `${sync_data_prefix}/tasks_as_choices/`,
method: 'get', method: "get",
params params
}); });
} }
@ -116,7 +116,7 @@ export function TasksAsChoices(params) {
export function updatePeriodicTask(data) { export function updatePeriodicTask(data) {
return request({ return request({
url: `${sync_data_prefix}/periodictask/${data.id}/`, url: `${sync_data_prefix}/periodictask/${data.id}/`,
method: 'put', method: "put",
data data
}); });
} }
@ -124,7 +124,7 @@ export function updatePeriodicTask(data) {
export function createPeriodicTask(data) { export function createPeriodicTask(data) {
return request({ return request({
url: `${sync_data_prefix}/periodictask/`, url: `${sync_data_prefix}/periodictask/`,
method: 'post', method: "post",
data data
}); });
} }
@ -132,7 +132,7 @@ export function createPeriodicTask(data) {
export function deletePeriodicTask(id) { export function deletePeriodicTask(id) {
return request({ return request({
url: `${sync_data_prefix}/periodictask/${id}/`, url: `${sync_data_prefix}/periodictask/${id}/`,
method: 'delete' method: "delete"
}); });
} }
@ -140,7 +140,7 @@ export function deletePeriodicTask(id) {
export function operatesyncdata(data) { export function operatesyncdata(data) {
return request({ return request({
url: `${sync_data_prefix}/operate_celery/`, url: `${sync_data_prefix}/operate_celery/`,
method: 'post', method: "post",
data data
}); });
} }
@ -148,33 +148,33 @@ export function operatesyncdata(data) {
// 查询定时任务日志列表 // 查询定时任务日志列表
export function list(query) { export function list(query) {
return request({ return request({
url: '/admin/system/celery_log/', url: "/admin/system/celery_log/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 删除定时任务日志 // 删除定时任务日志
export function delCeleryLog(infoId) { export function delCeleryLog(infoId) {
return request({ return request({
url: `/admin/system/celery_log/${infoId}/`, url: `/admin/system/celery_log/${infoId}/`,
method: 'delete' method: "delete"
}) });
} }
// 清空定时任务日志 // 清空定时任务日志
export function cleanCeleryLog() { export function cleanCeleryLog() {
return request({ return request({
url: '/admin/system/celery_log/clean', url: "/admin/system/celery_log/clean",
method: 'delete' method: "delete"
}) });
} }
// 导出定时任务日志 // 导出定时任务日志
export function exportCeleryLog(query) { export function exportCeleryLog(query) {
return request({ return request({
url: '/admin/system/celery_log/export', url: "/admin/system/celery_log/export",
method: 'get', method: "get",
params: query params: query
}) });
} }

57
dvadmin-ui/src/api/vadmin/monitor/job.js
View File

@ -1,55 +1,55 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询定时任务调度列表 // 查询定时任务调度列表
export function listJob(query) { export function listJob(query) {
return request({ return request({
url: '/monitor/job/list', url: "/monitor/job/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询定时任务调度详细 // 查询定时任务调度详细
export function getJob(jobId) { export function getJob(jobId) {
return request({ return request({
url: '/monitor/job/' + jobId, url: "/monitor/job/" + jobId,
method: 'get' method: "get"
}) });
} }
// 新增定时任务调度 // 新增定时任务调度
export function addJob(data) { export function addJob(data) {
return request({ return request({
url: '/monitor/job', url: "/monitor/job",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改定时任务调度 // 修改定时任务调度
export function updateJob(data) { export function updateJob(data) {
return request({ return request({
url: '/monitor/job', url: "/monitor/job",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除定时任务调度 // 删除定时任务调度
export function delJob(jobId) { export function delJob(jobId) {
return request({ return request({
url: '/monitor/job/' + jobId, url: "/monitor/job/" + jobId,
method: 'delete' method: "delete"
}) });
} }
// 导出定时任务调度 // 导出定时任务调度
export function exportJob(query) { export function exportJob(query) {
return request({ return request({
url: '/monitor/job/export', url: "/monitor/job/export",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 任务状态修改 // 任务状态修改
@ -57,24 +57,23 @@ export function changeJobStatus(jobId, status) {
const data = { const data = {
jobId, jobId,
status status
} };
return request({ return request({
url: '/monitor/job/changeStatus', url: "/monitor/job/changeStatus",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 定时任务立即执行一次 // 定时任务立即执行一次
export function runJob(jobId, jobGroup) { export function runJob(jobId, jobGroup) {
const data = { const data = {
jobId, jobId,
jobGroup jobGroup
} };
return request({ return request({
url: '/monitor/job/run', url: "/monitor/job/run",
method: 'put', method: "put",
data: data data: data
}) });
} }

28
dvadmin-ui/src/api/vadmin/monitor/jobLog.js
View File

@ -1,35 +1,35 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询调度日志列表 // 查询调度日志列表
export function listJobLog(query) { export function listJobLog(query) {
return request({ return request({
url: '/monitor/jobLog/list', url: "/monitor/jobLog/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 删除调度日志 // 删除调度日志
export function delJobLog(jobLogId) { export function delJobLog(jobLogId) {
return request({ return request({
url: '/monitor/jobLog/' + jobLogId, url: "/monitor/jobLog/" + jobLogId,
method: 'delete' method: "delete"
}) });
} }
// 清空调度日志 // 清空调度日志
export function cleanJobLog() { export function cleanJobLog() {
return request({ return request({
url: '/monitor/jobLog/clean', url: "/monitor/jobLog/clean",
method: 'delete' method: "delete"
}) });
} }
// 导出调度日志 // 导出调度日志
export function exportJobLog(query) { export function exportJobLog(query) {
return request({ return request({
url: '/monitor/jobLog/export', url: "/monitor/jobLog/export",
method: 'get', method: "get",
params: query params: query
}) });
} }

24
dvadmin-ui/src/api/vadmin/monitor/logininfor.js
View File

@ -1,35 +1,35 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询登录日志列表 // 查询登录日志列表
export function list(query) { export function list(query) {
return request({ return request({
url: '/admin/system/logininfor/', url: "/admin/system/logininfor/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 删除登录日志 // 删除登录日志
export function delLogininfor(infoId) { export function delLogininfor(infoId) {
return request({ return request({
url: `/admin/system/logininfor/${infoId}/`, url: `/admin/system/logininfor/${infoId}/`,
method: 'delete' method: "delete"
}) });
} }
// 清空登录日志 // 清空登录日志
export function cleanLogininfor() { export function cleanLogininfor() {
return request({ return request({
url: '/admin/system/logininfor/clean', url: "/admin/system/logininfor/clean",
method: 'delete' method: "delete"
}) });
} }
// 导出登录日志 // 导出登录日志
export function exportLogininfor(query) { export function exportLogininfor(query) {
return request({ return request({
url: '/admin/system/logininfor/export', url: "/admin/system/logininfor/export",
method: 'get', method: "get",
params: query params: query
}) });
} }

14
dvadmin-ui/src/api/vadmin/monitor/online.js
View File

@ -1,18 +1,18 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询在线用户列表 // 查询在线用户列表
export function list(query) { export function list(query) {
return request({ return request({
url: '/admin/monitor/online/list', url: "/admin/monitor/online/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 强退用户 // 强退用户
export function forceLogout(tokenId) { export function forceLogout(tokenId) {
return request({ return request({
url: '/admin/monitor/online/' + tokenId, url: "/admin/monitor/online/" + tokenId,
method: 'delete' method: "delete"
}) });
} }

28
dvadmin-ui/src/api/vadmin/monitor/operlog.js
View File

@ -1,35 +1,35 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询操作日志列表 // 查询操作日志列表
export function list(query) { export function list(query) {
return request({ return request({
url: '/monitor/operlog/list', url: "/monitor/operlog/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 删除操作日志 // 删除操作日志
export function delOperlog(operId) { export function delOperlog(operId) {
return request({ return request({
url: '/monitor/operlog/' + operId, url: "/monitor/operlog/" + operId,
method: 'delete' method: "delete"
}) });
} }
// 清空操作日志 // 清空操作日志
export function cleanOperlog() { export function cleanOperlog() {
return request({ return request({
url: '/monitor/operlog/clean', url: "/monitor/operlog/clean",
method: 'delete' method: "delete"
}) });
} }
// 导出操作日志 // 导出操作日志
export function exportOperlog(query) { export function exportOperlog(query) {
return request({ return request({
url: '/monitor/operlog/export', url: "/monitor/operlog/export",
method: 'get', method: "get",
params: query params: query
}) });
} }

40
dvadmin-ui/src/api/vadmin/monitor/server.js
View File

@ -1,50 +1,50 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询服务器信息详细 // 查询服务器信息详细
export function getServerList(params) { export function getServerList(params) {
return request({ return request({
url: 'admin/monitor/server/', url: "admin/monitor/server/",
params, params,
method: 'get' method: "get"
}) });
} }
// 修改服务器信息 // 修改服务器信息
export function updateServerInfo(id, data) { export function updateServerInfo(id, data) {
let {name, remark} = data; const { name, remark } = data;
return request({ return request({
url: `admin/monitor/server/${id}/`, url: `admin/monitor/server/${id}/`,
data: { data: {
name, name,
remark remark
}, },
method: 'PUT' method: "PUT"
}) });
} }
// 获取监控配置信息 // 获取监控配置信息
export function getMonitorStatusInfo() { export function getMonitorStatusInfo() {
return request({ return request({
url: 'admin/monitor/monitor/enabled/', url: "admin/monitor/monitor/enabled/",
method: 'get' method: "get"
}) });
} }
// 更新监控配置信息 // 更新监控配置信息
export function updateMonitorStatusInfo(params) { export function updateMonitorStatusInfo(params) {
return request({ return request({
url: 'admin/monitor/monitor/enabled/', url: "admin/monitor/monitor/enabled/",
params, params,
method: 'get' method: "get"
}) });
} }
// 清空记录 // 清空记录
export function cleanMonitorLog() { export function cleanMonitorLog() {
return request({ return request({
url: 'admin/monitor/monitor/clean/', url: "admin/monitor/monitor/clean/",
method: 'delete' method: "delete"
}) });
} }
// 获取监控记录 // 获取监控记录
@ -52,14 +52,14 @@ export function getMonitorLogs(id, params) {
return request({ return request({
url: `admin/monitor/monitor/rate/${id}/`, url: `admin/monitor/monitor/rate/${id}/`,
params, params,
method: 'get' method: "get"
}) });
} }
// 获取服务器最新监控日志信息 // 获取服务器最新监控日志信息
export function getServerLatestLog(id) { export function getServerLatestLog(id) {
return request({ return request({
url: `admin/monitor/monitor/info/${id}/`, url: `admin/monitor/monitor/info/${id}/`,
method: 'get' method: "get"
}) });
} }

50
dvadmin-ui/src/api/vadmin/permission/dept.js
View File

@ -1,68 +1,68 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询部门列表 // 查询部门列表
export function listDept(query) { export function listDept(query) {
return request({ return request({
url: '/admin/permission/dept/', url: "/admin/permission/dept/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询部门列表（排除节点） // 查询部门列表（排除节点）
export function listDeptExcludeChild(deptId) { export function listDeptExcludeChild(deptId) {
return request({ return request({
url: '/admin/permission/dept/exclude/' + deptId + '/', url: "/admin/permission/dept/exclude/" + deptId + "/",
method: 'get' method: "get"
}) });
} }
// 查询部门详细 // 查询部门详细
export function getDept(deptId) { export function getDept(deptId) {
return request({ return request({
url: '/admin/permission/dept/' + deptId + '/', url: "/admin/permission/dept/" + deptId + "/",
method: 'get' method: "get"
}) });
} }
// 查询部门下拉树结构 // 查询部门下拉树结构
export function treeselect() { export function treeselect() {
return request({ return request({
url: '/admin/permission/dept/treeselect/?status=1', url: "/admin/permission/dept/treeselect/?status=1",
method: 'get' method: "get"
}) });
} }
// 根据角色ID查询部门树结构 // 根据角色ID查询部门树结构
export function roleDeptTreeselect(roleId) { export function roleDeptTreeselect(roleId) {
return request({ return request({
url: '/admin/permission/dept/roleDeptTreeselect/' + roleId + '/?status=1', url: "/admin/permission/dept/roleDeptTreeselect/" + roleId + "/?status=1",
method: 'get' method: "get"
}) });
} }
// 新增部门 // 新增部门
export function addDept(data) { export function addDept(data) {
return request({ return request({
url: '/admin/permission/dept/', url: "/admin/permission/dept/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改部门 // 修改部门
export function updateDept(data) { export function updateDept(data) {
return request({ return request({
url: '/admin/permission/dept/' + data.id + '/', url: "/admin/permission/dept/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除部门 // 删除部门
export function delDept(deptId) { export function delDept(deptId) {
return request({ return request({
url: '/admin/permission/dept/' + deptId + '', url: "/admin/permission/dept/" + deptId + "",
method: 'delete' method: "delete"
}) });
} }

44
dvadmin-ui/src/api/vadmin/permission/menu.js
View File

@ -1,60 +1,60 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询菜单列表 // 查询菜单列表
export function listMenu(query) { export function listMenu(query) {
return request({ return request({
url: '/admin/permission/menus/', url: "/admin/permission/menus/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询菜单详细 // 查询菜单详细
export function getMenu(menuId) { export function getMenu(menuId) {
return request({ return request({
url: '/admin/permission/menus/' + menuId, url: "/admin/permission/menus/" + menuId,
method: 'get' method: "get"
}) });
} }
// 查询菜单下拉树结构 // 查询菜单下拉树结构
export function treeselect() { export function treeselect() {
return request({ return request({
url: '/admin/permission/menus/treeselect/?status=1', url: "/admin/permission/menus/treeselect/?status=1",
method: 'get' method: "get"
}) });
} }
// 根据角色ID查询菜单下拉树结构 // 根据角色ID查询菜单下拉树结构
export function roleMenuTreeselect(roleId) { export function roleMenuTreeselect(roleId) {
return request({ return request({
url: '/admin/permission/menus/roleMenuTreeselect/' + roleId + '/?status=1', url: "/admin/permission/menus/roleMenuTreeselect/" + roleId + "/?status=1",
method: 'get' method: "get"
}) });
} }
// 新增菜单 // 新增菜单
export function addMenu(data) { export function addMenu(data) {
return request({ return request({
url: '/admin/permission/menus/', url: "/admin/permission/menus/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改菜单 // 修改菜单
export function updateMenu(data) { export function updateMenu(data) {
return request({ return request({
url: '/admin/permission/menus/'+ data.id + '/', url: "/admin/permission/menus/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除菜单 // 删除菜单
export function delMenu(menuId) { export function delMenu(menuId) {
return request({ return request({
url: '/admin/permission/menus/' + menuId + '/', url: "/admin/permission/menus/" + menuId + "/",
method: 'delete' method: "delete"
}) });
} }

39
dvadmin-ui/src/api/vadmin/permission/msg.js
View File

@ -6,23 +6,23 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \dvadmin-ui\src\api\permission\msg.js * @FilePath: \dvadmin-ui\src\api\permission\msg.js
*/ */
import request from '@/utils/request' import request from "@/utils/request";
// 查询消息列表 // 查询消息列表
export function getList(query) { export function getList(query) {
return request({ return request({
url: '/admin/system/config/', url: "/admin/system/config/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查看详情 // 查看详情
export function getDesc(configId) { export function getDesc(configId) {
return request({ return request({
url: '/admin/system/config/' + configId + '/', url: "/admin/system/config/" + configId + "/",
method: 'get' method: "get"
}) });
} }
// // 根据消息标题查询 // // 根据消息标题查询
@ -36,35 +36,34 @@ export function getDesc(configId) {
// 新增消息 // 新增消息
export function addMsg(data) { export function addMsg(data) {
return request({ return request({
url: '/admin/system/config/', url: "/admin/system/config/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改消息 // 修改消息
export function updateMsg(data) { export function updateMsg(data) {
return request({ return request({
url: '/admin/system/config/' + data.id + '/', url: "/admin/system/config/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除消息 // 删除消息
export function delMsg(configId) { export function delMsg(configId) {
return request({ return request({
url: '/admin/system/config/' + configId + '/', url: "/admin/system/config/" + configId + "/",
method: 'delete' method: "delete"
}) });
} }
// 导出消息 // 导出消息
export function exportMsg(query) { export function exportMsg(query) {
return request({ return request({
url: '/admin/system/config/export/', url: "/admin/system/config/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }

38
dvadmin-ui/src/api/vadmin/permission/post.js
View File

@ -1,53 +1,53 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询岗位列表 // 查询岗位列表
export function listPost(query) { export function listPost(query) {
return request({ return request({
url: '/admin/permission/post/', url: "/admin/permission/post/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询岗位详细 // 查询岗位详细
export function getPost(postId) { export function getPost(postId) {
return request({ return request({
url: '/admin/permission/post/' + postId + '/', url: "/admin/permission/post/" + postId + "/",
method: 'get' method: "get"
}) });
} }
// 新增岗位 // 新增岗位
export function addPost(data) { export function addPost(data) {
return request({ return request({
url: '/admin/permission/post/', url: "/admin/permission/post/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改岗位 // 修改岗位
export function updatePost(data) { export function updatePost(data) {
return request({ return request({
url: '/admin/permission/post/' + data.id + '/', url: "/admin/permission/post/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除岗位 // 删除岗位
export function delPost(postId) { export function delPost(postId) {
return request({ return request({
url: '/admin/permission/post/' + postId + '/', url: "/admin/permission/post/" + postId + "/",
method: 'delete' method: "delete"
}) });
} }
// 导出岗位 // 导出岗位
export function exportPost(query) { export function exportPost(query) {
return request({ return request({
url: '/admin/permission/post/export/', url: "/admin/permission/post/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }

52
dvadmin-ui/src/api/vadmin/permission/role.js
View File

@ -1,47 +1,47 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询角色列表 // 查询角色列表
export function listRole(query) { export function listRole(query) {
return request({ return request({
url: '/admin/permission/role/', url: "/admin/permission/role/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询角色详细 // 查询角色详细
export function getRole(roleId) { export function getRole(roleId) {
return request({ return request({
url: '/admin/permission/role/' + roleId + '/', url: "/admin/permission/role/" + roleId + "/",
method: 'get' method: "get"
}) });
} }
// 新增角色 // 新增角色
export function addRole(data) { export function addRole(data) {
return request({ return request({
url: '/admin/permission/role/', url: "/admin/permission/role/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改角色 // 修改角色
export function updateRole(data) { export function updateRole(data) {
return request({ return request({
url: '/admin/permission/role/' + data.id + '/', url: "/admin/permission/role/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 角色数据权限 // 角色数据权限
export function dataScope(data) { export function dataScope(data) {
return request({ return request({
url: '/admin/permission/role/' + data.id + '/', url: "/admin/permission/role/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 角色状态修改 // 角色状态修改
@ -49,27 +49,27 @@ export function changeRoleStatus(roleId, status) {
const data = { const data = {
roleId, roleId,
status status
} };
return request({ return request({
url: '/admin/permission/role/changeStatus/', url: "/admin/permission/role/changeStatus/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除角色 // 删除角色
export function delRole(roleId) { export function delRole(roleId) {
return request({ return request({
url: '/admin/permission/role/' + roleId + '/', url: "/admin/permission/role/" + roleId + "/",
method: 'delete' method: "delete"
}) });
} }
// 导出角色 // 导出角色
export function exportRole(query) { export function exportRole(query) {
return request({ return request({
url: '/admin/permission/role/export/', url: "/admin/permission/role/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }

94
dvadmin-ui/src/api/vadmin/permission/user.js
View File

@ -1,56 +1,56 @@
import request from '@/utils/request' import request from "@/utils/request";
import {praseStrEmpty} from "@/utils/ruoyi"; import { praseStrEmpty } from "@/utils/ruoyi";
// 查询用户列表 // 查询用户列表
export function listUser(query) { export function listUser(query) {
return request({ return request({
url: '/admin/permission/user/', url: "/admin/permission/user/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询用户详细 // 查询用户详细
export function getUser(userId) { export function getUser(userId) {
return request({ return request({
url: '/admin/permission/user/details/?userId=' + praseStrEmpty(userId), url: "/admin/permission/user/details/?userId=" + praseStrEmpty(userId),
method: 'get' method: "get"
}) });
} }
// 新增用户 // 新增用户
export function addUser(data) { export function addUser(data) {
return request({ return request({
url: '/admin/permission/user/', url: "/admin/permission/user/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改用户 // 修改用户
export function updateUser(data) { export function updateUser(data) {
return request({ return request({
url: '/admin/permission/user/' + data.id + '/', url: "/admin/permission/user/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除用户 // 删除用户
export function delUser(userId) { export function delUser(userId) {
return request({ return request({
url: '/admin/permission/user/' + userId + '/', url: "/admin/permission/user/" + userId + "/",
method: 'delete' method: "delete"
}) });
} }
// 导出用户 // 导出用户
export function exportUser(query) { export function exportUser(query) {
return request({ return request({
url: '/admin/permission/user/export/', url: "/admin/permission/user/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 用户密码重置 // 用户密码重置
@ -58,12 +58,12 @@ export function resetUserPwd(userId, password) {
const data = { const data = {
userId, userId,
password password
} };
return request({ return request({
url: '/admin/permission/user/resetPwd/', url: "/admin/permission/user/resetPwd/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 用户状态修改 // 用户状态修改
@ -71,29 +71,29 @@ export function changeUserStatus(userId, status) {
const data = { const data = {
userId, userId,
status status
} };
return request({ return request({
url: '/admin/permission/user/changeStatus/', url: "/admin/permission/user/changeStatus/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 查询用户个人信息 // 查询用户个人信息
export function getUserProfile() { export function getUserProfile() {
return request({ return request({
url: '/admin/permission/user/profile/', url: "/admin/permission/user/profile/",
method: 'get' method: "get"
}) });
} }
// 修改用户个人信息 // 修改用户个人信息
export function updateUserProfile(data) { export function updateUserProfile(data) {
return request({ return request({
url: '/admin/permission/user/profile/', url: "/admin/permission/user/profile/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 用户密码重置 // 用户密码重置
@ -101,36 +101,36 @@ export function updateUserPwd(oldPassword, newPassword) {
const data = { const data = {
oldPassword, oldPassword,
newPassword newPassword
} };
return request({ return request({
url: '/admin/permission/user/profile/updatePwd/', url: "/admin/permission/user/profile/updatePwd/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 用户头像上传 // 用户头像上传
export function uploadAvatar(data) { export function uploadAvatar(data) {
return request({ return request({
url: '/admin/permission/user/profile/avatar/', url: "/admin/permission/user/profile/avatar/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 下载用户导入模板 // 下载用户导入模板
export function importTemplate() { export function importTemplate() {
return request({ return request({
url: '/admin/permission/user/importTemplate/', url: "/admin/permission/user/importTemplate/",
method: 'get' method: "get"
}) });
} }
// 用户导入 // 用户导入
export function importsUser(data) { export function importsUser(data) {
return request({ return request({
url: '/admin/permission/user/importTemplate/', url: "/admin/permission/user/importTemplate/",
method: 'post', method: "post",
data: data data: data
}) });
} }

50
dvadmin-ui/src/api/vadmin/system/config.js
View File

@ -1,69 +1,69 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询参数列表 // 查询参数列表
export function listConfig(query) { export function listConfig(query) {
return request({ return request({
url: '/admin/system/config/', url: "/admin/system/config/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询参数详细 // 查询参数详细
export function getConfig(configId) { export function getConfig(configId) {
return request({ return request({
url: '/admin/system/config/' + configId + '/', url: "/admin/system/config/" + configId + "/",
method: 'get' method: "get"
}) });
} }
// 根据参数键名查询参数值 // 根据参数键名查询参数值
export function getConfigKey(configKey) { export function getConfigKey(configKey) {
return request({ return request({
url: '/admin/system/config/configKey/' + configKey + '/?status=1', url: "/admin/system/config/configKey/" + configKey + "/?status=1",
method: 'get' method: "get"
}) });
} }
// 新增参数配置 // 新增参数配置
export function addConfig(data) { export function addConfig(data) {
return request({ return request({
url: '/admin/system/config/', url: "/admin/system/config/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改参数配置 // 修改参数配置
export function updateConfig(data) { export function updateConfig(data) {
return request({ return request({
url: '/admin/system/config/' + data.id + '/', url: "/admin/system/config/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除参数配置 // 删除参数配置
export function delConfig(configId) { export function delConfig(configId) {
return request({ return request({
url: '/admin/system/config/' + configId + '/', url: "/admin/system/config/" + configId + "/",
method: 'delete' method: "delete"
}) });
} }
// 清理参数缓存 // 清理参数缓存
export function clearCache() { export function clearCache() {
return request({ return request({
url: '/admin/system/config/clearCache/', url: "/admin/system/config/clearCache/",
method: 'delete' method: "delete"
}) });
} }
// 导出参数 // 导出参数
export function exportConfig(query) { export function exportConfig(query) {
return request({ return request({
url: '/admin/system/config/export/', url: "/admin/system/config/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }

44
dvadmin-ui/src/api/vadmin/system/dict/data.js
View File

@ -1,61 +1,61 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询字典数据列表 // 查询字典数据列表
export function listData(query) { export function listData(query) {
return request({ return request({
url: '/admin/system/dict/data/', url: "/admin/system/dict/data/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询字典数据详细 // 查询字典数据详细
export function getData(dictCode) { export function getData(dictCode) {
return request({ return request({
url: '/admin/system/dict/data/' + dictCode + '/', url: "/admin/system/dict/data/" + dictCode + "/",
method: 'get' method: "get"
}) });
} }
// 根据字典类型查询字典数据信息 // 根据字典类型查询字典数据信息
export function getDicts(dictType) { export function getDicts(dictType) {
return request({ return request({
url: '/admin/system/dict/get/type/' + dictType + '/?status=1', url: "/admin/system/dict/get/type/" + dictType + "/?status=1",
method: 'get' method: "get"
}) });
} }
// 新增字典数据 // 新增字典数据
export function addData(data) { export function addData(data) {
return request({ return request({
url: '/admin/system/dict/data' + '/', url: "/admin/system/dict/data" + "/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改字典数据 // 修改字典数据
export function updateData(data) { export function updateData(data) {
return request({ return request({
url: '/admin/system/dict/data/' + data.id + '/', url: "/admin/system/dict/data/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除字典数据 // 删除字典数据
export function delData(dictCode) { export function delData(dictCode) {
return request({ return request({
url: '/admin/system/dict/data/' + dictCode + '/', url: "/admin/system/dict/data/" + dictCode + "/",
method: 'delete' method: "delete"
}) });
} }
// 导出字典数据 // 导出字典数据
export function exportData(query) { export function exportData(query) {
return request({ return request({
url: '/admin/system/dict/data/export/', url: "/admin/system/dict/data/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }

50
dvadmin-ui/src/api/vadmin/system/dict/type.js
View File

@ -1,69 +1,69 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询字典类型列表 // 查询字典类型列表
export function listType(query) { export function listType(query) {
return request({ return request({
url: '/admin/system/dict/type/', url: "/admin/system/dict/type/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询字典类型详细 // 查询字典类型详细
export function getType(dictId) { export function getType(dictId) {
return request({ return request({
url: '/admin/system/dict/type/' + dictId + '/', url: "/admin/system/dict/type/" + dictId + "/",
method: 'get' method: "get"
}) });
} }
// 新增字典类型 // 新增字典类型
export function addType(data) { export function addType(data) {
return request({ return request({
url: '/admin/system/dict/type/', url: "/admin/system/dict/type/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改字典类型 // 修改字典类型
export function updateType(data) { export function updateType(data) {
return request({ return request({
url: '/admin/system/dict/type/' + data.id + '/', url: "/admin/system/dict/type/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除字典类型 // 删除字典类型
export function delType(dictId) { export function delType(dictId) {
return request({ return request({
url: '/admin/system/dict/type/' + dictId + '/', url: "/admin/system/dict/type/" + dictId + "/",
method: 'delete' method: "delete"
}) });
} }
// 清理参数缓存 // 清理参数缓存
export function clearCache() { export function clearCache() {
return request({ return request({
url: '/admin/system/dict/type/clearCache/', url: "/admin/system/dict/type/clearCache/",
method: 'delete' method: "delete"
}) });
} }
// 导出字典类型 // 导出字典类型
export function exportType(query) { export function exportType(query) {
return request({ return request({
url: '/admin/system/dict/type/export/', url: "/admin/system/dict/type/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 获取字典选择框列表 // 获取字典选择框列表
export function optionselect() { export function optionselect() {
return request({ return request({
url: '/admin/system/dict/type/optionselect', url: "/admin/system/dict/type/optionselect",
method: 'get' method: "get"
}) });
} }

51
dvadmin-ui/src/api/vadmin/system/message.js
View File

@ -1,71 +1,70 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询通知列表 // 查询通知列表
export function listMessage(query) { export function listMessage(query) {
return request({ return request({
url: '/admin/system/message/', url: "/admin/system/message/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询通知详细 // 查询通知详细
export function getMessage(messageId) { export function getMessage(messageId) {
return request({ return request({
url: '/admin/system/message/' + messageId + '/', url: "/admin/system/message/" + messageId + "/",
method: 'get' method: "get"
}) });
} }
// 新增通知配置 // 新增通知配置
export function addMessage(data) { export function addMessage(data) {
return request({ return request({
url: '/admin/system/message/', url: "/admin/system/message/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改通知配置 // 修改通知配置
export function updateMessage(data) { export function updateMessage(data) {
return request({ return request({
url: '/admin/system/message/' + data.id + '/', url: "/admin/system/message/" + data.id + "/",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除通知配置 // 删除通知配置
export function delMessage(messageId) { export function delMessage(messageId) {
return request({ return request({
url: '/admin/system/message/' + messageId + '/', url: "/admin/system/message/" + messageId + "/",
method: 'delete' method: "delete"
}) });
} }
// 导出通知 // 导出通知
export function exportMessage(query) { export function exportMessage(query) {
return request({ return request({
url: '/admin/system/message/export/', url: "/admin/system/message/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 获取用户通知列表 // 获取用户通知列表
export function userMessage(query) { export function userMessage(query) {
return request({ return request({
url: '/admin/system/message/user_messages/', url: "/admin/system/message/user_messages/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 修改通知为已读 // 修改通知为已读
export function updateIsRead(data) { export function updateIsRead(data) {
return request({ return request({
url: '/admin/system/message/is_read/'+ data.id + '/', url: "/admin/system/message/is_read/" + data.id + "/",
method: 'put', method: "put"
}) });
} }

32
dvadmin-ui/src/api/vadmin/system/notice.js
View File

@ -1,44 +1,44 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询公告列表 // 查询公告列表
export function listNotice(query) { export function listNotice(query) {
return request({ return request({
url: '/admin/system/notice/list', url: "/admin/system/notice/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询公告详细 // 查询公告详细
export function getNotice(noticeId) { export function getNotice(noticeId) {
return request({ return request({
url: '/admin/system/notice/' + noticeId, url: "/admin/system/notice/" + noticeId,
method: 'get' method: "get"
}) });
} }
// 新增公告 // 新增公告
export function addNotice(data) { export function addNotice(data) {
return request({ return request({
url: '/admin/system/notice', url: "/admin/system/notice",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 修改公告 // 修改公告
export function updateNotice(data) { export function updateNotice(data) {
return request({ return request({
url: '/admin/system/notice', url: "/admin/system/notice",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 删除公告 // 删除公告
export function delNotice(noticeId) { export function delNotice(noticeId) {
return request({ return request({
url: '/admin/system/notice/' + noticeId, url: "/admin/system/notice/" + noticeId,
method: 'delete' method: "delete"
}) });
} }

26
dvadmin-ui/src/api/vadmin/system/operationlog.js
View File

@ -1,35 +1,35 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询操作日志列表 // 查询操作日志列表
export function list(query) { export function list(query) {
return request({ return request({
url: '/admin/system/operation_log/', url: "/admin/system/operation_log/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 删除操作日志 // 删除操作日志
export function delOperationLog(operId) { export function delOperationLog(operId) {
return request({ return request({
url: '/admin/system/operation_log/' + operId + '/', url: "/admin/system/operation_log/" + operId + "/",
method: 'delete' method: "delete"
}) });
} }
// 清空操作日志 // 清空操作日志
export function cleanOperationLog() { export function cleanOperationLog() {
return request({ return request({
url: '/admin/system/operation_log/clean/', url: "/admin/system/operation_log/clean/",
method: 'delete' method: "delete"
}) });
} }
// 导出操作日志 // 导出操作日志
export function exportOperationLog(query) { export function exportOperationLog(query) {
return request({ return request({
url: '/admin/system/operation_log/export/', url: "/admin/system/operation_log/export/",
method: 'get', method: "get",
params: query params: query
}) });
} }

27
dvadmin-ui/src/api/vadmin/system/savefile.js
View File

@ -1,36 +1,35 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询文件列表 // 查询文件列表
export function listSaveFile(query) { export function listSaveFile(query) {
return request({ return request({
url: '/admin/system/savefile/', url: "/admin/system/savefile/",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 新增文件 // 新增文件
export function addSaveFile(data) { export function addSaveFile(data) {
return request({ return request({
url: '/admin/system/savefile/', url: "/admin/system/savefile/",
method: 'post', method: "post",
data: data data: data
}) });
} }
// 删除文件 // 删除文件
export function delSaveFile(menuId) { export function delSaveFile(menuId) {
return request({ return request({
url: '/admin/system/savefile/' + menuId + '/', url: "/admin/system/savefile/" + menuId + "/",
method: 'delete' method: "delete"
}) });
} }
// 清理废弃文件 // 清理废弃文件
export function clearSaveFile() { export function clearSaveFile() {
return request({ return request({
url: '/admin/system/clearsavefile/', url: "/admin/system/clearsavefile/",
method: 'post' method: "post"
}) });
} }

56
dvadmin-ui/src/api/vadmin/tool/gen.js
View File

@ -1,76 +1,76 @@
import request from '@/utils/request' import request from "@/utils/request";
// 查询生成表数据 // 查询生成表数据
export function listTable(query) { export function listTable(query) {
return request({ return request({
url: '/tool/gen/list', url: "/tool/gen/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询db数据库列表 // 查询db数据库列表
export function listDbTable(query) { export function listDbTable(query) {
return request({ return request({
url: '/tool/gen/db/list', url: "/tool/gen/db/list",
method: 'get', method: "get",
params: query params: query
}) });
} }
// 查询表详细信息 // 查询表详细信息
export function getGenTable(tableId) { export function getGenTable(tableId) {
return request({ return request({
url: '/tool/gen/' + tableId, url: "/tool/gen/" + tableId,
method: 'get' method: "get"
}) });
} }
// 修改代码生成信息 // 修改代码生成信息
export function updateGenTable(data) { export function updateGenTable(data) {
return request({ return request({
url: '/tool/gen', url: "/tool/gen",
method: 'put', method: "put",
data: data data: data
}) });
} }
// 导入表 // 导入表
export function importTable(data) { export function importTable(data) {
return request({ return request({
url: '/tool/gen/importTable', url: "/tool/gen/importTable",
method: 'post', method: "post",
params: data params: data
}) });
} }
// 预览生成代码 // 预览生成代码
export function previewTable(tableId) { export function previewTable(tableId) {
return request({ return request({
url: '/tool/gen/preview/' + tableId, url: "/tool/gen/preview/" + tableId,
method: 'get' method: "get"
}) });
} }
// 删除表数据 // 删除表数据
export function delTable(tableId) { export function delTable(tableId) {
return request({ return request({
url: '/tool/gen/' + tableId, url: "/tool/gen/" + tableId,
method: 'delete' method: "delete"
}) });
} }
// 生成代码（自定义路径） // 生成代码（自定义路径）
export function genCode(tableName) { export function genCode(tableName) {
return request({ return request({
url: '/tool/gen/genCode/' + tableName, url: "/tool/gen/genCode/" + tableName,
method: 'get' method: "get"
}) });
} }
// 同步数据库 // 同步数据库
export function synchDb(tableName) { export function synchDb(tableName) {
return request({ return request({
url: '/tool/gen/synchDb/' + tableName, url: "/tool/gen/synchDb/" + tableName,
method: 'get' method: "get"
}) });
} }

32
dvadmin-ui/src/components/Breadcrumb/index.vue
View File

@ -14,49 +14,49 @@ export default {
data() { data() {
return { return {
levelList: null levelList: null
} };
}, },
watch: { watch: {
$route(route) { $route(route) {
// if you go to the redirect page, do not update the breadcrumbs // if you go to the redirect page, do not update the breadcrumbs
if (route.path.startsWith('/redirect/')) { if (route.path.startsWith("/redirect/")) {
return return;
} }
this.getBreadcrumb() this.getBreadcrumb();
} }
}, },
created() { created() {
this.getBreadcrumb() this.getBreadcrumb();
}, },
methods: { methods: {
getBreadcrumb() { getBreadcrumb() {
// only show routes with meta.title // only show routes with meta.title
let matched = this.$route.matched.filter(item => item.meta && item.meta.title) const matched = this.$route.matched.filter(item => item.meta && item.meta.title);
const first = matched[0] const first = matched[0];
if (!this.isDashboard(first)) { if (!this.isDashboard(first)) {
// matched = [{ path: '/index', meta: { title: '首页' }}].concat(matched) // matched = [{ path: '/index', meta: { title: '首页' }}].concat(matched)
} }
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false) this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false);
}, },
isDashboard(route) { isDashboard(route) {
const name = route && route.name const name = route && route.name;
if (!name) { if (!name) {
return false return false;
} }
return name.trim() === '首页' return name.trim() === "首页";
}, },
handleLink(item) { handleLink(item) {
const { redirect, path } = item const { redirect, path } = item;
if (redirect) { if (redirect) {
this.$router.push(redirect) this.$router.push(redirect);
return return;
} }
this.$router.push(path) this.$router.push(path);
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

48
dvadmin-ui/src/components/CommonIcon/index.vue
View File

@ -8,32 +8,32 @@
<use :xlink:href="commonName"/> <use :xlink:href="commonName"/>
</svg>--> </svg>-->
<span> <span>
<slot name="prepend"/> <slot name="prepend" />
<svg v-if="iconType && iconType.toLocaleLowerCase() === 'svg'" :class="commonClass" aria-hidden="true"> <svg v-if="iconType && iconType.toLocaleLowerCase() === 'svg'" :class="commonClass" aria-hidden="true">
<use :xlink:href="commonName"/> <use :xlink:href="commonName" />
</svg> </svg>
<i v-if="iconType && iconType.toLocaleLowerCase() === 'el'" :class="commonClass"/> <i v-if="iconType && iconType.toLocaleLowerCase() === 'el'" :class="commonClass" />
<span v-if="showTitle">{{ iconTitle }}</span> <span v-if="showTitle">{{ iconTitle }}</span>
<slot name="append"/> <slot name="append" />
</span> </span>
</template> </template>
<script> <script>
export default { export default {
name: 'CommonIcon', name: "CommonIcon",
props: { props: {
value: { value: {
type: String, type: String,
default: '' default: ""
}, },
iconTitle: { iconTitle: {
type: String, type: String,
default: '' default: ""
}, },
iconClass: { iconClass: {
type: String, type: String,
required: false, required: false,
default: '' default: ""
}, },
showTitle: { showTitle: {
type: Boolean, type: Boolean,
@ -42,10 +42,10 @@ export default {
}, },
data() { data() {
return { return {
iconType: '', iconType: "",
iconName: '', iconName: "",
commonName: '', commonName: "",
commonClass: '' commonClass: ""
}; };
}, },
computed: { computed: {
@ -62,42 +62,42 @@ export default {
}, },
methods: { methods: {
change(val) { change(val) {
const arr = val.split(':'); const arr = val.split(":");
if (arr.length >= 2) { if (arr.length >= 2) {
this.iconType = arr[0]; this.iconType = arr[0];
this.iconName = arr[1]; this.iconName = arr[1];
} else { } else {
this.iconType = ''; this.iconType = "";
this.iconName = ''; this.iconName = "";
} }
this.commonName = this.getCommonName(); this.commonName = this.getCommonName();
this.commonClass = this.getCommonClass(); this.commonClass = this.getCommonClass();
}, },
getCommonName() { getCommonName() {
if (this.iconType && this.iconType.toLocaleLowerCase() === 'svg') { if (this.iconType && this.iconType.toLocaleLowerCase() === "svg") {
return `#icon-${this.iconName}`; return `#icon-${this.iconName}`;
} }
if (this.iconType && this.iconType.toLocaleLowerCase() === 'el') { if (this.iconType && this.iconType.toLocaleLowerCase() === "el") {
return `${this.iconName}`; return `${this.iconName}`;
} }
return ''; return "";
}, },
getCommonClass() { getCommonClass() {
if (this.iconType && this.iconType.toLocaleLowerCase() === 'svg') { if (this.iconType && this.iconType.toLocaleLowerCase() === "svg") {
if (this.className) { if (this.className) {
return 'svg-icon ' + this.className; return "svg-icon " + this.className;
} else { } else {
return 'svg-icon'; return "svg-icon";
} }
} }
if (this.iconType && this.iconType.toLocaleLowerCase() === 'el') { if (this.iconType && this.iconType.toLocaleLowerCase() === "el") {
if (this.className) { if (this.className) {
return this.iconName + ' ' + this.className; return this.iconName + " " + this.className;
} else { } else {
return this.iconName; return this.iconName;
} }
} }
return ''; return "";
} }
} }
}; };

669
dvadmin-ui/src/components/CommonStaticTable/index.vue
View File

@ -13,13 +13,15 @@
:placeholder="filterPlaceholder" :placeholder="filterPlaceholder"
clearable clearable
style="width: 200px;" style="width: 200px;"
@keyup.enter.native="handleSearchFormSubmit"/> @keyup.enter.native="handleSearchFormSubmit"
/>
<el-button <el-button
:size="$ELEMENT.size" :size="$ELEMENT.size"
type="primary" type="primary"
title="过滤" title="过滤"
@click="handleSearchFormSubmit"> @click="handleSearchFormSubmit"
<common-icon value="svg:icon-filter"/> >
<common-icon value="svg:icon-filter" />
</el-button> </el-button>
<el-button <el-button
v-show="isFilter" v-show="isFilter"
@ -27,27 +29,30 @@
type="info" type="info"
title="取消过滤" title="取消过滤"
style="margin-left: 0;" style="margin-left: 0;"
@click="handleCancelFilter"> @click="handleCancelFilter"
<common-icon value="svg:icon-unfilter"/> >
<common-icon value="svg:icon-unfilter" />
</el-button> </el-button>
<slot name="button"/> <slot name="button" />
</div> </div>
</el-col> </el-col>
<el-col v-if="topLayoutRight" :span="6"> <el-col v-if="topLayoutRight" :span="6">
<div class="grid-content bg-purple-light" style="text-align: right"> <div class="grid-content bg-purple-light" style="text-align: right">
<slot name="tools"/> <slot name="tools" />
<el-button <el-button
:size="$ELEMENT.size" :size="$ELEMENT.size"
name="refresh" name="refresh"
type="info" type="info"
title="导出数据" title="导出数据"
@click="handleExportTableData"> @click="handleExportTableData"
<svg-icon icon-class="icon-excel" style="font-size: 1em"/> >
<svg-icon icon-class="icon-excel" style="font-size: 1em" />
</el-button> </el-button>
<el-popover <el-popover
placement="bottom" placement="bottom"
width="200" width="200"
trigger="click"> trigger="click"
>
<div style="width: 50px;"> <div style="width: 50px;">
<el-checkbox-group v-model="showFields"> <el-checkbox-group v-model="showFields">
<el-checkbox <el-checkbox
@ -56,7 +61,8 @@
:label="field" :label="field"
:checked="field.show" :checked="field.show"
style="width: 100%" style="width: 100%"
@change="handleSelectField($event, field)">{{ field.label }}</el-checkbox> @change="handleSelectField($event, field)"
>{{ field.label }}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</div> </div>
<el-button <el-button
@ -65,14 +71,15 @@
name="refresh" name="refresh"
type="info" type="info"
icon="el-icon-s-fold" icon="el-icon-s-fold"
title="设置显示的字段"/> title="设置显示的字段"
/>
</el-popover> </el-popover>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-table <el-table
v-loading="tableLoading"
ref="table" ref="table"
v-loading="tableLoading"
:data="filterData" :data="filterData"
:span-method="spanMethod" :span-method="spanMethod"
:max-height="maxHeight" :max-height="maxHeight"
@ -88,12 +95,14 @@
@header-click="handleHeaderClick" @header-click="handleHeaderClick"
@row-click="handleRowClick" @row-click="handleRowClick"
@row-dblclick="handleRowDblClick" @row-dblclick="handleRowDblClick"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange"
>
<el-table-column <el-table-column
v-if="selection" v-if="selection"
:reserve-selection="true" :reserve-selection="true"
type="selection" type="selection"
width="50"/> width="50"
/>
<template v-for="field in fields"> <template v-for="field in fields">
<el-table-column <el-table-column
v-if="field.show" v-if="field.show"
@ -102,15 +111,16 @@
:label="field.label" :label="field.label"
:sortable="field.sortable" :sortable="field.sortable"
:width="field.width || ''" :width="field.width || ''"
show-overflow-tooltip> show-overflow-tooltip
>
<template slot-scope="scope"> <template slot-scope="scope">
<slot :name="field.prop" :values="scope.row" :prop="field.prop" :field="field"> <slot :name="field.prop" :values="scope.row" :prop="field.prop" :field="field">
<span v-html="formatColumnData(scope.row, field)"/> <span v-html="formatColumnData(scope.row, field)" />
</slot> </slot>
</template> </template>
</el-table-column> </el-table-column>
</template> </template>
<slot name="column"/> <slot name="column" />
</el-table> </el-table>
<el-row> <el-row>
<el-col :span="6" style="margin-top: 20px"> <el-col :span="6" style="margin-top: 20px">
@ -120,7 +130,8 @@
type="info" type="info"
size="mini" size="mini"
title="清空多选" title="清空多选"
@click="clearMultipleSelection">清空</el-button> @click="clearMultipleSelection"
>清空</el-button>
</el-col> </el-col>
<el-col :span="18" style="margin-top: 20px; text-align: right"> <el-col :span="18" style="margin-top: 20px; text-align: right">
<span>总计:<span style="color: #ff00ff;font-weight: bold;">{{ filterData.length }}</span>条</span> <span>总计:<span style="color: #ff00ff;font-weight: bold;">{{ filterData.length }}</span>条</span>
@ -129,326 +140,326 @@
</div> </div>
</template> </template>
<script> <script>
import moment from 'moment'; import moment from "moment";
import * as Utils from '@/utils'; import * as Utils from "@/utils";
export default { export default {
name: 'CommonStaticTable', name: "CommonStaticTable",
props: { props: {
value: { value: {
type: Array, type: Array,
default: () => [] default: () => []
}, },
spanMethod: { spanMethod: {
type: Function, type: Function,
default: null default: null
}, },
data: { data: {
type: Array, type: Array,
default: () => [] default: () => []
}, },
initSelected: { initSelected: {
type: Array, type: Array,
default: () => [] default: () => []
}, },
// eslint-disable-next-line vue/require-prop-types // eslint-disable-next-line vue/require-prop-types
maxHeight: { maxHeight: {
default: 700 default: 700
}, },
stripe: { stripe: {
type: Boolean, type: Boolean,
default: true default: true
}, },
fit: { fit: {
type: Boolean, type: Boolean,
default: true default: true
}, },
highlightCurrentRow: { highlightCurrentRow: {
type: Boolean, type: Boolean,
default: true default: true
}, },
showOverflowTooltip: { showOverflowTooltip: {
type: Boolean, type: Boolean,
default: true default: true
}, },
border: { border: {
type: Boolean, type: Boolean,
default: false default: false
}, },
emptyText: { emptyText: {
type: String, type: String,
default: '暂无数据' default: "暂无数据"
}, },
topLayout: { topLayout: {
type: Array, type: Array,
default: () => { default: () => {
return ['left', 'right']; return ["left", "right"];
}
},
bottomLayout: {
type: Array,
default: () => {
return ['left', 'right'];
}
},
fields: {
// 后端返回的字段
type: Array,
default: () => {
return [];
}
},
selection: {
// 开始开启多选(默认不开启, false)
type: Boolean,
default: false
},
// api 对象
api: {
type: Function,
default: null
},
params: {
type: Object,
default: () => {
return {};
}
} }
}, },
data() { bottomLayout: {
return { type: Array,
tableEditable: true, default: () => {
showFields: [], // 显示的字段 return ["left", "right"];
filterFields: [], // 过滤的字段
filterPlaceholder: '过滤', // 过滤提示文字
buttonTagList: [], // 所有按钮标签
excelDialogVisible: false,
tableLoading: false,
advancedSearchForm: {},
advancedSearchFields: [],
rowKey: null,
multipleSelection: [],
excelHeader: [],
excelData: [],
searchForm: {
search: ''
},
getRowKeys: row => {
if (this.rowKey) {
return row[this.rowKey];
}
return row.id || row.uuid;
},
exportFields: [],
tableData: [],
filterData: [],
isFilter: false
};
},
computed: {
topLayoutLeft() {
return this.topLayout.indexOf('left') >= 0;
},
topLayoutRight() {
return this.topLayout.indexOf('right') >= 0;
} }
}, },
watch: { fields: {
data: { // 后端返回的字段
handler: function(newData, oldData) { type: Array,
this.handleChangeTableData(newData); default: () => {
}, return [];
immediate: true
} }
}, },
mounted() { selection: {
// 开始开启多选(默认不开启, false)
type: Boolean,
default: false
}, },
created() { // api 对象
this.initComponentData(); api: {
this.initData(); type: Function,
this.initSelect(); default: null
}, },
methods: { params: {
initData() { type: Object,
if (Utils.isFunction(this.api)) { default: () => {
this.listInterfaceData(); return {};
}
},
initSelect() {
for (const row of this.initSelected) {
this.$refs['table'].toggleRowSelection(row, true);
}
},
initComponentData() {
this.fields.forEach(field => {
field.show = (!!field.show);
field.type = (field.type || 'string').toLocaleLowerCase();
field.label = field.label || field.prop;
field.search = (!!field.search);
field.sortable = (!!field.sortable);
field.unique = (!!field.unique);
field.width = field.width || '';
if (field.type === 'choices') {
if (Utils.isArray(field.choices) && field.choices.length > 0) {
if (!Utils.isObj(field.choices[0])) {
field.choices = field.choices.map(value => {
return {
label: value,
value: value
};
});
}
}
}
field.unique = (!!field.unique);
if (field.unique) {
this.rowKey = field.prop;
}
});
this.filterFields = this.fields.filter(field => field.search).map(field => field.prop);
if (this.filterFields.length) {
const text = this.fields.filter(field => field.search).map(field => field.label).join('、');
this.filterPlaceholder = `${text} 过滤`;
}
},
listInterfaceData() {
this.tableLoading = true;
this.api(this.params).then(response => {
this.tableLoading = false;
this.handleChangeTableData(response.data);
}).catch(() => {
this.tableLoading = false;
});
},
formatColumnData(row, field) {
const type = field.type || 'string';
const prop = field.prop;
if (field.formatter && typeof field.formatter === 'function') {
return field.formatter(row, prop, type);
}
if (type === 'string') {
return row[prop];
} else if (type === 'datetime') {
return this.formatDatetime(row[prop]);
} else if (type === 'date') {
return this.formatDate(row[prop]);
} else if (type === 'time') {
return this.formatTime(row[prop]);
} else if (type.startsWith('bool')) {
return row[prop] ? '是' : '否';
} else if (type === 'choices') {
const choices = field.choices;
return this.formatChoices(choices, row[prop]);
} else {
return row[prop];
}
},
formatChoices(choices, value) {
for (const choice of choices) {
if (choice.value === value) {
return choice.label;
}
}
return value;
},
formatDatetime(datetime) {
return moment(datetime).format('YYYY-MM-DD HH:mm:ss');
},
formatDate(date) {
return moment(date).format('YYYY-MM-DD');
},
formatTime(time) {
return moment(time).format('HH:mm:ss');
},
getMultipleSelection() {
return this.multipleSelection || [];
},
clearMultipleSelection() {
this.$refs.table.clearSelection();
},
clearSelection() {
this.$refs.table.clearSelection();
},
clearFilter() {
// 重置过滤
this.searchForm.search = '';
this.filterData = Array.from(this.tableData);
},
handleSelectField(e, field) {
field.show = e;
},
handleChangeTableData(data) {
this.tableData = Array.from(data);
this.filterData = Array.from(this.filterHandler(this.tableData));
},
// 导出表格的数据, 当前数据、当前列
handleExportTableData() {
this.excelDialogVisible = true;
this.exportFields = this.fields.map(field => {
return { prop: field.prop, label: field.label, show: field.show };
});
this.excelHeader = this.showFields.map(field => field['prop']);
},
// 处理修改多选的值
handleSelectionChange(val) {
this.$emit('selection-change', val);
this.multipleSelection = val;
},
handleSortChange(val) {
this.sort.prop = val.prop;
this.sort.order = val.order;
this.getTableData();
},
filterHandler(data) {
if (!data) {
data = this.tableData || [];
}
const search = this.searchForm.search.trim();
if (!search.length || !this.filterFields.length) {
this.isFilter = false;
return data;
}
const filterData = data.filter(row => {
for (const field of this.filterFields) {
if (row[field] && row[field].indexOf(search) >= 0) {
return true;
}
}
return false;
});
this.isFilter = true;
return filterData;
},
handleCellClick(row, column, cell, event) {
this.$emit('cell-click', row, column, cell, event);
},
handleCellDbClick(row, column, cell, event) {
this.$emit('cell-dblclick', row, column, cell, event);
},
handleRowClick(row, column, event) {
this.$emit('row-click', row, column, event);
},
handleRowDblClick(row, column, event) {
this.$emit('row-dblclick', row, column, event);
},
handleHeaderClick(column, event) {
this.$emit('header-click', column, event);
},
toggleRowSelection(row, selected = true) {
this.$refs.table.toggleRowSelection(row, selected);
},
toggleFilter() {
// 触发过滤
this.filterData = Array.from(this.filterHandler());
},
handleSearchFormSubmit() {
this.toggleFilter();
},
handleCancelFilter() {
this.isFilter = false;
this.clearFilter();
} }
} }
}; },
data() {
return {
tableEditable: true,
showFields: [], // 显示的字段
filterFields: [], // 过滤的字段
filterPlaceholder: "过滤", // 过滤提示文字
buttonTagList: [], // 所有按钮标签
excelDialogVisible: false,
tableLoading: false,
advancedSearchForm: {},
advancedSearchFields: [],
rowKey: null,
multipleSelection: [],
excelHeader: [],
excelData: [],
searchForm: {
search: ""
},
getRowKeys: row => {
if (this.rowKey) {
return row[this.rowKey];
}
return row.id || row.uuid;
},
exportFields: [],
tableData: [],
filterData: [],
isFilter: false
};
},
computed: {
topLayoutLeft() {
return this.topLayout.indexOf("left") >= 0;
},
topLayoutRight() {
return this.topLayout.indexOf("right") >= 0;
}
},
watch: {
data: {
handler: function(newData, oldData) {
this.handleChangeTableData(newData);
},
immediate: true
}
},
mounted() {
},
created() {
this.initComponentData();
this.initData();
this.initSelect();
},
methods: {
initData() {
if (Utils.isFunction(this.api)) {
this.listInterfaceData();
}
},
initSelect() {
for (const row of this.initSelected) {
this.$refs["table"].toggleRowSelection(row, true);
}
},
initComponentData() {
this.fields.forEach(field => {
field.show = (!!field.show);
field.type = (field.type || "string").toLocaleLowerCase();
field.label = field.label || field.prop;
field.search = (!!field.search);
field.sortable = (!!field.sortable);
field.unique = (!!field.unique);
field.width = field.width || "";
if (field.type === "choices") {
if (Utils.isArray(field.choices) && field.choices.length > 0) {
if (!Utils.isObj(field.choices[0])) {
field.choices = field.choices.map(value => {
return {
label: value,
value: value
};
});
}
}
}
field.unique = (!!field.unique);
if (field.unique) {
this.rowKey = field.prop;
}
});
this.filterFields = this.fields.filter(field => field.search).map(field => field.prop);
if (this.filterFields.length) {
const text = this.fields.filter(field => field.search).map(field => field.label).join("、");
this.filterPlaceholder = `${text} 过滤`;
}
},
listInterfaceData() {
this.tableLoading = true;
this.api(this.params).then(response => {
this.tableLoading = false;
this.handleChangeTableData(response.data);
}).catch(() => {
this.tableLoading = false;
});
},
formatColumnData(row, field) {
const type = field.type || "string";
const prop = field.prop;
if (field.formatter && typeof field.formatter === "function") {
return field.formatter(row, prop, type);
}
if (type === "string") {
return row[prop];
} else if (type === "datetime") {
return this.formatDatetime(row[prop]);
} else if (type === "date") {
return this.formatDate(row[prop]);
} else if (type === "time") {
return this.formatTime(row[prop]);
} else if (type.startsWith("bool")) {
return row[prop] ? "是" : "否";
} else if (type === "choices") {
const choices = field.choices;
return this.formatChoices(choices, row[prop]);
} else {
return row[prop];
}
},
formatChoices(choices, value) {
for (const choice of choices) {
if (choice.value === value) {
return choice.label;
}
}
return value;
},
formatDatetime(datetime) {
return moment(datetime).format("YYYY-MM-DD HH:mm:ss");
},
formatDate(date) {
return moment(date).format("YYYY-MM-DD");
},
formatTime(time) {
return moment(time).format("HH:mm:ss");
},
getMultipleSelection() {
return this.multipleSelection || [];
},
clearMultipleSelection() {
this.$refs.table.clearSelection();
},
clearSelection() {
this.$refs.table.clearSelection();
},
clearFilter() {
// 重置过滤
this.searchForm.search = "";
this.filterData = Array.from(this.tableData);
},
handleSelectField(e, field) {
field.show = e;
},
handleChangeTableData(data) {
this.tableData = Array.from(data);
this.filterData = Array.from(this.filterHandler(this.tableData));
},
// 导出表格的数据, 当前数据、当前列
handleExportTableData() {
this.excelDialogVisible = true;
this.exportFields = this.fields.map(field => {
return { prop: field.prop, label: field.label, show: field.show };
});
this.excelHeader = this.showFields.map(field => field["prop"]);
},
// 处理修改多选的值
handleSelectionChange(val) {
this.$emit("selection-change", val);
this.multipleSelection = val;
},
handleSortChange(val) {
this.sort.prop = val.prop;
this.sort.order = val.order;
this.getTableData();
},
filterHandler(data) {
if (!data) {
data = this.tableData || [];
}
const search = this.searchForm.search.trim();
if (!search.length || !this.filterFields.length) {
this.isFilter = false;
return data;
}
const filterData = data.filter(row => {
for (const field of this.filterFields) {
if (row[field] && row[field].indexOf(search) >= 0) {
return true;
}
}
return false;
});
this.isFilter = true;
return filterData;
},
handleCellClick(row, column, cell, event) {
this.$emit("cell-click", row, column, cell, event);
},
handleCellDbClick(row, column, cell, event) {
this.$emit("cell-dblclick", row, column, cell, event);
},
handleRowClick(row, column, event) {
this.$emit("row-click", row, column, event);
},
handleRowDblClick(row, column, event) {
this.$emit("row-dblclick", row, column, event);
},
handleHeaderClick(column, event) {
this.$emit("header-click", column, event);
},
toggleRowSelection(row, selected = true) {
this.$refs.table.toggleRowSelection(row, selected);
},
toggleFilter() {
// 触发过滤
this.filterData = Array.from(this.filterHandler());
},
handleSearchFormSubmit() {
this.toggleFilter();
},
handleCancelFilter() {
this.isFilter = false;
this.clearFilter();
}
}
};
</script> </script>
<style scoped> <style scoped>

99
dvadmin-ui/src/components/DeptTree/index.vue
View File

@ -1,61 +1,68 @@
<!-- 部门选择器 --> <!-- 部门选择器 -->
<template> <template>
<div> <div>
<treeselect v-model="dept_value" :options="deptTree" :multiple="multiple" :show-count="true" <treeselect
:placeholder="placeholder" :disable-branch-nodes="disable_branch_nodes"/> v-model="dept_value"
:options="deptTree"
:multiple="multiple"
:show-count="true"
:placeholder="placeholder"
:disable-branch-nodes="disable_branch_nodes"
/>
</div> </div>
</template> </template>
<script> <script>
import Treeselect from '@riophae/vue-treeselect' import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import {treeselect} from '@/api/vadmin/permission/dept' import { treeselect } from "@/api/vadmin/permission/dept";
export default { export default {
name: "DeptTree", name: "DeptTree",
props: { components: { Treeselect },
/* 选择器的内容 */ props: {
value: {type: Number | Array,}, /* 选择器的内容 */
/* 用于显示选项 */ // eslint-disable-next-line vue/require-prop-type-constructor
placeholder: {type: String, default: "请选择归属部门",}, value: { type: Number | Array },
/* 是否多选 */ /* 用于显示选项 */
multiple: {type: Boolean, default: false,}, placeholder: { type: String, default: "请选择归属部门" },
/* 是否只能选末级 */ /* 是否多选 */
disable_branch_nodes: {type: Boolean, default: false,}, multiple: { type: Boolean, default: false },
/* 是否只能选末级 */
disable_branch_nodes: { type: Boolean, default: false }
},
data() {
return {
deptOptions: [],
deptTree: [],
dept_value: ""
};
},
watch: {
dept_value(newValue) {
this.$emit("update:value", newValue);
}, },
components: {Treeselect}, value: {
data() { handler: function(newValue) {
return { this.dept_value = newValue;
deptOptions: [],
deptTree: [],
dept_value: ''
}
},
watch: {
dept_value(newValue) {
this.$emit('update:value', newValue)
},
value: {
handler: function (newValue) {
this.dept_value = newValue
},
immediate: true
}
},
created() {
this.getTreeselect()
},
methods: {
/** 查询部门下拉树结构 */
getTreeselect() {
treeselect().then(response => {
this.deptOptions = response.data
this.deptTree = this.handleTree(response.data, 'id')
})
}, },
immediate: true
}
},
created() {
this.getTreeselect();
},
methods: {
/** 查询部门下拉树结构 */
getTreeselect() {
treeselect().then(response => {
this.deptOptions = response.data;
this.deptTree = this.handleTree(response.data, "id");
});
} }
} }
};
</script> </script>
<style scoped> <style scoped>

50
dvadmin-ui/src/components/Editor/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="editor" ref="editor" :style="styles"></div> <div ref="editor" class="editor" :style="styles" />
</template> </template>
<script> <script>
@ -14,18 +14,18 @@ export default {
/* 编辑器的内容 */ /* 编辑器的内容 */
value: { value: {
type: String, type: String,
default: "", default: ""
}, },
/* 高度 */ /* 高度 */
height: { height: {
type: Number, type: Number,
default: null, default: null
}, },
/* 最小高度 */ /* 最小高度 */
minHeight: { minHeight: {
type: Number, type: Number,
default: null, default: null
}, }
}, },
data() { data() {
return { return {
@ -38,26 +38,26 @@ export default {
modules: { modules: {
// 工具栏配置 // 工具栏配置
toolbar: [ toolbar: [
["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线 ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
["blockquote", "code-block"], // 引用 代码块 ["blockquote", "code-block"], // 引用 代码块
[{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表 [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表
[{ indent: "-1" }, { indent: "+1" }], // 缩进 [{ indent: "-1" }, { indent: "+1" }], // 缩进
[{ size: ["small", false, "large", "huge"] }], // 字体大小 [{ size: ["small", false, "large", "huge"] }], // 字体大小
[{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题 [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
[{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色 [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色
[{ align: [] }], // 对齐方式 [{ align: [] }], // 对齐方式
["clean"], // 清除文本格式 ["clean"], // 清除文本格式
["link", "image", "video"] // 链接、图片、视频 ["link", "image", "video"] // 链接、图片、视频
], ]
}, },
placeholder: "请输入内容", placeholder: "请输入内容",
readOnly: false, readOnly: false
}, }
}; };
}, },
computed: { computed: {
styles() { styles() {
let style = {}; const style = {};
if (this.minHeight) { if (this.minHeight) {
style.minHeight = `${this.minHeight}px`; style.minHeight = `${this.minHeight}px`;
} }
@ -65,7 +65,7 @@ export default {
style.height = `${this.height}px`; style.height = `${this.height}px`;
} }
return style; return style;
}, }
}, },
watch: { watch: {
value: { value: {
@ -77,8 +77,8 @@ export default {
} }
} }
}, },
immediate: true, immediate: true
}, }
}, },
mounted() { mounted() {
this.init(); this.init();
@ -108,8 +108,8 @@ export default {
this.Quill.on("editor-change", (eventName, ...args) => { this.Quill.on("editor-change", (eventName, ...args) => {
this.$emit("on-editor-change", eventName, ...args); this.$emit("on-editor-change", eventName, ...args);
}); });
}, }
}, }
}; };
</script> </script>
@ -192,4 +192,4 @@ export default {
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before { .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
content: "等宽字体"; content: "等宽字体";
} }
</style> </style>

38
dvadmin-ui/src/components/FileUpload/index.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="upload-file"> <div class="upload-file">
<el-upload <el-upload
ref="upload"
:action="uploadFileUrl" :action="uploadFileUrl"
:before-upload="handleBeforeUpload" :before-upload="handleBeforeUpload"
:file-list="fileList" :file-list="fileList"
@ -11,12 +12,11 @@
:show-file-list="false" :show-file-list="false"
:headers="headers" :headers="headers"
class="upload-file-uploader" class="upload-file-uploader"
ref="upload"
> >
<!-- 上传按钮 --> <!-- 上传按钮 -->
<el-button size="mini" type="primary">选取文件</el-button> <el-button size="mini" type="primary">选取文件</el-button>
<!-- 上传提示 --> <!-- 上传提示 -->
<div class="el-upload__tip" slot="tip" v-if="showTip"> <div v-if="showTip" slot="tip" class="el-upload__tip">
请上传 请上传
<template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template> <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
<template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template> <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
@ -26,12 +26,12 @@
<!-- 文件列表 --> <!-- 文件列表 -->
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul"> <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
<li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in list"> <li v-for="(file, index) in list" :key="file.uid" class="el-upload-list__item ele-upload-list__item-content">
<el-link :href="file.url" :underline="false" target="_blank"> <el-link :href="file.url" :underline="false" target="_blank">
<span class="el-icon-document"> {{ getFileName(file.name) }} </span> <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
</el-link> </el-link>
<div class="ele-upload-list__item-content-action"> <div class="ele-upload-list__item-content-action">
<el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link> <el-link :underline="false" type="danger" @click="handleDelete(index)">删除</el-link>
</div> </div>
</li> </li>
</transition-group> </transition-group>
@ -39,21 +39,22 @@
</template> </template>
<script> <script>
import {getToken} from "@/utils/auth"; import { getToken } from "@/utils/auth";
export default { export default {
name: "FileUpload",
props: { props: {
// 值 // 值
value: [String, Object, Array], value: [String, Object, Array],
// 大小限制(MB) // 大小限制(MB)
fileSize: { fileSize: {
type: Number, type: Number,
default: 5, default: 5
}, },
// 文件类型, 例如['png', 'jpg', 'jpeg'] // 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: { fileType: {
type: Array, type: Array,
default: () => ["doc", "xls", "ppt", "txt", "pdf"], default: () => ["doc", "xls", "ppt", "txt", "pdf"]
}, },
// 是否显示提示 // 是否显示提示
isShowTip: { isShowTip: {
@ -61,14 +62,13 @@
default: true default: true
} }
}, },
name:'FileUpload',
data() { data() {
return { return {
uploadFileUrl: process.env.VUE_APP_BASE_API + "/admin/system/savefile/", // 上传的图片服务器地址 uploadFileUrl: process.env.VUE_APP_BASE_API + "/admin/system/savefile/", // 上传的图片服务器地址
headers: { headers: {
Authorization: "Bearer " + getToken(), Authorization: "Bearer " + getToken()
}, },
fileList: [], fileList: []
}; };
}, },
computed: { computed: {
@ -94,13 +94,16 @@
this.fileList = []; this.fileList = [];
return []; return [];
} }
}, }
},
created() {
this.fileList = this.list;
}, },
methods: { methods: {
// 上传前校检格式和大小 // 上传前校检格式和大小
handleBeforeUpload(file) { handleBeforeUpload(file) {
// 校检文件类型 // 校检文件类型
if (this.fileType && this.fileType[0] !== 'ALL') { if (this.fileType && this.fileType[0] !== "ALL") {
let fileExtension = ""; let fileExtension = "";
if (file.name.lastIndexOf(".") > -1) { if (file.name.lastIndexOf(".") > -1) {
fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1); fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
@ -130,7 +133,7 @@
this.$message.error(`只允许上传单个文件`); this.$message.error(`只允许上传单个文件`);
}, },
// 上传失败 // 上传失败
handleUploadError(err) { handleUploadError() {
this.$message.error("上传失败, 请重试"); this.$message.error("上传失败, 请重试");
}, },
// 上传成功回调 // 上传成功回调
@ -145,7 +148,7 @@
// 删除文件 // 删除文件
handleDelete(index) { handleDelete(index) {
this.fileList.splice(index, 1); this.fileList.splice(index, 1);
this.$emit("input", ''); this.$emit("input", "");
}, },
// 获取文件名称 // 获取文件名称
getFileName(name) { getFileName(name) {
@ -155,10 +158,7 @@
return ""; return "";
} }
} }
}, }
created() {
this.fileList = this.list;
},
}; };
</script> </script>

6
dvadmin-ui/src/components/Hamburger/index.vue
View File

@ -15,7 +15,7 @@
<script> <script>
export default { export default {
name: 'Hamburger', name: "Hamburger",
props: { props: {
isActive: { isActive: {
type: Boolean, type: Boolean,
@ -24,10 +24,10 @@ export default {
}, },
methods: { methods: {
toggleClick() { toggleClick() {
this.$emit('toggleClick') this.$emit("toggleClick");
} }
} }
} };
</script> </script>
<style scoped> <style scoped>

80
dvadmin-ui/src/components/HeaderSearch/index.vue
View File

@ -20,67 +20,67 @@
<script> <script>
// fuse is a lightweight fuzzy-search module // fuse is a lightweight fuzzy-search module
// make search results more in line with expectations // make search results more in line with expectations
import Fuse from 'fuse.js/dist/fuse.min.js' import Fuse from "fuse.js/dist/fuse.min.js";
import path from 'path' import path from "path";
export default { export default {
name: 'HeaderSearch', name: "HeaderSearch",
data() { data() {
return { return {
search: '', search: "",
options: [], options: [],
searchPool: [], searchPool: [],
show: false, show: false,
fuse: undefined fuse: undefined
} };
}, },
computed: { computed: {
routes() { routes() {
return this.$store.getters.permission_routes return this.$store.getters.permission_routes;
} }
}, },
watch: { watch: {
routes() { routes() {
this.searchPool = this.generateRoutes(this.routes) this.searchPool = this.generateRoutes(this.routes);
}, },
searchPool(list) { searchPool(list) {
this.initFuse(list) this.initFuse(list);
}, },
show(value) { show(value) {
if (value) { if (value) {
document.body.addEventListener('click', this.close) document.body.addEventListener("click", this.close);
} else { } else {
document.body.removeEventListener('click', this.close) document.body.removeEventListener("click", this.close);
} }
} }
}, },
mounted() { mounted() {
this.searchPool = this.generateRoutes(this.routes) this.searchPool = this.generateRoutes(this.routes);
}, },
methods: { methods: {
click() { click() {
this.show = !this.show this.show = !this.show;
if (this.show) { if (this.show) {
this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus() this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.focus();
} }
}, },
close() { close() {
this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur() this.$refs.headerSearchSelect && this.$refs.headerSearchSelect.blur();
this.options = [] this.options = [];
this.show = false this.show = false;
}, },
change(val) { change(val) {
if(this.ishttp(val.path)) { if (this.ishttp(val.path)) {
// http(s):// 路径新窗口打开 // http(s):// 路径新窗口打开
window.open(val.path, "_blank"); window.open(val.path, "_blank");
} else { } else {
this.$router.push(val.path) this.$router.push(val.path);
} }
this.search = '' this.search = "";
this.options = [] this.options = [];
this.$nextTick(() => { this.$nextTick(() => {
this.show = false this.show = false;
}) });
}, },
initFuse(list) { initFuse(list) {
this.fuse = new Fuse(list, { this.fuse = new Fuse(list, {
@ -91,60 +91,60 @@ export default {
maxPatternLength: 32, maxPatternLength: 32,
minMatchCharLength: 1, minMatchCharLength: 1,
keys: [{ keys: [{
name: 'title', name: "title",
weight: 0.7 weight: 0.7
}, { }, {
name: 'path', name: "path",
weight: 0.3 weight: 0.3
}] }]
}) });
}, },
// Filter out the routes that can be displayed in the sidebar // Filter out the routes that can be displayed in the sidebar
// And generate the internationalized title // And generate the internationalized title
generateRoutes(routes, basePath = '/', prefixTitle = []) { generateRoutes(routes, basePath = "/", prefixTitle = []) {
let res = [] let res = [];
for (const router of routes) { for (const router of routes) {
// skip hidden router // skip hidden router
if (router.hidden) { continue } if (router.hidden) { continue; }
const data = { const data = {
path: !this.ishttp(router.path) ? path.resolve(basePath, router.path) : router.path, path: !this.ishttp(router.path) ? path.resolve(basePath, router.path) : router.path,
title: [...prefixTitle] title: [...prefixTitle]
} };
if (router.meta && router.meta.title) { if (router.meta && router.meta.title) {
data.title = [...data.title, router.meta.title] data.title = [...data.title, router.meta.title];
if (router.redirect !== 'noRedirect') { if (router.redirect !== "noRedirect") {
// only push the routes with title // only push the routes with title
// special case: need to exclude parent router without redirect // special case: need to exclude parent router without redirect
res.push(data) res.push(data);
} }
} }
// recursive child routes // recursive child routes
if (router.children) { if (router.children) {
const tempRoutes = this.generateRoutes(router.children, data.path, data.title) const tempRoutes = this.generateRoutes(router.children, data.path, data.title);
if (tempRoutes.length >= 1) { if (tempRoutes.length >= 1) {
res = [...res, ...tempRoutes] res = [...res, ...tempRoutes];
} }
} }
} }
return res return res;
}, },
querySearch(query) { querySearch(query) {
if (query !== '') { if (query !== "") {
this.options = this.fuse.search(query) this.options = this.fuse.search(query);
} else { } else {
this.options = [] this.options = [];
} }
}, },
ishttp(url) { ishttp(url) {
return url.indexOf('http://') !== -1 || url.indexOf('https://') !== -1 return url.indexOf("http://") !== -1 || url.indexOf("https://") !== -1;
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

22
dvadmin-ui/src/components/IconSelect/index.vue
View File

@ -14,32 +14,32 @@
</template> </template>
<script> <script>
import icons from './requireIcons' import icons from "./requireIcons";
export default { export default {
name: 'IconSelect', name: "IconSelect",
data() { data() {
return { return {
name: '', name: "",
iconList: icons iconList: icons
} };
}, },
methods: { methods: {
filterIcons() { filterIcons() {
this.iconList = icons this.iconList = icons;
if (this.name) { if (this.name) {
this.iconList = this.iconList.filter(item => item.includes(this.name)) this.iconList = this.iconList.filter(item => item.includes(this.name));
} }
}, },
selectedIcon(name) { selectedIcon(name) {
this.$emit('selected', name) this.$emit("selected", name);
document.body.click() document.body.click();
}, },
reset() { reset() {
this.name = '' this.name = "";
this.iconList = icons this.iconList = icons;
} }
} }
} };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>

12
dvadmin-ui/src/components/IconSelect/requireIcons.js
View File

@ -1,11 +1,11 @@
const req = require.context('../../assets/icons/svg', false, /\.svg$/) const req = require.context("../../assets/icons/svg", false, /\.svg$/);
const requireAll = requireContext => requireContext.keys() const requireAll = requireContext => requireContext.keys();
const re = /\.\/(.*)\.svg/ const re = /\.\/(.*)\.svg/;
const icons = requireAll(req).map(i => { const icons = requireAll(req).map(i => {
return i.match(re)[1] return i.match(re)[1];
}) });
export default icons export default icons;

30
dvadmin-ui/src/components/ImageUpload/index.vue
View File

@ -17,7 +17,7 @@
</div> </div>
</el-image> </el-image>
<div v-else class="image"> <div v-else class="image">
<el-image :src="value" :style="`width:150px;height:150px;`" fit="fill"/> <el-image :src="value" :style="`width:150px;height:150px;`" fit="fill" />
<div class="mask"> <div class="mask">
<div class="actions"> <div class="actions">
<span title="预览" @click.stop="dialogVisible = true"> <span title="预览" @click.stop="dialogVisible = true">
@ -40,21 +40,22 @@
import { getToken } from "@/utils/auth"; import { getToken } from "@/utils/auth";
export default { export default {
props: {
value: {
type: String,
default: ""
}
},
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址 uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
headers: { headers: {
Authorization: "Bearer " + getToken(), Authorization: "Bearer " + getToken()
}, }
}; };
}, },
props: { watch: {},
value: {
type: String,
default: "",
},
},
methods: { methods: {
removeImage() { removeImage() {
this.$emit("input", ""); this.$emit("input", "");
@ -67,18 +68,17 @@ export default {
this.loading = this.$loading({ this.loading = this.$loading({
lock: true, lock: true,
text: "上传中", text: "上传中",
background: "rgba(0, 0, 0, 0.7)", background: "rgba(0, 0, 0, 0.7)"
}); });
}, },
handleUploadError() { handleUploadError() {
this.$message({ this.$message({
type: "error", type: "error",
message: "上传失败", message: "上传失败"
}); });
this.loading.close(); this.loading.close();
}, }
}, }
watch: {},
}; };
</script> </script>
@ -97,4 +97,4 @@ export default {
opacity: 1; opacity: 1;
} }
} }
</style> </style>

91
dvadmin-ui/src/components/Modal/DetailFormDialog.vue
View File

@ -1,22 +1,23 @@
<template> <template>
<el-dialog :title="dialogTitle" <el-dialog
:visible="openDetailModal" :title="dialogTitle"
:width="modalWidth" :visible="openDetailModal"
@close="closeDetailFormDialog" :width="modalWidth"
append-to-body append-to-body
@close="closeDetailFormDialog"
> >
<el-form ref="form" <el-form
:model="formData" ref="form"
:label-width="labelWidth" :model="formData"
:size="formSize" :label-width="labelWidth"
:size="formSize"
> >
<el-row> <el-row>
<template v-for="item in formItem"> <template v-for="(item,index) in formItem">
<el-col :span="item.singleLine? 24:12"> <el-col :key="index" :span="item.singleLine? 24:12">
<el-form-item :label="`${item.label}：`" :key="item.index" > <el-form-item :key="item.index" :label="`${item.label}：`">
<template v-if="item.customRender"> <template v-if="item.customRender">
<slot :name="item.key" :item="item"></slot> <slot :name="item.key" :item="item" />
</template> </template>
<template v-else> <template v-else>
{{ parseFormItemContent(item) }} {{ parseFormItemContent(item) }}
@ -33,43 +34,43 @@
</template> </template>
<script> <script>
import { parseTime } from '../../utils/ruoyi' import { parseTime } from "../../utils/ruoyi";
const labelTypeToFunction = { const labelTypeToFunction = {
time: (item, formData) => { time: (item, formData) => {
return parseTime(formData[item.key]) return parseTime(formData[item.key]);
}, },
boolean: (item, formData) => { boolean: (item, formData) => {
return item.labelChoices[formData[item.key]] return item.labelChoices[formData[item.key]];
}
} }
};
export default { export default {
name: 'DetailFormDialog', name: "DetailFormDialog",
props: { props: {
dialogTitle: { type: String, required: true }, dialogTitle: { type: String, required: true },
openDetailModal: { type: Boolean, required: true }, openDetailModal: { type: Boolean, required: true },
modalWidth: { type: String, default: '720px' }, modalWidth: { type: String, default: "720px" },
labelWidth: { type: String, default: '100px' }, labelWidth: { type: String, default: "100px" },
formSize: { type: String, default: 'mini' }, formSize: { type: String, default: "mini" },
formData: { type: Object, default: {} }, formData: { type: Object, default: {}},
formItem: { type: Array, default: [] } formItem: { type: Array, default: [] }
}, },
methods: { methods: {
parseFormItemContent(item) { parseFormItemContent(item) {
let labelType = item.labelType const labelType = item.labelType;
if (labelType) { if (labelType) {
return labelTypeToFunction[labelType](item, this.formData) return labelTypeToFunction[labelType](item, this.formData);
} else { } else {
return this.formData[item.key] return this.formData[item.key];
}
},
closeDetailFormDialog() {
this.$emit('closeDialog', false)
} }
},
closeDetailFormDialog() {
this.$emit("closeDialog", false);
} }
} }
};
</script> </script>
<style scoped> <style scoped>

1446
dvadmin-ui/src/components/ModelDisplay/index.vue
View File

File diff suppressed because it is too large Load Diff

57
dvadmin-ui/src/components/ModelSelect/index.vue
View File

@ -1,72 +1,79 @@
<!-- 通用选择器 --> <!-- 通用选择器 -->
<template> <template>
<treeselect v-model="select_value" :options="selectOptions" :multiple="multiple" :show-count="true" <treeselect
:placeholder="placeholder" :disable-branch-nodes="disable_branch_nodes" style="line-height:20px"/> v-model="select_value"
:options="selectOptions"
:multiple="multiple"
:show-count="true"
:placeholder="placeholder"
:disable-branch-nodes="disable_branch_nodes"
style="line-height:20px"
/>
</template> </template>
<script> <script>
import Treeselect from '@riophae/vue-treeselect' import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default { export default {
name: "ModelSelect", name: "ModelSelect",
components: { Treeselect },
props: { props: {
/* 选择器的内容 */ /* 选择器的内容 */
value: {type: Number || Array,}, value: { type: Number || Array },
prop: {type: String,}, prop: { type: String },
/* 用于显示选项 */ /* 用于显示选项 */
placeholder: {type: String, default: "请选择",}, placeholder: { type: String, default: "请选择" },
/* 是否多选 */ /* 是否多选 */
multiple: {type: Boolean, default: false,}, multiple: { type: Boolean, default: false },
/* 是否只能选末级 */ /* 是否只能选末级 */
disable_branch_nodes: {type: Boolean, default: false,}, disable_branch_nodes: { type: Boolean, default: false },
/* 用于下拉显示名称的字段 */ /* 用于下拉显示名称的字段 */
label_name: {type: String, default: 'name',}, label_name: { type: String, default: "name" },
/* 选择器信息 api 对象 */ /* 选择器信息 api 对象 */
listApi: {type: Function, default: null}, listApi: { type: Function, default: null },
/* 选择器信息 selectOptions 对象 */ /* 选择器信息 selectOptions 对象 */
select_options: {type: Array, default: null} select_options: { type: Array, default: null }
}, },
components: {Treeselect},
data() { data() {
return { return {
selectOptions: [], selectOptions: [],
select_value: '' select_value: ""
} };
}, },
watch: { watch: {
select_value(newValue) { select_value(newValue) {
this.$emit('update:value', newValue) this.$emit("update:value", newValue);
}, },
value: { value: {
handler: function (newValue) { handler: function(newValue) {
this.select_value = newValue this.select_value = newValue;
}, },
immediate: true immediate: true
}, },
select_options: { select_options: {
handler: function (newValue) { handler: function(newValue) {
if (newValue) { if (newValue) {
this.selectOptions = this.handleTree(newValue, 'id', 'parentId') this.selectOptions = this.handleTree(newValue, "id", "parentId");
} }
}, },
immediate: true immediate: true
} }
}, },
created() { created() {
this.getData() this.getData();
}, },
methods: { methods: {
/** 查询所有选择器信息 **/ /** 查询所有选择器信息 **/
getData() { getData() {
if (this.select_options) return if (this.select_options) return;
this.getModelSelect(this.prop, this.label_name, this.listApi).then(response => { this.getModelSelect(this.prop, this.label_name, this.listApi).then(response => {
this.selectOptions = response this.selectOptions = response;
}) });
}, }
} }
} };
</script> </script>
<style> <style>

26
dvadmin-ui/src/components/Pagination/index.vue
View File

@ -15,10 +15,10 @@
</template> </template>
<script> <script>
import { scrollTo } from '@/utils/scroll-to' import { scrollTo } from "@/utils/scroll-to";
export default { export default {
name: 'Pagination', name: "Pagination",
props: { props: {
total: { total: {
required: true, required: true,
@ -35,12 +35,12 @@ export default {
pageSizes: { pageSizes: {
type: Array, type: Array,
default() { default() {
return [10, 20, 30, 50] return [10, 20, 30, 50];
} }
}, },
layout: { layout: {
type: String, type: String,
default: 'total, sizes, prev, pager, next, jumper' default: "total, sizes, prev, pager, next, jumper"
}, },
background: { background: {
type: Boolean, type: Boolean,
@ -58,36 +58,36 @@ export default {
computed: { computed: {
currentPage: { currentPage: {
get() { get() {
return this.page return this.page;
}, },
set(val) { set(val) {
this.$emit('update:page', val) this.$emit("update:page", val);
} }
}, },
pageSize: { pageSize: {
get() { get() {
return this.limit return this.limit;
}, },
set(val) { set(val) {
this.$emit('update:limit', val) this.$emit("update:limit", val);
} }
} }
}, },
methods: { methods: {
handleSizeChange(val) { handleSizeChange(val) {
this.$emit('pagination', { page: this.currentPage, limit: val }) this.$emit("pagination", { page: this.currentPage, limit: val });
if (this.autoScroll) { if (this.autoScroll) {
scrollTo(0, 800) scrollTo(0, 800);
} }
}, },
handleCurrentChange(val) { handleCurrentChange(val) {
this.$emit('pagination', { page: val, limit: this.pageSize }) this.$emit("pagination", { page: val, limit: this.pageSize });
if (this.autoScroll) { if (this.autoScroll) {
scrollTo(0, 800) scrollTo(0, 800);
} }
} }
} }
} };
</script> </script>
<style scoped> <style scoped>

8
dvadmin-ui/src/components/PanThumb/index.vue
View File

@ -12,7 +12,7 @@
<script> <script>
export default { export default {
name: 'PanThumb', name: "PanThumb",
props: { props: {
image: { image: {
type: String, type: String,
@ -24,14 +24,14 @@ export default {
}, },
width: { width: {
type: String, type: String,
default: '150px' default: "150px"
}, },
height: { height: {
type: String, type: String,
default: '150px' default: "150px"
} }
} }
} };
</script> </script>
<style scoped> <style scoped>

2
dvadmin-ui/src/components/ParentView/index.vue
View File

@ -1,3 +1,3 @@
<template > <template>
<router-view /> <router-view />
</template> </template>

46
dvadmin-ui/src/components/RightPanel/index.vue
View File

@ -10,10 +10,10 @@
</template> </template>
<script> <script>
import { addClass, removeClass } from '@/utils' import { addClass, removeClass } from "@/utils";
export default { export default {
name: 'RightPanel', name: "RightPanel",
props: { props: {
clickNotClose: { clickNotClose: {
default: false, default: false,
@ -27,57 +27,57 @@ export default {
computed: { computed: {
show: { show: {
get() { get() {
return this.$store.state.settings.showSettings return this.$store.state.settings.showSettings;
}, },
set(val) { set(val) {
this.$store.dispatch('settings/changeSetting', { this.$store.dispatch("settings/changeSetting", {
key: 'showSettings', key: "showSettings",
value: val value: val
}) });
} }
}, },
theme() { theme() {
return this.$store.state.settings.theme return this.$store.state.settings.theme;
}, }
}, },
watch: { watch: {
show(value) { show(value) {
if (value && !this.clickNotClose) { if (value && !this.clickNotClose) {
this.addEventClick() this.addEventClick();
} }
if (value) { if (value) {
addClass(document.body, 'showRightPanel') addClass(document.body, "showRightPanel");
} else { } else {
removeClass(document.body, 'showRightPanel') removeClass(document.body, "showRightPanel");
} }
} }
}, },
mounted() { mounted() {
this.insertToBody() this.insertToBody();
this.addEventClick() this.addEventClick();
}, },
beforeDestroy() { beforeDestroy() {
const elx = this.$refs.rightPanel const elx = this.$refs.rightPanel;
elx.remove() elx.remove();
}, },
methods: { methods: {
addEventClick() { addEventClick() {
window.addEventListener('click', this.closeSidebar) window.addEventListener("click", this.closeSidebar);
}, },
closeSidebar(evt) { closeSidebar(evt) {
const parent = evt.target.closest('.rightPanel') const parent = evt.target.closest(".rightPanel");
if (!parent) { if (!parent) {
this.show = false this.show = false;
window.removeEventListener('click', this.closeSidebar) window.removeEventListener("click", this.closeSidebar);
} }
}, },
insertToBody() { insertToBody() {
const elx = this.$refs.rightPanel const elx = this.$refs.rightPanel;
const body = document.querySelector('body') const body = document.querySelector("body");
body.insertBefore(elx, body.firstChild) body.insertBefore(elx, body.firstChild);
} }
} }
} };
</script> </script>
<style> <style>

30
dvadmin-ui/src/components/RightToolbar/index.vue
View File

@ -7,23 +7,32 @@
<el-tooltip class="item" effect="dark" content="刷新" placement="top"> <el-tooltip class="item" effect="dark" content="刷新" placement="top">
<el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" /> <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns"> <el-tooltip v-if="columns" class="item" effect="dark" content="显隐列" placement="top">
<el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" /> <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" />
</el-tooltip> </el-tooltip>
</el-row> </el-row>
<el-dialog :title="title" :visible.sync="open" append-to-body> <el-dialog :title="title" :visible.sync="open" append-to-body>
<el-transfer <el-transfer
:titles="['显示', '隐藏']"
v-model="value" v-model="value"
:titles="['显示', '隐藏']"
:data="columns" :data="columns"
@change="dataChange" @change="dataChange"
></el-transfer> />
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "RightToolbar", name: "RightToolbar",
props: {
showSearch: {
type: Boolean,
default: true
},
columns: {
type: Array
}
},
data() { data() {
return { return {
// 显隐数据 // 显隐数据
@ -31,18 +40,9 @@ export default {
// 弹出层标题 // 弹出层标题
title: "显示/隐藏", title: "显示/隐藏",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false
}; };
}, },
props: {
showSearch: {
type: Boolean,
default: true,
},
columns: {
type: Array,
},
},
methods: { methods: {
// 搜索 // 搜索
@ -63,8 +63,8 @@ export default {
// 打开显隐列dialog // 打开显隐列dialog
showColumn() { showColumn() {
this.open = true; this.open = true;
}, }
}, }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

12
dvadmin-ui/src/components/RuoYi/Doc/index.vue
View File

@ -1,21 +1,21 @@
<template> <template>
<div> <div>
<svg-icon icon-class="question" @click="goto"/> <svg-icon icon-class="question" @click="goto" />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'RuoYiDoc', name: "RuoYiDoc",
data() { data() {
return { return {
url: 'http://django-vue-admin.com' url: "http://django-vue-admin.com"
} };
}, },
methods: { methods: {
goto() { goto() {
window.open(this.url) window.open(this.url);
} }
} }
} };
</script> </script>

12
dvadmin-ui/src/components/RuoYi/Git/index.vue
View File

@ -1,21 +1,21 @@
<template> <template>
<div> <div>
<svg-icon icon-class="gitee" @click="goto"/> <svg-icon icon-class="gitee" @click="goto" />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'RuoYiGit', name: "RuoYiGit",
data() { data() {
return { return {
url: 'https://gitee.com/liqianglog/django-vue-admin' url: "https://gitee.com/liqianglog/django-vue-admin"
} };
}, },
methods: { methods: {
goto() { goto() {
window.open(this.url) window.open(this.url);
} }
} }
} };
</script> </script>

12
dvadmin-ui/src/components/RuoYi/Msg/index.vue
View File

@ -1,21 +1,21 @@
<template> <template>
<div> <div>
<svg-icon icon-class="github" @click="goto"/> <svg-icon icon-class="github" @click="goto" />
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'RuoYiMsg', name: "RuoYiMsg",
data() { data() {
return { return {
url: 'https://gitee.com/y_project/RuoYi-Vue' url: "https://gitee.com/y_project/RuoYi-Vue"
} };
}, },
methods: { methods: {
goto() { goto() {
window.open(this.url) window.open(this.url);
} }
} }
} };
</script> </script>

24
dvadmin-ui/src/components/Screenfull/index.vue
View File

@ -5,44 +5,44 @@
</template> </template>
<script> <script>
import screenfull from 'screenfull' import screenfull from "screenfull";
export default { export default {
name: 'Screenfull', name: "Screenfull",
data() { data() {
return { return {
isFullscreen: false isFullscreen: false
} };
}, },
mounted() { mounted() {
this.init() this.init();
}, },
beforeDestroy() { beforeDestroy() {
this.destroy() this.destroy();
}, },
methods: { methods: {
click() { click() {
if (!screenfull.isEnabled) { if (!screenfull.isEnabled) {
this.$message({ message: '你的浏览器不支持全屏', type: 'warning' }) this.$message({ message: "你的浏览器不支持全屏", type: "warning" });
return false return false;
} }
screenfull.toggle() screenfull.toggle();
}, },
change() { change() {
this.isFullscreen = screenfull.isFullscreen this.isFullscreen = screenfull.isFullscreen;
}, },
init() { init() {
if (screenfull.isEnabled) { if (screenfull.isEnabled) {
screenfull.on('change', this.change) screenfull.on("change", this.change);
} }
}, },
destroy() { destroy() {
if (screenfull.isEnabled) { if (screenfull.isEnabled) {
screenfull.off('change', this.change) screenfull.off("change", this.change);
} }
} }
} }
} };
</script> </script>
<style scoped> <style scoped>

36
dvadmin-ui/src/components/SizeSelect/index.vue
View File

@ -17,41 +17,41 @@ export default {
data() { data() {
return { return {
sizeOptions: [ sizeOptions: [
{ label: 'Default', value: 'default' }, { label: "Default", value: "default" },
{ label: 'Medium', value: 'medium' }, { label: "Medium", value: "medium" },
{ label: 'Small', value: 'small' }, { label: "Small", value: "small" },
{ label: 'Mini', value: 'mini' } { label: "Mini", value: "mini" }
] ]
} };
}, },
computed: { computed: {
size() { size() {
return this.$store.getters.size return this.$store.getters.size;
} }
}, },
methods: { methods: {
handleSetSize(size) { handleSetSize(size) {
this.$ELEMENT.size = size this.$ELEMENT.size = size;
this.$store.dispatch('app/setSize', size) this.$store.dispatch("app/setSize", size);
this.refreshView() this.refreshView();
this.$message({ this.$message({
message: 'Switch Size Success', message: "Switch Size Success",
type: 'success' type: "success"
}) });
}, },
refreshView() { refreshView() {
// In order to make the cached page re-rendered // In order to make the cached page re-rendered
this.$store.dispatch('tagsView/delAllCachedViews', this.$route) this.$store.dispatch("tagsView/delAllCachedViews", this.$route);
const { fullPath } = this.$route const { fullPath } = this.$route;
this.$nextTick(() => { this.$nextTick(() => {
this.$router.replace({ this.$router.replace({
path: '/redirect' + fullPath path: "/redirect" + fullPath
}) });
}) });
} }
} }
} };
</script> </script>

114
dvadmin-ui/src/components/SmallDialog/index.vue
View File

@ -19,14 +19,14 @@
> >
<el-row slot="title"> <el-row slot="title">
<el-col :span="18" style="text-align: left;"> <el-col :span="18" style="text-align: left;">
<common-icon :icon-title="dialogTitle || 'Dialog组件'" :value="icon" style="font-size: 1.2em"/> <common-icon :icon-title="dialogTitle || 'Dialog组件'" :value="icon" style="font-size: 1.2em" />
</el-col> </el-col>
<el-col :span="6" style="text-align: right"> <el-col :span="6" style="text-align: right">
<i class="el-icon-close" style="font-size: 30px; cursor: pointer" title="关闭" @click="dialogClose"/> <i class="el-icon-close" style="font-size: 30px; cursor: pointer" title="关闭" @click="dialogClose" />
</el-col> </el-col>
</el-row> </el-row>
<div class="dialog-body"> <div class="dialog-body">
<slot/> <slot />
</div> </div>
<slot name="footer"> <slot name="footer">
<div class="dialog-button"> <div class="dialog-button">
@ -38,62 +38,62 @@
</template> </template>
<script> <script>
export default { export default {
name: 'SmallDialog', name: "SmallDialog",
props: { props: {
value: { type: Boolean, default: false }, value: { type: Boolean, default: false },
dialogTitle: { type: String, default: '' }, dialogTitle: { type: String, default: "" },
width: { type: String, default: '50%' }, width: { type: String, default: "50%" },
icon: { type: String, default: 'el:el-icon-platform-eleme' }, icon: { type: String, default: "el:el-icon-platform-eleme" },
buttons: { type: Array, default: () => ['cancel', 'confirm'] }, buttons: { type: Array, default: () => ["cancel", "confirm"] },
loading: { type: Boolean, default: false }, loading: { type: Boolean, default: false },
appendToBody: { type: Boolean, default: false }, appendToBody: { type: Boolean, default: false },
destroyOnClose: { type: Boolean, default: false }, destroyOnClose: { type: Boolean, default: false },
closeOnClickModal: { type: Boolean, default: true } closeOnClickModal: { type: Boolean, default: true }
},
data() {
return {
visible: false,
size: null
};
},
watch: {
value(val) {
this.visible = val;
}, },
data() { visible(val) {
return { this.$emit("input", val);
visible: false,
size: null
};
},
watch: {
value(val) {
this.visible = val;
},
visible(val) {
this.$emit('input', val);
}
},
created() {
},
methods: {
open() {
this.$emit('open');
},
opened() {
this.$emit('opened');
},
close() {
this.$emit('close');
},
closed() {
this.$emit('closed');
},
confirm() {
this.$emit('confirm');
},
cancel() {
this.$emit('cancel');
this.dialogClose();
},
dialogOpen() {
},
dialogClose() {
this.visible = false;
}
} }
}; },
created() {
},
methods: {
open() {
this.$emit("open");
},
opened() {
this.$emit("opened");
},
close() {
this.$emit("close");
},
closed() {
this.$emit("closed");
},
confirm() {
this.$emit("confirm");
},
cancel() {
this.$emit("cancel");
this.dialogClose();
},
dialogOpen() {
},
dialogClose() {
this.visible = false;
}
}
};
</script> </script>
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.small-dialog { .small-dialog {

20
dvadmin-ui/src/components/SvgIcon/index.vue
View File

@ -6,10 +6,10 @@
</template> </template>
<script> <script>
import { isExternal } from '@/utils/validate' import { isExternal } from "@/utils/validate";
export default { export default {
name: 'SvgIcon', name: "SvgIcon",
props: { props: {
iconClass: { iconClass: {
type: String, type: String,
@ -17,31 +17,31 @@ export default {
}, },
className: { className: {
type: String, type: String,
default: '' default: ""
} }
}, },
computed: { computed: {
isExternal() { isExternal() {
return isExternal(this.iconClass) return isExternal(this.iconClass);
}, },
iconName() { iconName() {
return `#icon-${this.iconClass}` return `#icon-${this.iconClass}`;
}, },
svgClass() { svgClass() {
if (this.className) { if (this.className) {
return 'svg-icon ' + this.className return "svg-icon " + this.className;
} else { } else {
return 'svg-icon' return "svg-icon";
} }
}, },
styleExternalIcon() { styleExternalIcon() {
return { return {
mask: `url(${this.iconClass}) no-repeat 50% 50%`, mask: `url(${this.iconClass}) no-repeat 50% 50%`,
'-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%` "-webkit-mask": `url(${this.iconClass}) no-repeat 50% 50%`
} };
} }
} }
} };
</script> </script>
<style scoped> <style scoped>

158
dvadmin-ui/src/components/ThemePicker/index.vue
View File

@ -8,153 +8,153 @@
</template> </template>
<script> <script>
const version = require('element-ui/package.json').version // element-ui version from node_modules const version = require("element-ui/package.json").version; // element-ui version from node_modules
const ORIGINAL_THEME = '#409EFF' // default color const ORIGINAL_THEME = "#409EFF"; // default color
export default { export default {
data() { data() {
return { return {
chalk: '', // content of theme-chalk css chalk: "", // content of theme-chalk css
theme: '' theme: ""
} };
}, },
computed: { computed: {
defaultTheme() { defaultTheme() {
return this.$store.state.settings.theme return this.$store.state.settings.theme;
} }
}, },
watch: { watch: {
defaultTheme: { defaultTheme: {
handler: function(val, oldVal) { handler: function(val, oldVal) {
this.theme = val this.theme = val;
}, },
immediate: true immediate: true
}, },
async theme(val) { async theme(val) {
const oldVal = this.chalk ? this.theme : ORIGINAL_THEME const oldVal = this.chalk ? this.theme : ORIGINAL_THEME;
if (typeof val !== 'string') return if (typeof val !== "string") return;
const themeCluster = this.getThemeCluster(val.replace('#', '')) const themeCluster = this.getThemeCluster(val.replace("#", ""));
const originalCluster = this.getThemeCluster(oldVal.replace('#', '')) const originalCluster = this.getThemeCluster(oldVal.replace("#", ""));
console.log(themeCluster, originalCluster) console.log(themeCluster, originalCluster);
const $message = this.$message({ const $message = this.$message({
message: ' Compiling the theme', message: " Compiling the theme",
customClass: 'theme-message', customClass: "theme-message",
type: 'success', type: "success",
duration: 0, duration: 0,
iconClass: 'el-icon-loading' iconClass: "el-icon-loading"
}) });
const getHandler = (variable, id) => { const getHandler = (variable, id) => {
return () => { return () => {
const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace('#', '')) const originalCluster = this.getThemeCluster(ORIGINAL_THEME.replace("#", ""));
const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster) const newStyle = this.updateStyle(this[variable], originalCluster, themeCluster);
let styleTag = document.getElementById(id) let styleTag = document.getElementById(id);
if (!styleTag) { if (!styleTag) {
styleTag = document.createElement('style') styleTag = document.createElement("style");
styleTag.setAttribute('id', id) styleTag.setAttribute("id", id);
document.head.appendChild(styleTag) document.head.appendChild(styleTag);
} }
styleTag.innerText = newStyle styleTag.innerText = newStyle;
} };
} };
if (!this.chalk) { if (!this.chalk) {
const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css` const url = `https://unpkg.com/element-ui@${version}/lib/theme-chalk/index.css`;
await this.getCSSString(url, 'chalk') await this.getCSSString(url, "chalk");
} }
const chalkHandler = getHandler('chalk', 'chalk-style') const chalkHandler = getHandler("chalk", "chalk-style");
chalkHandler() chalkHandler();
const styles = [].slice.call(document.querySelectorAll('style')) const styles = [].slice.call(document.querySelectorAll("style"))
.filter(style => { .filter(style => {
const text = style.innerText const text = style.innerText;
return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text) return new RegExp(oldVal, "i").test(text) && !/Chalk Variables/.test(text);
}) });
styles.forEach(style => { styles.forEach(style => {
const { innerText } = style const { innerText } = style;
if (typeof innerText !== 'string') return if (typeof innerText !== "string") return;
style.innerText = this.updateStyle(innerText, originalCluster, themeCluster) style.innerText = this.updateStyle(innerText, originalCluster, themeCluster);
}) });
this.$emit('change', val) this.$emit("change", val);
$message.close() $message.close();
} }
}, },
methods: { methods: {
updateStyle(style, oldCluster, newCluster) { updateStyle(style, oldCluster, newCluster) {
let newStyle = style let newStyle = style;
oldCluster.forEach((color, index) => { oldCluster.forEach((color, index) => {
newStyle = newStyle.replace(new RegExp(color, 'ig'), newCluster[index]) newStyle = newStyle.replace(new RegExp(color, "ig"), newCluster[index]);
}) });
return newStyle return newStyle;
}, },
getCSSString(url, variable) { getCSSString(url, variable) {
return new Promise(resolve => { return new Promise(resolve => {
const xhr = new XMLHttpRequest() const xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => { xhr.onreadystatechange = () => {
if (xhr.readyState === 4 && xhr.status === 200) { if (xhr.readyState === 4 && xhr.status === 200) {
this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '') this[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, "");
resolve() resolve();
} }
} };
xhr.open('GET', url) xhr.open("GET", url);
xhr.send() xhr.send();
}) });
}, },
getThemeCluster(theme) { getThemeCluster(theme) {
const tintColor = (color, tint) => { const tintColor = (color, tint) => {
let red = parseInt(color.slice(0, 2), 16) let red = parseInt(color.slice(0, 2), 16);
let green = parseInt(color.slice(2, 4), 16) let green = parseInt(color.slice(2, 4), 16);
let blue = parseInt(color.slice(4, 6), 16) let blue = parseInt(color.slice(4, 6), 16);
if (tint === 0) { // when primary color is in its rgb space if (tint === 0) { // when primary color is in its rgb space
return [red, green, blue].join(',') return [red, green, blue].join(",");
} else { } else {
red += Math.round(tint * (255 - red)) red += Math.round(tint * (255 - red));
green += Math.round(tint * (255 - green)) green += Math.round(tint * (255 - green));
blue += Math.round(tint * (255 - blue)) blue += Math.round(tint * (255 - blue));
red = red.toString(16) red = red.toString(16);
green = green.toString(16) green = green.toString(16);
blue = blue.toString(16) blue = blue.toString(16);
return `#${red}${green}${blue}` return `#${red}${green}${blue}`;
} }
} };
const shadeColor = (color, shade) => { const shadeColor = (color, shade) => {
let red = parseInt(color.slice(0, 2), 16) let red = parseInt(color.slice(0, 2), 16);
let green = parseInt(color.slice(2, 4), 16) let green = parseInt(color.slice(2, 4), 16);
let blue = parseInt(color.slice(4, 6), 16) let blue = parseInt(color.slice(4, 6), 16);
red = Math.round((1 - shade) * red) red = Math.round((1 - shade) * red);
green = Math.round((1 - shade) * green) green = Math.round((1 - shade) * green);
blue = Math.round((1 - shade) * blue) blue = Math.round((1 - shade) * blue);
red = red.toString(16) red = red.toString(16);
green = green.toString(16) green = green.toString(16);
blue = blue.toString(16) blue = blue.toString(16);
return `#${red}${green}${blue}` return `#${red}${green}${blue}`;
} };
const clusters = [theme] const clusters = [theme];
for (let i = 0; i <= 9; i++) { for (let i = 0; i <= 9; i++) {
clusters.push(tintColor(theme, Number((i / 10).toFixed(2)))) clusters.push(tintColor(theme, Number((i / 10).toFixed(2))));
} }
clusters.push(shadeColor(theme, 0.1)) clusters.push(shadeColor(theme, 0.1));
return clusters return clusters;
} }
} }
} };
</script> </script>
<style> <style>

97
dvadmin-ui/src/components/UsersTree/index.vue
View File

@ -1,60 +1,67 @@
<!-- 用户选择器 --> <!-- 用户选择器 -->
<template> <template>
<div> <div>
<treeselect v-model="users_value" :options="usersOptions" :multiple="multiple" :show-count="true" <treeselect
:placeholder="placeholder" :disable-branch-nodes="disable_branch_nodes"/> v-model="users_value"
:options="usersOptions"
:multiple="multiple"
:show-count="true"
:placeholder="placeholder"
:disable-branch-nodes="disable_branch_nodes"
/>
</div> </div>
</template> </template>
<script> <script>
import Treeselect from '@riophae/vue-treeselect' import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import {listUser} from '@/api/vadmin/permission/user' import { listUser } from "@/api/vadmin/permission/user";
export default { export default {
name: "DeptTree", name: "DeptTree",
props: { components: { Treeselect },
/* 选择器的内容 */ props: {
value: {type: Number | Array,}, /* 选择器的内容 */
/* 用于显示选项 */ // eslint-disable-next-line vue/require-prop-type-constructor
placeholder: {type: String, default: "请选择用户",}, value: { type: Number | Array },
/* 是否多选 */ /* 用于显示选项 */
multiple: {type: Boolean, default: false,}, placeholder: { type: String, default: "请选择用户" },
/* 是否只能选末级 */ /* 是否多选 */
disable_branch_nodes: {type: Boolean, default: false,}, multiple: { type: Boolean, default: false },
/* 是否只能选末级 */
disable_branch_nodes: { type: Boolean, default: false }
},
data() {
return {
usersOptions: [],
users_value: ""
};
},
watch: {
users_value(newValue) {
this.$emit("update:value", newValue);
}, },
components: {Treeselect}, value: {
data() { handler: function(newValue) {
return { this.users_value = newValue;
usersOptions: [],
users_value: ''
}
},
watch: {
users_value(newValue) {
this.$emit('update:value', newValue)
},
value: {
handler: function(newValue) {
this.users_value = newValue
},
immediate: true
}
},
created() {
this.getTreeselect()
},
methods: {
/** 查询所有用户信息 **/
getTreeselect() {
listUser({pageNum: "all", _fields: "id,name"}).then(response => {
response.data.map(val => { val["label"] = val['name'] })
this.usersOptions = this.handleTree(response.data, 'id')
})
}, },
immediate: true
}
},
created() {
this.getTreeselect();
},
methods: {
/** 查询所有用户信息 **/
getTreeselect() {
listUser({ pageNum: "all", _fields: "id,name" }).then(response => {
response.data.map(val => { val["label"] = val["name"]; });
this.usersOptions = this.handleTree(response.data, "id");
});
} }
} }
};
</script> </script>
<style scoped> <style scoped>

22
dvadmin-ui/src/directive/permission/hasPermi.js
View File

@ -1,28 +1,28 @@
/** /**
* 操作权限处理 * 操作权限处理
* Copyright (c) 2019 ruoyi * Copyright (c) 2019 ruoyi
*/ */
import store from '@/store' import store from "@/store";
export default { export default {
inserted(el, binding, vnode) { inserted(el, binding, vnode) {
const { value } = binding const { value } = binding;
const all_permission = "*:*:*"; const all_permission = "*:*:*";
const permissions = store.getters && store.getters.permissions const permissions = store.getters && store.getters.permissions;
if (value && value instanceof Array && value.length > 0) { if (value && value instanceof Array && value.length > 0) {
const permissionFlag = value const permissionFlag = value;
const hasPermissions = permissions.some(permission => { const hasPermissions = permissions.some(permission => {
return all_permission === permission || permissionFlag.includes(permission) return all_permission === permission || permissionFlag.includes(permission);
}) });
if (!hasPermissions) { if (!hasPermissions) {
el.parentNode && el.parentNode.removeChild(el) el.parentNode && el.parentNode.removeChild(el);
} }
} else { } else {
throw new Error(`请设置操作权限标签值`) throw new Error(`请设置操作权限标签值`);
} }
} }
} };

22
dvadmin-ui/src/directive/permission/hasRole.js
View File

@ -1,28 +1,28 @@
/** /**
* 角色权限处理 * 角色权限处理
* Copyright (c) 2019 ruoyi * Copyright (c) 2019 ruoyi
*/ */
import store from '@/store' import store from "@/store";
export default { export default {
inserted(el, binding, vnode) { inserted(el, binding, vnode) {
const { value } = binding const { value } = binding;
const super_admin = "admin"; const super_admin = "admin";
const roles = store.getters && store.getters.roles const roles = store.getters && store.getters.roles;
if (value && value instanceof Array && value.length > 0) { if (value && value instanceof Array && value.length > 0) {
const roleFlag = value const roleFlag = value;
const hasRole = roles.some(role => { const hasRole = roles.some(role => {
return super_admin === role || roleFlag.includes(role) return super_admin === role || roleFlag.includes(role);
}) });
if (!hasRole) { if (!hasRole) {
el.parentNode && el.parentNode.removeChild(el) el.parentNode && el.parentNode.removeChild(el);
} }
} else { } else {
throw new Error(`请设置角色权限标签值"`) throw new Error(`请设置角色权限标签值"`);
} }
} }
} };

16
dvadmin-ui/src/directive/permission/index.js
View File

@ -1,15 +1,15 @@
import hasRole from './hasRole' import hasRole from "./hasRole";
import hasPermi from './hasPermi' import hasPermi from "./hasPermi";
const install = function(Vue) { const install = function(Vue) {
Vue.directive('hasRole', hasRole) Vue.directive("hasRole", hasRole);
Vue.directive('hasPermi', hasPermi) Vue.directive("hasPermi", hasPermi);
} };
if (window.Vue) { if (window.Vue) {
window['hasRole'] = hasRole window["hasRole"] = hasRole;
window['hasPermi'] = hasPermi window["hasPermi"] = hasPermi;
Vue.use(install); // eslint-disable-line Vue.use(install); // eslint-disable-line
} }
export default install export default install;

8
dvadmin-ui/src/layout/components/AppMain.vue
View File

@ -10,16 +10,16 @@
<script> <script>
export default { export default {
name: 'AppMain', name: "AppMain",
computed: { computed: {
cachedViews() { cachedViews() {
return this.$store.state.tagsView.cachedViews return this.$store.state.tagsView.cachedViews;
}, },
key() { key() {
return this.$route.path return this.$route.path;
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

23
dvadmin-ui/src/layout/components/Navbar.vue
View File

@ -13,9 +13,8 @@
<template v-if="device !== 'mobile'"> <template v-if="device !== 'mobile'">
<div class="right-menu-item hover-effect"> <div class="right-menu-item hover-effect">
<router-link to="/user/msg"> <router-link to="/user/msg">
<i class="el-icon-message-solid badge-item-icon"></i> <i class="el-icon-message-solid badge-item-icon" />
<el-badge :value="unread_msg_count" :max="99" style="margin-left: -4px;" v-if="unread_msg_count"> <el-badge v-if="unread_msg_count" :value="unread_msg_count" :max="99" style="margin-left: -4px;" />
</el-badge>
</router-link> </router-link>
</div> </div>
<search id="header-search" class="right-menu-item" /> <search id="header-search" class="right-menu-item" />
@ -39,7 +38,7 @@
trigger="click" trigger="click"
> >
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img :src="avatar" class="user-avatar" /> <img :src="avatar" class="user-avatar">
<i class="el-icon-caret-bottom" /> <i class="el-icon-caret-bottom" />
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
@ -77,11 +76,11 @@ export default {
SizeSelect, SizeSelect,
Search, Search,
RuoYiGit, RuoYiGit,
RuoYiDoc, RuoYiDoc
}, },
data() { data() {
return { return {
count: store.unread_msg_count, count: store.unread_msg_count
}; };
}, },
computed: { computed: {
@ -93,10 +92,10 @@ export default {
set(val) { set(val) {
this.$store.dispatch("settings/changeSetting", { this.$store.dispatch("settings/changeSetting", {
key: "showSettings", key: "showSettings",
value: val, value: val
}); });
}, }
}, }
}, },
methods: { methods: {
toggleSideBar() { toggleSideBar() {
@ -106,14 +105,14 @@ export default {
this.$confirm("确定注销并退出系统吗？", "提示", { this.$confirm("确定注销并退出系统吗？", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning"
}).then(() => { }).then(() => {
this.$store.dispatch("LogOut").then(() => { this.$store.dispatch("LogOut").then(() => {
location.href = "/index"; location.href = "/index";
}); });
}); });
}, }
}, }
}; };
</script> </script>

80
dvadmin-ui/src/layout/components/Settings/index.vue
View File

@ -10,10 +10,19 @@
<img src="@/assets/images/dark.svg" alt="dark"> <img src="@/assets/images/dark.svg" alt="dark">
<div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;"> <div v-if="sideTheme === 'theme-dark'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
<i aria-label="图标: check" class="anticon anticon-check"> <i aria-label="图标: check" class="anticon anticon-check">
<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" <svg
focusable="false" class=""> viewBox="64 64 896 896"
data-icon="check"
width="1em"
height="1em"
:fill="theme"
aria-hidden="true"
focusable="false"
class=""
>
<path <path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"/> d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg> </svg>
</i> </i>
</div> </div>
@ -22,10 +31,19 @@
<img src="@/assets/images/light.svg" alt="light"> <img src="@/assets/images/light.svg" alt="light">
<div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;"> <div v-if="sideTheme === 'theme-light'" class="setting-drawer-block-checbox-selectIcon" style="display: block;">
<i aria-label="图标: check" class="anticon anticon-check"> <i aria-label="图标: check" class="anticon anticon-check">
<svg viewBox="64 64 896 896" data-icon="check" width="1em" height="1em" :fill="theme" aria-hidden="true" <svg
focusable="false" class=""> viewBox="64 64 896 896"
data-icon="check"
width="1em"
height="1em"
:fill="theme"
aria-hidden="true"
focusable="false"
class=""
>
<path <path
d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"/> d="M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 0 0-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z"
/>
</svg> </svg>
</i> </i>
</div> </div>
@ -38,7 +56,7 @@
</div> </div>
</div> </div>
<el-divider/> <el-divider />
<h3 class="drawer-title">系统布局配置</h3> <h3 class="drawer-title">系统布局配置</h3>
@ -62,69 +80,69 @@
</template> </template>
<script> <script>
import ThemePicker from '@/components/ThemePicker' import ThemePicker from "@/components/ThemePicker";
export default { export default {
components: { ThemePicker }, components: { ThemePicker },
data() { data() {
return {} return {};
}, },
computed: { computed: {
theme() { theme() {
return this.$store.state.settings.theme return this.$store.state.settings.theme;
}, },
sideTheme() { sideTheme() {
return this.$store.state.settings.sideTheme return this.$store.state.settings.sideTheme;
}, },
fixedHeader: { fixedHeader: {
get() { get() {
return this.$store.state.settings.fixedHeader return this.$store.state.settings.fixedHeader;
}, },
set(val) { set(val) {
this.$store.dispatch('settings/changeSetting', { this.$store.dispatch("settings/changeSetting", {
key: 'fixedHeader', key: "fixedHeader",
value: val value: val
}) });
} }
}, },
tagsView: { tagsView: {
get() { get() {
return this.$store.state.settings.tagsView return this.$store.state.settings.tagsView;
}, },
set(val) { set(val) {
this.$store.dispatch('settings/changeSetting', { this.$store.dispatch("settings/changeSetting", {
key: 'tagsView', key: "tagsView",
value: val value: val
}) });
} }
}, },
sidebarLogo: { sidebarLogo: {
get() { get() {
return this.$store.state.settings.sidebarLogo return this.$store.state.settings.sidebarLogo;
}, },
set(val) { set(val) {
this.$store.dispatch('settings/changeSetting', { this.$store.dispatch("settings/changeSetting", {
key: 'sidebarLogo', key: "sidebarLogo",
value: val value: val
}) });
} }
}, }
}, },
methods: { methods: {
themeChange(val) { themeChange(val) {
this.$store.dispatch('settings/changeSetting', { this.$store.dispatch("settings/changeSetting", {
key: 'theme', key: "theme",
value: val value: val
}) });
}, },
handleTheme(val) { handleTheme(val) {
this.$store.dispatch('settings/changeSetting', { this.$store.dispatch("settings/changeSetting", {
key: 'sideTheme', key: "sideTheme",
value: val value: val
}) });
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

18
dvadmin-ui/src/layout/components/Sidebar/FixiOSBug.js
View File

@ -1,25 +1,25 @@
export default { export default {
computed: { computed: {
device() { device() {
return this.$store.state.app.device return this.$store.state.app.device;
} }
}, },
mounted() { mounted() {
// In order to fix the click on menu on the ios device will trigger the mouseleave bug // In order to fix the click on menu on the ios device will trigger the mouseleave bug
this.fixBugIniOS() this.fixBugIniOS();
}, },
methods: { methods: {
fixBugIniOS() { fixBugIniOS() {
const $subMenu = this.$refs.subMenu const $subMenu = this.$refs.subMenu;
if ($subMenu) { if ($subMenu) {
const handleMouseleave = $subMenu.handleMouseleave const handleMouseleave = $subMenu.handleMouseleave;
$subMenu.handleMouseleave = (e) => { $subMenu.handleMouseleave = (e) => {
if (this.device === 'mobile') { if (this.device === "mobile") {
return return;
} }
handleMouseleave(e) handleMouseleave(e);
} };
} }
} }
} }
} };

18
dvadmin-ui/src/layout/components/Sidebar/Item.vue
View File

@ -1,29 +1,29 @@
<script> <script>
export default { export default {
name: 'MenuItem', name: "MenuItem",
functional: true, functional: true,
props: { props: {
icon: { icon: {
type: String, type: String,
default: '' default: ""
}, },
title: { title: {
type: String, type: String,
default: '' default: ""
} }
}, },
render(h, context) { render(h, context) {
const { icon, title } = context.props const { icon, title } = context.props;
const vnodes = [] const vnodes = [];
if (icon) { if (icon) {
vnodes.push(<svg-icon icon-class={icon}/>) vnodes.push(<svg-icon icon-class={icon}/>);
} }
if (title) { if (title) {
vnodes.push(<span slot='title'>{(title)}</span>) vnodes.push(<span slot='title'>{(title)}</span>);
} }
return vnodes return vnodes;
} }
} };
</script> </script>

18
dvadmin-ui/src/layout/components/Sidebar/Link.vue
View File

@ -5,7 +5,7 @@
</template> </template>
<script> <script>
import { isExternal } from '@/utils/validate' import { isExternal } from "@/utils/validate";
export default { export default {
props: { props: {
@ -16,13 +16,13 @@ export default {
}, },
computed: { computed: {
isExternal() { isExternal() {
return isExternal(this.to) return isExternal(this.to);
}, },
type() { type() {
if (this.isExternal) { if (this.isExternal) {
return 'a' return "a";
} }
return 'router-link' return "router-link";
} }
}, },
methods: { methods: {
@ -30,14 +30,14 @@ export default {
if (this.isExternal) { if (this.isExternal) {
return { return {
href: to, href: to,
target: '_blank', target: "_blank",
rel: 'noopener' rel: "noopener"
} };
} }
return { return {
to: to to: to
} };
} }
} }
} };
</script> </script>

24
dvadmin-ui/src/layout/components/Sidebar/Logo.vue
View File

@ -14,32 +14,32 @@
</template> </template>
<script> <script>
import logoImg from '@/assets/logo/logo.png' import logoImg from "@/assets/logo/logo.png";
import variables from '@/assets/styles/variables.scss' import variables from "@/assets/styles/variables.scss";
export default { export default {
name: 'SidebarLogo', name: "SidebarLogo",
props: { props: {
collapse: { collapse: {
type: Boolean, type: Boolean,
required: true required: true
} }
}, },
data() {
return {
title: process.env.VUE_APP_TITLE || "dvAdmin管理系统",
logo: logoImg
};
},
computed: { computed: {
variables() { variables() {
return variables; return variables;
}, },
sideTheme() { sideTheme() {
return this.$store.state.settings.sideTheme return this.$store.state.settings.sideTheme;
}
},
data() {
return {
title: process.env.VUE_APP_TITLE || 'dvAdmin管理系统',
logo: logoImg
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

42
dvadmin-ui/src/layout/components/Sidebar/SidebarItem.vue
View File

@ -25,14 +25,14 @@
</template> </template>
<script> <script>
import path from 'path' import path from "path";
import { isExternal } from '@/utils/validate' import { isExternal } from "@/utils/validate";
import Item from './Item' import Item from "./Item";
import AppLink from './Link' import AppLink from "./Link";
import FixiOSBug from './FixiOSBug' import FixiOSBug from "./FixiOSBug";
export default { export default {
name: 'SidebarItem', name: "SidebarItem",
components: { Item, AppLink }, components: { Item, AppLink },
mixins: [FixiOSBug], mixins: [FixiOSBug],
props: { props: {
@ -47,12 +47,12 @@ export default {
}, },
basePath: { basePath: {
type: String, type: String,
default: '' default: ""
} }
}, },
data() { data() {
this.onlyOneChild = null this.onlyOneChild = null;
return {} return {};
}, },
methods: { methods: {
hasOneShowingChild(children = [], parent) { hasOneShowingChild(children = [], parent) {
@ -61,36 +61,36 @@ export default {
} }
const showingChildren = children.filter(item => { const showingChildren = children.filter(item => {
if (item.hidden) { if (item.hidden) {
return false return false;
} else { } else {
// Temp set(will be used if only has one showing child) // Temp set(will be used if only has one showing child)
this.onlyOneChild = item this.onlyOneChild = item;
return true return true;
} }
}) });
// When there is only one child router, the child router is displayed by default // When there is only one child router, the child router is displayed by default
if (showingChildren.length === 1) { if (showingChildren.length === 1) {
return true return true;
} }
// Show parent if there are no child router to display // Show parent if there are no child router to display
if (showingChildren.length === 0) { if (showingChildren.length === 0) {
this.onlyOneChild = { ... parent, path: '', noShowingChildren: true } this.onlyOneChild = { ... parent, path: "", noShowingChildren: true };
return true return true;
} }
return false return false;
}, },
resolvePath(routePath) { resolvePath(routePath) {
if (isExternal(routePath)) { if (isExternal(routePath)) {
return routePath return routePath;
} }
if (isExternal(this.basePath)) { if (isExternal(this.basePath)) {
return this.basePath return this.basePath;
} }
return path.resolve(this.basePath, routePath) return path.resolve(this.basePath, routePath);
} }
} }
} };
</script> </script>

88
dvadmin-ui/src/layout/components/Sidebar/index.vue
View File

@ -1,26 +1,26 @@
<template> <template>
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }"> <div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }">
<logo v-if="showLogo" :collapse="isCollapse" /> <logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper"> <el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<el-menu <el-menu
:default-active="activeMenu" :default-active="activeMenu"
:collapse="isCollapse" :collapse="isCollapse"
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg" :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg"
:text-color="settings.sideTheme === 'theme-dark' ? variables.menuText : 'rgba(0,0,0,.65)'" :text-color="settings.sideTheme === 'theme-dark' ? variables.menuText : 'rgba(0,0,0,.65)'"
:unique-opened="true" :unique-opened="true"
:active-text-color="settings.theme" :active-text-color="settings.theme"
:collapse-transition="false" :collapse-transition="false"
mode="vertical" mode="vertical"
> >
<sidebar-item <sidebar-item
v-for="(route, index) in sidebarRouters" v-for="(route, index) in sidebarRouters"
:key="route.path + index" :key="route.path + index"
:item="route" :item="route"
:base-path="route.path" :base-path="route.path"
/> />
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>
</div> </div>
</template> </template>
<script> <script>
@ -30,28 +30,28 @@ import SidebarItem from "./SidebarItem";
import variables from "@/assets/styles/variables.scss"; import variables from "@/assets/styles/variables.scss";
export default { export default {
components: { SidebarItem, Logo }, components: { SidebarItem, Logo },
computed: { computed: {
...mapState(["settings"]), ...mapState(["settings"]),
...mapGetters(["sidebarRouters", "sidebar"]), ...mapGetters(["sidebarRouters", "sidebar"]),
activeMenu() { activeMenu() {
const route = this.$route; const route = this.$route;
const { meta, path } = route; const { meta, path } = route;
// if set path, the sidebar will highlight the path you set // if set path, the sidebar will highlight the path you set
if (meta.activeMenu) { if (meta.activeMenu) {
return meta.activeMenu; return meta.activeMenu;
} }
return path; return path;
}, },
showLogo() { showLogo() {
return this.$store.state.settings.sidebarLogo; return this.$store.state.settings.sidebarLogo;
}, },
variables() { variables() {
return variables; return variables;
}, },
isCollapse() { isCollapse() {
return !this.sidebar.opened; return !this.sidebar.opened;
}
} }
}
}; };
</script> </script>

56
dvadmin-ui/src/layout/components/TagsView/ScrollPane.vue
View File

@ -5,75 +5,75 @@
</template> </template>
<script> <script>
const tagAndTagSpacing = 4 // tagAndTagSpacing const tagAndTagSpacing = 4; // tagAndTagSpacing
export default { export default {
name: 'ScrollPane', name: "ScrollPane",
data() { data() {
return { return {
left: 0 left: 0
} };
}, },
computed: { computed: {
scrollWrapper() { scrollWrapper() {
return this.$refs.scrollContainer.$refs.wrap return this.$refs.scrollContainer.$refs.wrap;
} }
}, },
mounted() { mounted() {
this.scrollWrapper.addEventListener('scroll', this.emitScroll, true) this.scrollWrapper.addEventListener("scroll", this.emitScroll, true);
}, },
beforeDestroy() { beforeDestroy() {
this.scrollWrapper.removeEventListener('scroll', this.emitScroll) this.scrollWrapper.removeEventListener("scroll", this.emitScroll);
}, },
methods: { methods: {
handleScroll(e) { handleScroll(e) {
const eventDelta = e.wheelDelta || -e.deltaY * 40 const eventDelta = e.wheelDelta || -e.deltaY * 40;
const $scrollWrapper = this.scrollWrapper const $scrollWrapper = this.scrollWrapper;
$scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4 $scrollWrapper.scrollLeft = $scrollWrapper.scrollLeft + eventDelta / 4;
}, },
emitScroll() { emitScroll() {
this.$emit('scroll') this.$emit("scroll");
}, },
moveToTarget(currentTag) { moveToTarget(currentTag) {
const $container = this.$refs.scrollContainer.$el const $container = this.$refs.scrollContainer.$el;
const $containerWidth = $container.offsetWidth const $containerWidth = $container.offsetWidth;
const $scrollWrapper = this.scrollWrapper const $scrollWrapper = this.scrollWrapper;
const tagList = this.$parent.$refs.tag const tagList = this.$parent.$refs.tag;
let firstTag = null let firstTag = null;
let lastTag = null let lastTag = null;
// find first tag and last tag // find first tag and last tag
if (tagList.length > 0) { if (tagList.length > 0) {
firstTag = tagList[0] firstTag = tagList[0];
lastTag = tagList[tagList.length - 1] lastTag = tagList[tagList.length - 1];
} }
if (firstTag === currentTag) { if (firstTag === currentTag) {
$scrollWrapper.scrollLeft = 0 $scrollWrapper.scrollLeft = 0;
} else if (lastTag === currentTag) { } else if (lastTag === currentTag) {
$scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth $scrollWrapper.scrollLeft = $scrollWrapper.scrollWidth - $containerWidth;
} else { } else {
// find preTag and nextTag // find preTag and nextTag
const currentIndex = tagList.findIndex(item => item === currentTag) const currentIndex = tagList.findIndex(item => item === currentTag);
const prevTag = tagList[currentIndex - 1] const prevTag = tagList[currentIndex - 1];
const nextTag = tagList[currentIndex + 1] const nextTag = tagList[currentIndex + 1];
// the tag's offsetLeft after of nextTag // the tag's offsetLeft after of nextTag
const afterNextTagOffsetLeft = nextTag.$el.offsetLeft + nextTag.$el.offsetWidth + tagAndTagSpacing const afterNextTagOffsetLeft = nextTag.$el.offsetLeft + nextTag.$el.offsetWidth + tagAndTagSpacing;
// the tag's offsetLeft before of prevTag // the tag's offsetLeft before of prevTag
const beforePrevTagOffsetLeft = prevTag.$el.offsetLeft - tagAndTagSpacing const beforePrevTagOffsetLeft = prevTag.$el.offsetLeft - tagAndTagSpacing;
if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) { if (afterNextTagOffsetLeft > $scrollWrapper.scrollLeft + $containerWidth) {
$scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth $scrollWrapper.scrollLeft = afterNextTagOffsetLeft - $containerWidth;
} else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) { } else if (beforePrevTagOffsetLeft < $scrollWrapper.scrollLeft) {
$scrollWrapper.scrollLeft = beforePrevTagOffsetLeft $scrollWrapper.scrollLeft = beforePrevTagOffsetLeft;
} }
} }
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

132
dvadmin-ui/src/layout/components/TagsView/index.vue
View File

@ -27,8 +27,8 @@
</template> </template>
<script> <script>
import ScrollPane from './ScrollPane' import ScrollPane from "./ScrollPane";
import path from 'path' import path from "path";
export default { export default {
components: { ScrollPane }, components: { ScrollPane },
@ -39,14 +39,14 @@ export default {
left: 0, left: 0,
selectedTag: {}, selectedTag: {},
affixTags: [] affixTags: []
} };
}, },
computed: { computed: {
visitedViews() { visitedViews() {
return this.$store.state.tagsView.visitedViews return this.$store.state.tagsView.visitedViews;
}, },
routes() { routes() {
return this.$store.state.permission.routes return this.$store.state.permission.routes;
}, },
theme() { theme() {
return this.$store.state.settings.theme; return this.$store.state.settings.theme;
@ -54,24 +54,24 @@ export default {
}, },
watch: { watch: {
$route() { $route() {
this.addTags() this.addTags();
this.moveToCurrentTag() this.moveToCurrentTag();
}, },
visible(value) { visible(value) {
if (value) { if (value) {
document.body.addEventListener('click', this.closeMenu) document.body.addEventListener("click", this.closeMenu);
} else { } else {
document.body.removeEventListener('click', this.closeMenu) document.body.removeEventListener("click", this.closeMenu);
} }
} }
}, },
mounted() { mounted() {
this.initTags() this.initTags();
this.addTags() this.addTags();
}, },
methods: { methods: {
isActive(route) { isActive(route) {
return route.path === this.$route.path return route.path === this.$route.path;
}, },
activeStyle(tag) { activeStyle(tag) {
if (!this.isActive(tag)) return {}; if (!this.isActive(tag)) return {};
@ -81,131 +81,131 @@ export default {
}; };
}, },
isAffix(tag) { isAffix(tag) {
return tag.meta && tag.meta.affix return tag.meta && tag.meta.affix;
}, },
filterAffixTags(routes, basePath = '/') { filterAffixTags(routes, basePath = "/") {
let tags = [] let tags = [];
routes.forEach(route => { routes.forEach(route => {
if (route.meta && route.meta.affix) { if (route.meta && route.meta.affix) {
const tagPath = path.resolve(basePath, route.path) const tagPath = path.resolve(basePath, route.path);
tags.push({ tags.push({
fullPath: tagPath, fullPath: tagPath,
path: tagPath, path: tagPath,
name: route.name, name: route.name,
meta: { ...route.meta } meta: { ...route.meta }
}) });
} }
if (route.children) { if (route.children) {
const tempTags = this.filterAffixTags(route.children, route.path) const tempTags = this.filterAffixTags(route.children, route.path);
if (tempTags.length >= 1) { if (tempTags.length >= 1) {
tags = [...tags, ...tempTags] tags = [...tags, ...tempTags];
} }
} }
}) });
return tags return tags;
}, },
initTags() { initTags() {
const affixTags = this.affixTags = this.filterAffixTags(this.routes) const affixTags = this.affixTags = this.filterAffixTags(this.routes);
for (const tag of affixTags) { for (const tag of affixTags) {
// Must have tag name // Must have tag name
if (tag.name) { if (tag.name) {
this.$store.dispatch('tagsView/addVisitedView', tag) this.$store.dispatch("tagsView/addVisitedView", tag);
} }
} }
}, },
addTags() { addTags() {
const { name } = this.$route const { name } = this.$route;
if (name) { if (name) {
this.$store.dispatch('tagsView/addView', this.$route) this.$store.dispatch("tagsView/addView", this.$route);
} }
return false return false;
}, },
moveToCurrentTag() { moveToCurrentTag() {
const tags = this.$refs.tag const tags = this.$refs.tag;
this.$nextTick(() => { this.$nextTick(() => {
for (const tag of tags) { for (const tag of tags) {
if (tag.to.path === this.$route.path) { if (tag.to.path === this.$route.path) {
this.$refs.scrollPane.moveToTarget(tag) this.$refs.scrollPane.moveToTarget(tag);
// when query is different then update // when query is different then update
if (tag.to.fullPath !== this.$route.fullPath) { if (tag.to.fullPath !== this.$route.fullPath) {
this.$store.dispatch('tagsView/updateVisitedView', this.$route) this.$store.dispatch("tagsView/updateVisitedView", this.$route);
} }
break break;
} }
} }
}) });
}, },
refreshSelectedTag(view) { refreshSelectedTag(view) {
this.$store.dispatch('tagsView/delCachedView', view).then(() => { this.$store.dispatch("tagsView/delCachedView", view).then(() => {
const { fullPath } = view const { fullPath } = view;
this.$nextTick(() => { this.$nextTick(() => {
this.$router.replace({ this.$router.replace({
path: '/redirect' + fullPath path: "/redirect" + fullPath
}) });
}) });
}) });
}, },
closeSelectedTag(view) { closeSelectedTag(view) {
this.$store.dispatch('tagsView/delView', view).then(({ visitedViews }) => { this.$store.dispatch("tagsView/delView", view).then(({ visitedViews }) => {
if (this.isActive(view)) { if (this.isActive(view)) {
this.toLastView(visitedViews, view) this.toLastView(visitedViews, view);
} }
}) });
}, },
closeOthersTags() { closeOthersTags() {
this.$router.push(this.selectedTag).catch(()=>{}); this.$router.push(this.selectedTag).catch(() => {});
this.$store.dispatch('tagsView/delOthersViews', this.selectedTag).then(() => { this.$store.dispatch("tagsView/delOthersViews", this.selectedTag).then(() => {
this.moveToCurrentTag() this.moveToCurrentTag();
}) });
}, },
closeAllTags(view) { closeAllTags(view) {
this.$store.dispatch('tagsView/delAllViews').then(({ visitedViews }) => { this.$store.dispatch("tagsView/delAllViews").then(({ visitedViews }) => {
if (this.affixTags.some(tag => tag.path === this.$route.path)) { if (this.affixTags.some(tag => tag.path === this.$route.path)) {
return return;
} }
this.toLastView(visitedViews, view) this.toLastView(visitedViews, view);
}) });
}, },
toLastView(visitedViews, view) { toLastView(visitedViews, view) {
const latestView = visitedViews.slice(-1)[0] const latestView = visitedViews.slice(-1)[0];
if (latestView) { if (latestView) {
this.$router.push(latestView.fullPath) this.$router.push(latestView.fullPath);
} else { } else {
// now the default is to redirect to the home page if there is no tags-view, // now the default is to redirect to the home page if there is no tags-view,
// you can adjust it according to your needs. // you can adjust it according to your needs.
if (view.name === 'Dashboard') { if (view.name === "Dashboard") {
// to reload home page // to reload home page
this.$router.replace({ path: '/redirect' + view.fullPath }) this.$router.replace({ path: "/redirect" + view.fullPath });
} else { } else {
this.$router.push('/') this.$router.push("/");
} }
} }
}, },
openMenu(tag, e) { openMenu(tag, e) {
const menuMinWidth = 105 const menuMinWidth = 105;
const offsetLeft = this.$el.getBoundingClientRect().left // container margin left const offsetLeft = this.$el.getBoundingClientRect().left; // container margin left
const offsetWidth = this.$el.offsetWidth // container width const offsetWidth = this.$el.offsetWidth; // container width
const maxLeft = offsetWidth - menuMinWidth // left boundary const maxLeft = offsetWidth - menuMinWidth; // left boundary
const left = e.clientX - offsetLeft + 15 // 15: margin right const left = e.clientX - offsetLeft + 15; // 15: margin right
if (left > maxLeft) { if (left > maxLeft) {
this.left = maxLeft this.left = maxLeft;
} else { } else {
this.left = left this.left = left;
} }
this.top = e.clientY this.top = e.clientY;
this.visible = true this.visible = true;
this.selectedTag = tag this.selectedTag = tag;
}, },
closeMenu() { closeMenu() {
this.visible = false this.visible = false;
}, },
handleScroll() { handleScroll() {
this.closeMenu() this.closeMenu();
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

10
dvadmin-ui/src/layout/components/index.js
View File

@ -1,5 +1,5 @@
export { default as AppMain } from './AppMain' export { default as AppMain } from "./AppMain";
export { default as Navbar } from './Navbar' export { default as Navbar } from "./Navbar";
export { default as Settings } from './Settings' export { default as Settings } from "./Settings";
export { default as Sidebar } from './Sidebar/index.vue' export { default as Sidebar } from "./Sidebar/index.vue";
export { default as TagsView } from './TagsView/index.vue' export { default as TagsView } from "./TagsView/index.vue";

22
dvadmin-ui/src/layout/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}"> <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<sidebar class="sidebar-container" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }" /> <sidebar class="sidebar-container" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }" />
<div :class="{hasTagsView:needTagsView}" class="main-container"> <div :class="{hasTagsView:needTagsView}" class="main-container">
<div :class="{'fixed-header':fixedHeader}"> <div :class="{'fixed-header':fixedHeader}">
@ -16,14 +16,14 @@
</template> </template>
<script> <script>
import RightPanel from '@/components/RightPanel' import RightPanel from "@/components/RightPanel";
import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components' import { AppMain, Navbar, Settings, Sidebar, TagsView } from "./components";
import ResizeMixin from './mixin/ResizeHandler' import ResizeMixin from "./mixin/ResizeHandler";
import { mapState } from 'vuex' import { mapState } from "vuex";
import variables from '@/assets/styles/variables.scss' import variables from "@/assets/styles/variables.scss";
export default { export default {
name: 'Layout', name: "Layout",
components: { components: {
AppMain, AppMain,
Navbar, Navbar,
@ -48,8 +48,8 @@ export default {
hideSidebar: !this.sidebar.opened, hideSidebar: !this.sidebar.opened,
openSidebar: this.sidebar.opened, openSidebar: this.sidebar.opened,
withoutAnimation: this.sidebar.withoutAnimation, withoutAnimation: this.sidebar.withoutAnimation,
mobile: this.device === 'mobile' mobile: this.device === "mobile"
} };
}, },
variables() { variables() {
return variables; return variables;
@ -57,10 +57,10 @@ export default {
}, },
methods: { methods: {
handleClickOutside() { handleClickOutside() {
this.$store.dispatch('app/closeSideBar', { withoutAnimation: false }) this.$store.dispatch("app/closeSideBar", { withoutAnimation: false });
} }
} }
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

32
dvadmin-ui/src/layout/mixin/ResizeHandler.js
View File

@ -1,45 +1,45 @@
import store from '@/store' import store from "@/store";
const { body } = document const { body } = document;
const WIDTH = 992 // refer to Bootstrap's responsive design const WIDTH = 992; // refer to Bootstrap's responsive design
export default { export default {
watch: { watch: {
$route(route) { $route(route) {
if (this.device === 'mobile' && this.sidebar.opened) { if (this.device === "mobile" && this.sidebar.opened) {
store.dispatch('app/closeSideBar', { withoutAnimation: false }) store.dispatch("app/closeSideBar", { withoutAnimation: false });
} }
} }
}, },
beforeMount() { beforeMount() {
window.addEventListener('resize', this.$_resizeHandler) window.addEventListener("resize", this.$_resizeHandler);
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('resize', this.$_resizeHandler) window.removeEventListener("resize", this.$_resizeHandler);
}, },
mounted() { mounted() {
const isMobile = this.$_isMobile() const isMobile = this.$_isMobile();
if (isMobile) { if (isMobile) {
store.dispatch('app/toggleDevice', 'mobile') store.dispatch("app/toggleDevice", "mobile");
store.dispatch('app/closeSideBar', { withoutAnimation: true }) store.dispatch("app/closeSideBar", { withoutAnimation: true });
} }
}, },
methods: { methods: {
// use $_ for mixins properties // use $_ for mixins properties
// https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
$_isMobile() { $_isMobile() {
const rect = body.getBoundingClientRect() const rect = body.getBoundingClientRect();
return rect.width - 1 < WIDTH return rect.width - 1 < WIDTH;
}, },
$_resizeHandler() { $_resizeHandler() {
if (!document.hidden) { if (!document.hidden) {
const isMobile = this.$_isMobile() const isMobile = this.$_isMobile();
store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop') store.dispatch("app/toggleDevice", isMobile ? "mobile" : "desktop");
if (isMobile) { if (isMobile) {
store.dispatch('app/closeSideBar', { withoutAnimation: true }) store.dispatch("app/closeSideBar", { withoutAnimation: true });
} }
} }
} }
} }
} };

124
dvadmin-ui/src/main.js
View File

@ -1,21 +1,21 @@
import Vue from 'vue' import Vue from "vue";
import Cookies from 'js-cookie' import Cookies from "js-cookie";
import Element from 'element-ui' import Element from "element-ui";
import './assets/styles/element-variables.scss' import "./assets/styles/element-variables.scss";
import '@/assets/styles/index.scss' // global css import "@/assets/styles/index.scss"; // global css
import '@/assets/styles/ruoyi.scss' // ruoyi css import "@/assets/styles/ruoyi.scss"; // ruoyi css
import App from './App' import App from "./App";
import store from './store' import store from "./store";
import router from './router' import router from "./router";
import permission from './directive/permission' import permission from "./directive/permission";
import './assets/icons' // icon import "./assets/icons"; // icon
import './permission' // permission control import "./permission"; // permission control
import {getDicts} from "@/api/vadmin/system/dict/data"; import { getDicts } from "@/api/vadmin/system/dict/data";
import {getConfigKey} from "@/api/vadmin/system/config"; import { getConfigKey } from "@/api/vadmin/system/config";
import { import {
addDateRange, addDateRange,
download, download,
@ -28,60 +28,60 @@ import {
} from "@/utils/ruoyi"; } from "@/utils/ruoyi";
import Pagination from "@/components/Pagination"; import Pagination from "@/components/Pagination";
// 自定义表格工具扩展 // 自定义表格工具扩展
import RightToolbar from "@/components/RightToolbar" import RightToolbar from "@/components/RightToolbar";
import SmallDialog from '@/components/SmallDialog'; import SmallDialog from "@/components/SmallDialog";
import DeptTree from '@/components/DeptTree'; import DeptTree from "@/components/DeptTree";
import UsersTree from '@/components/UsersTree'; import UsersTree from "@/components/UsersTree";
import ModelDisplay from '@/components/ModelDisplay'; import ModelDisplay from "@/components/ModelDisplay";
import CommonIcon from '@/components/CommonIcon'; import CommonIcon from "@/components/CommonIcon";
import CommonStaticTable from '@/components/CommonStaticTable'; import CommonStaticTable from "@/components/CommonStaticTable";
import {getCrontabData, getIntervalData} from "./utils/validate"; // 通用图标组件 import { getCrontabData, getIntervalData } from "./utils/validate"; // 通用图标组件
import {getModelSelect} from "@/utils/modelSelect"; import { getModelSelect } from "@/utils/modelSelect";
// 全局方法挂载 // 全局方法挂载
Vue.prototype.getDicts = getDicts Vue.prototype.getDicts = getDicts;
Vue.prototype.getConfigKey = getConfigKey Vue.prototype.getConfigKey = getConfigKey;
Vue.prototype.getModelSelect = getModelSelect Vue.prototype.getModelSelect = getModelSelect;
Vue.prototype.parseTime = parseTime Vue.prototype.parseTime = parseTime;
Vue.prototype.resetForm = resetForm Vue.prototype.resetForm = resetForm;
Vue.prototype.addDateRange = addDateRange Vue.prototype.addDateRange = addDateRange;
Vue.prototype.selectDictLabel = selectDictLabel Vue.prototype.selectDictLabel = selectDictLabel;
Vue.prototype.selectDictDefault = selectDictDefault Vue.prototype.selectDictDefault = selectDictDefault;
Vue.prototype.selectDictLabels = selectDictLabels Vue.prototype.selectDictLabels = selectDictLabels;
Vue.prototype.getCrontabData = getCrontabData Vue.prototype.getCrontabData = getCrontabData;
Vue.prototype.getIntervalData = getIntervalData Vue.prototype.getIntervalData = getIntervalData;
Vue.prototype.download = download Vue.prototype.download = download;
Vue.prototype.handleTree = handleTree Vue.prototype.handleTree = handleTree;
Vue.prototype.hasPermi = function (values) { Vue.prototype.hasPermi = function(values) {
const permissions = store.getters && store.getters.permissions const permissions = store.getters && store.getters.permissions;
return permissions.some(permission => { return permissions.some(permission => {
return "*:*:*" === permission || values.includes(permission) return permission === "*:*:*" || values.includes(permission);
}) });
}; };
Vue.prototype.msgSuccess = function (msg) { Vue.prototype.msgSuccess = function(msg) {
this.$message({showClose: true, message: msg, type: "success"}); this.$message({ showClose: true, message: msg, type: "success" });
} };
Vue.prototype.msgError = function (msg) { Vue.prototype.msgError = function(msg) {
this.$message({showClose: true, message: msg, type: "error"}); this.$message({ showClose: true, message: msg, type: "error" });
} };
Vue.prototype.msgInfo = function (msg) { Vue.prototype.msgInfo = function(msg) {
this.$message.info(msg); this.$message.info(msg);
} };
// 自定义组件 // 自定义组件
Vue.component('small-dialog', SmallDialog); Vue.component("SmallDialog", SmallDialog);
Vue.component('dept-tree', DeptTree); Vue.component("DeptTree", DeptTree);
Vue.component('users-tree', UsersTree); Vue.component("UsersTree", UsersTree);
Vue.component('model-display', ModelDisplay); Vue.component("ModelDisplay", ModelDisplay);
// 全局组件挂载 // 全局组件挂载
Vue.component('Pagination', Pagination) Vue.component("Pagination", Pagination);
Vue.component('RightToolbar', RightToolbar) Vue.component("RightToolbar", RightToolbar);
Vue.component('common-icon', CommonIcon); Vue.component("CommonIcon", CommonIcon);
Vue.component('common-static-table', CommonStaticTable); Vue.component("CommonStaticTable", CommonStaticTable);
Vue.use(permission) Vue.use(permission);
/** /**
* If you don't want to use mock-server * If you don't want to use mock-server
@ -93,14 +93,14 @@ Vue.use(permission)
*/ */
Vue.use(Element, { Vue.use(Element, {
size: Cookies.get('size') || 'medium' // set element-ui default size size: Cookies.get("size") || "medium" // set element-ui default size
}) });
Vue.config.productionTip = false Vue.config.productionTip = false;
new Vue({ new Vue({
el: '#app', el: "#app",
router, router,
store, store,
render: h => h(App) render: h => h(App)
}) });

60
dvadmin-ui/src/permission.js
View File

@ -1,54 +1,54 @@
import router from './router' import router from "./router";
import store from './store' import store from "./store";
import { Message } from 'element-ui' import { Message } from "element-ui";
import NProgress from 'nprogress' import NProgress from "nprogress";
import 'nprogress/nprogress.css' import "nprogress/nprogress.css";
import { getToken } from '@/utils/auth' import { getToken } from "@/utils/auth";
NProgress.configure({ showSpinner: false }) NProgress.configure({ showSpinner: false });
const whiteList = ['/login', '/auth-redirect', '/bind', '/register'] const whiteList = ["/login", "/auth-redirect", "/bind", "/register"];
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
NProgress.start() NProgress.start();
if (getToken()) { if (getToken()) {
/* has token*/ /* has token*/
if (to.path === '/login') { if (to.path === "/login") {
next({ path: '/' }) next({ path: "/" });
NProgress.done() NProgress.done();
} else { } else {
if (store.getters.roles.length === 0) { if (store.getters.roles.length === 0) {
// 判断当前用户是否已拉取完user_info信息 // 判断当前用户是否已拉取完user_info信息
store.dispatch('GetInfo').then(res => { store.dispatch("GetInfo").then(res => {
// 拉取user_info // 拉取user_info
const roles = res.roles const roles = res.roles;
store.dispatch('GenerateRoutes', { roles }).then(accessRoutes => { store.dispatch("GenerateRoutes", { roles }).then(accessRoutes => {
// 根据roles权限生成可访问的路由表 // 根据roles权限生成可访问的路由表
router.addRoutes(accessRoutes) // 动态添加可访问路由表 router.addRoutes(accessRoutes); // 动态添加可访问路由表
next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
}) });
}).catch(err => { }).catch(err => {
store.dispatch('LogOut').then(() => { store.dispatch("LogOut").then(() => {
Message.error(err) Message.error(err);
next({ path: '/' }) next({ path: "/" });
}) });
}) });
} else { } else {
next() next();
} }
} }
} else { } else {
// 没有token // 没有token
if (whiteList.indexOf(to.path) !== -1) { if (whiteList.indexOf(to.path) !== -1) {
// 在免登录白名单，直接进入 // 在免登录白名单，直接进入
next() next();
} else { } else {
next(`/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页 next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
NProgress.done() NProgress.done();
} }
} }
}) });
router.afterEach(() => { router.afterEach(() => {
NProgress.done() NProgress.done();
}) });

67
dvadmin-ui/src/router/index.js
View File

@ -1,11 +1,10 @@
import Vue from 'vue' import Vue from "vue";
import Router from 'vue-router' import Router from "vue-router";
Vue.use(Router) Vue.use(Router);
/* Layout */ /* Layout */
import Layout from '@/layout' import Layout from "@/layout";
import ParentView from '@/components/ParentView';
/** /**
* Note: 路由配置项 * Note: 路由配置项
@ -28,35 +27,35 @@ import ParentView from '@/components/ParentView';
// 公共路由 // 公共路由
export const constantRoutes = [ export const constantRoutes = [
{ {
path: '/redirect', path: "/redirect",
component: Layout, component: Layout,
hidden: true, hidden: true,
children: [ children: [
{ {
path: '/redirect/:path(.*)', path: "/redirect/:path(.*)",
component: (resolve) => require(['@/views/redirect'], resolve) component: (resolve) => require(["@/views/redirect"], resolve)
} }
] ]
}, },
{ {
path: '/login', path: "/login",
component: (resolve) => require(['@/views/login'], resolve), component: (resolve) => require(["@/views/login"], resolve),
hidden: true hidden: true
}, },
{ {
path: '/404', path: "/404",
component: (resolve) => require(['@/views/error/404'], resolve), component: (resolve) => require(["@/views/error/404"], resolve),
hidden: true hidden: true
}, },
{ {
path: '/401', path: "/401",
component: (resolve) => require(['@/views/error/401'], resolve), component: (resolve) => require(["@/views/error/401"], resolve),
hidden: true hidden: true
}, },
{ {
path: '', path: "",
component: Layout, component: Layout,
redirect: '/index', redirect: "/index",
children: [ children: [
// { // {
// path: 'index', // path: 'index',
@ -67,42 +66,42 @@ export const constantRoutes = [
] ]
}, },
{ {
path: '/user', path: "/user",
component: Layout, component: Layout,
hidden: true, hidden: true,
redirect: 'noredirect', redirect: "noredirect",
children: [ children: [
{ {
path: 'profile', path: "profile",
component: (resolve) => require(['@/views/vadmin/permission/user/profile/index'], resolve), component: (resolve) => require(["@/views/vadmin/permission/user/profile/index"], resolve),
name: 'Profile', name: "Profile",
meta: { title: '个人中心', icon: 'user' } meta: { title: "个人中心", icon: "user" }
}, },
{ {
path: 'msg', path: "msg",
component: (resolve) => require(['@/views/vadmin/system/message/Mymessage'], resolve), component: (resolve) => require(["@/views/vadmin/system/message/Mymessage"], resolve),
name: 'msg', name: "msg",
meta: { title: '消息通知', icon: 'user' } meta: { title: "消息通知", icon: "user" }
} }
] ]
}, },
{ {
path: '/dict', path: "/dict",
component: Layout, component: Layout,
hidden: true, hidden: true,
children: [ children: [
{ {
path: 'type/data/:dictId(\\d+)', path: "type/data/:dictId(\\d+)",
component: (resolve) => require(['@/views/vadmin/system/dict/data'], resolve), component: (resolve) => require(["@/views/vadmin/system/dict/data"], resolve),
name: 'Data', name: "Data",
meta: { title: '字典数据', icon: '' } meta: { title: "字典数据", icon: "" }
} }
] ]
} }
] ];
export default new Router({ export default new Router({
mode: 'history', // 去掉url中的# mode: "history", // 去掉url中的#
scrollBehavior: () => ({ y: 0 }), scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes routes: constantRoutes
}) });

8
dvadmin-ui/src/settings.js
View File

@ -1,10 +1,10 @@
module.exports = { module.exports = {
title: process.env.VUE_APP_TITLE || 'dvAdmin管理系统', title: process.env.VUE_APP_TITLE || "dvAdmin管理系统",
/** /**
* 侧边栏主题 深色主题theme-dark，浅色主题theme-light * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
*/ */
sideTheme: 'theme-dark', sideTheme: "theme-dark",
/** /**
* 是否系统布局配置 * 是否系统布局配置
@ -32,5 +32,5 @@ module.exports = {
* The default is only used in the production env * The default is only used in the production env
* If you want to also use it in dev, you can pass ['production', 'development'] * If you want to also use it in dev, you can pass ['production', 'development']
*/ */
errorLog: 'production' errorLog: "production"
} };

6
dvadmin-ui/src/store/getters.js
View File

@ -12,6 +12,6 @@ const getters = {
roles: state => state.user.roles, roles: state => state.user.roles,
permissions: state => state.user.permissions, permissions: state => state.user.permissions,
permission_routes: state => state.permission.routes, permission_routes: state => state.permission.routes,
sidebarRouters:state => state.permission.sidebarRouters, sidebarRouters: state => state.permission.sidebarRouters
} };
export default getters export default getters;

24
dvadmin-ui/src/store/index.js
View File

@ -1,14 +1,14 @@
import Vue from 'vue' import Vue from "vue";
import Vuex from 'vuex' import Vuex from "vuex";
import app from './modules/app' import app from "./modules/app";
import user from './modules/user' import user from "./modules/user";
import tagsView from './modules/tagsView' import tagsView from "./modules/tagsView";
import permission from './modules/permission' import permission from "./modules/permission";
import settings from './modules/settings' import settings from "./modules/settings";
import modelSelect from './modules/modelSelect' import modelSelect from "./modules/modelSelect";
import getters from './getters' import getters from "./getters";
Vue.use(Vuex) Vue.use(Vuex);
const store = new Vuex.Store({ const store = new Vuex.Store({
modules: { modules: {
@ -20,6 +20,6 @@ const store = new Vuex.Store({
modelSelect modelSelect
}, },
getters getters
}) });
export default store export default store;

44
dvadmin-ui/src/store/modules/app.js
View File

@ -1,56 +1,56 @@
import Cookies from 'js-cookie' import Cookies from "js-cookie";
const state = { const state = {
sidebar: { sidebar: {
opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true, opened: Cookies.get("sidebarStatus") ? !!+Cookies.get("sidebarStatus") : true,
withoutAnimation: false withoutAnimation: false
}, },
device: 'desktop', device: "desktop",
size: Cookies.get('size') || 'medium' size: Cookies.get("size") || "medium"
} };
const mutations = { const mutations = {
TOGGLE_SIDEBAR: state => { TOGGLE_SIDEBAR: state => {
state.sidebar.opened = !state.sidebar.opened state.sidebar.opened = !state.sidebar.opened;
state.sidebar.withoutAnimation = false state.sidebar.withoutAnimation = false;
if (state.sidebar.opened) { if (state.sidebar.opened) {
Cookies.set('sidebarStatus', 1) Cookies.set("sidebarStatus", 1);
} else { } else {
Cookies.set('sidebarStatus', 0) Cookies.set("sidebarStatus", 0);
} }
}, },
CLOSE_SIDEBAR: (state, withoutAnimation) => { CLOSE_SIDEBAR: (state, withoutAnimation) => {
Cookies.set('sidebarStatus', 0) Cookies.set("sidebarStatus", 0);
state.sidebar.opened = false state.sidebar.opened = false;
state.sidebar.withoutAnimation = withoutAnimation state.sidebar.withoutAnimation = withoutAnimation;
}, },
TOGGLE_DEVICE: (state, device) => { TOGGLE_DEVICE: (state, device) => {
state.device = device state.device = device;
}, },
SET_SIZE: (state, size) => { SET_SIZE: (state, size) => {
state.size = size state.size = size;
Cookies.set('size', size) Cookies.set("size", size);
} }
} };
const actions = { const actions = {
toggleSideBar({ commit }) { toggleSideBar({ commit }) {
commit('TOGGLE_SIDEBAR') commit("TOGGLE_SIDEBAR");
}, },
closeSideBar({ commit }, { withoutAnimation }) { closeSideBar({ commit }, { withoutAnimation }) {
commit('CLOSE_SIDEBAR', withoutAnimation) commit("CLOSE_SIDEBAR", withoutAnimation);
}, },
toggleDevice({ commit }, device) { toggleDevice({ commit }, device) {
commit('TOGGLE_DEVICE', device) commit("TOGGLE_DEVICE", device);
}, },
setSize({ commit }, size) { setSize({ commit }, size) {
commit('SET_SIZE', size) commit("SET_SIZE", size);
} }
} };
export default { export default {
namespaced: true, namespaced: true,
state, state,
mutations, mutations,
actions actions
} };

42
dvadmin-ui/src/store/modules/modelSelect.js
View File

@ -1,50 +1,50 @@
const modelSelect = { const modelSelect = {
namespaced: true, namespaced: true,
state: { state: {
modelSelectMap: {}, modelSelectMap: {}
}, },
mutations: { mutations: {
setModelSelectMap(state, modelSelectMap) { setModelSelectMap(state, modelSelectMap) {
state.modelSelectMap = {...state.modelSelectMap, ...modelSelectMap} state.modelSelectMap = { ...state.modelSelectMap, ...modelSelectMap };
}, }
}, },
actions: { actions: {
// 从后台获取需要 select 选择数据 // 从后台获取需要 select 选择数据
// modelName : 模型 name // modelName : 模型 name
// labelName : 后端接口返回时，配置下拉选择时显示的名字字段，如：name/title/nickName // labelName : 后端接口返回时，配置下拉选择时显示的名字字段，如：name/title/nickName
// listApi : 查询列表的api // listApi : 查询列表的api
async getModelSelect({commit, state}, paramsMap) { async getModelSelect({ commit, state }, paramsMap) {
let modelName = paramsMap["modelName"] const modelName = paramsMap["modelName"];
let labelName = paramsMap["labelName"] const labelName = paramsMap["labelName"];
let listApi = paramsMap["listApi"] const listApi = paramsMap["listApi"];
let params = paramsMap["params"] const params = paramsMap["params"];
let reset = paramsMap["reset"] const reset = paramsMap["reset"];
if (!reset && state.modelSelectMap[modelName]) { if (!reset && state.modelSelectMap[modelName]) {
return state.modelSelectMap[modelName] return state.modelSelectMap[modelName];
} else { } else {
const res = await listApi({pageNum: "all", ...params}) const res = await listApi({ pageNum: "all", ...params });
if (res.code === 200) { if (res.code === 200) {
const modelSelectMap = {} const modelSelectMap = {};
const dict = [] const dict = [];
res.data && res.data.map(item => { res.data && res.data.map(item => {
dict.push({ dict.push({
label: item[labelName], label: item[labelName],
value: item.id, value: item.id,
id: item.id, id: item.id,
parentId: item.parentId parentId: item.parentId
}) });
}) });
modelSelectMap[modelName] = dict modelSelectMap[modelName] = dict;
commit("setModelSelectMap", modelSelectMap) commit("setModelSelectMap", modelSelectMap);
return state.modelSelectMap[modelName] return state.modelSelectMap[modelName];
} }
} }
} }
}, },
getters: { getters: {
getModelSelect(state) { getModelSelect(state) {
return state.modelSelectMap return state.modelSelectMap;
} }
} }
} };
export default modelSelect export default modelSelect;

120
dvadmin-ui/src/store/modules/permission.js
View File

@ -1,9 +1,9 @@
import { constantRoutes } from '@/router' import { constantRoutes } from "@/router";
import { getRouters } from '@/api/vadmin/menu' import { getRouters } from "@/api/vadmin/menu";
import Layout from '@/layout/index' import Layout from "@/layout/index";
import ParentView from '@/components/ParentView'; import ParentView from "@/components/ParentView";
import { handleTree } from "@/utils/ruoyi"; import { handleTree } from "@/utils/ruoyi";
import de from 'element-ui/src/locale/lang/de'
const permission = { const permission = {
state: { state: {
routes: [], routes: [],
@ -12,12 +12,12 @@ const permission = {
}, },
mutations: { mutations: {
SET_ROUTES: (state, routes) => { SET_ROUTES: (state, routes) => {
state.addRoutes = routes state.addRoutes = routes;
state.routes = constantRoutes.concat(routes) state.routes = constantRoutes.concat(routes);
}, },
SET_SIDEBAR_ROUTERS: (state, routers) => { SET_SIDEBAR_ROUTERS: (state, routers) => {
state.sidebarRouters = constantRoutes.concat(routers) state.sidebarRouters = constantRoutes.concat(routers);
}, }
}, },
actions: { actions: {
// 生成路由 // 生成路由
@ -26,92 +26,92 @@ const permission = {
// 向后端请求路由数据 // 向后端请求路由数据
getRouters().then(res => { getRouters().then(res => {
const data = handleTree(res.data, "id"); const data = handleTree(res.data, "id");
const sdata = JSON.parse(JSON.stringify(data)) const sdata = JSON.parse(JSON.stringify(data));
const rdata = JSON.parse(JSON.stringify(data)) const rdata = JSON.parse(JSON.stringify(data));
const sidebarRoutes = filterAsyncRouter(sdata) const sidebarRoutes = filterAsyncRouter(sdata);
const rewriteRoutes = filterAsyncRouter(rdata, false, true) const rewriteRoutes = filterAsyncRouter(rdata, false, true);
rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true }) rewriteRoutes.push({ path: "*", redirect: "/404", hidden: true });
commit('SET_ROUTES', rewriteRoutes) commit("SET_ROUTES", rewriteRoutes);
commit('SET_SIDEBAR_ROUTERS', sidebarRoutes) commit("SET_SIDEBAR_ROUTERS", sidebarRoutes);
resolve(rewriteRoutes) resolve(rewriteRoutes);
}) });
}) });
} }
} }
} };
// 遍历后台传来的路由字符串，转换为组件对象 // 遍历后台传来的路由字符串，转换为组件对象
function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) { function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
return asyncRouterMap.filter(route => { return asyncRouterMap.filter(route => {
if (type && route.children) { if (type && route.children) {
route.children = filterChildren(route.children) route.children = filterChildren(route.children);
} }
if (route.component) { if (route.component) {
// Layout ParentView 组件特殊处理 // Layout ParentView 组件特殊处理
if (route.component === 'Layout') { if (route.component === "Layout") {
route.component = Layout route.component = Layout;
} else if (route.component === 'ParentView') { } else if (route.component === "ParentView") {
route.component = ParentView route.component = ParentView;
} else if (typeof route.component === "string" && route.component === 'Layout/index' && !route.children) { // 首页定制 } else if (typeof route.component === "string" && route.component === "Layout/index" && !route.children) { // 首页定制
route.meta.affix = true route.meta.affix = true;
route.children = [ route.children = [
{ {
path: 'index', path: "index",
component: 'index', component: "index",
name: route.name, name: route.name,
meta: route.meta meta: route.meta
} }
] ];
route.path = '' route.path = "";
route.name = '' route.name = "";
route.redirect = '/index' route.redirect = "/index";
route.alwaysShow = false route.alwaysShow = false;
route.component = Layout route.component = Layout;
} else { } else {
route.component = loadView(route.component) route.component = loadView(route.component);
} }
} }
if (route.children != null && route.children && route.children.length) { if (route.children !== null && route.children && route.children.length) {
route.children = filterAsyncRouter(route.children, route, type) route.children = filterAsyncRouter(route.children, route, type);
if (route.children.length === 1 && route.children[0].path === 'index') { if (route.children.length === 1 && route.children[0].path === "index") {
route.alwaysShow = false route.alwaysShow = false;
} else { } else {
route.alwaysShow = true route.alwaysShow = true;
} }
} else { } else {
delete route['children'] delete route["children"];
delete route['redirect'] delete route["redirect"];
} }
return true return true;
}) });
} }
function filterChildren(childrenMap, lastRouter = false) { function filterChildren(childrenMap, lastRouter = false) {
var children = [] var children = [];
childrenMap.forEach((el, index) => { childrenMap.forEach((el, index) => {
if (el.children && el.children.length) { if (el.children && el.children.length) {
if (el.component === 'ParentView') { if (el.component === "ParentView") {
el.children.forEach(c => { el.children.forEach(c => {
c.path = el.path + '/' + c.path c.path = el.path + "/" + c.path;
if (c.children && c.children.length) { if (c.children && c.children.length) {
children = children.concat(filterChildren(c.children, c)) children = children.concat(filterChildren(c.children, c));
return return;
} }
children.push(c) children.push(c);
}) });
return return;
} }
} }
if (lastRouter) { if (lastRouter) {
el.path = lastRouter.path + '/' + el.path el.path = lastRouter.path + "/" + el.path;
} }
children = children.concat(el) children = children.concat(el);
}) });
return children return children;
} }
export const loadView = (view) => { // 路由懒加载 export const loadView = (view) => { // 路由懒加载
return (resolve) => require([`@/views/${view}`], resolve) return (resolve) => require([`@/views/${view}`], resolve);
} };
export default permission export default permission;

19
dvadmin-ui/src/store/modules/settings.js
View File

@ -1,7 +1,7 @@
import variables from '@/assets/styles/element-variables.scss' import variables from "@/assets/styles/element-variables.scss";
import defaultSettings from '@/settings' import defaultSettings from "@/settings";
const { sideTheme, showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings const { sideTheme, showSettings, tagsView, fixedHeader, sidebarLogo } = defaultSettings;
const state = { const state = {
theme: variables.theme, theme: variables.theme,
@ -10,26 +10,27 @@ const state = {
tagsView: tagsView, tagsView: tagsView,
fixedHeader: fixedHeader, fixedHeader: fixedHeader,
sidebarLogo: sidebarLogo sidebarLogo: sidebarLogo
} };
const mutations = { const mutations = {
CHANGE_SETTING: (state, { key, value }) => { CHANGE_SETTING: (state, { key, value }) => {
// eslint-disable-next-line no-prototype-builtins
if (state.hasOwnProperty(key)) { if (state.hasOwnProperty(key)) {
state[key] = value state[key] = value;
} }
} }
} };
const actions = { const actions = {
changeSetting({ commit }, data) { changeSetting({ commit }, data) {
commit('CHANGE_SETTING', data) commit("CHANGE_SETTING", data);
} }
} };
export default { export default {
namespaced: true, namespaced: true,
state, state,
mutations, mutations,
actions actions
} };

116
dvadmin-ui/src/store/modules/tagsView.js
View File

@ -1,159 +1,159 @@
const state = { const state = {
visitedViews: [], visitedViews: [],
cachedViews: [] cachedViews: []
} };
const mutations = { const mutations = {
ADD_VISITED_VIEW: (state, view) => { ADD_VISITED_VIEW: (state, view) => {
if (state.visitedViews.some(v => v.path === view.path)) return if (state.visitedViews.some(v => v.path === view.path)) return;
state.visitedViews.push( state.visitedViews.push(
Object.assign({}, view, { Object.assign({}, view, {
title: view.meta.title || 'no-name' title: view.meta.title || "no-name"
}) })
) );
}, },
ADD_CACHED_VIEW: (state, view) => { ADD_CACHED_VIEW: (state, view) => {
if (state.cachedViews.includes(view.name)) return if (state.cachedViews.includes(view.name)) return;
if (!view.meta.noCache) { if (!view.meta.noCache) {
state.cachedViews.push(view.name) state.cachedViews.push(view.name);
} }
}, },
DEL_VISITED_VIEW: (state, view) => { DEL_VISITED_VIEW: (state, view) => {
for (const [i, v] of state.visitedViews.entries()) { for (const [i, v] of state.visitedViews.entries()) {
if (v.path === view.path) { if (v.path === view.path) {
state.visitedViews.splice(i, 1) state.visitedViews.splice(i, 1);
break break;
} }
} }
}, },
DEL_CACHED_VIEW: (state, view) => { DEL_CACHED_VIEW: (state, view) => {
const index = state.cachedViews.indexOf(view.name) const index = state.cachedViews.indexOf(view.name);
index > -1 && state.cachedViews.splice(index, 1) index > -1 && state.cachedViews.splice(index, 1);
}, },
DEL_OTHERS_VISITED_VIEWS: (state, view) => { DEL_OTHERS_VISITED_VIEWS: (state, view) => {
state.visitedViews = state.visitedViews.filter(v => { state.visitedViews = state.visitedViews.filter(v => {
return v.meta.affix || v.path === view.path return v.meta.affix || v.path === view.path;
}) });
}, },
DEL_OTHERS_CACHED_VIEWS: (state, view) => { DEL_OTHERS_CACHED_VIEWS: (state, view) => {
const index = state.cachedViews.indexOf(view.name) const index = state.cachedViews.indexOf(view.name);
if (index > -1) { if (index > -1) {
state.cachedViews = state.cachedViews.slice(index, index + 1) state.cachedViews = state.cachedViews.slice(index, index + 1);
} else { } else {
state.cachedViews = [] state.cachedViews = [];
} }
}, },
DEL_ALL_VISITED_VIEWS: state => { DEL_ALL_VISITED_VIEWS: state => {
// keep affix tags // keep affix tags
const affixTags = state.visitedViews.filter(tag => tag.meta.affix) const affixTags = state.visitedViews.filter(tag => tag.meta.affix);
state.visitedViews = affixTags state.visitedViews = affixTags;
}, },
DEL_ALL_CACHED_VIEWS: state => { DEL_ALL_CACHED_VIEWS: state => {
state.cachedViews = [] state.cachedViews = [];
}, },
UPDATE_VISITED_VIEW: (state, view) => { UPDATE_VISITED_VIEW: (state, view) => {
for (let v of state.visitedViews) { for (let v of state.visitedViews) {
if (v.path === view.path) { if (v.path === view.path) {
v = Object.assign(v, view) v = Object.assign(v, view);
break break;
} }
} }
} }
} };
const actions = { const actions = {
addView({ dispatch }, view) { addView({ dispatch }, view) {
dispatch('addVisitedView', view) dispatch("addVisitedView", view);
dispatch('addCachedView', view) dispatch("addCachedView", view);
}, },
addVisitedView({ commit }, view) { addVisitedView({ commit }, view) {
commit('ADD_VISITED_VIEW', view) commit("ADD_VISITED_VIEW", view);
}, },
addCachedView({ commit }, view) { addCachedView({ commit }, view) {
commit('ADD_CACHED_VIEW', view) commit("ADD_CACHED_VIEW", view);
}, },
delView({ dispatch, state }, view) { delView({ dispatch, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
dispatch('delVisitedView', view) dispatch("delVisitedView", view);
dispatch('delCachedView', view) dispatch("delCachedView", view);
resolve({ resolve({
visitedViews: [...state.visitedViews], visitedViews: [...state.visitedViews],
cachedViews: [...state.cachedViews] cachedViews: [...state.cachedViews]
}) });
}) });
}, },
delVisitedView({ commit, state }, view) { delVisitedView({ commit, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
commit('DEL_VISITED_VIEW', view) commit("DEL_VISITED_VIEW", view);
resolve([...state.visitedViews]) resolve([...state.visitedViews]);
}) });
}, },
delCachedView({ commit, state }, view) { delCachedView({ commit, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
commit('DEL_CACHED_VIEW', view) commit("DEL_CACHED_VIEW", view);
resolve([...state.cachedViews]) resolve([...state.cachedViews]);
}) });
}, },
delOthersViews({ dispatch, state }, view) { delOthersViews({ dispatch, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
dispatch('delOthersVisitedViews', view) dispatch("delOthersVisitedViews", view);
dispatch('delOthersCachedViews', view) dispatch("delOthersCachedViews", view);
resolve({ resolve({
visitedViews: [...state.visitedViews], visitedViews: [...state.visitedViews],
cachedViews: [...state.cachedViews] cachedViews: [...state.cachedViews]
}) });
}) });
}, },
delOthersVisitedViews({ commit, state }, view) { delOthersVisitedViews({ commit, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
commit('DEL_OTHERS_VISITED_VIEWS', view) commit("DEL_OTHERS_VISITED_VIEWS", view);
resolve([...state.visitedViews]) resolve([...state.visitedViews]);
}) });
}, },
delOthersCachedViews({ commit, state }, view) { delOthersCachedViews({ commit, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
commit('DEL_OTHERS_CACHED_VIEWS', view) commit("DEL_OTHERS_CACHED_VIEWS", view);
resolve([...state.cachedViews]) resolve([...state.cachedViews]);
}) });
}, },
delAllViews({ dispatch, state }, view) { delAllViews({ dispatch, state }, view) {
return new Promise(resolve => { return new Promise(resolve => {
dispatch('delAllVisitedViews', view) dispatch("delAllVisitedViews", view);
dispatch('delAllCachedViews', view) dispatch("delAllCachedViews", view);
resolve({ resolve({
visitedViews: [...state.visitedViews], visitedViews: [...state.visitedViews],
cachedViews: [...state.cachedViews] cachedViews: [...state.cachedViews]
}) });
}) });
}, },
delAllVisitedViews({ commit, state }) { delAllVisitedViews({ commit, state }) {
return new Promise(resolve => { return new Promise(resolve => {
commit('DEL_ALL_VISITED_VIEWS') commit("DEL_ALL_VISITED_VIEWS");
resolve([...state.visitedViews]) resolve([...state.visitedViews]);
}) });
}, },
delAllCachedViews({ commit, state }) { delAllCachedViews({ commit, state }) {
return new Promise(resolve => { return new Promise(resolve => {
commit('DEL_ALL_CACHED_VIEWS') commit("DEL_ALL_CACHED_VIEWS");
resolve([...state.cachedViews]) resolve([...state.cachedViews]);
}) });
}, },
updateVisitedView({ commit }, view) { updateVisitedView({ commit }, view) {
commit('UPDATE_VISITED_VIEW', view) commit("UPDATE_VISITED_VIEW", view);
} }
} };
export default { export default {
namespaced: true, namespaced: true,
state, state,
mutations, mutations,
actions actions
} };

90
dvadmin-ui/src/store/modules/user.js
View File

@ -1,11 +1,11 @@
import {getInfo, login, logout} from '@/api/vadmin/login' import { getInfo, login, logout } from "@/api/vadmin/login";
import {getToken, removeToken, setToken} from '@/utils/auth' import { getToken, removeToken, setToken } from "@/utils/auth";
const user = { const user = {
state: { state: {
token: getToken(), token: getToken(),
name: '', name: "",
avatar: '', avatar: "",
roles: [], roles: [],
permissions: [], permissions: [],
unread_msg_count: 0 unread_msg_count: 0
@ -13,89 +13,89 @@ const user = {
mutations: { mutations: {
SET_TOKEN: (state, token) => { SET_TOKEN: (state, token) => {
state.token = token state.token = token;
}, },
SET_NAME: (state, name) => { SET_NAME: (state, name) => {
state.name = name state.name = name;
}, },
SET_AVATAR: (state, avatar) => { SET_AVATAR: (state, avatar) => {
state.avatar = avatar state.avatar = avatar;
}, },
SET_ROLES: (state, roles) => { SET_ROLES: (state, roles) => {
state.roles = roles state.roles = roles;
}, },
SET_PERMISSIONS: (state, permissions) => { SET_PERMISSIONS: (state, permissions) => {
state.permissions = permissions state.permissions = permissions;
}, },
SET_UNREAD_MSG_COUNT: (state, unread_msg_count) => { SET_UNREAD_MSG_COUNT: (state, unread_msg_count) => {
state.unread_msg_count = unread_msg_count state.unread_msg_count = unread_msg_count;
} }
}, },
actions: { actions: {
// 登录 // 登录
Login({ commit }, userInfo) { Login({ commit }, userInfo) {
const username = userInfo.username.trim() const username = userInfo.username.trim();
const password = userInfo.password const password = userInfo.password;
const code = userInfo.code const code = userInfo.code;
const uuid = userInfo.uuid const uuid = userInfo.uuid;
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
login(username, password, code, uuid).then(res => { login(username, password, code, uuid).then(res => {
setToken(res.data.token) setToken(res.data.token);
commit('SET_TOKEN', res.data.token) commit("SET_TOKEN", res.data.token);
resolve() resolve();
}).catch(error => { }).catch(error => {
reject(error) reject(error);
}) });
}) });
}, },
// 获取用户信息 // 获取用户信息
GetInfo({ commit, state }) { GetInfo({ commit, state }) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
getInfo(state.token).then(res => { getInfo(state.token).then(res => {
const user = res.data.user const user = res.data.user;
const avatar = user.avatar ? process.env.VUE_APP_BASE_API + user.avatar : require("@/assets/images/profile.jpg"); const avatar = user.avatar ? process.env.VUE_APP_BASE_API + user.avatar : require("@/assets/images/profile.jpg");
if (res.data.roles && res.data.roles.length > 0) { // 验证返回的roles是否是一个非空数组 if (res.data.roles && res.data.roles.length > 0) { // 验证返回的roles是否是一个非空数组
commit('SET_ROLES', res.data.roles) commit("SET_ROLES", res.data.roles);
commit('SET_PERMISSIONS', res.data.permissions) commit("SET_PERMISSIONS", res.data.permissions);
} else { } else {
commit('SET_ROLES', ['ROLE_DEFAULT']) commit("SET_ROLES", ["ROLE_DEFAULT"]);
} }
commit('SET_NAME', user.name) commit("SET_NAME", user.name);
commit('SET_UNREAD_MSG_COUNT', user.unread_msg_count) commit("SET_UNREAD_MSG_COUNT", user.unread_msg_count);
commit('SET_AVATAR', avatar) commit("SET_AVATAR", avatar);
resolve(res.data) resolve(res.data);
}).catch(error => { }).catch(error => {
reject(error) reject(error);
}) });
}) });
}, },
// 退出系统 // 退出系统
LogOut({ commit, state }) { LogOut({ commit, state }) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
logout(state.token).then(() => { logout(state.token).then(() => {
commit('SET_TOKEN', '') commit("SET_TOKEN", "");
commit('SET_ROLES', []) commit("SET_ROLES", []);
commit('SET_PERMISSIONS', []) commit("SET_PERMISSIONS", []);
removeToken() removeToken();
resolve() resolve();
}).catch(error => { }).catch(error => {
reject(error) reject(error);
}) });
}) });
}, },
// 前端 登出 // 前端 登出
FedLogOut({ commit }) { FedLogOut({ commit }) {
return new Promise(resolve => { return new Promise(resolve => {
commit('SET_TOKEN', '') commit("SET_TOKEN", "");
removeToken() removeToken();
resolve() resolve();
}) });
} }
} }
} };
export default user export default user;

10
dvadmin-ui/src/utils/auth.js
View File

@ -1,15 +1,15 @@
import Cookies from 'js-cookie' import Cookies from "js-cookie";
const TokenKey = 'Admin-Token' const TokenKey = "Admin-Token";
export function getToken() { export function getToken() {
return Cookies.get(TokenKey) return Cookies.get(TokenKey);
} }
export function setToken(token) { export function setToken(token) {
return Cookies.set(TokenKey, token) return Cookies.set(TokenKey, token);
} }
export function removeToken() { export function removeToken() {
return Cookies.remove(TokenKey) return Cookies.remove(TokenKey);
} }

10
dvadmin-ui/src/utils/errorCode.js
View File

@ -1,6 +1,6 @@
export default { export default {
'401': '认证失败，无法访问系统资源', "401": "认证失败，无法访问系统资源",
'403': '当前操作没有权限', "403": "当前操作没有权限",
'404': '访问资源不存在', "404": "访问资源不存在",
'default': '系统未知错误，请反馈给管理员' "default": "系统未知错误，请反馈给管理员"
} };

384
dvadmin-ui/src/utils/generator/config.js
View File

@ -1,46 +1,46 @@
export const formConf = { export const formConf = {
formRef: 'elForm', formRef: "elForm",
formModel: 'formData', formModel: "formData",
size: 'medium', size: "medium",
labelPosition: 'right', labelPosition: "right",
labelWidth: 100, labelWidth: 100,
formRules: 'rules', formRules: "rules",
gutter: 15, gutter: 15,
disabled: false, disabled: false,
span: 24, span: 24,
formBtns: true formBtns: true
} };
export const inputComponents = [ export const inputComponents = [
{ {
label: '单行文本', label: "单行文本",
tag: 'el-input', tag: "el-input",
tagIcon: 'input', tagIcon: "input",
placeholder: '请输入', placeholder: "请输入",
defaultValue: undefined, defaultValue: undefined,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
clearable: true, clearable: true,
prepend: '', prepend: "",
append: '', append: "",
'prefix-icon': '', "prefix-icon": "",
'suffix-icon': '', "suffix-icon": "",
maxlength: null, maxlength: null,
'show-word-limit': false, "show-word-limit": false,
readonly: false, readonly: false,
disabled: false, disabled: false,
required: true, required: true,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/input' document: "https://element.eleme.cn/#/zh-CN/component/input"
}, },
{ {
label: '多行文本', label: "多行文本",
tag: 'el-input', tag: "el-input",
tagIcon: 'textarea', tagIcon: "textarea",
type: 'textarea', type: "textarea",
placeholder: '请输入', placeholder: "请输入",
defaultValue: undefined, defaultValue: undefined,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
@ -48,103 +48,103 @@ export const inputComponents = [
minRows: 4, minRows: 4,
maxRows: 4 maxRows: 4
}, },
style: { width: '100%' }, style: { width: "100%" },
maxlength: null, maxlength: null,
'show-word-limit': false, "show-word-limit": false,
readonly: false, readonly: false,
disabled: false, disabled: false,
required: true, required: true,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/input' document: "https://element.eleme.cn/#/zh-CN/component/input"
}, },
{ {
label: '密码', label: "密码",
tag: 'el-input', tag: "el-input",
tagIcon: 'password', tagIcon: "password",
placeholder: '请输入', placeholder: "请输入",
defaultValue: undefined, defaultValue: undefined,
span: 24, span: 24,
'show-password': true, "show-password": true,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
clearable: true, clearable: true,
prepend: '', prepend: "",
append: '', append: "",
'prefix-icon': '', "prefix-icon": "",
'suffix-icon': '', "suffix-icon": "",
maxlength: null, maxlength: null,
'show-word-limit': false, "show-word-limit": false,
readonly: false, readonly: false,
disabled: false, disabled: false,
required: true, required: true,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/input' document: "https://element.eleme.cn/#/zh-CN/component/input"
}, },
{ {
label: '计数器', label: "计数器",
tag: 'el-input-number', tag: "el-input-number",
tagIcon: 'number', tagIcon: "number",
placeholder: '', placeholder: "",
defaultValue: undefined, defaultValue: undefined,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
min: undefined, min: undefined,
max: undefined, max: undefined,
step: undefined, step: undefined,
'step-strictly': false, "step-strictly": false,
precision: undefined, precision: undefined,
'controls-position': '', "controls-position": "",
disabled: false, disabled: false,
required: true, required: true,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/input-number' document: "https://element.eleme.cn/#/zh-CN/component/input-number"
} }
] ];
export const selectComponents = [ export const selectComponents = [
{ {
label: '下拉选择', label: "下拉选择",
tag: 'el-select', tag: "el-select",
tagIcon: 'select', tagIcon: "select",
placeholder: '请选择', placeholder: "请选择",
defaultValue: undefined, defaultValue: undefined,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
clearable: true, clearable: true,
disabled: false, disabled: false,
required: true, required: true,
filterable: false, filterable: false,
multiple: false, multiple: false,
options: [{ options: [{
label: '选项一', label: "选项一",
value: 1 value: 1
}, { }, {
label: '选项二', label: "选项二",
value: 2 value: 2
}], }],
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/select' document: "https://element.eleme.cn/#/zh-CN/component/select"
}, },
{ {
label: '级联选择', label: "级联选择",
tag: 'el-cascader', tag: "el-cascader",
tagIcon: 'cascader', tagIcon: "cascader",
placeholder: '请选择', placeholder: "请选择",
defaultValue: [], defaultValue: [],
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
props: { props: {
props: { props: {
multiple: false multiple: false
} }
}, },
'show-all-levels': true, "show-all-levels": true,
disabled: false, disabled: false,
clearable: true, clearable: true,
filterable: false, filterable: false,
@ -152,94 +152,94 @@ export const selectComponents = [
options: [{ options: [{
id: 1, id: 1,
value: 1, value: 1,
label: '选项1', label: "选项1",
children: [{ children: [{
id: 2, id: 2,
value: 2, value: 2,
label: '选项1-1' label: "选项1-1"
}] }]
}], }],
dataType: 'dynamic', dataType: "dynamic",
labelKey: 'label', labelKey: "label",
valueKey: 'value', valueKey: "value",
childrenKey: 'children', childrenKey: "children",
separator: '/', separator: "/",
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/cascader' document: "https://element.eleme.cn/#/zh-CN/component/cascader"
}, },
{ {
label: '单选框组', label: "单选框组",
tag: 'el-radio-group', tag: "el-radio-group",
tagIcon: 'radio', tagIcon: "radio",
defaultValue: undefined, defaultValue: undefined,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: {}, style: {},
optionType: 'default', optionType: "default",
border: false, border: false,
size: 'medium', size: "medium",
disabled: false, disabled: false,
required: true, required: true,
options: [{ options: [{
label: '选项一', label: "选项一",
value: 1 value: 1
}, { }, {
label: '选项二', label: "选项二",
value: 2 value: 2
}], }],
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/radio' document: "https://element.eleme.cn/#/zh-CN/component/radio"
}, },
{ {
label: '多选框组', label: "多选框组",
tag: 'el-checkbox-group', tag: "el-checkbox-group",
tagIcon: 'checkbox', tagIcon: "checkbox",
defaultValue: [], defaultValue: [],
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: {}, style: {},
optionType: 'default', optionType: "default",
border: false, border: false,
size: 'medium', size: "medium",
disabled: false, disabled: false,
required: true, required: true,
options: [{ options: [{
label: '选项一', label: "选项一",
value: 1 value: 1
}, { }, {
label: '选项二', label: "选项二",
value: 2 value: 2
}], }],
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/checkbox' document: "https://element.eleme.cn/#/zh-CN/component/checkbox"
}, },
{ {
label: '开关', label: "开关",
tag: 'el-switch', tag: "el-switch",
tagIcon: 'switch', tagIcon: "switch",
defaultValue: false, defaultValue: false,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: {}, style: {},
disabled: false, disabled: false,
required: true, required: true,
'active-text': '', "active-text": "",
'inactive-text': '', "inactive-text": "",
'active-color': null, "active-color": null,
'inactive-color': null, "inactive-color": null,
'active-value': true, "active-value": true,
'inactive-value': false, "inactive-value": false,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/switch' document: "https://element.eleme.cn/#/zh-CN/component/switch"
}, },
{ {
label: '滑块', label: "滑块",
tag: 'el-slider', tag: "el-slider",
tagIcon: 'slider', tagIcon: "slider",
defaultValue: null, defaultValue: null,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
@ -248,191 +248,191 @@ export const selectComponents = [
min: 0, min: 0,
max: 100, max: 100,
step: 1, step: 1,
'show-stops': false, "show-stops": false,
range: false, range: false,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/slider' document: "https://element.eleme.cn/#/zh-CN/component/slider"
}, },
{ {
label: '时间选择', label: "时间选择",
tag: 'el-time-picker', tag: "el-time-picker",
tagIcon: 'time', tagIcon: "time",
placeholder: '请选择', placeholder: "请选择",
defaultValue: null, defaultValue: null,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
disabled: false, disabled: false,
clearable: true, clearable: true,
required: true, required: true,
'picker-options': { "picker-options": {
selectableRange: '00:00:00-23:59:59' selectableRange: "00:00:00-23:59:59"
}, },
format: 'HH:mm:ss', format: "HH:mm:ss",
'value-format': 'HH:mm:ss', "value-format": "HH:mm:ss",
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/time-picker' document: "https://element.eleme.cn/#/zh-CN/component/time-picker"
}, },
{ {
label: '时间范围', label: "时间范围",
tag: 'el-time-picker', tag: "el-time-picker",
tagIcon: 'time-range', tagIcon: "time-range",
defaultValue: null, defaultValue: null,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
disabled: false, disabled: false,
clearable: true, clearable: true,
required: true, required: true,
'is-range': true, "is-range": true,
'range-separator': '至', "range-separator": "至",
'start-placeholder': '开始时间', "start-placeholder": "开始时间",
'end-placeholder': '结束时间', "end-placeholder": "结束时间",
format: 'HH:mm:ss', format: "HH:mm:ss",
'value-format': 'HH:mm:ss', "value-format": "HH:mm:ss",
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/time-picker' document: "https://element.eleme.cn/#/zh-CN/component/time-picker"
}, },
{ {
label: '日期选择', label: "日期选择",
tag: 'el-date-picker', tag: "el-date-picker",
tagIcon: 'date', tagIcon: "date",
placeholder: '请选择', placeholder: "请选择",
defaultValue: null, defaultValue: null,
type: 'date', type: "date",
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
disabled: false, disabled: false,
clearable: true, clearable: true,
required: true, required: true,
format: 'yyyy-MM-dd', format: "yyyy-MM-dd",
'value-format': 'yyyy-MM-dd', "value-format": "yyyy-MM-dd",
readonly: false, readonly: false,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/date-picker' document: "https://element.eleme.cn/#/zh-CN/component/date-picker"
}, },
{ {
label: '日期范围', label: "日期范围",
tag: 'el-date-picker', tag: "el-date-picker",
tagIcon: 'date-range', tagIcon: "date-range",
defaultValue: null, defaultValue: null,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: { width: '100%' }, style: { width: "100%" },
type: 'daterange', type: "daterange",
'range-separator': '至', "range-separator": "至",
'start-placeholder': '开始日期', "start-placeholder": "开始日期",
'end-placeholder': '结束日期', "end-placeholder": "结束日期",
disabled: false, disabled: false,
clearable: true, clearable: true,
required: true, required: true,
format: 'yyyy-MM-dd', format: "yyyy-MM-dd",
'value-format': 'yyyy-MM-dd', "value-format": "yyyy-MM-dd",
readonly: false, readonly: false,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/date-picker' document: "https://element.eleme.cn/#/zh-CN/component/date-picker"
}, },
{ {
label: '评分', label: "评分",
tag: 'el-rate', tag: "el-rate",
tagIcon: 'rate', tagIcon: "rate",
defaultValue: 0, defaultValue: 0,
span: 24, span: 24,
labelWidth: null, labelWidth: null,
style: {}, style: {},
max: 5, max: 5,
'allow-half': false, "allow-half": false,
'show-text': false, "show-text": false,
'show-score': false, "show-score": false,
disabled: false, disabled: false,
required: true, required: true,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/rate' document: "https://element.eleme.cn/#/zh-CN/component/rate"
}, },
{ {
label: '颜色选择', label: "颜色选择",
tag: 'el-color-picker', tag: "el-color-picker",
tagIcon: 'color', tagIcon: "color",
defaultValue: null, defaultValue: null,
labelWidth: null, labelWidth: null,
'show-alpha': false, "show-alpha": false,
'color-format': '', "color-format": "",
disabled: false, disabled: false,
required: true, required: true,
size: 'medium', size: "medium",
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/color-picker' document: "https://element.eleme.cn/#/zh-CN/component/color-picker"
}, },
{ {
label: '上传', label: "上传",
tag: 'el-upload', tag: "el-upload",
tagIcon: 'upload', tagIcon: "upload",
action: 'https://jsonplaceholder.typicode.com/posts/', action: "https://jsonplaceholder.typicode.com/posts/",
defaultValue: null, defaultValue: null,
labelWidth: null, labelWidth: null,
disabled: false, disabled: false,
required: true, required: true,
accept: '', accept: "",
name: 'file', name: "file",
'auto-upload': true, "auto-upload": true,
showTip: false, showTip: false,
buttonText: '点击上传', buttonText: "点击上传",
fileSize: 2, fileSize: 2,
sizeUnit: 'MB', sizeUnit: "MB",
'list-type': 'text', "list-type": "text",
multiple: false, multiple: false,
regList: [], regList: [],
changeTag: true, changeTag: true,
document: 'https://element.eleme.cn/#/zh-CN/component/upload' document: "https://element.eleme.cn/#/zh-CN/component/upload"
} }
] ];
export const layoutComponents = [ export const layoutComponents = [
{ {
layout: 'rowFormItem', layout: "rowFormItem",
tagIcon: 'row', tagIcon: "row",
type: 'default', type: "default",
justify: 'start', justify: "start",
align: 'top', align: "top",
label: '行容器', label: "行容器",
layoutTree: true, layoutTree: true,
children: [], children: [],
document: 'https://element.eleme.cn/#/zh-CN/component/layout' document: "https://element.eleme.cn/#/zh-CN/component/layout"
}, },
{ {
layout: 'colFormItem', layout: "colFormItem",
label: '按钮', label: "按钮",
changeTag: true, changeTag: true,
labelWidth: null, labelWidth: null,
tag: 'el-button', tag: "el-button",
tagIcon: 'button', tagIcon: "button",
span: 24, span: 24,
default: '主要按钮', default: "主要按钮",
type: 'primary', type: "primary",
icon: 'el-icon-search', icon: "el-icon-search",
size: 'medium', size: "medium",
disabled: false, disabled: false,
document: 'https://element.eleme.cn/#/zh-CN/component/button' document: "https://element.eleme.cn/#/zh-CN/component/button"
} }
] ];
// 组件rule的触发方式，无触发方式的组件不生成rule // 组件rule的触发方式，无触发方式的组件不生成rule
export const trigger = { export const trigger = {
'el-input': 'blur', "el-input": "blur",
'el-input-number': 'blur', "el-input-number": "blur",
'el-select': 'change', "el-select": "change",
'el-radio-group': 'change', "el-radio-group": "change",
'el-checkbox-group': 'change', "el-checkbox-group": "change",
'el-cascader': 'change', "el-cascader": "change",
'el-time-picker': 'change', "el-time-picker": "change",
'el-date-picker': 'change', "el-date-picker": "change",
'el-rate': 'change' "el-rate": "change"
} };

18
dvadmin-ui/src/utils/generator/css.js
View File

@ -1,18 +1,18 @@
const styles = { const styles = {
'el-rate': '.el-rate{display: inline-block; vertical-align: text-top;}', "el-rate": ".el-rate{display: inline-block; vertical-align: text-top;}",
'el-upload': '.el-upload__tip{line-height: 1.2;}' "el-upload": ".el-upload__tip{line-height: 1.2;}"
} };
function addCss(cssList, el) { function addCss(cssList, el) {
const css = styles[el.tag] const css = styles[el.tag];
css && cssList.indexOf(css) === -1 && cssList.push(css) css && cssList.indexOf(css) === -1 && cssList.push(css);
if (el.children) { if (el.children) {
el.children.forEach(el2 => addCss(cssList, el2)) el.children.forEach(el2 => addCss(cssList, el2));
} }
} }
export function makeUpCss(conf) { export function makeUpCss(conf) {
const cssList = [] const cssList = [];
conf.fields.forEach(el => addCss(cssList, el)) conf.fields.forEach(el => addCss(cssList, el));
return cssList.join('\n') return cssList.join("\n");
} }

32
dvadmin-ui/src/utils/generator/drawingDefalut.js
View File

@ -1,29 +1,29 @@
export default [ export default [
{ {
layout: 'colFormItem', layout: "colFormItem",
tagIcon: 'input', tagIcon: "input",
label: '手机号', label: "手机号",
vModel: 'mobile', vModel: "mobile",
formId: 6, formId: 6,
tag: 'el-input', tag: "el-input",
placeholder: '请输入手机号', placeholder: "请输入手机号",
defaultValue: '', defaultValue: "",
span: 24, span: 24,
style: { width: '100%' }, style: { width: "100%" },
clearable: true, clearable: true,
prepend: '', prepend: "",
append: '', append: "",
'prefix-icon': 'el-icon-mobile', "prefix-icon": "el-icon-mobile",
'suffix-icon': '', "suffix-icon": "",
maxlength: 11, maxlength: 11,
'show-word-limit': true, "show-word-limit": true,
readonly: false, readonly: false,
disabled: false, disabled: false,
required: true, required: true,
changeTag: true, changeTag: true,
regList: [{ regList: [{
pattern: '/^1(3|4|5|7|8|9)\\d{9}$/', pattern: "/^1(3|4|5|7|8|9)\\d{9}$/",
message: '手机号格式错误' message: "手机号格式错误"
}] }]
} }
] ];

407
dvadmin-ui/src/utils/generator/html.js
View File

@ -1,8 +1,8 @@
/* eslint-disable max-len */ /* eslint-disable max-len */
import { trigger } from './config' import { trigger } from "./config";
let confGlobal let confGlobal;
let someSpanIsNot24 let someSpanIsNot24;
export function dialogWrapper(str) { export function dialogWrapper(str) {
return `<el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" title="Dialog Titile"> return `<el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" title="Dialog Titile">
@ -11,7 +11,7 @@ export function dialogWrapper(str) {
<el-button @click="close">取消</el-button> <el-button @click="close">取消</el-button>
<el-button type="primary" @click="handelConfirm">确定</el-button> <el-button type="primary" @click="handelConfirm">确定</el-button>
</div> </div>
</el-dialog>` </el-dialog>`;
} }
export function vueTemplate(str) { export function vueTemplate(str) {
@ -19,53 +19,53 @@ export function vueTemplate(str) {
<div> <div>
${str} ${str}
</div> </div>
</template>` </template>`;
} }
export function vueScript(str) { export function vueScript(str) {
return `<script> return `<script>
${str} ${str}
</script>` </script>`;
} }
export function cssStyle(cssStr) { export function cssStyle(cssStr) {
return `<style> return `<style>
${cssStr} ${cssStr}
</style>` </style>`;
} }
function buildFormTemplate(conf, child, type) { function buildFormTemplate(conf, child, type) {
let labelPosition = '' let labelPosition = "";
if (conf.labelPosition !== 'right') { if (conf.labelPosition !== "right") {
labelPosition = `label-position="${conf.labelPosition}"` labelPosition = `label-position="${conf.labelPosition}"`;
} }
const disabled = conf.disabled ? `:disabled="${conf.disabled}"` : '' const disabled = conf.disabled ? `:disabled="${conf.disabled}"` : "";
let str = `<el-form ref="${conf.formRef}" :model="${conf.formModel}" :rules="${conf.formRules}" size="${conf.size}" ${disabled} label-width="${conf.labelWidth}px" ${labelPosition}> let str = `<el-form ref="${conf.formRef}" :model="${conf.formModel}" :rules="${conf.formRules}" size="${conf.size}" ${disabled} label-width="${conf.labelWidth}px" ${labelPosition}>
${child} ${child}
${buildFromBtns(conf, type)} ${buildFromBtns(conf, type)}
</el-form>` </el-form>`;
if (someSpanIsNot24) { if (someSpanIsNot24) {
str = `<el-row :gutter="${conf.gutter}"> str = `<el-row :gutter="${conf.gutter}">
${str} ${str}
</el-row>` </el-row>`;
} }
return str return str;
} }
function buildFromBtns(conf, type) { function buildFromBtns(conf, type) {
let str = '' let str = "";
if (conf.formBtns && type === 'file') { if (conf.formBtns && type === "file") {
str = `<el-form-item size="large"> str = `<el-form-item size="large">
<el-button type="primary" @click="submitForm">提交</el-button> <el-button type="primary" @click="submitForm">提交</el-button>
<el-button @click="resetForm">重置</el-button> <el-button @click="resetForm">重置</el-button>
</el-form-item>` </el-form-item>`;
if (someSpanIsNot24) { if (someSpanIsNot24) {
str = `<el-col :span="24"> str = `<el-col :span="24">
${str} ${str}
</el-col>` </el-col>`;
} }
} }
return str return str;
} }
// span不为24的用el-col包裹 // span不为24的用el-col包裹
@ -73,287 +73,286 @@ function colWrapper(element, str) {
if (someSpanIsNot24 || element.span !== 24) { if (someSpanIsNot24 || element.span !== 24) {
return `<el-col :span="${element.span}"> return `<el-col :span="${element.span}">
${str} ${str}
</el-col>` </el-col>`;
} }
return str return str;
} }
const layouts = { const layouts = {
colFormItem(element) { colFormItem(element) {
let labelWidth = '' let labelWidth = "";
if (element.labelWidth && element.labelWidth !== confGlobal.labelWidth) { if (element.labelWidth && element.labelWidth !== confGlobal.labelWidth) {
labelWidth = `label-width="${element.labelWidth}px"` labelWidth = `label-width="${element.labelWidth}px"`;
} }
const required = !trigger[element.tag] && element.required ? 'required' : '' const required = !trigger[element.tag] && element.required ? "required" : "";
const tagDom = tags[element.tag] ? tags[element.tag](element) : null const tagDom = tags[element.tag] ? tags[element.tag](element) : null;
let str = `<el-form-item ${labelWidth} label="${element.label}" prop="${element.vModel}" ${required}> let str = `<el-form-item ${labelWidth} label="${element.label}" prop="${element.vModel}" ${required}>
${tagDom} ${tagDom}
</el-form-item>` </el-form-item>`;
str = colWrapper(element, str) str = colWrapper(element, str);
return str return str;
}, },
rowFormItem(element) { rowFormItem(element) {
const type = element.type === 'default' ? '' : `type="${element.type}"` const type = element.type === "default" ? "" : `type="${element.type}"`;
const justify = element.type === 'default' ? '' : `justify="${element.justify}"` const justify = element.type === "default" ? "" : `justify="${element.justify}"`;
const align = element.type === 'default' ? '' : `align="${element.align}"` const align = element.type === "default" ? "" : `align="${element.align}"`;
const gutter = element.gutter ? `gutter="${element.gutter}"` : '' const gutter = element.gutter ? `gutter="${element.gutter}"` : "";
const children = element.children.map(el => layouts[el.layout](el)) const children = element.children.map(el => layouts[el.layout](el));
let str = `<el-row ${type} ${justify} ${align} ${gutter}> let str = `<el-row ${type} ${justify} ${align} ${gutter}>
${children.join('\n')} ${children.join("\n")}
</el-row>` </el-row>`;
str = colWrapper(element, str) str = colWrapper(element, str);
return str return str;
} }
} };
const tags = { const tags = {
'el-button': el => { "el-button": el => {
const { const {
tag, disabled disabled
} = attrBuilder(el) } = attrBuilder(el);
const type = el.type ? `type="${el.type}"` : '' const type = el.type ? `type="${el.type}"` : "";
const icon = el.icon ? `icon="${el.icon}"` : '' const icon = el.icon ? `icon="${el.icon}"` : "";
const size = el.size ? `size="${el.size}"` : '' const size = el.size ? `size="${el.size}"` : "";
let child = buildElButtonChild(el) let child = buildElButtonChild(el);
if (child) child = `\n${child}\n` // 换行 if (child) child = `\n${child}\n`; // 换行
return `<${el.tag} ${type} ${icon} ${size} ${disabled}>${child}</${el.tag}>` return `<${el.tag} ${type} ${icon} ${size} ${disabled}>${child}</${el.tag}>`;
}, },
'el-input': el => { "el-input": el => {
const { const {
disabled, vModel, clearable, placeholder, width disabled, vModel, clearable, placeholder, width
} = attrBuilder(el) } = attrBuilder(el);
const maxlength = el.maxlength ? `:maxlength="${el.maxlength}"` : '' const maxlength = el.maxlength ? `:maxlength="${el.maxlength}"` : "";
const showWordLimit = el['show-word-limit'] ? 'show-word-limit' : '' const showWordLimit = el["show-word-limit"] ? "show-word-limit" : "";
const readonly = el.readonly ? 'readonly' : '' const readonly = el.readonly ? "readonly" : "";
const prefixIcon = el['prefix-icon'] ? `prefix-icon='${el['prefix-icon']}'` : '' const prefixIcon = el["prefix-icon"] ? `prefix-icon='${el["prefix-icon"]}'` : "";
const suffixIcon = el['suffix-icon'] ? `suffix-icon='${el['suffix-icon']}'` : '' const suffixIcon = el["suffix-icon"] ? `suffix-icon='${el["suffix-icon"]}'` : "";
const showPassword = el['show-password'] ? 'show-password' : '' const showPassword = el["show-password"] ? "show-password" : "";
const type = el.type ? `type="${el.type}"` : '' const type = el.type ? `type="${el.type}"` : "";
const autosize = el.autosize && el.autosize.minRows const autosize = el.autosize && el.autosize.minRows
? `:autosize="{minRows: ${el.autosize.minRows}, maxRows: ${el.autosize.maxRows}}"` ? `:autosize="{minRows: ${el.autosize.minRows}, maxRows: ${el.autosize.maxRows}}"`
: '' : "";
let child = buildElInputChild(el) let child = buildElInputChild(el);
if (child) child = `\n${child}\n` // 换行 if (child) child = `\n${child}\n`; // 换行
return `<${el.tag} ${vModel} ${type} ${placeholder} ${maxlength} ${showWordLimit} ${readonly} ${disabled} ${clearable} ${prefixIcon} ${suffixIcon} ${showPassword} ${autosize} ${width}>${child}</${el.tag}>` return `<${el.tag} ${vModel} ${type} ${placeholder} ${maxlength} ${showWordLimit} ${readonly} ${disabled} ${clearable} ${prefixIcon} ${suffixIcon} ${showPassword} ${autosize} ${width}>${child}</${el.tag}>`;
}, },
'el-input-number': el => { "el-input-number": el => {
const { disabled, vModel, placeholder } = attrBuilder(el) const { disabled, vModel, placeholder } = attrBuilder(el);
const controlsPosition = el['controls-position'] ? `controls-position=${el['controls-position']}` : '' const controlsPosition = el["controls-position"] ? `controls-position=${el["controls-position"]}` : "";
const min = el.min ? `:min='${el.min}'` : '' const min = el.min ? `:min='${el.min}'` : "";
const max = el.max ? `:max='${el.max}'` : '' const max = el.max ? `:max='${el.max}'` : "";
const step = el.step ? `:step='${el.step}'` : '' const step = el.step ? `:step='${el.step}'` : "";
const stepStrictly = el['step-strictly'] ? 'step-strictly' : '' const stepStrictly = el["step-strictly"] ? "step-strictly" : "";
const precision = el.precision ? `:precision='${el.precision}'` : '' const precision = el.precision ? `:precision='${el.precision}'` : "";
return `<${el.tag} ${vModel} ${placeholder} ${step} ${stepStrictly} ${precision} ${controlsPosition} ${min} ${max} ${disabled}></${el.tag}>` return `<${el.tag} ${vModel} ${placeholder} ${step} ${stepStrictly} ${precision} ${controlsPosition} ${min} ${max} ${disabled}></${el.tag}>`;
}, },
'el-select': el => { "el-select": el => {
const { const {
disabled, vModel, clearable, placeholder, width disabled, vModel, clearable, placeholder, width
} = attrBuilder(el) } = attrBuilder(el);
const filterable = el.filterable ? 'filterable' : '' const filterable = el.filterable ? "filterable" : "";
const multiple = el.multiple ? 'multiple' : '' const multiple = el.multiple ? "multiple" : "";
let child = buildElSelectChild(el) let child = buildElSelectChild(el);
if (child) child = `\n${child}\n` // 换行 if (child) child = `\n${child}\n`; // 换行
return `<${el.tag} ${vModel} ${placeholder} ${disabled} ${multiple} ${filterable} ${clearable} ${width}>${child}</${el.tag}>` return `<${el.tag} ${vModel} ${placeholder} ${disabled} ${multiple} ${filterable} ${clearable} ${width}>${child}</${el.tag}>`;
}, },
'el-radio-group': el => { "el-radio-group": el => {
const { disabled, vModel } = attrBuilder(el) const { disabled, vModel } = attrBuilder(el);
const size = `size="${el.size}"` const size = `size="${el.size}"`;
let child = buildElRadioGroupChild(el) let child = buildElRadioGroupChild(el);
if (child) child = `\n${child}\n` // 换行 if (child) child = `\n${child}\n`; // 换行
return `<${el.tag} ${vModel} ${size} ${disabled}>${child}</${el.tag}>` return `<${el.tag} ${vModel} ${size} ${disabled}>${child}</${el.tag}>`;
}, },
'el-checkbox-group': el => { "el-checkbox-group": el => {
const { disabled, vModel } = attrBuilder(el) const { disabled, vModel } = attrBuilder(el);
const size = `size="${el.size}"` const size = `size="${el.size}"`;
const min = el.min ? `:min="${el.min}"` : '' const min = el.min ? `:min="${el.min}"` : "";
const max = el.max ? `:max="${el.max}"` : '' const max = el.max ? `:max="${el.max}"` : "";
let child = buildElCheckboxGroupChild(el) let child = buildElCheckboxGroupChild(el);
if (child) child = `\n${child}\n` // 换行 if (child) child = `\n${child}\n`; // 换行
return `<${el.tag} ${vModel} ${min} ${max} ${size} ${disabled}>${child}</${el.tag}>` return `<${el.tag} ${vModel} ${min} ${max} ${size} ${disabled}>${child}</${el.tag}>`;
}, },
'el-switch': el => { "el-switch": el => {
const { disabled, vModel } = attrBuilder(el) const { disabled, vModel } = attrBuilder(el);
const activeText = el['active-text'] ? `active-text="${el['active-text']}"` : '' const activeText = el["active-text"] ? `active-text="${el["active-text"]}"` : "";
const inactiveText = el['inactive-text'] ? `inactive-text="${el['inactive-text']}"` : '' const inactiveText = el["inactive-text"] ? `inactive-text="${el["inactive-text"]}"` : "";
const activeColor = el['active-color'] ? `active-color="${el['active-color']}"` : '' const activeColor = el["active-color"] ? `active-color="${el["active-color"]}"` : "";
const inactiveColor = el['inactive-color'] ? `inactive-color="${el['inactive-color']}"` : '' const inactiveColor = el["inactive-color"] ? `inactive-color="${el["inactive-color"]}"` : "";
const activeValue = el['active-value'] !== true ? `:active-value='${JSON.stringify(el['active-value'])}'` : '' const activeValue = el["active-value"] !== true ? `:active-value='${JSON.stringify(el["active-value"])}'` : "";
const inactiveValue = el['inactive-value'] !== false ? `:inactive-value='${JSON.stringify(el['inactive-value'])}'` : '' const inactiveValue = el["inactive-value"] !== false ? `:inactive-value='${JSON.stringify(el["inactive-value"])}'` : "";
return `<${el.tag} ${vModel} ${activeText} ${inactiveText} ${activeColor} ${inactiveColor} ${activeValue} ${inactiveValue} ${disabled}></${el.tag}>` return `<${el.tag} ${vModel} ${activeText} ${inactiveText} ${activeColor} ${inactiveColor} ${activeValue} ${inactiveValue} ${disabled}></${el.tag}>`;
}, },
'el-cascader': el => { "el-cascader": el => {
const { const {
disabled, vModel, clearable, placeholder, width disabled, vModel, clearable, placeholder, width
} = attrBuilder(el) } = attrBuilder(el);
const options = el.options ? `:options="${el.vModel}Options"` : '' const options = el.options ? `:options="${el.vModel}Options"` : "";
const props = el.props ? `:props="${el.vModel}Props"` : '' const props = el.props ? `:props="${el.vModel}Props"` : "";
const showAllLevels = el['show-all-levels'] ? '' : ':show-all-levels="false"' const showAllLevels = el["show-all-levels"] ? "" : ':show-all-levels="false"';
const filterable = el.filterable ? 'filterable' : '' const filterable = el.filterable ? "filterable" : "";
const separator = el.separator === '/' ? '' : `separator="${el.separator}"` const separator = el.separator === "/" ? "" : `separator="${el.separator}"`;
return `<${el.tag} ${vModel} ${options} ${props} ${width} ${showAllLevels} ${placeholder} ${separator} ${filterable} ${clearable} ${disabled}></${el.tag}>` return `<${el.tag} ${vModel} ${options} ${props} ${width} ${showAllLevels} ${placeholder} ${separator} ${filterable} ${clearable} ${disabled}></${el.tag}>`;
}, },
'el-slider': el => { "el-slider": el => {
const { disabled, vModel } = attrBuilder(el) const { disabled, vModel } = attrBuilder(el);
const min = el.min ? `:min='${el.min}'` : '' const min = el.min ? `:min='${el.min}'` : "";
const max = el.max ? `:max='${el.max}'` : '' const max = el.max ? `:max='${el.max}'` : "";
const step = el.step ? `:step='${el.step}'` : '' const step = el.step ? `:step='${el.step}'` : "";
const range = el.range ? 'range' : '' const range = el.range ? "range" : "";
const showStops = el['show-stops'] ? `:show-stops="${el['show-stops']}"` : '' const showStops = el["show-stops"] ? `:show-stops="${el["show-stops"]}"` : "";
return `<${el.tag} ${min} ${max} ${step} ${vModel} ${range} ${showStops} ${disabled}></${el.tag}>` return `<${el.tag} ${min} ${max} ${step} ${vModel} ${range} ${showStops} ${disabled}></${el.tag}>`;
}, },
'el-time-picker': el => { "el-time-picker": el => {
const { const {
disabled, vModel, clearable, placeholder, width disabled, vModel, clearable, placeholder, width
} = attrBuilder(el) } = attrBuilder(el);
const startPlaceholder = el['start-placeholder'] ? `start-placeholder="${el['start-placeholder']}"` : '' const startPlaceholder = el["start-placeholder"] ? `start-placeholder="${el["start-placeholder"]}"` : "";
const endPlaceholder = el['end-placeholder'] ? `end-placeholder="${el['end-placeholder']}"` : '' const endPlaceholder = el["end-placeholder"] ? `end-placeholder="${el["end-placeholder"]}"` : "";
const rangeSeparator = el['range-separator'] ? `range-separator="${el['range-separator']}"` : '' const rangeSeparator = el["range-separator"] ? `range-separator="${el["range-separator"]}"` : "";
const isRange = el['is-range'] ? 'is-range' : '' const isRange = el["is-range"] ? "is-range" : "";
const format = el.format ? `format="${el.format}"` : '' const format = el.format ? `format="${el.format}"` : "";
const valueFormat = el['value-format'] ? `value-format="${el['value-format']}"` : '' const valueFormat = el["value-format"] ? `value-format="${el["value-format"]}"` : "";
const pickerOptions = el['picker-options'] ? `:picker-options='${JSON.stringify(el['picker-options'])}'` : '' const pickerOptions = el["picker-options"] ? `:picker-options='${JSON.stringify(el["picker-options"])}'` : "";
return `<${el.tag} ${vModel} ${isRange} ${format} ${valueFormat} ${pickerOptions} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${disabled}></${el.tag}>` return `<${el.tag} ${vModel} ${isRange} ${format} ${valueFormat} ${pickerOptions} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${disabled}></${el.tag}>`;
}, },
'el-date-picker': el => { "el-date-picker": el => {
const { const {
disabled, vModel, clearable, placeholder, width disabled, vModel, clearable, placeholder, width
} = attrBuilder(el) } = attrBuilder(el);
const startPlaceholder = el['start-placeholder'] ? `start-placeholder="${el['start-placeholder']}"` : '' const startPlaceholder = el["start-placeholder"] ? `start-placeholder="${el["start-placeholder"]}"` : "";
const endPlaceholder = el['end-placeholder'] ? `end-placeholder="${el['end-placeholder']}"` : '' const endPlaceholder = el["end-placeholder"] ? `end-placeholder="${el["end-placeholder"]}"` : "";
const rangeSeparator = el['range-separator'] ? `range-separator="${el['range-separator']}"` : '' const rangeSeparator = el["range-separator"] ? `range-separator="${el["range-separator"]}"` : "";
const format = el.format ? `format="${el.format}"` : '' const format = el.format ? `format="${el.format}"` : "";
const valueFormat = el['value-format'] ? `value-format="${el['value-format']}"` : '' const valueFormat = el["value-format"] ? `value-format="${el["value-format"]}"` : "";
const type = el.type === 'date' ? '' : `type="${el.type}"` const type = el.type === "date" ? "" : `type="${el.type}"`;
const readonly = el.readonly ? 'readonly' : '' const readonly = el.readonly ? "readonly" : "";
return `<${el.tag} ${type} ${vModel} ${format} ${valueFormat} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${readonly} ${disabled}></${el.tag}>` return `<${el.tag} ${type} ${vModel} ${format} ${valueFormat} ${width} ${placeholder} ${startPlaceholder} ${endPlaceholder} ${rangeSeparator} ${clearable} ${readonly} ${disabled}></${el.tag}>`;
}, },
'el-rate': el => { "el-rate": el => {
const { disabled, vModel } = attrBuilder(el) const { disabled, vModel } = attrBuilder(el);
const max = el.max ? `:max='${el.max}'` : '' const allowHalf = el["allow-half"] ? "allow-half" : "";
const allowHalf = el['allow-half'] ? 'allow-half' : '' const showText = el["show-text"] ? "show-text" : "";
const showText = el['show-text'] ? 'show-text' : '' const showScore = el["show-score"] ? "show-score" : "";
const showScore = el['show-score'] ? 'show-score' : ''
return `<${el.tag} ${vModel} ${allowHalf} ${showText} ${showScore} ${disabled}></${el.tag}>` return `<${el.tag} ${vModel} ${allowHalf} ${showText} ${showScore} ${disabled}></${el.tag}>`;
}, },
'el-color-picker': el => { "el-color-picker": el => {
const { disabled, vModel } = attrBuilder(el) const { disabled, vModel } = attrBuilder(el);
const size = `size="${el.size}"` const size = `size="${el.size}"`;
const showAlpha = el['show-alpha'] ? 'show-alpha' : '' const showAlpha = el["show-alpha"] ? "show-alpha" : "";
const colorFormat = el['color-format'] ? `color-format="${el['color-format']}"` : '' const colorFormat = el["color-format"] ? `color-format="${el["color-format"]}"` : "";
return `<${el.tag} ${vModel} ${size} ${showAlpha} ${colorFormat} ${disabled}></${el.tag}>` return `<${el.tag} ${vModel} ${size} ${showAlpha} ${colorFormat} ${disabled}></${el.tag}>`;
}, },
'el-upload': el => { "el-upload": el => {
const disabled = el.disabled ? ':disabled=\'true\'' : '' const disabled = el.disabled ? ":disabled='true'" : "";
const action = el.action ? `:action="${el.vModel}Action"` : '' const action = el.action ? `:action="${el.vModel}Action"` : "";
const multiple = el.multiple ? 'multiple' : '' const multiple = el.multiple ? "multiple" : "";
const listType = el['list-type'] !== 'text' ? `list-type="${el['list-type']}"` : '' const listType = el["list-type"] !== "text" ? `list-type="${el["list-type"]}"` : "";
const accept = el.accept ? `accept="${el.accept}"` : '' const accept = el.accept ? `accept="${el.accept}"` : "";
const name = el.name !== 'file' ? `name="${el.name}"` : '' const name = el.name !== "file" ? `name="${el.name}"` : "";
const autoUpload = el['auto-upload'] === false ? ':auto-upload="false"' : '' const autoUpload = el["auto-upload"] === false ? ':auto-upload="false"' : "";
const beforeUpload = `:before-upload="${el.vModel}BeforeUpload"` const beforeUpload = `:before-upload="${el.vModel}BeforeUpload"`;
const fileList = `:file-list="${el.vModel}fileList"` const fileList = `:file-list="${el.vModel}fileList"`;
const ref = `ref="${el.vModel}"` const ref = `ref="${el.vModel}"`;
let child = buildElUploadChild(el) let child = buildElUploadChild(el);
if (child) child = `\n${child}\n` // 换行 if (child) child = `\n${child}\n`; // 换行
return `<${el.tag} ${ref} ${fileList} ${action} ${autoUpload} ${multiple} ${beforeUpload} ${listType} ${accept} ${name} ${disabled}>${child}</${el.tag}>` return `<${el.tag} ${ref} ${fileList} ${action} ${autoUpload} ${multiple} ${beforeUpload} ${listType} ${accept} ${name} ${disabled}>${child}</${el.tag}>`;
} }
} };
function attrBuilder(el) { function attrBuilder(el) {
return { return {
vModel: `v-model="${confGlobal.formModel}.${el.vModel}"`, vModel: `v-model="${confGlobal.formModel}.${el.vModel}"`,
clearable: el.clearable ? 'clearable' : '', clearable: el.clearable ? "clearable" : "",
placeholder: el.placeholder ? `placeholder="${el.placeholder}"` : '', placeholder: el.placeholder ? `placeholder="${el.placeholder}"` : "",
width: el.style && el.style.width ? ':style="{width: \'100%\'}"' : '', width: el.style && el.style.width ? ':style="{width: \'100%\'}"' : "",
disabled: el.disabled ? ':disabled=\'true\'' : '' disabled: el.disabled ? ":disabled='true'" : ""
} };
} }
// el-buttin 子级 // el-buttin 子级
function buildElButtonChild(conf) { function buildElButtonChild(conf) {
const children = [] const children = [];
if (conf.default) { if (conf.default) {
children.push(conf.default) children.push(conf.default);
} }
return children.join('\n') return children.join("\n");
} }
// el-input innerHTML // el-input innerHTML
function buildElInputChild(conf) { function buildElInputChild(conf) {
const children = [] const children = [];
if (conf.prepend) { if (conf.prepend) {
children.push(`<template slot="prepend">${conf.prepend}</template>`) children.push(`<template slot="prepend">${conf.prepend}</template>`);
} }
if (conf.append) { if (conf.append) {
children.push(`<template slot="append">${conf.append}</template>`) children.push(`<template slot="append">${conf.append}</template>`);
} }
return children.join('\n') return children.join("\n");
} }
function buildElSelectChild(conf) { function buildElSelectChild(conf) {
const children = [] const children = [];
if (conf.options && conf.options.length) { if (conf.options && conf.options.length) {
children.push(`<el-option v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.label" :value="item.value" :disabled="item.disabled"></el-option>`) children.push(`<el-option v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.label" :value="item.value" :disabled="item.disabled"></el-option>`);
} }
return children.join('\n') return children.join("\n");
} }
function buildElRadioGroupChild(conf) { function buildElRadioGroupChild(conf) {
const children = [] const children = [];
if (conf.options && conf.options.length) { if (conf.options && conf.options.length) {
const tag = conf.optionType === 'button' ? 'el-radio-button' : 'el-radio' const tag = conf.optionType === "button" ? "el-radio-button" : "el-radio";
const border = conf.border ? 'border' : '' const border = conf.border ? "border" : "";
children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}</${tag}>`) children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}</${tag}>`);
} }
return children.join('\n') return children.join("\n");
} }
function buildElCheckboxGroupChild(conf) { function buildElCheckboxGroupChild(conf) {
const children = [] const children = [];
if (conf.options && conf.options.length) { if (conf.options && conf.options.length) {
const tag = conf.optionType === 'button' ? 'el-checkbox-button' : 'el-checkbox' const tag = conf.optionType === "button" ? "el-checkbox-button" : "el-checkbox";
const border = conf.border ? 'border' : '' const border = conf.border ? "border" : "";
children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}</${tag}>`) children.push(`<${tag} v-for="(item, index) in ${conf.vModel}Options" :key="index" :label="item.value" :disabled="item.disabled" ${border}>{{item.label}}</${tag}>`);
} }
return children.join('\n') return children.join("\n");
} }
function buildElUploadChild(conf) { function buildElUploadChild(conf) {
const list = [] const list = [];
if (conf['list-type'] === 'picture-card') list.push('<i class="el-icon-plus"></i>') if (conf["list-type"] === "picture-card") list.push('<i class="el-icon-plus"></i>');
else list.push(`<el-button size="small" type="primary" icon="el-icon-upload">${conf.buttonText}</el-button>`) else list.push(`<el-button size="small" type="primary" icon="el-icon-upload">${conf.buttonText}</el-button>`);
if (conf.showTip) list.push(`<div slot="tip" class="el-upload__tip">只能上传不超过 ${conf.fileSize}${conf.sizeUnit} 的${conf.accept}文件</div>`) if (conf.showTip) list.push(`<div slot="tip" class="el-upload__tip">只能上传不超过 ${conf.fileSize}${conf.sizeUnit} 的${conf.accept}文件</div>`);
return list.join('\n') return list.join("\n");
} }
export function makeUpHtml(conf, type) { export function makeUpHtml(conf, type) {
const htmlList = [] const htmlList = [];
confGlobal = conf confGlobal = conf;
someSpanIsNot24 = conf.fields.some(item => item.span !== 24) someSpanIsNot24 = conf.fields.some(item => item.span !== 24);
conf.fields.forEach(el => { conf.fields.forEach(el => {
htmlList.push(layouts[el.layout](el)) htmlList.push(layouts[el.layout](el));
}) });
const htmlStr = htmlList.join('\n') const htmlStr = htmlList.join("\n");
let temp = buildFormTemplate(conf, htmlStr, type) let temp = buildFormTemplate(conf, htmlStr, type);
if (type === 'dialog') { if (type === "dialog") {
temp = dialogWrapper(temp) temp = dialogWrapper(temp);
} }
confGlobal = null confGlobal = null;
return temp return temp;
} }

182
dvadmin-ui/src/utils/generator/js.js
View File

@ -1,78 +1,77 @@
import { isArray } from 'util' import { isArray } from "util";
import { exportDefault, titleCase } from '@/utils/index' import { exportDefault, titleCase } from "@/utils/index";
import { trigger } from './config' import { trigger } from "./config";
const units = { const units = {
KB: '1024', KB: "1024",
MB: '1024 / 1024', MB: "1024 / 1024",
GB: '1024 / 1024 / 1024' GB: "1024 / 1024 / 1024"
} };
let confGlobal let confGlobal;
const inheritAttrs = { const inheritAttrs = {
file: '', file: "",
dialog: 'inheritAttrs: false,' dialog: "inheritAttrs: false,"
} };
export function makeUpJs(conf, type) { export function makeUpJs(conf, type) {
confGlobal = conf = JSON.parse(JSON.stringify(conf)) confGlobal = conf = JSON.parse(JSON.stringify(conf));
const dataList = [] const dataList = [];
const ruleList = [] const ruleList = [];
const optionsList = [] const optionsList = [];
const propsList = [] const propsList = [];
const methodList = mixinMethod(type) const methodList = mixinMethod(type);
const uploadVarList = [] const uploadVarList = [];
conf.fields.forEach(el => { conf.fields.forEach(el => {
buildAttributes(el, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) buildAttributes(el, dataList, ruleList, optionsList, methodList, propsList, uploadVarList);
}) });
const script = buildexport( const script = buildexport(
conf, conf,
type, type,
dataList.join('\n'), dataList.join("\n"),
ruleList.join('\n'), ruleList.join("\n"),
optionsList.join('\n'), optionsList.join("\n"),
uploadVarList.join('\n'), uploadVarList.join("\n"),
propsList.join('\n'), propsList.join("\n"),
methodList.join('\n') methodList.join("\n")
) );
confGlobal = null confGlobal = null;
return script return script;
} }
function buildAttributes(el, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) { function buildAttributes(el, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) {
buildData(el, dataList) buildData(el, dataList);
buildRules(el, ruleList) buildRules(el, ruleList);
if (el.options && el.options.length) { if (el.options && el.options.length) {
buildOptions(el, optionsList) buildOptions(el, optionsList);
if (el.dataType === 'dynamic') { if (el.dataType === "dynamic") {
const model = `${el.vModel}Options` const model = `${el.vModel}Options`;
const options = titleCase(model) const options = titleCase(model);
buildOptionMethod(`get${options}`, model, methodList) buildOptionMethod(`get${options}`, model, methodList);
} }
} }
if (el.props && el.props.props) { if (el.props && el.props.props) {
buildProps(el, propsList) buildProps(el, propsList);
} }
if (el.action && el.tag === 'el-upload') { if (el.action && el.tag === "el-upload") {
uploadVarList.push( uploadVarList.push(
`${el.vModel}Action: '${el.action}', `${el.vModel}Action: '${el.action}',
${el.vModel}fileList: [],` ${el.vModel}fileList: [],`
) );
methodList.push(buildBeforeUpload(el)) methodList.push(buildBeforeUpload(el));
if (!el['auto-upload']) { if (!el["auto-upload"]) {
methodList.push(buildSubmitUpload(el)) methodList.push(buildSubmitUpload(el));
} }
} }
if (el.children) { if (el.children) {
el.children.forEach(el2 => { el.children.forEach(el2 => {
buildAttributes(el2, dataList, ruleList, optionsList, methodList, propsList, uploadVarList) buildAttributes(el2, dataList, ruleList, optionsList, methodList, propsList, uploadVarList);
}) });
} }
} }
@ -91,7 +90,7 @@ function mixinMethod(type) {
},` },`
} : null, } : null,
dialog: { dialog: {
onOpen: 'onOpen() {},', onOpen: "onOpen() {},",
onClose: `onClose() { onClose: `onClose() {
this.$refs['${confGlobal.formRef}'].resetFields() this.$refs['${confGlobal.formRef}'].resetFields()
},`, },`,
@ -105,105 +104,106 @@ function mixinMethod(type) {
}) })
},` },`
} }
} };
const methods = minxins[type] const methods = minxins[type];
if (methods) { if (methods) {
Object.keys(methods).forEach(key => { Object.keys(methods).forEach(key => {
list.push(methods[key]) list.push(methods[key]);
}) });
} }
return list return list;
} }
function buildData(conf, dataList) { function buildData(conf, dataList) {
if (conf.vModel === undefined) return if (conf.vModel === undefined) return;
let defaultValue let defaultValue;
if (typeof (conf.defaultValue) === 'string' && !conf.multiple) { if (typeof (conf.defaultValue) === "string" && !conf.multiple) {
defaultValue = `'${conf.defaultValue}'` defaultValue = `'${conf.defaultValue}'`;
} else { } else {
defaultValue = `${JSON.stringify(conf.defaultValue)}` defaultValue = `${JSON.stringify(conf.defaultValue)}`;
} }
dataList.push(`${conf.vModel}: ${defaultValue},`) dataList.push(`${conf.vModel}: ${defaultValue},`);
} }
function buildRules(conf, ruleList) { function buildRules(conf, ruleList) {
if (conf.vModel === undefined) return if (conf.vModel === undefined) return;
const rules = [] const rules = [];
if (trigger[conf.tag]) { if (trigger[conf.tag]) {
if (conf.required) { if (conf.required) {
const type = isArray(conf.defaultValue) ? 'type: \'array\',' : '' const type = isArray(conf.defaultValue) ? "type: 'array'," : "";
let message = isArray(conf.defaultValue) ? `请至少选择一个${conf.vModel}` : conf.placeholder let message = isArray(conf.defaultValue) ? `请至少选择一个${conf.vModel}` : conf.placeholder;
if (message === undefined) message = `${conf.label}不能为空` if (message === undefined) message = `${conf.label}不能为空`;
rules.push(`{ required: true, ${type} message: '${message}', trigger: '${trigger[conf.tag]}' }`) rules.push(`{ required: true, ${type} message: '${message}', trigger: '${trigger[conf.tag]}' }`);
} }
if (conf.regList && isArray(conf.regList)) { if (conf.regList && isArray(conf.regList)) {
conf.regList.forEach(item => { conf.regList.forEach(item => {
if (item.pattern) { if (item.pattern) {
rules.push(`{ pattern: ${eval(item.pattern)}, message: '${item.message}', trigger: '${trigger[conf.tag]}' }`) // eslint-disable-next-line no-eval
rules.push(`{ pattern: ${eval(item.pattern)}, message: '${item.message}', trigger: '${trigger[conf.tag]}' }`);
} }
}) });
} }
ruleList.push(`${conf.vModel}: [${rules.join(',')}],`) ruleList.push(`${conf.vModel}: [${rules.join(",")}],`);
} }
} }
function buildOptions(conf, optionsList) { function buildOptions(conf, optionsList) {
if (conf.vModel === undefined) return if (conf.vModel === undefined) return;
if (conf.dataType === 'dynamic') { conf.options = [] } if (conf.dataType === "dynamic") { conf.options = []; }
const str = `${conf.vModel}Options: ${JSON.stringify(conf.options)},` const str = `${conf.vModel}Options: ${JSON.stringify(conf.options)},`;
optionsList.push(str) optionsList.push(str);
} }
function buildProps(conf, propsList) { function buildProps(conf, propsList) {
if (conf.dataType === 'dynamic') { if (conf.dataType === "dynamic") {
conf.valueKey !== 'value' && (conf.props.props.value = conf.valueKey) conf.valueKey !== "value" && (conf.props.props.value = conf.valueKey);
conf.labelKey !== 'label' && (conf.props.props.label = conf.labelKey) conf.labelKey !== "label" && (conf.props.props.label = conf.labelKey);
conf.childrenKey !== 'children' && (conf.props.props.children = conf.childrenKey) conf.childrenKey !== "children" && (conf.props.props.children = conf.childrenKey);
} }
const str = `${conf.vModel}Props: ${JSON.stringify(conf.props.props)},` const str = `${conf.vModel}Props: ${JSON.stringify(conf.props.props)},`;
propsList.push(str) propsList.push(str);
} }
function buildBeforeUpload(conf) { function buildBeforeUpload(conf) {
const unitNum = units[conf.sizeUnit]; let rightSizeCode = ''; let acceptCode = ''; const const unitNum = units[conf.sizeUnit]; let rightSizeCode = ""; let acceptCode = ""; const
returnList = [] returnList = [];
if (conf.fileSize) { if (conf.fileSize) {
rightSizeCode = `let isRightSize = file.size / ${unitNum} < ${conf.fileSize} rightSizeCode = `let isRightSize = file.size / ${unitNum} < ${conf.fileSize}
if(!isRightSize){ if(!isRightSize){
this.$message.error('文件大小超过 ${conf.fileSize}${conf.sizeUnit}') this.$message.error('文件大小超过 ${conf.fileSize}${conf.sizeUnit}')
}` }`;
returnList.push('isRightSize') returnList.push("isRightSize");
} }
if (conf.accept) { if (conf.accept) {
acceptCode = `let isAccept = new RegExp('${conf.accept}').test(file.type) acceptCode = `let isAccept = new RegExp('${conf.accept}').test(file.type)
if(!isAccept){ if(!isAccept){
this.$message.error('应该选择${conf.accept}类型的文件') this.$message.error('应该选择${conf.accept}类型的文件')
}` }`;
returnList.push('isAccept') returnList.push("isAccept");
} }
const str = `${conf.vModel}BeforeUpload(file) { const str = `${conf.vModel}BeforeUpload(file) {
${rightSizeCode} ${rightSizeCode}
${acceptCode} ${acceptCode}
return ${returnList.join('&&')} return ${returnList.join("&&")}
},` },`;
return returnList.length ? str : '' return returnList.length ? str : "";
} }
function buildSubmitUpload(conf) { function buildSubmitUpload(conf) {
const str = `submitUpload() { const str = `submitUpload() {
this.$refs['${conf.vModel}'].submit() this.$refs['${conf.vModel}'].submit()
},` },`;
return str return str;
} }
function buildOptionMethod(methodName, model, methodList) { function buildOptionMethod(methodName, model, methodList) {
const str = `${methodName}() { const str = `${methodName}() {
// TODO 发起请求获取数据 // TODO 发起请求获取数据
this.${model} this.${model}
},` },`;
methodList.push(str) methodList.push(str);
} }
function buildexport(conf, type, data, rules, selectOptions, uploadVar, props, methods) { function buildexport(conf, type, data, rules, selectOptions, uploadVar, props, methods) {
@ -231,6 +231,6 @@ function buildexport(conf, type, data, rules, selectOptions, uploadVar, props, m
methods: { methods: {
${methods} ${methods}
} }
}` }`;
return str return str;
} }

136
dvadmin-ui/src/utils/generator/render.js
View File

@ -1,91 +1,91 @@
import { makeMap } from '@/utils/index' import { makeMap } from "@/utils/index";
// 参考https://github.com/vuejs/vue/blob/v2.6.10/src/platforms/web/server/util.js // 参考https://github.com/vuejs/vue/blob/v2.6.10/src/platforms/web/server/util.js
const isAttr = makeMap( const isAttr = makeMap(
'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,' "accept,accept-charset,accesskey,action,align,alt,async,autocomplete," +
+ 'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,' "autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset," +
+ 'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,' "checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv," +
+ 'name,contenteditable,contextmenu,controls,coords,data,datetime,default,' "name,contenteditable,contextmenu,controls,coords,data,datetime,default," +
+ 'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,' "defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for," +
+ 'form,formaction,headers,height,hidden,high,href,hreflang,http-equiv,' "form,formaction,headers,height,hidden,high,href,hreflang,http-equiv," +
+ 'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,' "icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low," +
+ 'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,' "manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file," +
+ 'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,' "muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster," +
+ 'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,' "preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox," +
+ 'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,' "scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span," +
+ 'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,' "spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex," +
+ 'target,title,type,usemap,value,width,wrap' "target,title,type,usemap,value,width,wrap"
) );
function vModel(self, dataObject, defaultValue) { function vModel(self, dataObject, defaultValue) {
dataObject.props.value = defaultValue dataObject.props.value = defaultValue;
dataObject.on.input = val => { dataObject.on.input = val => {
self.$emit('input', val) self.$emit("input", val);
} };
} }
const componentChild = { const componentChild = {
'el-button': { "el-button": {
default(h, conf, key) { default(h, conf, key) {
return conf[key] return conf[key];
}, }
}, },
'el-input': { "el-input": {
prepend(h, conf, key) { prepend(h, conf, key) {
return <template slot="prepend">{conf[key]}</template> return <template slot='prepend'>{conf[key]}</template>;
}, },
append(h, conf, key) { append(h, conf, key) {
return <template slot="append">{conf[key]}</template> return <template slot='append'>{conf[key]}</template>;
} }
}, },
'el-select': { "el-select": {
options(h, conf, key) { options(h, conf, key) {
const list = [] const list = [];
conf.options.forEach(item => { conf.options.forEach(item => {
list.push(<el-option label={item.label} value={item.value} disabled={item.disabled}></el-option>) list.push(<el-option label={item.label} value={item.value} disabled={item.disabled}></el-option>);
}) });
return list return list;
} }
}, },
'el-radio-group': { "el-radio-group": {
options(h, conf, key) { options(h, conf, key) {
const list = [] const list = [];
conf.options.forEach(item => { conf.options.forEach(item => {
if (conf.optionType === 'button') list.push(<el-radio-button label={item.value}>{item.label}</el-radio-button>) if (conf.optionType === "button") list.push(<el-radio-button label={item.value}>{item.label}</el-radio-button>);
else list.push(<el-radio label={item.value} border={conf.border}>{item.label}</el-radio>) else list.push(<el-radio label={item.value} border={conf.border}>{item.label}</el-radio>);
}) });
return list return list;
} }
}, },
'el-checkbox-group': { "el-checkbox-group": {
options(h, conf, key) { options(h, conf, key) {
const list = [] const list = [];
conf.options.forEach(item => { conf.options.forEach(item => {
if (conf.optionType === 'button') { if (conf.optionType === "button") {
list.push(<el-checkbox-button label={item.value}>{item.label}</el-checkbox-button>) list.push(<el-checkbox-button label={item.value}>{item.label}</el-checkbox-button>);
} else { } else {
list.push(<el-checkbox label={item.value} border={conf.border}>{item.label}</el-checkbox>) list.push(<el-checkbox label={item.value} border={conf.border}>{item.label}</el-checkbox>);
} }
}) });
return list return list;
} }
}, },
'el-upload': { "el-upload": {
'list-type': (h, conf, key) => { "list-type": (h, conf, key) => {
const list = [] const list = [];
if (conf['list-type'] === 'picture-card') { if (conf["list-type"] === "picture-card") {
list.push(<i class="el-icon-plus"></i>) list.push(<i class='el-icon-plus'></i>);
} else { } else {
list.push(<el-button size="small" type="primary" icon="el-icon-upload">{conf.buttonText}</el-button>) list.push(<el-button size='small' type='primary' icon='el-icon-upload'>{conf.buttonText}</el-button>);
} }
if (conf.showTip) { if (conf.showTip) {
list.push(<div slot="tip" class="el-upload__tip">只能上传不超过 {conf.fileSize}{conf.sizeUnit} 的{conf.accept}文件</div>) list.push(<div slot='tip' class='el-upload__tip'>只能上传不超过 {conf.fileSize}{conf.sizeUnit} 的{conf.accept}文件</div>);
} }
return list return list;
} }
} }
} };
export default { export default {
render(h) { render(h) {
@ -94,33 +94,33 @@ export default {
props: {}, props: {},
on: {}, on: {},
style: {} style: {}
} };
const confClone = JSON.parse(JSON.stringify(this.conf)) const confClone = JSON.parse(JSON.stringify(this.conf));
const children = [] const children = [];
const childObjs = componentChild[confClone.tag] const childObjs = componentChild[confClone.tag];
if (childObjs) { if (childObjs) {
Object.keys(childObjs).forEach(key => { Object.keys(childObjs).forEach(key => {
const childFunc = childObjs[key] const childFunc = childObjs[key];
if (confClone[key]) { if (confClone[key]) {
children.push(childFunc(h, confClone, key)) children.push(childFunc(h, confClone, key));
} }
}) });
} }
Object.keys(confClone).forEach(key => { Object.keys(confClone).forEach(key => {
const val = confClone[key] const val = confClone[key];
if (key === 'vModel') { if (key === "vModel") {
vModel(this, dataObject, confClone.defaultValue) vModel(this, dataObject, confClone.defaultValue);
} else if (dataObject[key]) { } else if (dataObject[key]) {
dataObject[key] = val dataObject[key] = val;
} else if (!isAttr(key)) { } else if (!isAttr(key)) {
dataObject.props[key] = val dataObject.props[key] = val;
} else { } else {
dataObject.attrs[key] = val dataObject.attrs[key] = val;
} }
}) });
return h(this.conf.tag, dataObject, children) return h(this.conf.tag, dataObject, children);
}, },
props: ['conf'] props: ["conf"]
} };

270
dvadmin-ui/src/utils/index.js
View File

@ -1,18 +1,18 @@
import { parseTime } from './ruoyi' import { parseTime } from "./ruoyi";
/** /**
* 表格时间格式化 * 表格时间格式化
*/ */
export function formatDate(cellValue) { export function formatDate(cellValue) {
if (cellValue == null || cellValue == "") return ""; if (cellValue == null || cellValue == "") return "";
var date = new Date(cellValue) var date = new Date(cellValue);
var year = date.getFullYear() var year = date.getFullYear();
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
var hours = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
var minutes = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
var seconds = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
} }
/** /**
@ -21,40 +21,40 @@ export function formatDate(cellValue) {
* @returns {string} * @returns {string}
*/ */
export function formatTime(time, option) { export function formatTime(time, option) {
if (('' + time).length === 10) { if (("" + time).length === 10) {
time = parseInt(time) * 1000 time = parseInt(time) * 1000;
} else { } else {
time = +time time = +time;
} }
const d = new Date(time) const d = new Date(time);
const now = Date.now() const now = Date.now();
const diff = (now - d) / 1000 const diff = (now - d) / 1000;
if (diff < 30) { if (diff < 30) {
return '刚刚' return "刚刚";
} else if (diff < 3600) { } else if (diff < 3600) {
// less 1 hour // less 1 hour
return Math.ceil(diff / 60) + '分钟前' return Math.ceil(diff / 60) + "分钟前";
} else if (diff < 3600 * 24) { } else if (diff < 3600 * 24) {
return Math.ceil(diff / 3600) + '小时前' return Math.ceil(diff / 3600) + "小时前";
} else if (diff < 3600 * 24 * 2) { } else if (diff < 3600 * 24 * 2) {
return '1天前' return "1天前";
} }
if (option) { if (option) {
return parseTime(time, option) return parseTime(time, option);
} else { } else {
return ( return (
d.getMonth() + d.getMonth() +
1 + 1 +
'月' + "月" +
d.getDate() + d.getDate() +
'日' + "日" +
d.getHours() + d.getHours() +
'时' + "时" +
d.getMinutes() + d.getMinutes() +
'分' "分"
) );
} }
} }
@ -63,18 +63,18 @@ export function formatTime(time, option) {
* @returns {Object} * @returns {Object}
*/ */
export function getQueryObject(url) { export function getQueryObject(url) {
url = url == null ? window.location.href : url url = url == null ? window.location.href : url;
const search = url.substring(url.lastIndexOf('?') + 1) const search = url.substring(url.lastIndexOf("?") + 1);
const obj = {} const obj = {};
const reg = /([^?&=]+)=([^?&=]*)/g const reg = /([^?&=]+)=([^?&=]*)/g;
search.replace(reg, (rs, $1, $2) => { search.replace(reg, (rs, $1, $2) => {
const name = decodeURIComponent($1) const name = decodeURIComponent($1);
let val = decodeURIComponent($2) let val = decodeURIComponent($2);
val = String(val) val = String(val);
obj[name] = val obj[name] = val;
return rs return rs;
}) });
return obj return obj;
} }
/** /**
@ -83,14 +83,14 @@ export function getQueryObject(url) {
*/ */
export function byteLength(str) { export function byteLength(str) {
// returns the byte length of an utf8 string // returns the byte length of an utf8 string
let s = str.length let s = str.length;
for (var i = str.length - 1; i >= 0; i--) { for (var i = str.length - 1; i >= 0; i--) {
const code = str.charCodeAt(i) const code = str.charCodeAt(i);
if (code > 0x7f && code <= 0x7ff) s++ if (code > 0x7f && code <= 0x7ff) s++;
else if (code > 0x7ff && code <= 0xffff) s += 2 else if (code > 0x7ff && code <= 0xffff) s += 2;
if (code >= 0xDC00 && code <= 0xDFFF) i-- if (code >= 0xDC00 && code <= 0xDFFF) i--;
} }
return s return s;
} }
/** /**
@ -98,13 +98,13 @@ export function byteLength(str) {
* @returns {Array} * @returns {Array}
*/ */
export function cleanArray(actual) { export function cleanArray(actual) {
const newArray = [] const newArray = [];
for (let i = 0; i < actual.length; i++) { for (let i = 0; i < actual.length; i++) {
if (actual[i]) { if (actual[i]) {
newArray.push(actual[i]) newArray.push(actual[i]);
} }
} }
return newArray return newArray;
} }
/** /**
@ -112,13 +112,13 @@ export function cleanArray(actual) {
* @returns {Array} * @returns {Array}
*/ */
export function param(json) { export function param(json) {
if (!json) return '' if (!json) return "";
return cleanArray( return cleanArray(
Object.keys(json).map(key => { Object.keys(json).map(key => {
if (json[key] === undefined) return '' if (json[key] === undefined) return "";
return encodeURIComponent(key) + '=' + encodeURIComponent(json[key]) return encodeURIComponent(key) + "=" + encodeURIComponent(json[key]);
}) })
).join('&') ).join("&");
} }
/** /**
@ -126,21 +126,21 @@ export function param(json) {
* @returns {Object} * @returns {Object}
*/ */
export function param2Obj(url) { export function param2Obj(url) {
const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ') const search = decodeURIComponent(url.split("?")[1]).replace(/\+/g, " ");
if (!search) { if (!search) {
return {} return {};
} }
const obj = {} const obj = {};
const searchArr = search.split('&') const searchArr = search.split("&");
searchArr.forEach(v => { searchArr.forEach(v => {
const index = v.indexOf('=') const index = v.indexOf("=");
if (index !== -1) { if (index !== -1) {
const name = v.substring(0, index) const name = v.substring(0, index);
const val = v.substring(index + 1, v.length) const val = v.substring(index + 1, v.length);
obj[name] = val obj[name] = val;
} }
}) });
return obj return obj;
} }
/** /**
@ -148,9 +148,9 @@ export function param2Obj(url) {
* @returns {string} * @returns {string}
*/ */
export function html2Text(val) { export function html2Text(val) {
const div = document.createElement('div') const div = document.createElement("div");
div.innerHTML = val div.innerHTML = val;
return div.textContent || div.innerText return div.textContent || div.innerText;
} }
/** /**
@ -160,21 +160,21 @@ export function html2Text(val) {
* @returns {Object} * @returns {Object}
*/ */
export function objectMerge(target, source) { export function objectMerge(target, source) {
if (typeof target !== 'object') { if (typeof target !== "object") {
target = {} target = {};
} }
if (Array.isArray(source)) { if (Array.isArray(source)) {
return source.slice() return source.slice();
} }
Object.keys(source).forEach(property => { Object.keys(source).forEach(property => {
const sourceProperty = source[property] const sourceProperty = source[property];
if (typeof sourceProperty === 'object') { if (typeof sourceProperty === "object") {
target[property] = objectMerge(target[property], sourceProperty) target[property] = objectMerge(target[property], sourceProperty);
} else { } else {
target[property] = sourceProperty target[property] = sourceProperty;
} }
}) });
return target return target;
} }
/** /**
@ -183,18 +183,18 @@ export function objectMerge(target, source) {
*/ */
export function toggleClass(element, className) { export function toggleClass(element, className) {
if (!element || !className) { if (!element || !className) {
return return;
} }
let classString = element.className let classString = element.className;
const nameIndex = classString.indexOf(className) const nameIndex = classString.indexOf(className);
if (nameIndex === -1) { if (nameIndex === -1) {
classString += '' + className classString += "" + className;
} else { } else {
classString = classString =
classString.substr(0, nameIndex) + classString.substr(0, nameIndex) +
classString.substr(nameIndex + className.length) classString.substr(nameIndex + className.length);
} }
element.className = classString element.className = classString;
} }
/** /**
@ -202,10 +202,10 @@ export function toggleClass(element, className) {
* @returns {Date} * @returns {Date}
*/ */
export function getTime(type) { export function getTime(type) {
if (type === 'start') { if (type === "start") {
return new Date().getTime() - 3600 * 1000 * 24 * 90 return new Date().getTime() - 3600 * 1000 * 24 * 90;
} else { } else {
return new Date(new Date().toDateString()) return new Date(new Date().toDateString());
} }
} }
@ -216,38 +216,38 @@ export function getTime(type) {
* @return {*} * @return {*}
*/ */
export function debounce(func, wait, immediate) { export function debounce(func, wait, immediate) {
let timeout, args, context, timestamp, result let timeout, args, context, timestamp, result;
const later = function() { const later = function() {
// 据上一次触发时间间隔 // 据上一次触发时间间隔
const last = +new Date() - timestamp const last = +new Date() - timestamp;
// 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
if (last < wait && last > 0) { if (last < wait && last > 0) {
timeout = setTimeout(later, wait - last) timeout = setTimeout(later, wait - last);
} else { } else {
timeout = null timeout = null;
// 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用 // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
if (!immediate) { if (!immediate) {
result = func.apply(context, args) result = func.apply(context, args);
if (!timeout) context = args = null if (!timeout) context = args = null;
} }
} }
} };
return function(...args) { return function(...args) {
context = this context = this;
timestamp = +new Date() timestamp = +new Date();
const callNow = immediate && !timeout const callNow = immediate && !timeout;
// 如果延时不存在，重新设定延时 // 如果延时不存在，重新设定延时
if (!timeout) timeout = setTimeout(later, wait) if (!timeout) timeout = setTimeout(later, wait);
if (callNow) { if (callNow) {
result = func.apply(context, args) result = func.apply(context, args);
context = args = null context = args = null;
} }
return result return result;
} };
} }
/** /**
@ -258,18 +258,18 @@ export function debounce(func, wait, immediate) {
* @returns {Object} * @returns {Object}
*/ */
export function deepClone(source) { export function deepClone(source) {
if (!source && typeof source !== 'object') { if (!source && typeof source !== "object") {
throw new Error('error arguments', 'deepClone') throw new Error("error arguments", "deepClone");
} }
const targetObj = source.constructor === Array ? [] : {} const targetObj = source.constructor === Array ? [] : {};
Object.keys(source).forEach(keys => { Object.keys(source).forEach(keys => {
if (source[keys] && typeof source[keys] === 'object') { if (source[keys] && typeof source[keys] === "object") {
targetObj[keys] = deepClone(source[keys]) targetObj[keys] = deepClone(source[keys]);
} else { } else {
targetObj[keys] = source[keys] targetObj[keys] = source[keys];
} }
}) });
return targetObj return targetObj;
} }
/** /**
@ -277,16 +277,16 @@ export function deepClone(source) {
* @returns {Array} * @returns {Array}
*/ */
export function uniqueArr(arr) { export function uniqueArr(arr) {
return Array.from(new Set(arr)) return Array.from(new Set(arr));
} }
/** /**
* @returns {string} * @returns {string}
*/ */
export function createUniqueString() { export function createUniqueString() {
const timestamp = +new Date() + '' const timestamp = +new Date() + "";
const randomNum = parseInt((1 + Math.random()) * 65536) + '' const randomNum = parseInt((1 + Math.random()) * 65536) + "";
return (+(randomNum + timestamp)).toString(32) return (+(randomNum + timestamp)).toString(32);
} }
/** /**
@ -296,7 +296,7 @@ export function createUniqueString() {
* @returns {boolean} * @returns {boolean}
*/ */
export function hasClass(ele, cls) { export function hasClass(ele, cls) {
return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')) return !!ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
} }
/** /**
@ -305,7 +305,7 @@ export function hasClass(ele, cls) {
* @param {string} cls * @param {string} cls
*/ */
export function addClass(ele, cls) { export function addClass(ele, cls) {
if (!hasClass(ele, cls)) ele.className += ' ' + cls if (!hasClass(ele, cls)) ele.className += " " + cls;
} }
/** /**
@ -315,90 +315,90 @@ export function addClass(ele, cls) {
*/ */
export function removeClass(ele, cls) { export function removeClass(ele, cls) {
if (hasClass(ele, cls)) { if (hasClass(ele, cls)) {
const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)') const reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
ele.className = ele.className.replace(reg, ' ') ele.className = ele.className.replace(reg, " ");
} }
} }
export function makeMap(str, expectsLowerCase) { export function makeMap(str, expectsLowerCase) {
const map = Object.create(null) const map = Object.create(null);
const list = str.split(',') const list = str.split(",");
for (let i = 0; i < list.length; i++) { for (let i = 0; i < list.length; i++) {
map[list[i]] = true map[list[i]] = true;
} }
return expectsLowerCase return expectsLowerCase
? val => map[val.toLowerCase()] ? val => map[val.toLowerCase()]
: val => map[val] : val => map[val];
} }
export const exportDefault = 'export default ' export const exportDefault = "export default ";
export const beautifierConf = { export const beautifierConf = {
html: { html: {
indent_size: '2', indent_size: "2",
indent_char: ' ', indent_char: " ",
max_preserve_newlines: '-1', max_preserve_newlines: "-1",
preserve_newlines: false, preserve_newlines: false,
keep_array_indentation: false, keep_array_indentation: false,
break_chained_methods: false, break_chained_methods: false,
indent_scripts: 'separate', indent_scripts: "separate",
brace_style: 'end-expand', brace_style: "end-expand",
space_before_conditional: true, space_before_conditional: true,
unescape_strings: false, unescape_strings: false,
jslint_happy: false, jslint_happy: false,
end_with_newline: true, end_with_newline: true,
wrap_line_length: '110', wrap_line_length: "110",
indent_inner_html: true, indent_inner_html: true,
comma_first: false, comma_first: false,
e4x: true, e4x: true,
indent_empty_lines: true indent_empty_lines: true
}, },
js: { js: {
indent_size: '2', indent_size: "2",
indent_char: ' ', indent_char: " ",
max_preserve_newlines: '-1', max_preserve_newlines: "-1",
preserve_newlines: false, preserve_newlines: false,
keep_array_indentation: false, keep_array_indentation: false,
break_chained_methods: false, break_chained_methods: false,
indent_scripts: 'normal', indent_scripts: "normal",
brace_style: 'end-expand', brace_style: "end-expand",
space_before_conditional: true, space_before_conditional: true,
unescape_strings: false, unescape_strings: false,
jslint_happy: true, jslint_happy: true,
end_with_newline: true, end_with_newline: true,
wrap_line_length: '110', wrap_line_length: "110",
indent_inner_html: true, indent_inner_html: true,
comma_first: false, comma_first: false,
e4x: true, e4x: true,
indent_empty_lines: true indent_empty_lines: true
} }
} };
// 首字母大小 // 首字母大小
export function titleCase(str) { export function titleCase(str) {
return str.replace(/( |^)[a-z]/g, L => L.toUpperCase()) return str.replace(/( |^)[a-z]/g, L => L.toUpperCase());
} }
// 下划转驼峰 // 下划转驼峰
export function camelCase(str) { export function camelCase(str) {
return str.replace(/-[a-z]/g, str1 => str1.substr(-1).toUpperCase()) return str.replace(/-[a-z]/g, str1 => str1.substr(-1).toUpperCase());
} }
export function isNumberStr(str) { export function isNumberStr(str) {
return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str) return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str);
} }
// 是否函数 // 是否函数
export const isFunction = (o) => { export const isFunction = (o) => {
return Object.prototype.toString.call(o).slice(8, -1) === 'Function'; return Object.prototype.toString.call(o).slice(8, -1) === "Function";
}; };
// 是否数组 // 是否数组
export const isArray = (o) => { export const isArray = (o) => {
return Object.prototype.toString.call(o).slice(8, -1) === 'Array'; return Object.prototype.toString.call(o).slice(8, -1) === "Array";
}; };
// 是否对象 // 是否对象
export const isObj = (o) => { export const isObj = (o) => {
return Object.prototype.toString.call(o).slice(8, -1) === 'Object'; return Object.prototype.toString.call(o).slice(8, -1) === "Object";
}; };

34
dvadmin-ui/src/utils/jsencrypt.js
View File

@ -1,30 +1,30 @@
import JSEncrypt from 'jsencrypt/bin/jsencrypt.min' import JSEncrypt from "jsencrypt/bin/jsencrypt.min";
// 密钥对生成 http://web.chacuo.net/netrsakeypair // 密钥对生成 http://web.chacuo.net/netrsakeypair
const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n' + const publicKey = "MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBAKoR8mX0rGKLqzcWmOzbfj64K8ZIgOdH\n" +
'nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ==' "nzkXSOVOZbFu/TJhZ7rFAN+eaGkl3C4buccQd/EjEsj9ir7ijT7h96MCAwEAAQ==";
const privateKey = 'MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n' + const privateKey = "MIIBVAIBADANBgkqhkiG9w0BAQEFAASCAT4wggE6AgEAAkEAqhHyZfSsYourNxaY\n" +
'7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n' + "7Nt+PrgrxkiA50efORdI5U5lsW79MmFnusUA355oaSXcLhu5xxB38SMSyP2KvuKN\n" +
'PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n' + "PuH3owIDAQABAkAfoiLyL+Z4lf4Myxk6xUDgLaWGximj20CUf+5BKKnlrK+Ed8gA\n" +
'kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n' + "kM0HqoTt2UZwA5E2MzS4EI2gjfQhz5X28uqxAiEA3wNFxfrCZlSZHb0gn2zDpWow\n" +
'cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n' + "cSxQAgiCstxGUoOqlW8CIQDDOerGKH5OmCJ4Z21v+F25WaHYPxCFMvwxpcw99Ecv\n" +
'DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n' + "DQIgIdhDTIqD2jfYjPTY8Jj3EDGPbH2HHuffvflECt3Ek60CIQCFRlCkHpi7hthh\n" +
'YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n' + "YhovyloRYsM+IS9h/0BzlEAuO0ktMQIgSPT3aFAgJYwKpqRYKlLDVcflZFCKY7u3\n" +
'UP8iWi1Qw0Y=' "UP8iWi1Qw0Y=";
// 加密 // 加密
export function encrypt(txt) { export function encrypt(txt) {
const encryptor = new JSEncrypt() const encryptor = new JSEncrypt();
encryptor.setPublicKey(publicKey) // 设置公钥 encryptor.setPublicKey(publicKey); // 设置公钥
return encryptor.encrypt(txt) // 对数据进行加密 return encryptor.encrypt(txt); // 对数据进行加密
} }
// 解密 // 解密
export function decrypt(txt) { export function decrypt(txt) {
const encryptor = new JSEncrypt() const encryptor = new JSEncrypt();
encryptor.setPrivateKey(privateKey) // 设置私钥 encryptor.setPrivateKey(privateKey); // 设置私钥
return encryptor.decrypt(txt) // 对数据进行解密 return encryptor.decrypt(txt); // 对数据进行解密
} }

10
dvadmin-ui/src/utils/modelSelect.js
View File

@ -1,7 +1,7 @@
import store from '@/store' import store from "@/store";
// 获取字典方法 使用示例 this.getModelSelect(this.prop, this.label_name, this.listApi).then(res) // 获取字典方法 使用示例 this.getModelSelect(this.prop, this.label_name, this.listApi).then(res)
// 或者 async函数下 const res = await this.getModelSelect(this.prop, this.label_name, this.listApi) // 或者 async函数下 const res = await this.getModelSelect(this.prop, this.label_name, this.listApi)
export const getModelSelect = async (modelName, labelName, listApi, params, reset) => { export const getModelSelect = async(modelName, labelName, listApi, params, reset) => {
await store.dispatch("modelSelect/getModelSelect", {modelName, labelName, listApi, params, reset}) await store.dispatch("modelSelect/getModelSelect", { modelName, labelName, listApi, params, reset });
return store.getters["modelSelect/getModelSelect"][modelName] return store.getters["modelSelect/getModelSelect"][modelName];
} };

36
dvadmin-ui/src/utils/permission.js
View File

@ -1,4 +1,4 @@
import store from '@/store' import store from "@/store";
/** /**
* 字符权限校验 * 字符权限校验
@ -7,21 +7,21 @@ import store from '@/store'
*/ */
export function checkPermi(value) { export function checkPermi(value) {
if (value && value instanceof Array && value.length > 0) { if (value && value instanceof Array && value.length > 0) {
const permissions = store.getters && store.getters.permissions const permissions = store.getters && store.getters.permissions;
const permissionDatas = value const permissionDatas = value;
const all_permission = "*:*:*"; const all_permission = "*:*:*";
const hasPermission = permissions.some(permission => { const hasPermission = permissions.some(permission => {
return all_permission === permission || permissionDatas.includes(permission) return all_permission === permission || permissionDatas.includes(permission);
}) });
if (!hasPermission) { if (!hasPermission) {
return false return false;
} }
return true return true;
} else { } else {
console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`) console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`);
return false return false;
} }
} }
@ -32,20 +32,20 @@ export function checkPermi(value) {
*/ */
export function checkRole(value) { export function checkRole(value) {
if (value && value instanceof Array && value.length > 0) { if (value && value instanceof Array && value.length > 0) {
const roles = store.getters && store.getters.roles const roles = store.getters && store.getters.roles;
const permissionRoles = value const permissionRoles = value;
const super_admin = "admin"; const super_admin = "admin";
const hasRole = roles.some(role => { const hasRole = roles.some(role => {
return super_admin === role || permissionRoles.includes(role) return super_admin === role || permissionRoles.includes(role);
}) });
if (!hasRole) { if (!hasRole) {
return false return false;
} }
return true return true;
} else { } else {
console.error(`need roles! Like checkRole="['admin','editor']"`) console.error(`need roles! Like checkRole="['admin','editor']"`);
return false return false;
} }
} }

125
dvadmin-ui/src/utils/request.js
View File

@ -1,34 +1,33 @@
import axios from 'axios' import axios from "axios";
import { Notification, MessageBox, Message } from 'element-ui' import { Notification, MessageBox, Message } from "element-ui";
import store from '@/store' import { getToken } from "@/utils/auth";
import { getToken } from '@/utils/auth' import errorCode from "@/utils/errorCode";
import errorCode from '@/utils/errorCode'
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
// 创建axios实例 // 创建axios实例
const service = axios.create({ const service = axios.create({
// axios中请求配置有baseURL选项，表示请求URL公共部分 // axios中请求配置有baseURL选项，表示请求URL公共部分
baseURL: process.env.VUE_APP_BASE_API, baseURL: process.env.VUE_APP_BASE_API,
// 超时 // 超时
timeout: 10000 timeout: 10000
}) });
// request拦截器 // request拦截器
service.interceptors.request.use(config => { service.interceptors.request.use(config => {
// 是否需要设置 token // 是否需要设置 token
const isToken = (config.headers || {}).isToken === false const isToken = (config.headers || {}).isToken === false;
if (getToken() && !isToken) { if (getToken() && !isToken) {
config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 config.headers["Authorization"] = "Bearer " + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
} }
// get请求映射params参数 // get请求映射params参数
if (config.method === 'get' && config.params) { if (config.method === "get" && config.params) {
let url = config.url + '?'; let url = config.url + "?";
for (const propName of Object.keys(config.params)) { for (const propName of Object.keys(config.params)) {
const value = config.params[propName]; const value = config.params[propName];
var part = encodeURIComponent(propName) + "="; var part = encodeURIComponent(propName) + "=";
if (value !== null && typeof(value) !== "undefined") { if (value !== null && typeof (value) !== "undefined") {
if (typeof value === 'object') { if (typeof value === "object") {
for (const key of Object.keys(value)) { for (const key of Object.keys(value)) {
let params = propName + '[' + key + ']'; const params = propName + "[" + key + "]";
var subPart = encodeURIComponent(params) + "="; var subPart = encodeURIComponent(params) + "=";
url += subPart + encodeURIComponent(value[key]) + "&"; url += subPart + encodeURIComponent(value[key]) + "&";
} }
@ -41,61 +40,59 @@ service.interceptors.request.use(config => {
config.params = {}; config.params = {};
config.url = url; config.url = url;
} }
return config return config;
}, error => { }, error => {
console.log(error) console.log(error);
Promise.reject(error) Promise.reject(error);
}) });
// 响应拦截器 // 响应拦截器
service.interceptors.response.use(res => { service.interceptors.response.use(res => {
// 未设置状态码则默认成功状态 // 未设置状态码则默认成功状态
const code = res.data.code || 200; const code = res.data.code || 200;
// 获取错误信息 // 获取错误信息
const msg = errorCode[code] || res.data.msg || errorCode['default'] const msg = errorCode[code] || res.data.msg || errorCode["default"];
if (code === 401) { if (code === 401) {
MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { MessageBox.confirm("登录状态已过期，您可以继续留在该页面，或者重新登录", "系统提示", {
confirmButtonText: '重新登录', confirmButtonText: "重新登录",
cancelButtonText: '取消', cancelButtonText: "取消",
type: 'warning' type: "warning"
}
).then(() => {
location.href = '/index';
})
} else if (code === 500) {
Message({
message: msg,
type: 'error'
})
return Promise.reject(new Error(msg))
} else if (code !== 200) {
Notification.error({
title: msg
})
return Promise.reject('error')
} else {
return res.data
}
},
error => {
console.log('err' + error)
let { message } = error;
if (message == "Network Error") {
message = "后端接口连接异常";
}
else if (message.includes("timeout")) {
message = "系统接口请求超时";
}
else if (message.includes("Request failed with status code")) {
message = "系统接口" + message.substr(message.length - 3) + "异常";
} }
).then(() => {
location.href = "/index";
});
} else if (code === 500) {
Message({ Message({
message: message, message: msg,
type: 'error', type: "error"
duration: 5 * 1000 });
}) return Promise.reject(new Error(msg));
return Promise.reject(error) } else if (code !== 200) {
Notification.error({
title: msg
});
return Promise.reject("error");
} else {
return res.data;
} }
) },
error => {
console.log("err" + error);
let { message } = error;
if (message == "Network Error") {
message = "后端接口连接异常";
} else if (message.includes("timeout")) {
message = "系统接口请求超时";
} else if (message.includes("Request failed with status code")) {
message = "系统接口" + message.substr(message.length - 3) + "异常";
}
Message({
message: message,
type: "error",
duration: 5 * 1000
});
return Promise.reject(error);
}
);
export default service export default service;

236
dvadmin-ui/src/utils/ruoyi.js
View File

@ -3,104 +3,102 @@
* Copyright (c) 2019 ruoyi * Copyright (c) 2019 ruoyi
*/ */
const baseURL = process.env.VUE_APP_BASE_API
// 日期格式化 // 日期格式化
export function parseTime(time, pattern) { export function parseTime(time, pattern) {
if (arguments.length === 0 || !time) { if (arguments.length === 0 || !time) {
return null return null;
} }
const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}' const format = pattern || "{y}-{m}-{d} {h}:{i}:{s}";
let date let date;
if (typeof time === 'object') { if (typeof time === "object") {
date = time date = time;
} else { } else {
if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) { if ((typeof time === "string") && (/^[0-9]+$/.test(time))) {
time = parseInt(time) time = parseInt(time);
} else if (typeof time === 'string') { } else if (typeof time === "string") {
time = time.replace(new RegExp(/-/gm), '/'); time = time.replace(new RegExp(/-/gm), "/");
} }
if ((typeof time === 'number') && (time.toString().length === 10)) { if ((typeof time === "number") && (time.toString().length === 10)) {
time = time * 1000 time = time * 1000;
} }
date = new Date(time) date = new Date(time);
} }
const formatObj = { const formatObj = {
y: date.getFullYear(), y: date.getFullYear(),
m: date.getMonth() + 1, m: date.getMonth() + 1,
d: date.getDate(), d: date.getDate(),
h: date.getHours(), h: date.getHours(),
i: date.getMinutes(), i: date.getMinutes(),
s: date.getSeconds(), s: date.getSeconds(),
a: date.getDay() a: date.getDay()
} };
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => { const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key] let value = formatObj[key];
// Note: getDay() returns 0 on Sunday // Note: getDay() returns 0 on Sunday
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] } if (key === "a") { return ["日", "一", "二", "三", "四", "五", "六"][value]; }
if (result.length > 0 && value < 10) { if (result.length > 0 && value < 10) {
value = '0' + value value = "0" + value;
} }
return value || 0 return value || 0;
}) });
return time_str return time_str;
} }
// 表单重置 // 表单重置
export function resetForm(refName) { export function resetForm(refName) {
if (this.$refs[refName]) { if (this.$refs[refName]) {
this.$refs[refName].resetFields(); this.$refs[refName].resetFields();
} }
} }
// 添加日期范围 // 添加日期范围
export function addDateRange(params, dateRange, propName) { export function addDateRange(params, dateRange, propName) {
let search = JSON.parse(JSON.stringify(params)); const search = JSON.parse(JSON.stringify(params));
if (null != dateRange && '' !== dateRange && dateRange.length !== 0) { if (dateRange != null && dateRange !== "" && dateRange.length !== 0) {
search.as = JSON.stringify({create_datetime__range : dateRange}); search.as = JSON.stringify({ create_datetime__range: dateRange });
} }
return search; return search;
} }
// 回显数据字典 // 回显数据字典
export function selectDictLabel(datas, value) { export function selectDictLabel(datas, value) {
var actions = []; var actions = [];
Object.keys(datas).some((key) => { Object.keys(datas).some((key) => {
if (String(datas[key].dictValue) === ('' + String(value))) { if (String(datas[key].dictValue) === ("" + String(value))) {
actions.push(datas[key].dictLabel); actions.push(datas[key].dictLabel);
return true; return true;
} }
}) });
return actions.join(''); return actions.join("");
} }
// 获取字典默认值 // 获取字典默认值
export function selectDictDefault(datas) { export function selectDictDefault(datas) {
var actions = []; var actions = [];
Object.keys(datas).some((key) => { Object.keys(datas).some((key) => {
if (datas[key].is_default === true) { if (datas[key].is_default === true) {
actions.push(datas[key].dictValue); actions.push(datas[key].dictValue);
return true; return true;
} }
}) });
if (!actions[0] && datas[0]) { if (!actions[0] && datas[0]) {
actions.push(datas[0].dictValue) actions.push(datas[0].dictValue);
} }
return actions.join(''); return actions.join("");
} }
// 回显数据字典（字符串数组） // 回显数据字典（字符串数组）
export function selectDictLabels(datas, value, separator) { export function selectDictLabels(datas, value, separator) {
var actions = []; var actions = [];
var currentSeparator = undefined === separator ? "," : separator; var currentSeparator = undefined === separator ? "," : separator;
var temp = value.split(currentSeparator); var temp = value.split(currentSeparator);
Object.keys(value.split(currentSeparator)).some((val) => { Object.keys(value.split(currentSeparator)).some((val) => {
Object.keys(datas).some((key) => { Object.keys(datas).some((key) => {
if (datas[key].dictValue == ('' + temp[val])) { if (datas[key].dictValue == ("" + temp[val])) {
actions.push(datas[key].dictLabel + currentSeparator); actions.push(datas[key].dictLabel + currentSeparator);
} }
}) });
}) });
return actions.join('').substring(0, actions.join('').length - 1); return actions.join("").substring(0, actions.join("").length - 1);
} }
/** /**
* 保存 * 保存
@ -112,21 +110,21 @@ function saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) { if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename); navigator.msSaveBlob(blob, filename);
} else { } else {
var link = document.createElement('a'); var link = document.createElement("a");
var body = document.querySelector('body'); var body = document.querySelector("body");
link.href = window.URL.createObjectURL(blob); link.href = window.URL.createObjectURL(blob);
link.download = filename; link.download = filename;
// fix Firefox // fix Firefox
link.style.display = 'none'; link.style.display = "none";
body.appendChild(link); body.appendChild(link);
link.click(); link.click();
body.removeChild(link); body.removeChild(link);
window.URL.revokeObjectURL(link.href); window.URL.revokeObjectURL(link.href);
}; }
} }
/** /**
@ -136,9 +134,9 @@ function saveAs(blob, filename) {
*/ */
function getBlob(url, cb) { function getBlob(url, cb) {
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.open('GET', url, true); xhr.open("GET", url, true);
xhr.responseType = 'blob'; xhr.responseType = "blob";
xhr.onload = function () { xhr.onload = function() {
if (xhr.status === 200) { if (xhr.status === 200) {
cb(xhr.response); cb(xhr.response);
} }
@ -146,32 +144,32 @@ function getBlob(url, cb) {
xhr.send(); xhr.send();
} }
// 通用下载方法 // 通用下载方法
export function download(file_url,fileName) { export function download(file_url, fileName) {
getBlob(process.env.VUE_APP_BASE_API + file_url, function (blob) { getBlob(process.env.VUE_APP_BASE_API + file_url, function(blob) {
saveAs(blob, fileName); saveAs(blob, fileName);
}); });
} }
// 字符串格式化(%s ) // 字符串格式化(%s )
export function sprintf(str) { export function sprintf(str) {
var args = arguments, flag = true, i = 1; var args = arguments; var flag = true; var i = 1;
str = str.replace(/%s/g, function () { str = str.replace(/%s/g, function() {
var arg = args[i++]; var arg = args[i++];
if (typeof arg === 'undefined') { if (typeof arg === "undefined") {
flag = false; flag = false;
return ''; return "";
} }
return arg; return arg;
}); });
return flag ? str : ''; return flag ? str : "";
} }
// 转换字符串，undefined,null等转化为"" // 转换字符串，undefined,null等转化为""
export function praseStrEmpty(str) { export function praseStrEmpty(str) {
if (!str || str == "undefined" || str == "null") { if (!str || str == "undefined" || str == "null") {
return ""; return "";
} }
return str; return str;
} }
/** /**
@ -183,28 +181,28 @@ export function praseStrEmpty(str) {
* @param {*} rootId 根Id 默认 0 * @param {*} rootId 根Id 默认 0
*/ */
export function handleTree(data, id, parentId, children, rootId) { export function handleTree(data, id, parentId, children, rootId) {
id = id || 'id' id = id || "id";
parentId = parentId || 'parentId' parentId = parentId || "parentId";
children = children || 'children' children = children || "children";
// 排序 // 排序
function NumCompare(a,b){ function NumCompare(a, b) {
//数字比较函数 // 数字比较函数
return a.orderNum - b.orderNum; return a.orderNum - b.orderNum;
} }
rootId = rootId || Math.min.apply(Math, data.map(item => { return item[parentId] })) || 0 rootId = rootId || Math.min.apply(Math, data.map(item => { return item[parentId]; })) || 0;
//对源数据深度克隆 // 对源数据深度克隆
const cloneData = JSON.parse(JSON.stringify(data)) const cloneData = JSON.parse(JSON.stringify(data));
//循环所有项 // 循环所有项
const treeData = cloneData.filter(father => { const treeData = cloneData.filter(father => {
let branchArr = cloneData.filter(child => { const branchArr = cloneData.filter(child => {
//返回每一项的子级数组 // 返回每一项的子级数组
return father[id] === child[parentId] return father[id] === child[parentId];
}); });
branchArr.sort(NumCompare) branchArr.sort(NumCompare);
branchArr.length > 0 ? father.children = branchArr : ''; branchArr.length > 0 ? father.children = branchArr : "";
//返回第一层 // 返回第一层
return father[parentId] === rootId || !father[parentId]; return father[parentId] === rootId || !father[parentId];
}); });
treeData.sort(NumCompare) treeData.sort(NumCompare);
return treeData != '' ? treeData : data; return treeData !== "" ? treeData : data;
} }

48
dvadmin-ui/src/utils/scroll-to.js
View File

@ -1,29 +1,29 @@
Math.easeInOutQuad = function(t, b, c, d) { Math.easeInOutQuad = function(t, b, c, d) {
t /= d / 2 t /= d / 2;
if (t < 1) { if (t < 1) {
return c / 2 * t * t + b return c / 2 * t * t + b;
} }
t-- t--;
return -c / 2 * (t * (t - 2) - 1) + b return -c / 2 * (t * (t - 2) - 1) + b;
} };
// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts // requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
var requestAnimFrame = (function() { var requestAnimFrame = (function() {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) } return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60); };
})() })();
/** /**
* Because it's so fucking difficult to detect the scrolling element, just move them all * Because it's so fucking difficult to detect the scrolling element, just move them all
* @param {number} amount * @param {number} amount
*/ */
function move(amount) { function move(amount) {
document.documentElement.scrollTop = amount document.documentElement.scrollTop = amount;
document.body.parentNode.scrollTop = amount document.body.parentNode.scrollTop = amount;
document.body.scrollTop = amount document.body.scrollTop = amount;
} }
function position() { function position() {
return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop;
} }
/** /**
@ -32,27 +32,27 @@ function position() {
* @param {Function} callback * @param {Function} callback
*/ */
export function scrollTo(to, duration, callback) { export function scrollTo(to, duration, callback) {
const start = position() const start = position();
const change = to - start const change = to - start;
const increment = 20 const increment = 20;
let currentTime = 0 let currentTime = 0;
duration = (typeof (duration) === 'undefined') ? 500 : duration duration = (typeof (duration) === "undefined") ? 500 : duration;
var animateScroll = function() { var animateScroll = function() {
// increment the time // increment the time
currentTime += increment currentTime += increment;
// find the value with the quadratic in-out easing function // find the value with the quadratic in-out easing function
var val = Math.easeInOutQuad(currentTime, start, change, duration) var val = Math.easeInOutQuad(currentTime, start, change, duration);
// move the document.body // move the document.body
move(val) move(val);
// do the animation unless its over // do the animation unless its over
if (currentTime < duration) { if (currentTime < duration) {
requestAnimFrame(animateScroll) requestAnimFrame(animateScroll);
} else { } else {
if (callback && typeof (callback) === 'function') { if (callback && typeof (callback) === "function") {
// the animation is done so lets callback // the animation is done so lets callback
callback() callback();
} }
} }
} };
animateScroll() animateScroll();
} }

Some files were not shown because too many files have changed in this diff Show More