github/cool-admin-vue
1
0
Fork 0
mirror of https://github.com/cool-team-official/cool-admin-vue.git synced 2026-02-04 14:58:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

模块结构调整

Browse Source
This commit is contained in:
icssoa 2021-03-09 18:10:43 +08:00
parent ea6a475bc7
commit 7670b07db6
170 changed files with 1816 additions and 1026 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.editorconfig Normal file
View File

@ -0,0 +1,11 @@
# 🎨 editorconfig.org
root = true
[*]
charset = utf-8
end_of_line = lf
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true
insert_final_newline = true

2
.eslintignore
View File

@ -3,6 +3,4 @@
/node_modules/ /node_modules/
/src/icons/svg/ /src/icons/svg/
/mock/ /mock/
/cool/
/src/cool/
vue.config.js vue.config.js

43
cool/index.js
View File

@ -1,43 +0,0 @@
import Base from "./modules/base";
import Task from "./modules/task";
import Upload from "./modules/upload";
import Copy from "./modules/copy";
import Demo from "./modules/demo";
import Distpicker from "./modules/distpicker";
import Crud from "cl-admin-crud";
import Export from "cl-admin-export";
export default {
modules: [
["base", Base],
["task", Task],
[
"upload",
Upload,
{
icon: "el-icon-picture",
text: "选择图片",
limitSize: 1,
rename: true
}
],
[
"crud",
Crud,
{
crud: {
dict: {
sort: {
prop: "order",
order: "sort"
}
}
}
}
],
["export", Export],
["copy", Copy],
["distpicker", Distpicker],
["demo", Demo]
]
};

145
cool/modules/base/components/menu/file.vue
View File

@ -1,145 +0,0 @@
<template>
<div class="cl-menu-file">
<el-row :gutter="10">
<el-col :span="16">
<el-select
v-model="newValue"
allow-create
filterable
clearable
placeholder="请选择"
>
<el-option
v-for="(item, index) in list"
:key="index"
:label="item.value"
:value="item.value"
>
</el-option>
</el-select>
</el-col>
<el-col :span="8">
<div class="cl-menu-file__module">
<span class="label">模块</span>
<el-select
v-model="form.moduleName"
placeholder="选择模块"
clearable
filterable
@change="onModuleChange"
>
<el-option
v-for="(item, index) in moduleViews"
:key="index"
:label="item.label"
:value="item.moduleName"
>
</el-option>
</el-select>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { isEmpty } from "cl-admin/utils";
const files = require.context("@/", true, /^.\/views.*(vue|js)/).keys();
export default {
name: "cl-menu-file",
props: {
value: [String]
},
inject: ["form"],
data() {
return {
newValue: "",
list: []
};
},
computed: {
...mapGetters(["moduleViews"])
},
watch: {
value: {
immediate: true,
handler(val) {
this.newValue = val || "";
}
},
newValue(val) {
this.$emit("input", val);
}
},
created() {
this.list = files
.filter((e) => {
return !e.includes("components");
})
.map((e) => {
return {
value: e.substr(2)
};
});
},
methods: {
async onModuleChange(val) {
const { label, keepAlive, icon, path, component } = this.moduleViews.find(
(e) => e.moduleName == val
);
if (label) {
this.form.name = label;
}
if (path) {
this.form.router = path;
}
if (icon) {
this.form.icon = icon;
}
if (component) {
let c = await component();
this.form.viewPath = c.default.__file;
}
this.form.keepAlive = isEmpty(keepAlive) ? true : keepAlive;
}
}
};
</script>
<style lang="scss" scoped>
.cl-menu-file {
width: 100%;
/deep/ .el-select {
width: 100%;
}
&__module {
display: inline-flex;
.label {
width: 40px;
text-align: right;
margin-right: 10px;
}
}
}
</style>

12
cool/modules/base/package.json
View File

@ -1,12 +0,0 @@
{
"name": "base",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"quill": "^1.3.7",
"codemirror": "^5.59.2",
"js-beautify": "^1.13.5",
"vue-codemirror": "^4.0.6"
}
}

126
cool/modules/base/static/css/theme.scss
View File

@ -1,126 +0,0 @@
// customize style
.scroller1 {
overflow: hidden auto;
position: relative;
z-index: 9;
&::-webkit-scrollbar-track {
background: transparent;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(144, 147, 153, 0.3);
border-radius: 6px;
}
&::-webkit-scrollbar {
height: 6px;
width: 6px;
}
}
// Element-ui theme
.el-input-number {
.el-input-number__decrease,
.el-input-number__increase {
border: 0 !important;
background-color: transparent;
}
}
.el-dialog {
.el-dialog__header {
padding: 10px;
text-align: center;
border-bottom: 1px solid #f7f7f7;
.el-dialog__title {
font-size: 15px;
letter-spacing: 0.5px;
}
.el-dialog__headerbtn {
top: 13px;
.el-dialog__close {
font-size: 18px;
}
}
}
.el-dialog__body {
padding: 20px;
}
.el-dialog__footer {
padding-bottom: 15px;
}
}
.el-message {
&.el-message--success,
&.el-message--error,
&.el-message--info,
&.el-message--warning {
min-width: auto;
background-color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border: 0;
padding: 12px 20px 12px 15px;
.el-message__icon {
font-size: 16px;
}
.el-message__content {
color: #999;
}
}
}
.el-table {
&__header {
th {
padding: 0 !important;
background-color: #ebeef5 !important;
height: 36px;
line-height: 36px;
}
.cell {
color: $color-main;
font-weight: normal;
}
}
&__body {
&-wrapper {
@media only screen and (max-width: 768px) {
&::-webkit-scrollbar {
height: 6px;
width: 6px;
}
}
}
}
&__column {
&-filter-trigger {
margin-left: 5px;
}
}
&-column--selection {
.cell {
padding: 0 14px !important;
}
}
}
.el-table-filter {
margin-top: 5px !important;
.el-checkbox__label {
font-size: 12px;
}
}

33
cool/modules/base/store/module.js
View File

@ -1,33 +0,0 @@
export default {
state: {
info: {},
list: [],
views: []
},
getters: {
// 模块信息
modules: (state) => state.info,
// 模块列表
moduleList: (state) => state.list,
// 模块视图
moduleViews: (state) => state.views
},
mutations: {
SET_MODULE(state, list) {
let d = {};
list.forEach((e) => {
d[e.name] = e;
});
state.list = list;
state.info = d;
},
SET_MODULE_VIEWS(state, list) {
state.views = list;
}
}
};

31
cool/modules/base/utils/index.js
View File

@ -1,31 +0,0 @@
export const revisePath = (path) => {
if (!path) {
return "";
}
if (path[0] == "/") {
return path;
} else {
return `/${path}`;
}
};
export function firstMenu(list) {
let path = "";
const fn = (arr) => {
arr.forEach((e) => {
if (e.type == 1) {
if (!path) {
path = e.path;
}
} else {
fn(e.children);
}
});
};
fn(list);
return path || "/404";
}

56
cool/modules/base/views/index.js
View File

@ -1,56 +0,0 @@
export default [
{
label: "个人中心",
path: "/my/info",
component: () => import("./info")
},
{
moduleName: "sys-user",
label: "用户列表",
path: "/sys/user",
icon: "icon-user",
component: () => import("./user")
},
{
moduleName: "sys-menu",
label: "菜单列表",
path: "/sys/menu",
icon: "icon-menu",
component: () => import("./menu")
},
{
moduleName: "sys-role",
label: "角色列表",
path: "/sys/role",
icon: "icon-common",
component: () => import("./role")
},
{
moduleName: "sys.perf",
label: "状态监控",
path: "/sys/perf",
icon: "icon-warn",
component: () => import("./perf")
},
{
moduleName: "sys.param",
label: "参数列表",
path: "/sys/param",
icon: "icon-menu",
component: () => import("./param")
},
{
moduleName: "sys.log",
label: "请求日志",
path: "/sys/log",
icon: "icon-log",
component: () => import("./log")
},
{
moduleName: "plugin",
label: "插件列表",
path: "/plugin",
icon: "icon-menu",
component: () => import("./plugin")
}
];

4
cool/modules/chat/components/index.js
View File

@ -1,4 +0,0 @@
import ChatBox from "./box";
import Notice from "./notice";
export default { ChatBox, Notice };

10
cool/modules/chat/package.json
View File

@ -1,10 +0,0 @@
{
"name": "chat",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"dayjs": "^1.10.4",
"socket.io-client": "^3.1.1"
}
}

9
cool/modules/copy/package.json
View File

@ -1,9 +0,0 @@
{
"name": "copy",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"clipboard": "^2.0.6"
}
}

5
cool/modules/demo/index.js
View File

@ -1,5 +0,0 @@
import views from './views'
export default {
views
};

9
cool/modules/demo/package.json
View File

@ -1,9 +0,0 @@
{
"name": "demo",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"dayjs": "^1.10.4"
}
}

106
cool/modules/demo/utils/service.js
View File

@ -1,106 +0,0 @@
import dayjs from 'dayjs'
let id = 10
export const UserList = [
{
id: 1,
name: "刘一",
createTime: "2019年09月02日",
price: 75.99,
status: 1
},
{
id: 2,
name: "陈二",
createTime: "2019年09月05日",
price: 242.1,
status: 1
},
{
id: 3,
name: "张三",
createTime: "2019年09月12日",
price: 74.11,
status: 0
},
{
id: 4,
name: "李四",
createTime: "2019年09月13日",
price: 276.64,
status: 0
},
{
id: 5,
name: "王五",
createTime: "2019年09月18日",
price: 160.23,
status: 1
}
];
export const TestService = {
page: (p) => {
console.log("GET[page]", p);
let total = 0
let list = UserList.filter((e, i) => {
if (p.name) {
return e.name.includes(p.name)
}
if (![undefined, null, ''].includes(p.status)) {
return e.status === p.status
}
total++
if (i >= (p.page - 1) * p.size && i < p.page * p.size) {
return true
} else {
return false
}
})
return Promise.resolve({
list,
pagination: {
page: p.page,
size: p.size,
total
}
});
},
info: (d) => {
console.log("GET[info]", d);
return new Promise((resolve) => {
resolve(UserList.find(e.id == d.id));
});
},
add: (d) => {
console.log("POST[add]", d);
UserList.push({
...d,
id: id++,
createTime: dayjs().format('YYYY年MM月DD日')
})
return Promise.resolve();
},
delete: (d) => {
console.log("POST[delete]", d);
let ids = d.ids.split(',')
ids.forEach(id => {
const index = UserList.findIndex(e => e.id == id)
UserList.splice(index, 1)
})
return Promise.resolve();
},
update: (d) => {
console.log("POST[update]", d);
let item = UserList.find(e => e.id == d.id)
Object.assign(item, d)
return Promise.resolve();
}
};

26
cool/modules/demo/views/index.js
View File

@ -1,26 +0,0 @@
export default [
{
moduleName: "crud",
label: "crud 示例",
path: "/crud",
component: () => import("./crud")
},
{
moduleName: "editor-quill",
label: "quill 富文本编辑器",
path: "/editor-quill",
component: () => import("./editor-quill")
},
{
moduleName: "upload",
label: "文件上传",
path: "/upload",
component: () => import("./upload")
},
{
moduleName: "demo",
label: "组件预览",
path: "/demo",
component: () => import("./demo")
}
];

4
cool/modules/task/index.js
View File

@ -1,4 +0,0 @@
import views from './views'
import service from './service'
export default { views, service }

9
cool/modules/task/package.json
View File

@ -1,9 +0,0 @@
{
"name": "task",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"vuedraggable": "^2.24.3"
}
}

7
cool/modules/task/service/index.js
View File

@ -1,7 +0,0 @@
import Info from './info'
export default {
task: {
info: new Info()
}
}

9
cool/modules/task/views/index.js
View File

@ -1,9 +0,0 @@
export default [
{
moduleName: "task",
label: "任务列表",
path: "/task",
icon: "icon-menu",
component: () => import("./task")
},
]

38
package.json
View File

@ -1,7 +1,6 @@
{ {
"name": "cool-admin-vue", "name": "cool-admin-vue",
"version": "3.0.0", "version": "3.0.0",
"private": true,
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build",
@ -10,12 +9,12 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.21.1", "axios": "^0.21.1",
"cl-admin": "^1.2.0", "cl-admin": "^1.3.0",
"cl-admin-crud": "^1.3.4", "cl-admin-crud": "^1.4.0",
"cl-admin-export": "^1.0.5", "cl-admin-export": "^1.0.5",
"clipboard": "^2.0.7", "clipboard": "^2.0.7",
"codemirror": "^5.59.4", "codemirror": "^5.59.4",
"core-js": "^3.9.0", "core-js": "^3.6.5",
"dayjs": "^1.10.4", "dayjs": "^1.10.4",
"echarts": "^4.5.0", "echarts": "^4.5.0",
"element-ui": "^2.15.1", "element-ui": "^2.15.1",
@ -26,36 +25,37 @@
"socket.io-client": "^3.1.2", "socket.io-client": "^3.1.2",
"store": "^2.0.12", "store": "^2.0.12",
"uuid": "^8.3.2", "uuid": "^8.3.2",
"vue": "^2.6.10", "vue": "^2.6.11",
"vue-codemirror": "^4.0.6", "vue-codemirror": "^4.0.6",
"vue-echarts": "^5.0.0-beta.0", "vue-echarts": "^5.0.0-beta.0",
"vue-router": "^3.5.1", "vue-router": "^3.2.0",
"vuedraggable": "^2.24.3", "vuedraggable": "^2.24.3",
"vuex": "^3.6.2" "vuex": "^3.4.0"
}, },
"devDependencies": { "devDependencies": {
"@typescript-eslint/parser": "^3.0.0", "@typescript-eslint/parser": "^3.0.0",
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0", "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
"@vue/babel-preset-jsx": "^1.1.2", "@vue/babel-preset-jsx": "^1.1.2",
"@vue/cli-plugin-babel": "^4.1.0", "@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "^4.1.0", "@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "^4.1.0", "@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-vuex": "^4.1.0", "@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "^4.1.0", "@vue/cli-service": "~4.5.0",
"@vue/eslint-config-prettier": "^6.0.0", "@vue/eslint-config-prettier": "^6.0.0",
"babel-eslint": "^10.0.3", "babel-eslint": "^10.1.0",
"babel-plugin-component": "^1.1.1", "babel-plugin-component": "^1.1.1",
"babel-plugin-jsx-v-model": "^2.0.3", "babel-plugin-jsx-v-model": "^2.0.3",
"clean-webpack-plugin": "^3.0.0", "clean-webpack-plugin": "^3.0.0",
"eslint": "^7.0.0", "eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.1.1", "eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^6.2.2", "eslint-plugin-vue": "^6.2.2",
"node-sass": "^4.13.0", "hard-source-webpack-plugin": "^0.13.1",
"prettier": "^2.0.5", "node-sass": "^4.12.0",
"sass-loader": "^8.0.0", "prettier": "^1.19.1",
"sass-loader": "^8.0.2",
"svg-sprite-loader": "^5.0.0", "svg-sprite-loader": "^5.0.0",
"typescript": "^3.9.3", "typescript": "^3.9.3",
"vue-template-compiler": "^2.6.10", "vue-template-compiler": "^2.6.11",
"webpack-cli": "^3.3.12" "webpack-cli": "^3.3.12"
} }
} }

10
src/assets/css/common.scss
View File

@ -1,14 +1,6 @@
$color-main: #2f3447; $color-main: var(--color-main, #2f3447);
$color-danger: #f56c6c; $color-danger: #f56c6c;
$color-primary: #4165d7; $color-primary: #4165d7;
$color-success: #67c23a; $color-success: #67c23a;
$color-info: #909399; $color-info: #909399;
$color-warning: #e6a23c; $color-warning: #e6a23c;
@mixin text_ellipsis($line: 1) {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: $line;
}

31
src/config/env.js
View File

@ -2,16 +2,19 @@ import store from "store";
import { getUrlParam } from "cl-admin/utils"; import { getUrlParam } from "cl-admin/utils";
// 路由模式 // 路由模式
const routerMode = "history"; export const routerMode = "history";
// 开发模式 // 开发模式
const isDev = process.env.NODE_ENV == "development"; export const isDev = process.env.NODE_ENV == "development";
// Host // Host
const host = "https://show.cool-admin.com"; export const host = "https://show.cool-admin.com";
// Socket
export const socketUrl = (isDev ? `${host}` : "") + "/socket";
// 请求地址 // 请求地址
const baseUrl = (function () { export const baseUrl = (function() {
let proxy = getUrlParam("proxy"); let proxy = getUrlParam("proxy");
if (proxy) { if (proxy) {
@ -20,24 +23,14 @@ const baseUrl = (function () {
proxy = store.get("proxy") || "dev"; proxy = store.get("proxy") || "dev";
} }
switch (process.env.NODE_ENV) { return isDev ? `/${proxy}/admin` : `/api/admin`;
case "development":
return `/${proxy}/admin`;
case "production":
return `/api/admin`;
default:
return "";
}
})(); })();
// Socket
const socketUrl = (isDev ? `${host}` : "") + "/socket";
// 阿里字体图标库 https://at.alicdn.com/t/**.css // 阿里字体图标库 https://at.alicdn.com/t/**.css
const iconfontUrl = ``; export const iconfontUrl = ``;
// 程序配置参数 // 程序配置参数
const app = { export const app = {
name: "cool-admin", name: "cool-admin",
conf: { conf: {
@ -53,6 +46,4 @@ const app = {
}; };
// 自定义菜单列表 // 自定义菜单列表
const menuList = []; export const menuList = [];
export { routerMode, baseUrl, socketUrl, iconfontUrl, app, isDev, menuList };

41
src/cool/index.js Normal file
View File

@ -0,0 +1,41 @@
import Crud from "cl-admin-crud";
import Export from "cl-admin-export";
export default {
modules: [
"base",
"task",
{
name: "upload",
options: {
icon: "el-icon-picture",
text: "选择图片",
limitSize: 1,
rename: true
}
},
{
name: "crud",
value: Crud,
options: {
crud: {
dict: {
sort: {
prop: "order",
order: "sort"
}
}
}
}
},
{
name: "export",
value: Export
},
"copy",
"distpicker",
"demo",
"theme"
]
};

6
cool/modules/base/common/index.js → src/cool/modules/base/common/index.js
View File

@ -8,7 +8,7 @@ if (iconfontUrl) {
document.getElementsByTagName("head")[0].appendChild(link); document.getElementsByTagName("head")[0].appendChild(link);
} }
const requireAll = (requireContext) => requireContext.keys().map(requireContext); const requireAll = requireContext => requireContext.keys().map(requireContext);
const req = require.context("@/icons/svg/", false, /\.svg$/); const req = require.context("@/icons/svg/", false, /\.svg$/);
requireAll(req); requireAll(req);
@ -16,7 +16,7 @@ export function iconList() {
return req return req
.keys() .keys()
.map(req) .map(req)
.map((e) => e.default.id) .map(e => e.default.id)
.filter((e) => e.includes("icon")) .filter(e => e.includes("icon"))
.sort(); .sort();
} }

0
cool/modules/base/components/avatar/index.vue → src/cool/modules/base/components/avatar/index.vue
View File

2
cool/modules/base/components/codemirror/index.vue → src/cool/modules/base/components/codemirror/index.vue
View File

@ -69,7 +69,7 @@ export default {
}, },
mounted() { mounted() {
this.$el.onkeydown = (e) => { this.$el.onkeydown = e => {
let keyCode = e.keyCode || e.which || e.charCode; let keyCode = e.keyCode || e.which || e.charCode;
let altKey = e.altKey || e.metaKey; let altKey = e.altKey || e.metaKey;
let shiftKey = e.shiftKey || e.metaKey; let shiftKey = e.shiftKey || e.metaKey;

4
cool/modules/base/components/dept/check.vue → src/cool/modules/base/components/dept/check.vue
View File

@ -80,11 +80,11 @@ export default {
refresh() { refresh() {
this.$service.system.dept this.$service.system.dept
.list() .list()
.then((res) => { .then(res => {
this.list = deepTree(res); this.list = deepTree(res);
this.refreshTree(this.value); this.refreshTree(this.value);
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}); });
}, },

4
cool/modules/base/components/dept/move.vue → src/cool/modules/base/components/dept/move.vue
View File

@ -79,12 +79,12 @@ export default {
departmentId: id, departmentId: id,
userIds: ids userIds: ids
}) })
.then((res) => { .then(res => {
this.$message.success("转移成功"); this.$message.success("转移成功");
this.$emit("success", res); this.$emit("success", res);
close(); close();
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
this.$emit("error", err); this.$emit("error", err);
done(); done();

14
cool/modules/base/components/dept/tree.vue → src/cool/modules/base/components/dept/tree.vue
View File

@ -158,7 +158,7 @@ export default {
this.$service.system.dept this.$service.system.dept
.list() .list()
.then((res) => { .then(res => {
this.list = deepTree(res); this.list = deepTree(res);
this.$emit("list-change", this.list); this.$emit("list-change", this.list);
}) })
@ -169,7 +169,7 @@ export default {
rowClick(e) { rowClick(e) {
ContextMenu.close(); ContextMenu.close();
let ids = e.children ? revDeepTree(e.children).map((e) => e.id) : []; let ids = e.children ? revDeepTree(e.children).map(e => e.id) : [];
ids.unshift(e.id); ids.unshift(e.id);
this.$emit("row-click", { item: e, ids }); this.$emit("row-click", { item: e, ids });
}, },
@ -237,7 +237,7 @@ export default {
close(); close();
this.refresh(); this.refresh();
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
done(); done();
}); });
@ -247,7 +247,7 @@ export default {
}, },
rowDel(e) { rowDel(e) {
const del = (f) => { const del = f => {
this.$service.system.dept this.$service.system.dept
.delete({ .delete({
ids: e.id, ids: e.id,
@ -274,7 +274,7 @@ export default {
.then(() => { .then(() => {
del(true); del(true);
}) })
.catch((action) => { .catch(action => {
if (action == "cancel") { if (action == "cancel") {
del(false); del(false);
} }
@ -288,7 +288,7 @@ export default {
}) })
.then(() => { .then(() => {
const deep = (list, pid) => { const deep = (list, pid) => {
list.forEach((e) => { list.forEach(e => {
e.parentId = pid; e.parentId = pid;
ids.push(e); ids.push(e);
@ -315,7 +315,7 @@ export default {
.then(() => { .then(() => {
this.$message.success("更新排序成功"); this.$message.success("更新排序成功");
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}) })
.done(() => { .done(() => {

0
cool/modules/base/components/editor-quill/index.vue → src/cool/modules/base/components/editor-quill/index.vue
View File

0
cool/modules/base/components/icon-svg/index.vue → src/cool/modules/base/components/icon-svg/index.vue
View File

0
cool/modules/base/components/index.js → src/cool/modules/base/components/index.js
View File

77
src/cool/modules/base/components/menu/file.vue Normal file
View File

@ -0,0 +1,77 @@
<template>
<div class="cl-menu-file">
<el-select v-model="newValue" allow-create filterable clearable placeholder="请选择">
<el-option
v-for="(item, index) in list"
:key="index"
:label="item.value"
:value="item.value"
>
</el-option>
</el-select>
</div>
</template>
<script>
const files = require
.context("@/", true, /views\/(?!(components)|(.*\/components)|(index\.js)).*.(js|vue)/)
.keys();
export default {
name: "cl-menu-file",
props: {
value: [String]
},
inject: ["form"],
data() {
return {
newValue: "",
list: []
};
},
watch: {
value: {
immediate: true,
handler(val) {
this.newValue = val || "";
}
},
newValue(val) {
this.$emit("input", val);
}
},
created() {
this.list = files.map(e => {
return {
value: e.substr(2)
};
});
}
};
</script>
<style lang="scss" scoped>
.cl-menu-file {
width: 100%;
/deep/ .el-select {
width: 100%;
}
&__module {
display: inline-flex;
.label {
width: 40px;
text-align: right;
margin-right: 10px;
}
}
}
</style>

2
cool/modules/base/components/menu/icons.vue → src/cool/modules/base/components/menu/icons.vue
View File

@ -29,7 +29,7 @@
</template> </template>
<script> <script>
import { iconList } from "cool/modules/base"; import { iconList } from "@/cool/modules/base";
export default { export default {
name: "cl-menu-icons", name: "cl-menu-icons",

14
cool/modules/base/components/menu/perms.vue → src/cool/modules/base/components/menu/perms.vue
View File

@ -35,7 +35,7 @@ export default {
let options = []; let options = [];
let list = []; let list = [];
const flat = (obj) => { const flat = obj => {
for (let i in obj) { for (let i in obj) {
let { permission } = obj[i]; let { permission } = obj[i];
@ -49,13 +49,13 @@ export default {
flat(this.$service); flat(this.$service);
list.filter((e) => e.includes(":")) list.filter(e => e.includes(":"))
.map((e) => e.split(":")) .map(e => e.split(":"))
.forEach((arr) => { .forEach(arr => {
const col = (i, d) => { const col = (i, d) => {
let key = arr[i]; let key = arr[i];
let index = d.findIndex((e) => e.label == key); let index = d.findIndex(e => e.label == key);
if (index >= 0) { if (index >= 0) {
col(i + 1, d[index].children); col(i + 1, d[index].children);
@ -86,11 +86,11 @@ export default {
methods: { methods: {
parse() { parse() {
this.newValue = this.value ? this.value.split(",").map((e) => e.split(":")) : []; this.newValue = this.value ? this.value.split(",").map(e => e.split(":")) : [];
}, },
onChange(row) { onChange(row) {
this.$emit("input", row.map((e) => e.join(":")).join(",")); this.$emit("input", row.map(e => e.join(":")).join(","));
} }
} }
}; };

26
cool/modules/base/components/menu/slider/index.js → src/cool/modules/base/components/menu/slider/index.js
View File

@ -11,16 +11,15 @@ export default {
}, },
computed: { computed: {
...mapGetters(["menuList", "menuCollapse", "browser"]) ...mapGetters(["menuList", "menuCollapse", "browser", "conf"])
}, },
watch: { watch: {
menuList() { menuList() {
this.visible = false; this.refresh();
},
setTimeout(() => { "conf.showAMenu"() {
this.visible = true; this.$store.commit("SET_MENU_LIST");
}, 0);
} }
}, },
@ -29,14 +28,22 @@ export default {
if (url != this.$route.path) { if (url != this.$route.path) {
this.$router.push(url); this.$router.push(url);
} }
},
refresh() {
this.visible = false;
setTimeout(() => {
this.visible = true;
}, 0);
} }
}, },
render() { render() {
const fn = (list) => { const fn = list => {
return list return list
.filter((e) => e.isShow) .filter(e => e.isShow)
.map((e) => { .map(e => {
let html = null; let html = null;
if (e.type == 0) { if (e.type == 0) {
@ -69,6 +76,7 @@ export default {
<div class="cl-slider-menu"> <div class="cl-slider-menu">
<el-menu <el-menu
default-active={this.$route.path} default-active={this.$route.path}
background-color="transparent"
collapse-transition={false} collapse-transition={false}
collapse={this.browser.isMobile ? false : this.menuCollapse} collapse={this.browser.isMobile ? false : this.menuCollapse}
on-select={this.toView}> on-select={this.toView}>

24
cool/modules/base/components/menu/slider/index.scss → src/cool/modules/base/components/menu/slider/index.scss
View File

@ -9,29 +9,13 @@
.el-menu { .el-menu {
border-right: 0; border-right: 0;
background-color: $color-main;
&-item {
&.is-active {
background-color: $color-primary;
color: #fff;
}
}
.el-submenu__title, .el-submenu__title,
.el-menu-item { &-item {
&.is-active,
&:hover { &:hover {
background-color: $color-primary; background-color: $color-primary !important;
} color: #fff;
}
.el-submenu {
&.is-opened {
background-color: #2b3043;
.el-menu {
background-color: #2b3043;
}
} }
} }

2
cool/modules/base/components/menu/topbar.vue → src/cool/modules/base/components/menu/topbar.vue
View File

@ -11,7 +11,7 @@
<script> <script>
import { mapMutations, mapGetters } from "vuex"; import { mapMutations, mapGetters } from "vuex";
import { firstMenu } from "cool/modules/base/utils"; import { firstMenu } from "@/cool/modules/base/utils";
export default { export default {
name: "cl-menu-topbar", name: "cl-menu-topbar",

6
cool/modules/base/components/menu/tree.vue → src/cool/modules/base/components/menu/tree.vue
View File

@ -57,7 +57,7 @@ export default {
computed: { computed: {
name() { name() {
const item = this.list.find((e) => e.id == this.value); const item = this.list.find(e => e.id == this.value);
return item ? item.name : "一级菜单"; return item ? item.name : "一级菜单";
}, },
@ -76,8 +76,8 @@ export default {
}, },
menuList() { menuList() {
this.$service.system.menu.list().then((res) => { this.$service.system.menu.list().then(res => {
let list = res.filter((e) => e.type != 2); let list = res.filter(e => e.type != 2);
list.unshift({ list.unshift({
name: "一级菜单", name: "一级菜单",

0
cool/modules/base/components/perf/common.js → src/cool/modules/base/components/perf/common.js
View File

6
cool/modules/base/components/perf/ct.vue → src/cool/modules/base/components/perf/ct.vue
View File

@ -142,7 +142,7 @@ export default {
this.toMysql(res, item.mysql); this.toMysql(res, item.mysql);
this.toRedis(res, item.redis); this.toRedis(res, item.redis);
this.toCPU(res, item.server.cpu); this.toCPU(res, item.server.cpu);
this.toDisk(item.server.disk.filter((e) => e.size)); this.toDisk(item.server.disk.filter(e => e.size));
this.toMem(item.server.mem); this.toMem(item.server.mem);
this.toLB(); this.toLB();
}, },
@ -173,7 +173,7 @@ export default {
toDisk(disk) { toDisk(disk) {
this.disk.all = disk.reduce((a, b) => a + b.size, 0); this.disk.all = disk.reduce((a, b) => a + b.size, 0);
this.disk.list = disk.map((e) => { this.disk.list = disk.map(e => {
e.use = e.use.toFixed(2); e.use = e.use.toFixed(2);
return e; return e;
@ -188,7 +188,7 @@ export default {
let free = 0; let free = 0;
let used = 0; let used = 0;
item.mysqlSize.forEach((e) => { item.mysqlSize.forEach(e => {
free += parseFloat(e.data_free); free += parseFloat(e.data_free);
used += parseFloat(e.data_size); used += parseFloat(e.data_size);
}); });

4
cool/modules/base/components/perf/mysql.vue → src/cool/modules/base/components/perf/mysql.vue
View File

@ -80,7 +80,7 @@ export default {
this.chartOptions = this.onChart( this.chartOptions = this.onChart(
time, time,
data.map((e) => e.mysql.mysqlConn[3].Threads_running) data.map(e => e.mysql.mysqlConn[3].Threads_running)
); );
}, },
@ -99,7 +99,7 @@ export default {
color: "rgb(15, 75, 111)" color: "rgb(15, 75, 111)"
}, },
extraCssText: "box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)", extraCssText: "box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)",
formatter: (arr) => { formatter: arr => {
return `线程数：${arr[0].data}`; return `线程数：${arr[0].data}`;
} }
}, },

10
cool/modules/base/components/perf/network.vue → src/cool/modules/base/components/perf/network.vue
View File

@ -64,7 +64,7 @@ export default {
color: "#7588E4" color: "#7588E4"
}, },
extraCssText: "box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)", extraCssText: "box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)",
formatter: (arr) => { formatter: arr => {
return arr return arr
.map((e, i) => (i == 0 ? "上行：" : "下载：") + this.conByte(e.value)) .map((e, i) => (i == 0 ? "上行：" : "下载：") + this.conByte(e.value))
.join("<br>"); .join("<br>");
@ -134,7 +134,7 @@ export default {
textStyle: { textStyle: {
fontSize: 14 fontSize: 14
}, },
formatter: (value) => { formatter: value => {
return this.conByte(value); return this.conByte(value);
} }
} }
@ -243,7 +243,7 @@ export default {
this.rx_bytes = 0; this.rx_bytes = 0;
this.tx_bytes = 0; this.tx_bytes = 0;
network.forEach((e) => { network.forEach(e => {
this.rx_bytes += e.rx_bytes; this.rx_bytes += e.rx_bytes;
this.tx_bytes += e.tx_bytes; this.tx_bytes += e.tx_bytes;
}); });
@ -253,12 +253,12 @@ export default {
this.chartOptions.xAxis.data = time; this.chartOptions.xAxis.data = time;
this.chartOptions.series[0].name = "上行"; this.chartOptions.series[0].name = "上行";
this.chartOptions.series[0].data = data.map((e) => this.chartOptions.series[0].data = data.map(e =>
e.server.network.reduce((a, b) => a + b.tx_sec, 0) e.server.network.reduce((a, b) => a + b.tx_sec, 0)
); );
this.chartOptions.series[1].name = "下载"; this.chartOptions.series[1].name = "下载";
this.chartOptions.series[1].data = data.map((e) => this.chartOptions.series[1].data = data.map(e =>
e.server.network.reduce((a, b) => a + b.rx_sec, 0) e.server.network.reduce((a, b) => a + b.rx_sec, 0)
); );
} }

4
cool/modules/base/components/perf/redis.vue → src/cool/modules/base/components/perf/redis.vue
View File

@ -94,7 +94,7 @@ export default {
this.chartOptions = this.onChart( this.chartOptions = this.onChart(
time, time,
data.map((e) => e.redis.Stats.instantaneous_ops_per_sec), data.map(e => e.redis.Stats.instantaneous_ops_per_sec),
{ {
color: "204, 32, 20", color: "204, 32, 20",
smooth: false smooth: false
@ -119,7 +119,7 @@ export default {
color: "#F56C6C" color: "#F56C6C"
}, },
extraCssText: "box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)", extraCssText: "box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)",
formatter: (arr) => { formatter: arr => {
return `${arr[0].data} / S（每秒操作数）`; return `${arr[0].data} / S（每秒操作数）`;
} }
}, },

12
cool/modules/base/components/process/index.vue → src/cool/modules/base/components/process/index.vue
View File

@ -12,7 +12,7 @@
:class="{ active: item.active }" :class="{ active: item.active }"
:data-index="index" :data-index="index"
@mousedown=" @mousedown="
(e) => { e => {
onTap(e, item); onTap(e, item);
} }
" "
@ -66,7 +66,7 @@ export default {
}, },
mounted() { mounted() {
this.$el.oncontextmenu = (e) => { this.$el.oncontextmenu = e => {
e.returnValue = false; e.returnValue = false;
}; };
@ -108,17 +108,17 @@ export default {
switch (cmd) { switch (cmd) {
case "current": case "current":
this.onDel(this.processList.findIndex((e) => e.value == current.value)); this.onDel(this.processList.findIndex(e => e.value == current.value));
break; break;
case "other": case "other":
this.SET_PROCESS( this.SET_PROCESS(
this.processList.filter((e) => e.value == current.value || e.value == "/") this.processList.filter(e => e.value == current.value || e.value == "/")
); );
break; break;
case "all": case "all":
this.SET_PROCESS(this.processList.filter((e) => e.value == "/")); this.SET_PROCESS(this.processList.filter(e => e.value == "/"));
break; break;
} }
@ -126,7 +126,7 @@ export default {
}, },
toPath() { toPath() {
const active = this.processList.find((e) => e.active); const active = this.processList.find(e => e.active);
if (!active) { if (!active) {
const next = this.processList[this.processList.length - 1]; const next = this.processList[this.processList.length - 1];

10
cool/modules/base/components/role/perms.vue → src/cool/modules/base/components/role/perms.vue
View File

@ -68,8 +68,8 @@ export default {
let ids = []; let ids = [];
// 处理半选状态 // 处理半选状态
let fn = (list) => { let fn = list => {
list.forEach((e) => { list.forEach(e => {
if (e.children) { if (e.children) {
fn(e.children); fn(e.children);
} else { } else {
@ -80,18 +80,18 @@ export default {
fn(this.list); fn(this.list);
this.checked = ids.filter((id) => (val || []).includes(id)); this.checked = ids.filter(id => (val || []).includes(id));
}, },
refresh() { refresh() {
this.$service.system.menu this.$service.system.menu
.list() .list()
.then((res) => { .then(res => {
this.list = deepTree(res); this.list = deepTree(res);
this.refreshTree(this.value); this.refreshTree(this.value);
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}); });
}, },

0
cool/modules/base/components/role/select.vue → src/cool/modules/base/components/role/select.vue
View File

8
cool/modules/base/components/route-nav/index.vue → src/cool/modules/base/components/route-nav/index.vue
View File

@ -30,7 +30,7 @@ export default {
$route: { $route: {
immediate: true, immediate: true,
handler(route) { handler(route) {
const deep = (item) => { const deep = item => {
if (route.path === "/") { if (route.path === "/") {
return false; return false;
} }
@ -52,7 +52,11 @@ export default {
} }
}; };
this.list = _(this.menuGroup).map(deep).filter(Boolean).flattenDeep().value(); this.list = _(this.menuGroup)
.map(deep)
.filter(Boolean)
.flattenDeep()
.value();
if (this.list.length === 0) { if (this.list.length === 0) {
this.list.push(route); this.list.push(route);

0
cool/modules/base/components/scrollbar/index.vue → src/cool/modules/base/components/scrollbar/index.vue
View File

0
cool/modules/base/directives/index.js → src/cool/modules/base/directives/index.js
View File

6
cool/modules/base/directives/permission.js → src/cool/modules/base/directives/permission.js
View File

@ -8,7 +8,7 @@ function parse(value) {
const permission = store.getters.permission; const permission = store.getters.permission;
if (typeof value == "string") { if (typeof value == "string") {
return value ? permission.some((e) => e.includes(value.replace(/\s/g, ""))) : false; return value ? permission.some(e => e.includes(value.replace(/\s/g, ""))) : false;
} else { } else {
return Boolean(value); return Boolean(value);
} }
@ -23,7 +23,7 @@ export default {
update: change update: change
}; };
export const checkPerm = (value) => { export const checkPerm = value => {
if (!value) { if (!value) {
return false; return false;
} }
@ -34,7 +34,7 @@ export const checkPerm = (value) => {
} }
if (value.and) { if (value.and) {
return value.and.some((e) => !parse(e)) ? false : true; return value.and.some(e => !parse(e)) ? false : true;
} }
} }

0
cool/modules/base/filters/index.js → src/cool/modules/base/filters/index.js
View File

0
cool/modules/base/index.js → src/cool/modules/base/index.js
View File

0
cool/modules/base/pages/error-page/403.vue → src/cool/modules/base/pages/error-page/403.vue
View File

0
cool/modules/base/pages/error-page/404.vue → src/cool/modules/base/pages/error-page/404.vue
View File

0
cool/modules/base/pages/error-page/500.vue → src/cool/modules/base/pages/error-page/500.vue
View File

0
cool/modules/base/pages/error-page/502.vue → src/cool/modules/base/pages/error-page/502.vue
View File

0
cool/modules/base/pages/error-page/components/error-page.vue → src/cool/modules/base/pages/error-page/components/error-page.vue
View File

0
cool/modules/base/pages/iframe/index.vue → src/cool/modules/base/pages/iframe/index.vue
View File

12
cool/modules/base/pages/index.js → src/cool/modules/base/pages/index.js
View File

@ -1,22 +1,22 @@
export default [ export default [
{ {
path: '/403', path: "/403",
component: () => import("./error-page/403") component: () => import("./error-page/403")
}, },
{ {
path: '/404', path: "/404",
component: () => import("./error-page/404") component: () => import("./error-page/404")
}, },
{ {
path: '/500', path: "/500",
component: () => import("./error-page/500") component: () => import("./error-page/500")
}, },
{ {
path: '/502', path: "/502",
component: () => import("./error-page/502") component: () => import("./error-page/502")
}, },
{ {
path: '/login', path: "/login",
component: () => import("./login") component: () => import("./login")
} }
] ];

2
cool/modules/base/pages/login/components/captcha.vue → src/cool/modules/base/pages/login/components/captcha.vue
View File

@ -40,7 +40,7 @@ export default {
captchaId captchaId
}); });
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}); });
} }

0
cool/modules/base/pages/login/index.vue → src/cool/modules/base/pages/login/index.vue
View File

0
cool/modules/base/service/common.js → src/cool/modules/base/service/common.js
View File

0
cool/modules/base/service/index.js → src/cool/modules/base/service/index.js
View File

0
cool/modules/base/service/open.js → src/cool/modules/base/service/open.js
View File

0
cool/modules/base/service/plugin/info.js → src/cool/modules/base/service/plugin/info.js
View File

0
cool/modules/base/service/system/dept.js → src/cool/modules/base/service/system/dept.js
View File

0
cool/modules/base/service/system/info.js → src/cool/modules/base/service/system/info.js
View File

0
cool/modules/base/service/system/log.js → src/cool/modules/base/service/system/log.js
View File

0
cool/modules/base/service/system/menu.js → src/cool/modules/base/service/system/menu.js
View File

0
cool/modules/base/service/system/param.js → src/cool/modules/base/service/system/param.js
View File

0
cool/modules/base/service/system/role.js → src/cool/modules/base/service/system/role.js
View File

0
cool/modules/base/service/system/user.js → src/cool/modules/base/service/system/user.js
View File

0
cool/modules/base/static/css/index.scss → src/cool/modules/base/static/css/index.scss
View File

50
src/cool/modules/base/static/css/theme.scss Normal file
View File

@ -0,0 +1,50 @@
// customize style
.scroller1 {
overflow: hidden auto;
position: relative;
z-index: 9;
&::-webkit-scrollbar-track {
background: transparent;
}
&::-webkit-scrollbar-thumb {
background-color: rgba(144, 147, 153, 0.3);
border-radius: 6px;
}
&::-webkit-scrollbar {
height: 6px;
width: 6px;
}
}
// Element-ui theme
.el-input-number {
.el-input-number__decrease,
.el-input-number__increase {
border: 0 !important;
background-color: transparent;
}
}
.el-message {
&.el-message--success,
&.el-message--error,
&.el-message--info,
&.el-message--warning {
min-width: auto;
background-color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border: 0;
padding: 12px 20px 12px 15px;
.el-message__icon {
font-size: 16px;
}
.el-message__content {
color: #999;
}
}
}

0
cool/modules/base/static/images/default-avatar.png → src/cool/modules/base/static/images/default-avatar.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

0
cool/modules/base/static/images/logo.png → src/cool/modules/base/static/images/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

17
cool/modules/base/store/app.js → src/cool/modules/base/store/app.js
View File

@ -1,5 +1,5 @@
import { app } from "@/config/env"; import { app } from "@/config/env";
import { getBrowser } from "cl-admin/utils"; import { deepMerge, getBrowser } from "cl-admin/utils";
export default { export default {
state: { state: {
@ -19,15 +19,15 @@ export default {
}, },
getters: { getters: {
// 应用信息 // 应用信息
appInfo: (state) => state.info, appInfo: state => state.info,
// 应用配置 // 应用配置
conf: (state) => state.conf, conf: state => state.conf,
// 浏览器信息 // 浏览器信息
browser: (state) => state.browser, browser: state => state.browser,
// 左侧菜单是否收起 // 左侧菜单是否收起
menuCollapse: (state) => state.collapse, menuCollapse: state => state.collapse,
// 上传配置 // 上传配置
upload: (state) => state.upload upload: state => state.upload
}, },
actions: { actions: {
appLoad({ getters, dispatch }) { appLoad({ getters, dispatch }) {
@ -41,7 +41,7 @@ export default {
} }
}, },
setUpload({ state }) { setUpload({ state }) {
this.$service.common.uploadMode().then((res) => { this.$service.common.uploadMode().then(res => {
state.upload = res; state.upload = res;
}); });
} }
@ -53,6 +53,9 @@ export default {
COLLAPSE_MENU(state, val = false) { COLLAPSE_MENU(state, val = false) {
state.collapse = val; state.collapse = val;
},
UPDATE_CONF(state, val) {
deepMerge(state.conf, val);
} }
} }
}; };

0
cool/modules/base/store/index.js → src/cool/modules/base/store/index.js
View File

38
cool/modules/base/store/menu.js → src/cool/modules/base/store/menu.js
View File

@ -1,9 +1,9 @@
import store from "store";
import { Message } from "element-ui"; import { Message } from "element-ui";
import { deepTree, revDeepTree, isArray, isEmpty } from "cl-admin/utils"; import { deepTree, revDeepTree, isArray, isEmpty } from "cl-admin/utils";
import { revisePath } from "../utils"; import { revisePath } from "../utils";
import router from "@/router"; import router from "@/router";
import { menuList } from "@/config/env"; import { menuList } from "@/config/env";
import store from "store";
export default { export default {
state: { state: {
@ -20,19 +20,19 @@ export default {
}, },
getters: { getters: {
// 树形菜单列表 // 树形菜单列表
menuGroup: (state) => state.group, menuGroup: state => state.group,
// 左侧菜单 // 左侧菜单
menuList: (state) => state.menu, menuList: state => state.menu,
// 视图路由 // 视图路由
routes: (state) => state.routes, routes: state => state.routes,
// 权限列表 // 权限列表
permission: (state) => state.permission permission: state => state.permission
}, },
actions: { actions: {
// 设置菜单、权限 // 设置菜单、权限
permMenu({ commit, state, getters }) { permMenu({ commit, state, getters }) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const next = (res) => { const next = res => {
if (!isArray(res.menus)) { if (!isArray(res.menus)) {
res.menus = []; res.menus = [];
} }
@ -42,9 +42,9 @@ export default {
} }
const routes = res.menus const routes = res.menus
.filter((e) => e.type != 2) .filter(e => e.type != 2 && e.isShow)
.map((e) => { .map(e => {
let r = { return {
moduleName: e.moduleName, moduleName: e.moduleName,
id: e.id, id: e.id,
parentId: e.parentId, parentId: e.parentId,
@ -61,16 +61,6 @@ export default {
}, },
children: [] children: []
}; };
// 匹配存储的模块视图
let m = getters.moduleViews.find((m) => m.moduleName === r.moduleName);
if (m) {
// 注册组件实例
r.component = m.component;
}
return r;
}); });
// 转成树形菜单 // 转成树形菜单
@ -83,7 +73,7 @@ export default {
// 设置视图路由 // 设置视图路由
commit( commit(
"SET_VIEW_ROUTES", "SET_VIEW_ROUTES",
routes.filter((e) => e.type == 1) routes.filter(e => e.type == 1)
); );
// 设置菜单 // 设置菜单
commit("SET_MENU_LIST", state.index); commit("SET_MENU_LIST", state.index);
@ -95,10 +85,10 @@ export default {
if (!getters.conf.customMenu) { if (!getters.conf.customMenu) {
this.$service.common this.$service.common
.permMenu() .permMenu()
.then((res) => { .then(res => {
next(res); next(res);
}) })
.catch((err) => { .catch(err => {
Message.error("菜单加载异常"); Message.error("菜单加载异常");
console.error(err); console.error(err);
reject(err); reject(err);
@ -130,6 +120,10 @@ export default {
SET_MENU_LIST(state, index) { SET_MENU_LIST(state, index) {
const { showAMenu } = this.getters.conf; const { showAMenu } = this.getters.conf;
if (isEmpty(index)) {
index = state.index;
}
if (showAMenu) { if (showAMenu) {
const { children = [] } = state.group[index] || {}; const { children = [] } = state.group[index] || {};

26
src/cool/modules/base/store/module.js Normal file
View File

@ -0,0 +1,26 @@
export default {
state: {
info: {},
list: []
},
getters: {
// 模块信息
modules: state => state.info,
// 模块列表
moduleList: state => state.list
},
mutations: {
SET_MODULE(state, list) {
let d = {};
list.forEach(e => {
d[e.name] = e;
});
state.list = list;
state.info = d;
}
}
};

6
cool/modules/base/store/process.js → src/cool/modules/base/store/process.js
View File

@ -10,15 +10,15 @@ export default {
}, },
getters: { getters: {
// 窗口列表 // 窗口列表
processList: (state) => state.list processList: state => state.list
}, },
mutations: { mutations: {
ADD_PROCESS(state, item) { ADD_PROCESS(state, item) {
const index = state.list.findIndex( const index = state.list.findIndex(
(e) => e.value.split("?")[0] === item.value.split("?")[0] e => e.value.split("?")[0] === item.value.split("?")[0]
); );
state.list.map((e) => { state.list.map(e => {
e.active = e.value == item.value; e.active = e.value == item.value;
}); });

14
cool/modules/base/store/user.js → src/cool/modules/base/store/user.js
View File

@ -11,13 +11,13 @@ export default {
info info
}, },
getters: { getters: {
userInfo: (state) => state.info, userInfo: state => state.info,
token: (state) => state.token token: state => state.token
}, },
actions: { actions: {
// 用户登录 // 用户登录
userLogin({ commit }, form) { userLogin({ commit }, form) {
return this.$service.open.userLogin(form).then((res) => { return this.$service.open.userLogin(form).then(res => {
commit("SET_TOKEN", res); commit("SET_TOKEN", res);
return res; return res;
}); });
@ -25,7 +25,7 @@ export default {
// 用户退出 // 用户退出
userLogout({ dispatch }) { userLogout({ dispatch }) {
return new Promise((resolve) => { return new Promise(resolve => {
this.$service.common.userLogout().done(() => { this.$service.common.userLogout().done(() => {
dispatch("userRemove").then(() => { dispatch("userRemove").then(() => {
resolve(); resolve();
@ -36,7 +36,7 @@ export default {
// 用户信息 // 用户信息
userInfo({ commit }) { userInfo({ commit }) {
return this.$service.common.userInfo().then((res) => { return this.$service.common.userInfo().then(res => {
commit("SET_USERINFO", res); commit("SET_USERINFO", res);
return res; return res;
}); });
@ -57,11 +57,11 @@ export default {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.$service.open this.$service.open
.refreshToken(storage.get("refreshToken")) .refreshToken(storage.get("refreshToken"))
.then((res) => { .then(res => {
commit("SET_TOKEN", res); commit("SET_TOKEN", res);
resolve(res.token); resolve(res.token);
}) })
.catch((err) => { .catch(err => {
dispatch("userRemove"); dispatch("userRemove");
href("/login"); href("/login");
reject(err); reject(err);

31
src/cool/modules/base/utils/index.js Normal file
View File

@ -0,0 +1,31 @@
export const revisePath = path => {
if (!path) {
return "";
}
if (path[0] == "/") {
return path;
} else {
return `/${path}`;
}
};
export function firstMenu(list) {
let path = "";
const fn = arr => {
arr.forEach(e => {
if (e.type == 1) {
if (!path) {
path = e.path;
}
} else {
fn(e.children);
}
});
};
fn(list);
return path || "/404";
}

10
src/cool/modules/base/views/index.js Normal file
View File

@ -0,0 +1,10 @@
export default [
{
path: "/my/info",
component: () => import("./info"),
meta: {
label: "个人中心",
keepAlive: true
}
}
];

2
cool/modules/base/views/info.vue → src/cool/modules/base/views/info.vue
View File

@ -58,7 +58,7 @@ export default {
this.$message.success("修改成功"); this.$message.success("修改成功");
this.$store.dispatch("userInfo"); this.$store.dispatch("userInfo");
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}) })
.done(() => { .done(() => {

6
cool/modules/base/views/log.vue → src/cool/modules/base/views/log.vue
View File

@ -32,6 +32,7 @@
</el-row> </el-row>
<el-row type="flex"> <el-row type="flex">
<cl-flex1></cl-flex1>
<cl-pagination></cl-pagination> <cl-pagination></cl-pagination>
</el-row> </el-row>
</cl-crud> </cl-crud>
@ -52,6 +53,7 @@ export default {
} }
}, },
"context-menu": [ "context-menu": [
"refresh",
{ {
label: "清空", label: "清空",
callback: (_, done) => { callback: (_, done) => {
@ -121,7 +123,7 @@ export default {
}, },
created() { created() {
this.$service.system.log.getKeep().then((res) => { this.$service.system.log.getKeep().then(res => {
this.day = res; this.day = res;
}); });
}, },
@ -149,7 +151,7 @@ export default {
this.$message.success("清空成功"); this.$message.success("清空成功");
this.$refs["crud"].refresh(); this.$refs["crud"].refresh();
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}); });
}) })

131
cool/modules/base/views/menu.vue → src/cool/modules/base/views/menu.vue
View File

@ -6,64 +6,73 @@
<cl-add-btn /> <cl-add-btn />
</el-row> </el-row>
<cl-table ref="table" v-bind="table" @row-click="onRowClick"> <el-row>
<!-- 名称 --> <cl-table ref="table" v-bind="table" @row-click="onRowClick">
<template #column-name="{ scope }"> <!-- 名称 -->
<span>{{ scope.row.name }}</span> <template #column-name="{ scope }">
<el-tag <span>{{ scope.row.name }}</span>
size="mini" <el-tag
effect="dark" size="mini"
type="danger" effect="dark"
v-if="!scope.row.isShow" type="danger"
style="margin-left: 10px" v-if="!scope.row.isShow"
>隐藏</el-tag style="margin-left: 10px"
> >隐藏</el-tag
</template> >
<!-- 图标 -->
<template #column-icon="{ scope }">
<icon-svg :name="scope.row.icon" size="16px" style="margin-top: 5px"></icon-svg>
</template>
<!-- 权限 -->
<template #column-perms="{ scope }">
<el-tag
v-for="(item, index) in scope.row.permList"
:key="index"
size="mini"
effect="dark"
style="margin: 2px; letter-spacing: 0.5px"
>{{ item }}</el-tag
>
</template>
<!-- 路由 -->
<template #column-router="{ scope }">
<el-link type="primary" :href="scope.row.router" v-if="scope.row.type == 1">{{
scope.row.router
}}</el-link>
<span v-else>{{ scope.row.router }}</span>
</template>
<!-- 路由缓存 -->
<template #column-keepAlive="{ scope }">
<template v-if="scope.row.type == 1">
<i class="el-icon-check" v-if="scope.row.keepAlive"></i>
<i class="el-icon-close" v-else></i>
</template> </template>
</template>
<!-- 行新增 --> <!-- 图标 -->
<template #slot-add="{ scope }"> <template #column-icon="{ scope }">
<el-button <icon-svg
type="text" :name="scope.row.icon"
size="mini" size="16px"
@click="upsertAppend(scope.row)" style="margin-top: 5px"
v-if="scope.row.type != 2" ></icon-svg>
>新增</el-button </template>
>
</template> <!-- 权限 -->
</cl-table> <template #column-perms="{ scope }">
<el-tag
v-for="(item, index) in scope.row.permList"
:key="index"
size="mini"
effect="dark"
style="margin: 2px; letter-spacing: 0.5px"
>{{ item }}</el-tag
>
</template>
<!-- 路由 -->
<template #column-router="{ scope }">
<el-link
type="primary"
:href="scope.row.router"
v-if="scope.row.type == 1"
>{{ scope.row.router }}</el-link
>
<span v-else>{{ scope.row.router }}</span>
</template>
<!-- 路由缓存 -->
<template #column-keepAlive="{ scope }">
<template v-if="scope.row.type == 1">
<i class="el-icon-check" v-if="scope.row.keepAlive"></i>
<i class="el-icon-close" v-else></i>
</template>
</template>
<!-- 行新增 -->
<template #slot-add="{ scope }">
<el-button
type="text"
size="mini"
@click="upsertAppend(scope.row)"
v-if="scope.row.type != 2"
>新增</el-button
>
</template>
</cl-table>
</el-row>
<!-- 编辑 --> <!-- 编辑 -->
<cl-upsert ref="upsert" v-bind="upsert" @open="onUpsertOpen"></cl-upsert> <cl-upsert ref="upsert" v-bind="upsert" @open="onUpsertOpen"></cl-upsert>
@ -82,7 +91,7 @@ export default {
"row-key": "id" "row-key": "id"
}, },
"context-menu": [ "context-menu": [
(row) => { row => {
return { return {
label: "新增", label: "新增",
hidden: row.type == 2, hidden: row.type == 2,
@ -94,7 +103,7 @@ export default {
}, },
"update", "update",
"delete", "delete",
(row) => { row => {
return { return {
label: "权限", label: "权限",
hidden: row.type != 1, hidden: row.type != 1,
@ -212,7 +221,7 @@ export default {
} }
], ],
on: { on: {
change: (index) => { change: index => {
this.changeType(index); this.changeType(index);
} }
} }
@ -340,8 +349,8 @@ export default {
}, },
onRefresh(params, { render }) { onRefresh(params, { render }) {
this.$service.system.menu.list().then((list) => { this.$service.system.menu.list().then(list => {
list.map((e) => { list.map(e => {
e.permList = e.perms ? e.perms.split(",") : []; e.permList = e.perms ? e.perms.split(",") : [];
}); });

0
cool/modules/base/views/param.vue → src/cool/modules/base/views/param.vue
View File

2
cool/modules/base/views/perf.vue → src/cool/modules/base/views/perf.vue
View File

@ -52,7 +52,7 @@ export default {
methods: { methods: {
refresh() { refresh() {
this.$service.system.info.record().then((res) => { this.$service.system.info.record().then(res => {
const { network, ct, redis, mysql } = this.$refs; const { network, ct, redis, mysql } = this.$refs;
if (network) { if (network) {

30
cool/modules/base/views/plugin.vue → src/cool/modules/base/views/plugin.vue
View File

@ -39,7 +39,7 @@
</template> </template>
<script> <script>
import { checkPerm } from "cool/modules/base"; import { checkPerm } from "@/cool/modules/base";
export default { export default {
data() { data() {
@ -65,7 +65,8 @@ export default {
} }
}, },
"context-menu": [ "context-menu": [
(scope) => { "refresh",
scope => {
return { return {
label: "配置", label: "配置",
hidden: !perms.edit, hidden: !perms.edit,
@ -83,31 +84,38 @@ export default {
}, },
{ {
label: "作者", label: "作者",
prop: "author" prop: "author",
width: 150
}, },
{ {
label: "联系方式", label: "联系方式",
prop: "contact" prop: "contact",
"show-overflow-tooltip": true
}, },
{ {
label: "功能描述", label: "功能描述",
prop: "description" prop: "description",
"show-overflow-tooltip": true
}, },
{ {
label: "版本号", label: "版本号",
prop: "version" prop: "version",
width: 120
}, },
{ {
label: "是否启用", label: "是否启用",
prop: "enable" prop: "enable",
width: 120
}, },
{ {
label: "命名空间", label: "命名空间",
prop: "namespace" prop: "namespace",
width: 150
}, },
{ {
label: "状态", label: "状态",
prop: "status", prop: "status",
width: 150,
dict: [ dict: [
{ {
label: "缺少配置", label: "缺少配置",
@ -173,7 +181,7 @@ export default {
app.refresh(); app.refresh();
}, },
onRefresh(params, { next, render }) { onRefresh(params, { next, render }) {
next(params).then((res) => { next(params).then(res => {
render(res, { render(res, {
total: res.length total: res.length
}); });
@ -188,7 +196,7 @@ export default {
.then(() => { .then(() => {
this.$message.success(val ? "开启成功" : "关闭成功"); this.$message.success(val ? "开启成功" : "关闭成功");
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
}); });
}, },
@ -221,7 +229,7 @@ export default {
this.$message.success("保存成功"); this.$message.success("保存成功");
close(); close();
}) })
.catch((err) => { .catch(err => {
this.$message.error(err); this.$message.error(err);
done(); done();
}); });

0
cool/modules/base/views/role.vue → src/cool/modules/base/views/role.vue
View File

4
cool/modules/base/views/user.vue → src/cool/modules/base/views/user.vue
View File

@ -390,7 +390,7 @@ export default {
async onRefresh(params, { next, render }) { async onRefresh(params, { next, render }) {
let { list } = await next(params); let { list } = await next(params);
list.map((e) => { list.map(e => {
if (e.roleName) { if (e.roleName) {
this.$set(e, "roleNameList", e.roleName.split(",")); this.$set(e, "roleNameList", e.roleName.split(","));
} }
@ -424,7 +424,7 @@ export default {
}, },
onSelectionChange(selection) { onSelectionChange(selection) {
this.selects.ids = selection.map((e) => e.id); this.selects.ids = selection.map(e => e.id);
}, },
onDeptRowClick({ item, ids }) { onDeptRowClick({ item, ids }) {

32
cool/modules/chat/components/box.vue → src/cool/modules/chat/components/box.vue
View File

@ -108,7 +108,7 @@
accept="video/*" accept="video/*"
list-type list-type
:before-upload=" :before-upload="
(f) => { f => {
onBeforeUpload(f, 'video'); onBeforeUpload(f, 'video');
} }
" "
@ -222,7 +222,7 @@ export default {
sessionList() { sessionList() {
return this.session.list return this.session.list
.map((e) => { .map(e => {
let { _text } = parseContent(e); let { _text } = parseContent(e);
e.lastMessage = _text; e.lastMessage = _text;
return e; return e;
@ -240,11 +240,11 @@ export default {
console.log("socket connect"); console.log("socket connect");
}); });
this.socket.on("admin", (msg) => { this.socket.on("admin", msg => {
this.onMessage(msg); this.onMessage(msg);
}); });
this.socket.on("error", (err) => { this.socket.on("error", err => {
console.log(err); console.log(err);
}); });
@ -261,7 +261,7 @@ export default {
open() { open() {
this.visible = true; this.visible = true;
this.refreshSession().then((res) => { this.refreshSession().then(res => {
this.sessionDetail(res.list[0]); this.sessionDetail(res.list[0]);
}); });
}, },
@ -288,7 +288,7 @@ export default {
// 上传中 // 上传中
onUploadProgress(e, file) { onUploadProgress(e, file) {
let item = this.message.list.find((e) => e.uid == file.uid); let item = this.message.list.find(e => e.uid == file.uid);
if (item) { if (item) {
item.progress = e.percent + "%"; item.progress = e.percent + "%";
@ -297,7 +297,7 @@ export default {
// 上传成功 // 上传成功
onUploadSuccess(res, file, key) { onUploadSuccess(res, file, key) {
let item = this.message.list.find((e) => e.uid == file.uid); let item = this.message.list.find(e => e.uid == file.uid);
if (item) { if (item) {
item.loading = false; item.loading = false;
@ -342,7 +342,7 @@ export default {
order: "updateTime", order: "updateTime",
sort: "desc" sort: "desc"
}) })
.then(async (res) => { .then(async res => {
this.session.list = res.list; this.session.list = res.list;
this.session.pagination = res.pagination; this.session.pagination = res.pagination;
@ -386,7 +386,7 @@ export default {
order: "createTime", order: "createTime",
sort: "desc" sort: "desc"
}) })
.then((res) => { .then(res => {
this.message.pagination = res.pagination; this.message.pagination = res.pagination;
this.prepend.apply(this, res.list); this.prepend.apply(this, res.list);
}); });
@ -408,7 +408,7 @@ export default {
}, },
// 滚动到底部 // 滚动到底部
scrollToBottom: debounce(function () { scrollToBottom: debounce(function() {
this.$nextTick(() => { this.$nextTick(() => {
if (this.$refs["scroller"]) { if (this.$refs["scroller"]) {
this.$refs["scroller"].scrollTo(0, 999999); this.$refs["scroller"].scrollTo(0, 999999);
@ -514,7 +514,7 @@ export default {
} }
// 查找会话 // 查找会话
let item = this.session.list.find((e) => e.userId == fromId); let item = this.session.list.find(e => e.userId == fromId);
if (item) { if (item) {
if (!same) { if (!same) {
@ -555,7 +555,7 @@ export default {
const NotificationInstance = Notification || window.Notification; const NotificationInstance = Notification || window.Notification;
if (!!NotificationInstance) { if (!!NotificationInstance) {
if (NotificationInstance.permission !== "denied") { if (NotificationInstance.permission !== "denied") {
NotificationInstance.requestPermission((status) => { NotificationInstance.requestPermission(status => {
let n = new Notification("COOL-MALL", { let n = new Notification("COOL-MALL", {
body: _text, body: _text,
icon: "/favicon.ico" icon: "/favicon.ico"
@ -627,7 +627,7 @@ export default {
// 追加数据到开头 // 追加数据到开头
prepend(...data) { prepend(...data) {
data.map(this.handleMessage).forEach((e) => { data.map(this.handleMessage).forEach(e => {
this.message.list.unshift(e); this.message.list.unshift(e);
}); });
}, },
@ -722,7 +722,11 @@ export default {
.name, .name,
.content { .content {
@include text_ellipsis(1); overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
} }
} }

2
cool/modules/chat/components/emoji.vue → src/cool/modules/chat/components/emoji.vue
View File

@ -103,7 +103,7 @@ let emoji = {
] ]
}; };
emoji.list = emoji.list.map((e) => emoji.url + e); emoji.list = emoji.list.map(e => emoji.url + e);
export default { export default {
data() { data() {

0
cool/modules/chat/components/icon-voice.vue → src/cool/modules/chat/components/icon-voice.vue
View File

3
src/cool/modules/chat/components/index.js Normal file
View File

@ -0,0 +1,3 @@
import Notice from "./notice";
export default { Notice };

6
cool/modules/chat/components/message.vue → src/cool/modules/chat/components/message.vue
View File

@ -107,7 +107,7 @@ export default {
destroyed() { destroyed() {
clearTimeout(this.voice.timer); clearTimeout(this.voice.timer);
this.list.map((e) => { this.list.map(e => {
e.isPlay = false; e.isPlay = false;
}); });
}, },
@ -116,7 +116,7 @@ export default {
flist() { flist() {
let date = ""; let date = "";
return this.list.map((e) => { return this.list.map(e => {
e._date = date e._date = date
? dayjs(e.createTime).isBefore(dayjs(date).add(1, "minute")) ? dayjs(e.createTime).isBefore(dayjs(date).add(1, "minute"))
? "" ? ""
@ -133,7 +133,7 @@ export default {
methods: { methods: {
tapItem(item) { tapItem(item) {
if (item.mode == "voice") { if (item.mode == "voice") {
this.list.map((e) => { this.list.map(e => {
this.$set(e, "isPlay", e.id == item.id ? e.isPlay : false); this.$set(e, "isPlay", e.id == item.id ? e.isPlay : false);
}); });

8
cool/modules/chat/components/notice.vue → src/cool/modules/chat/components/notice.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<li class="app-tools-notice" @click="openChatBox"> <div class="cl-chat-notice" @click="openChatBox">
<el-badge :value="number" :hidden="number === 0"> <el-badge :value="number" :hidden="number === 0">
<i class="el-icon-message-solid"></i> <i class="el-icon-message-solid"></i>
</el-badge> </el-badge>
<!-- 聊天盒子 --> <!-- 聊天盒子 -->
<cl-chat ref="chat" @message="updateNum"></cl-chat> <cl-chat ref="chat" @message="updateNum"></cl-chat>
</li> </div>
</template> </template>
<script> <script>
@ -26,7 +26,7 @@ export default {
methods: { methods: {
refresh() { refresh() {
this.$service.im.session.unreadCount().then((res) => { this.$service.im.session.unreadCount().then(res => {
this.number = Number(res); this.number = Number(res);
}); });
}, },
@ -44,7 +44,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.app-tools-notice { .cl-chat-notice {
position: relative; position: relative;
.el-icon-message-solid { .el-icon-message-solid {

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