lingling
/
welfare-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'develop' of https://gitee.com/siwa-team/dawa-vue into develop 

# Conflicts:
#	src/core/lazy_use.js
This commit is contained in:
aoli.qu 2021-08-31 10:07:56 +08:00
parent 3ae9351c71 cb2d422f19
commit ac57a0cb85
8 changed files with 354 additions and 262 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -62,6 +62,7 @@
"opencollective-postinstall": "^2.0.2", "opencollective-postinstall": "^2.0.2",
"vue-svg-icon-loader": "^2.1.1", "vue-svg-icon-loader": "^2.1.1",
"vue-template-compiler": "^2.6.10", "vue-template-compiler": "^2.6.10",
"webpack-theme-color-replacer": "^1.3.12" "webpack-theme-color-replacer": "^1.3.12",
"webpack": "^4.44.2"
} }
} }

246
public/index.html vendored
View File

@ -1,134 +1,160 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-cmn-Hans"> <html lang="zh-cmn-Hans">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>logo.png"> <link rel="icon" href="<%= BASE_URL %>logo.png">
<title>Ant Design Pro</title> <title>Ant Design Pro</title>
<style> <style>
.first-loading-wrp { .first-loading-wrp {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 420px; min-height: 420px;
height: 100% height: 100%
} }
.first-loading-wrp>h1 { .first-loading-wrp>h1 {
font-size: 128px font-size: 128px
} }
.first-loading-wrp .loading-wrp { .first-loading-wrp .loading-wrp {
padding: 98px; padding: 98px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
.dot { .dot {
animation: antRotate 1.2s infinite linear; animation: antRotate 1.2s infinite linear;
transform: rotate(45deg); transform: rotate(45deg);
position: relative; position: relative;
display: inline-block; display: inline-block;
font-size: 32px; font-size: 32px;
width: 32px; width: 32px;
height: 32px; height: 32px;
box-sizing: border-box box-sizing: border-box
} }
.dot i { .dot i {
width: 14px; width: 14px;
height: 14px; height: 14px;
position: absolute; position: absolute;
display: block; display: block;
background-color: #1890ff; background-color: #1890ff;
border-radius: 100%; border-radius: 100%;
transform: scale(.75); transform: scale(.75);
transform-origin: 50% 50%; transform-origin: 50% 50%;
opacity: .3; opacity: .3;
animation: antSpinMove 1s infinite linear alternate animation: antSpinMove 1s infinite linear alternate
} }
.dot i:nth-child(1) { .dot i:nth-child(1) {
top: 0; top: 0;
left: 0 left: 0
} }
.dot i:nth-child(2) { .dot i:nth-child(2) {
top: 0; top: 0;
right: 0; right: 0;
-webkit-animation-delay: .4s; -webkit-animation-delay: .4s;
animation-delay: .4s animation-delay: .4s
} }
.dot i:nth-child(3) { .dot i:nth-child(3) {
right: 0; right: 0;
bottom: 0; bottom: 0;
-webkit-animation-delay: .8s; -webkit-animation-delay: .8s;
animation-delay: .8s animation-delay: .8s
} }
.dot i:nth-child(4) { .dot i:nth-child(4) {
bottom: 0; bottom: 0;
left: 0; left: 0;
-webkit-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;
animation-delay: 1.2s animation-delay: 1.2s
} }
@keyframes antRotate { @keyframes antRotate {
to { to {
-webkit-transform: rotate(405deg); -webkit-transform: rotate(405deg);
transform: rotate(405deg) transform: rotate(405deg)
}
} }
}
@-webkit-keyframes antRotate { @-webkit-keyframes antRotate {
to { to {
-webkit-transform: rotate(405deg); -webkit-transform: rotate(405deg);
transform: rotate(405deg) transform: rotate(405deg)
}
} }
}
@keyframes antSpinMove { @keyframes antSpinMove {
to { to {
opacity: 1 opacity: 1
}
} }
}
@-webkit-keyframes antSpinMove { @-webkit-keyframes antSpinMove {
to { to {
opacity: 1 opacity: 1
}
} }
</style> }
<!-- require cdn assets css -->
<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
<% } %>
</head>
<body> /* 组织机构数选择组件样式修改 start */
<noscript> .popover-tree>.ant-popover-content {
<strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to margin-top: -15px;
continue.</strong> border: 1px solid #1890ff;
</noscript> max-height: 400px;
<div id="app"> overflow-y: auto;
<div class="first-loading-wrp"> }
<!-- <h1>Pro</h1> -->
<div class="loading-wrp"> .popover-tree>.ant-popover-content>.ant-popover-arrow {
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span> display: none;
</div> }
<!-- <div style="display: flex; justify-content: center; align-items: center;">Ant Design</div> -->
/* 组织机构数选择组件样式修改 end */
/* 项目管理 - 选择单位组件样式 start */
.tree-transfer .ant-transfer-list-body-customize-wrapper {
overflow-y: auto !important;
height: 500px !important;
}
.tree-transfer .ant-transfer-list-content {
height: 500px !important;
}
/* 项目管理 - 选择单位组件样式 end */
</style>
<!-- require cdn assets css -->
<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
<% } %>
</head>
<body>
<noscript>
<strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to
continue.</strong>
</noscript>
<div id="app">
<div class="first-loading-wrp">
<!-- <h1>Pro</h1> -->
<div class="loading-wrp">
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
</div> </div>
<!-- <div style="display: flex; justify-content: center; align-items: center;">Ant Design</div> -->
</div> </div>
<!-- require cdn assets js --> </div>
<% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %> <!-- require cdn assets js -->
<script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script> <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
<% } %> <script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
<!-- built files will be auto injected --> <% } %>
</body> <!-- built files will be auto injected -->
</body>
</html> </html>

25
src/api/project/project.js
View File

@ -1,7 +1,8 @@
import request from '@/utils/request' import request from '@/utils/request'
const projectApi = { const projectApi = {
// add: 'sys/menu/add', add: 'project/add',
getDict:'projecct/getDict',
// get: 'sys/menu/get', // get: 'sys/menu/get',
// update: 'sys/menu/update', // update: 'sys/menu/update',
// del: 'sys/menu/delete', // del: 'sys/menu/delete',
@ -9,13 +10,20 @@ const projectApi = {
list: 'project/pageList' list: 'project/pageList'
} }
// export function menuAdd (params) { export function projectAdd (params) {
// return request({ return request({
// url: menuApi.add, url: projectApi.add,
// method: 'post', method: 'post',
// data: params data: params
// }) })
// } }
export function dictGet (params) {
return request({
url: projectApi.getDict,
method: 'get',
params: params
})
}
// export function menuGet (params) { // export function menuGet (params) {
// return request({ // return request({
// url: menuApi.get, // url: menuApi.get,
@ -38,6 +46,7 @@ const projectApi = {
// }) // })
// } // }
export function getProjectList (params) { export function getProjectList (params) {
console.log("------------{}",params)
return request({ return request({
url: projectApi.list, url: projectApi.list,
method: 'get', method: 'get',

2
src/config/defaultSettings.js
View File

@ -14,7 +14,7 @@
export default { export default {
navTheme: 'dark', // theme for nav menu navTheme: 'dark', // theme for nav menu
primaryColor: '#5555ff', // primary color of ant design primaryColor: '#1890ff', // primary color of ant design
layout: 'topmenu', // nav menu position: `sidemenu` or `topmenu` layout: 'topmenu', // nav menu position: `sidemenu` or `topmenu`
contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenu contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenu
fixedHeader: false, // sticky header fixedHeader: false, // sticky header

148
src/config/router.config.js
View File

@ -21,13 +21,13 @@ export const asyncRouterMap = [
name: 'dashboard', name: 'dashboard',
redirect: '/dashboard/workplace', redirect: '/dashboard/workplace',
component: RouteView, component: RouteView,
meta: { title: 'menu.dashboard', keepAlive: true, icon: bxAnaalyse, permission: [ 'dashboard' ] }, meta: { title: 'menu.dashboard', keepAlive: true, icon: bxAnaalyse, permission: ['dashboard'] },
children: [ children: [
{ {
path: '/dashboard/workplace', path: '/dashboard/workplace',
name: 'Workplace', name: 'Workplace',
component: () => import('@/views/dashboard/Workplace'), component: () => import('@/views/dashboard/Workplace'),
meta: { title: 'menu.dashboard.workplace', keepAlive: true, permission: [ 'dashboard' ] } meta: { title: 'menu.dashboard.workplace', keepAlive: true, permission: ['dashboard'] }
} }
] ]
}, },
@ -37,13 +37,13 @@ export const asyncRouterMap = [
name: 'security', name: 'security',
redirect: '/security/user', redirect: '/security/user',
component: RouteView, component: RouteView,
meta: { title: '系统设置', keepAlive: true, icon: bxAnaalyse, permission: [ 'security' ] }, meta: { title: '系统设置', keepAlive: true, icon: bxAnaalyse, permission: ['security'] },
children: [ children: [
{ {
path: '/security/user', path: '/security/user',
name: 'SecurityUser', name: 'SecurityUser',
component: () => import('@/views/security/user/UserList'), component: () => import('@/views/security/user/UserList'),
meta: { title: '用户管理', keepAlive: true, permission: [ 'security' ] } meta: { title: '用户管理', keepAlive: true, permission: ['security'] }
}, },
{ {
path: '/security/role', path: '/security/role',
@ -74,27 +74,87 @@ export const asyncRouterMap = [
// 项目管理 // 项目管理
{ {
path: '/project', path: '/project',
redirect: '/project/projectList', redirect: '/project/list',
component: RouteView, component: RouteView,
meta: { title: '项目管理', icon: bxAnaalyse, permission: [ 'from' ] }, meta: { title: '项目管理', icon: bxAnaalyse, permission: ['from'] },
children: [ children: [
{ {
path: '/project/projectList', path: '/project/list',
name: 'projectList', name: 'projectList',
component: () => import('@/views/project/ProjectList'), component: () => import('@/views/project/ProjectList'),
meta: { title: '自主项目', keepAlive: true, permission: [ 'form' ] } meta: { title: '自主项目', keepAlive: true, permission: ['form'] },
},
{
path: '/project/add',
name: 'ProjectForm',
component: () => import('@/views/project/ProjectForm'),
meta: { title: '新增项目', keepAlive: true, permission: ['form'], show: false }
},
{
path: '/project/addClass',
name: 'addClass',
component: () => import('@/views/project/AddClass'),
meta: { title: '新增种类', keepAlive: true, permission: ['form'] }
},
{
path: '/project/unitSelect',
name: 'unitSelect',
component: () => import('@/views/project/ProjectUnitSelect'),
meta: { title: '选择单位', keepAlive: true, permission: ['form'] }
}, },
{ {
path: '/form/step-form', path: '/form/step-form',
name: 'StepForm', name: 'StepForm',
component: () => import('@/views/form/stepForm/StepForm'), component: () => import('@/views/form/stepForm/StepForm'),
meta: { title: '系统推荐', keepAlive: true, permission: [ 'form' ] } meta: { title: '系统推荐', keepAlive: true, permission: ['form'] }
}, },
{ {
path: '/form/advanced-form', path: '/form/advanced-form',
name: 'AdvanceForm', name: 'AdvanceForm',
component: () => import('@/views/form/advancedForm/AdvancedForm'), component: () => import('@/views/form/advancedForm/AdvancedForm'),
meta: { title: '终端培训', keepAlive: true, permission: [ 'form' ] } meta: { title: '终端培训', keepAlive: true, permission: ['form'] }
}
]
},
// 课程管理
{
path: '/courseManagement',
redirect: '/courseManagement/course/courseList',
component: RouteView,
meta: { title: '课程管理', icon: bxAnaalyse, permission: ['from'] },
children: [
{
path: '/courseManagement/course/courseList',
name: 'courseList',
component: () => import('@/views/course/CourseList'),
meta: { title: '系统课程', keepAlive: true, permission: ['form'] }
},
{
path: '/courseManagement/customCourseList',
name: 'customCourse',
component: () => import('@/views/course/customCourseList'),
meta: { title: '自制课程', keepAlive: true, permission: ['form'] }
},
{
path: '/form/advanced-form',
name: 'AdvanceForm',
component: () => import('@/views/form/advancedForm/AdvancedForm'),
meta: { title: '资源库', keepAlive: true, permission: ['form'] }
}
]
},
// 档案管理
{
path: "/archives",
redirect: "/archives/user",
component: RouteView,
meta: { title: '档案管理', icon: 'profile', permission: ['form'] },
children: [
{
path: "/archives/user",
name: "archivesUser",
component: () => import('@/views/archives/user/Index'),
meta: { title: '人员档案', keepAlive: true, permission: ['form'] }
} }
] ]
}, },
@ -103,25 +163,25 @@ export const asyncRouterMap = [
path: '/form', path: '/form',
redirect: '/form/base-form', redirect: '/form/base-form',
component: RouteView, component: RouteView,
meta: { title: '表单页', icon: 'form', permission: [ 'form' ] }, meta: { title: '表单页', icon: 'form', permission: ['form'] },
children: [ children: [
{ {
path: '/form/base-form', path: '/form/base-form',
name: 'BaseForm', name: 'BaseForm',
component: () => import('@/views/form/basicForm/Index'), component: () => import('@/views/form/basicForm/Index'),
meta: { title: '基础表单', keepAlive: true, permission: [ 'form' ] } meta: { title: '基础表单', keepAlive: true, permission: ['form'] }
}, },
{ {
path: '/form/step-form', path: '/form/step-form',
name: 'StepForm', name: 'StepForm',
component: () => import('@/views/form/stepForm/StepForm'), component: () => import('@/views/form/stepForm/StepForm'),
meta: { title: '分步表单', keepAlive: true, permission: [ 'form' ] } meta: { title: '分步表单', keepAlive: true, permission: ['form'] }
}, },
{ {
path: '/form/advanced-form', path: '/form/advanced-form',
name: 'AdvanceForm', name: 'AdvanceForm',
component: () => import('@/views/form/advancedForm/AdvancedForm'), component: () => import('@/views/form/advancedForm/AdvancedForm'),
meta: { title: '高级表单', keepAlive: true, permission: [ 'form' ] } meta: { title: '高级表单', keepAlive: true, permission: ['form'] }
} }
] ]
}, },
@ -132,51 +192,51 @@ export const asyncRouterMap = [
name: 'list', name: 'list',
component: RouteView, component: RouteView,
redirect: '/list/table-list', redirect: '/list/table-list',
meta: { title: '列表页', icon: 'table', permission: [ 'table' ] }, meta: { title: '列表页', icon: 'table', permission: ['table'] },
children: [ children: [
{ {
path: '/list/table-list/:pageNo([1-9]\\d*)?', path: '/list/table-list/:pageNo([1-9]\\d*)?',
name: 'TableListWrapper', name: 'TableListWrapper',
hideChildrenInMenu: true, // 强制显示 MenuItem 而不是 SubMenu hideChildrenInMenu: true, // 强制显示 MenuItem 而不是 SubMenu
component: () => import('@/views/list/TableList'), component: () => import('@/views/list/TableList'),
meta: { title: '查询表格', keepAlive: true, permission: [ 'table' ] } meta: { title: '查询表格', keepAlive: true, permission: ['table'] }
}, },
{ {
path: '/list/basic-list', path: '/list/basic-list',
name: 'BasicList', name: 'BasicList',
component: () => import('@/views/list/BasicList'), component: () => import('@/views/list/BasicList'),
meta: { title: '标准列表', keepAlive: true, permission: [ 'table' ] } meta: { title: '标准列表', keepAlive: true, permission: ['table'] }
}, },
{ {
path: '/list/card', path: '/list/card',
name: 'CardList', name: 'CardList',
component: () => import('@/views/list/CardList'), component: () => import('@/views/list/CardList'),
meta: { title: '卡片列表', keepAlive: true, permission: [ 'table' ] } meta: { title: '卡片列表', keepAlive: true, permission: ['table'] }
}, },
{ {
path: '/list/search', path: '/list/search',
name: 'SearchList', name: 'SearchList',
component: () => import('@/views/list/search/SearchLayout'), component: () => import('@/views/list/search/SearchLayout'),
redirect: '/list/search/article', redirect: '/list/search/article',
meta: { title: '搜索列表', keepAlive: true, permission: [ 'table' ] }, meta: { title: '搜索列表', keepAlive: true, permission: ['table'] },
children: [ children: [
{ {
path: '/list/search/article', path: '/list/search/article',
name: 'SearchArticles', name: 'SearchArticles',
component: () => import('../views/list/search/Article'), component: () => import('../views/list/search/Article'),
meta: { title: '搜索列表（文章）', permission: [ 'table' ] } meta: { title: '搜索列表（文章）', permission: ['table'] }
}, },
{ {
path: '/list/search/project', path: '/list/search/project',
name: 'SearchProjects', name: 'SearchProjects',
component: () => import('../views/list/search/Projects'), component: () => import('../views/list/search/Projects'),
meta: { title: '搜索列表（项目）', permission: [ 'table' ] } meta: { title: '搜索列表（项目）', permission: ['table'] }
}, },
{ {
path: '/list/search/application', path: '/list/search/application',
name: 'SearchApplications', name: 'SearchApplications',
component: () => import('../views/list/search/Applications'), component: () => import('../views/list/search/Applications'),
meta: { title: '搜索列表（应用）', permission: [ 'table' ] } meta: { title: '搜索列表（应用）', permission: ['table'] }
} }
] ]
} }
@ -188,19 +248,19 @@ export const asyncRouterMap = [
name: 'profile', name: 'profile',
component: RouteView, component: RouteView,
redirect: '/profile/basic', redirect: '/profile/basic',
meta: { title: '详情页', icon: 'profile', permission: [ 'profile' ] }, meta: { title: '详情页', icon: 'profile', permission: ['profile'] },
children: [ children: [
{ {
path: '/profile/basic', path: '/profile/basic',
name: 'ProfileBasic', name: 'ProfileBasic',
component: () => import('@/views/profile/basic/Index'), component: () => import('@/views/profile/basic/Index'),
meta: { title: '基础详情页', permission: [ 'profile' ] } meta: { title: '基础详情页', permission: ['profile'] }
}, },
{ {
path: '/profile/advanced', path: '/profile/advanced',
name: 'ProfileAdvanced', name: 'ProfileAdvanced',
component: () => import('@/views/profile/advanced/Advanced'), component: () => import('@/views/profile/advanced/Advanced'),
meta: { title: '高级详情页', permission: [ 'profile' ] } meta: { title: '高级详情页', permission: ['profile'] }
} }
] ]
}, },
@ -210,19 +270,19 @@ export const asyncRouterMap = [
name: 'result', name: 'result',
component: RouteView, component: RouteView,
redirect: '/result/success', redirect: '/result/success',
meta: { title: '结果页', icon: 'check-circle-o', permission: [ 'result' ] }, meta: { title: '结果页', icon: 'check-circle-o', permission: ['result'] },
children: [ children: [
{ {
path: '/result/success', path: '/result/success',
name: 'ResultSuccess', name: 'ResultSuccess',
component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'), component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
meta: { title: '成功', keepAlive: false, hiddenHeaderContent: true, permission: [ 'result' ] } meta: { title: '成功', keepAlive: false, hiddenHeaderContent: true, permission: ['result'] }
}, },
{ {
path: '/result/fail', path: '/result/fail',
name: 'ResultFail', name: 'ResultFail',
component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'), component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
meta: { title: '失败', keepAlive: false, hiddenHeaderContent: true, permission: [ 'result' ] } meta: { title: '失败', keepAlive: false, hiddenHeaderContent: true, permission: ['result'] }
} }
] ]
}, },
@ -232,25 +292,25 @@ export const asyncRouterMap = [
name: 'exception', name: 'exception',
component: RouteView, component: RouteView,
redirect: '/exception/403', redirect: '/exception/403',
meta: { title: '异常页', icon: 'warning', permission: [ 'exception' ] }, meta: { title: '异常页', icon: 'warning', permission: ['exception'] },
children: [ children: [
{ {
path: '/exception/403', path: '/exception/403',
name: 'Exception403', name: 'Exception403',
component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'), component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'),
meta: { title: '403', permission: [ 'exception' ] } meta: { title: '403', permission: ['exception'] }
}, },
{ {
path: '/exception/404', path: '/exception/404',
name: 'Exception404', name: 'Exception404',
component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'), component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'),
meta: { title: '404', permission: [ 'exception' ] } meta: { title: '404', permission: ['exception'] }
}, },
{ {
path: '/exception/500', path: '/exception/500',
name: 'Exception500', name: 'Exception500',
component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'), component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'),
meta: { title: '500', permission: [ 'exception' ] } meta: { title: '500', permission: ['exception'] }
} }
] ]
}, },
@ -260,19 +320,19 @@ export const asyncRouterMap = [
component: RouteView, component: RouteView,
redirect: '/account/center', redirect: '/account/center',
name: 'account', name: 'account',
meta: { title: '个人页', icon: 'user', keepAlive: true, permission: [ 'user' ] }, meta: { title: '个人页', icon: 'user', keepAlive: true, permission: ['user'] },
children: [ children: [
{ {
path: '/account/center', path: '/account/center',
name: 'center', name: 'center',
component: () => import('@/views/account/center/Index'), component: () => import('@/views/account/center/Index'),
meta: { title: '个人中心', keepAlive: true, permission: [ 'user' ] } meta: { title: '个人中心', keepAlive: true, permission: ['user'] }
}, },
{ {
path: '/account/settings', path: '/account/settings',
name: 'settings', name: 'settings',
component: () => import('@/views/account/settings/Index'), component: () => import('@/views/account/settings/Index'),
meta: { title: '个人设置', hideHeader: true, permission: [ 'user' ] }, meta: { title: '个人设置', hideHeader: true, permission: ['user'] },
redirect: '/account/settings/base', redirect: '/account/settings/base',
hideChildrenInMenu: true, hideChildrenInMenu: true,
children: [ children: [
@ -280,31 +340,31 @@ export const asyncRouterMap = [
path: '/account/settings/base', path: '/account/settings/base',
name: 'BaseSettings', name: 'BaseSettings',
component: () => import('@/views/account/settings/BaseSetting'), component: () => import('@/views/account/settings/BaseSetting'),
meta: { title: '基本设置', hidden: true, permission: [ 'user' ] } meta: { title: '基本设置', hidden: true, permission: ['user'] }
}, },
{ {
path: '/account/settings/security', path: '/account/settings/security',
name: 'SecuritySettings', name: 'SecuritySettings',
component: () => import('@/views/account/settings/Security'), component: () => import('@/views/account/settings/Security'),
meta: { title: '安全设置', hidden: true, keepAlive: true, permission: [ 'user' ] } meta: { title: '安全设置', hidden: true, keepAlive: true, permission: ['user'] }
}, },
{ {
path: '/account/settings/custom', path: '/account/settings/custom',
name: 'CustomSettings', name: 'CustomSettings',
component: () => import('@/views/account/settings/Custom'), component: () => import('@/views/account/settings/Custom'),
meta: { title: '个性化设置', hidden: true, keepAlive: true, permission: [ 'user' ] } meta: { title: '个性化设置', hidden: true, keepAlive: true, permission: ['user'] }
}, },
{ {
path: '/account/settings/binding', path: '/account/settings/binding',
name: 'BindingSettings', name: 'BindingSettings',
component: () => import('@/views/account/settings/Binding'), component: () => import('@/views/account/settings/Binding'),
meta: { title: '账户绑定', hidden: true, keepAlive: true, permission: [ 'user' ] } meta: { title: '账户绑定', hidden: true, keepAlive: true, permission: ['user'] }
}, },
{ {
path: '/account/settings/notification', path: '/account/settings/notification',
name: 'NotificationSettings', name: 'NotificationSettings',
component: () => import('@/views/account/settings/Notification'), component: () => import('@/views/account/settings/Notification'),
meta: { title: '新消息通知', hidden: true, keepAlive: true, permission: [ 'user' ] } meta: { title: '新消息通知', hidden: true, keepAlive: true, permission: ['user'] }
} }
] ]
} }
@ -314,19 +374,19 @@ export const asyncRouterMap = [
path: '/other', path: '/other',
name: 'otherPage', name: 'otherPage',
component: RouteView, component: RouteView,
meta: { title: '其他组件', icon: 'slack', permission: [ 'dashboard' ] }, meta: { title: '其他组件', icon: 'slack', permission: ['dashboard'] },
redirect: '/other/icon-selector', redirect: '/other/icon-selector',
children: [ children: [
{ {
path: '/other/icon-selector', path: '/other/icon-selector',
name: 'TestIconSelect', name: 'TestIconSelect',
component: () => import('@/views/other/IconSelectorView'), component: () => import('@/views/other/IconSelectorView'),
meta: { title: 'IconSelector', icon: 'tool', keepAlive: true, permission: [ 'dashboard' ] } meta: { title: 'IconSelector', icon: 'tool', keepAlive: true, permission: ['dashboard'] }
}, },
{ {
path: '/other/list', path: '/other/list',
component: RouteView, component: RouteView,
meta: { title: '业务布局', icon: 'layout', permission: [ 'support' ] }, meta: { title: '业务布局', icon: 'layout', permission: ['support'] },
redirect: '/other/list/tree-list', redirect: '/other/list/tree-list',
children: [ children: [
{ {
@ -423,7 +483,7 @@ export const constantRouterMap = [
path: 'dictionaryItem/list/:id', path: 'dictionaryItem/list/:id',
name: 'DictionaryItemList', name: 'DictionaryItemList',
component: () => import('@/views/sys/dictionaryItem/DictionaryItemList'), component: () => import('@/views/sys/dictionaryItem/DictionaryItemList'),
meta: { title: '词典项', keepAlive: true, permission: [ 'dictionaryItem' ] } meta: { title: '词典项', keepAlive: true, permission: ['dictionaryItem'] }
} }
] ]
}, },

6
src/router/index.js
View File

@ -4,7 +4,7 @@ import { constantRouterMap, asyncRouterMap } from '@/config/router.config'
// hack router push callback // hack router push callback
const originalPush = Router.prototype.push const originalPush = Router.prototype.push
Router.prototype.push = function push (location, onResolve, onReject) { Router.prototype.push = function push(location, onResolve, onReject) {
if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject) if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
return originalPush.call(this, location).catch(err => err) return originalPush.call(this, location).catch(err => err)
} }
@ -12,8 +12,8 @@ Router.prototype.push = function push (location, onResolve, onReject) {
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
mode: 'history', mode: 'hash', // history
base: process.env.BASE_URL, // base: process.env.BASE_URL,
scrollBehavior: () => ({ y: 0 }), scrollBehavior: () => ({ y: 0 }),
routes: constantRouterMap.concat(asyncRouterMap) routes: constantRouterMap.concat(asyncRouterMap)
}) })

180
src/views/project/ProjectList.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<a-space direction="vertical" style="width: 100%;"> <a-space direction="vertical" style="width: 100%">
<a-space direction="horizontal"> <a-space direction="horizontal">
项目名: 项目名:
<a-input v-model="queryParam.projectName" style="width: 100%" /> <a-input v-model="queryParam.projectName" style="width: 100%" />
@ -9,12 +9,22 @@
<a-select-option value="null">全部</a-select-option> <a-select-option value="null">全部</a-select-option>
<a-select-option value="1">运行中</a-select-option> <a-select-option value="1">运行中</a-select-option>
<a-select-option value="2">已结束</a-select-option> <a-select-option value="2">已结束</a-select-option>
<a-select-option value="1">未发布</a-select-option> <a-select-option value="3">未发布</a-select-option>
</a-select> </a-select>
开始时间: 开始时间:
<a-date-picker v-model="queryParam.stateDate" style="width: 100%" placeholder="请输入开始时间" /> <a-date-picker
v-model="queryParam.startDate"
style="width: 100%"
placeholder="请输入开始时间"
valueFormat="YYYY-MM-DD HH:mm:ss"
/>
结束时间: 结束时间:
<a-date-picker v-model="queryParam.endDate" style="width: 100%" placeholder="请输入结束时间" /> <a-date-picker
v-model="queryParam.endDate"
style="width: 100%"
placeholder="请输入结束时间"
valueFormat="YYYY-MM-DD HH:mm:ss"
/>
培训方式: 培训方式:
<a-select v-model="queryParam.trainWay" placeholder="请选择" default-value="null" style="width: 120px"> <a-select v-model="queryParam.trainWay" placeholder="请选择" default-value="null" style="width: 120px">
<a-select-option value="null">全部</a-select-option> <a-select-option value="null">全部</a-select-option>
@ -29,40 +39,35 @@
</a-space> </a-space>
<a-space direction="horizontal"> <a-space direction="horizontal">
<a-button type="primary" icon="plus" @click="handleEdit()">新建</a-button> <a-button type="primary" icon="plus" @click="handledCreate()">新建</a-button>
<a-button type="primary" icon="minus" @click="handleEdit()">删除</a-button> <a-button type="primary" icon="minus" @click="handleEdit()">删除</a-button>
</a-space> </a-space>
<s-table ref="table" size="default" rowKey="key" :columns="columns" :data="loadData" :rowSelection="options.rowSelection"> <s-table
ref="table"
size="default"
rowKey="id"
:columns="columns"
:data="loadData"
:rowSelection="options.rowSelection"
>
<span slot="serial" slot-scope="text, record, index"> <span slot="serial" slot-scope="text, record, index">
{{ index + 1 }} {{ index + 1 }}
</span> </span>
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<template> <template>
<a @click="handleEdit(record)">编辑</a> <a href="javascript:;" @click="handleEdit(record)">修改</a>
<a-divider type="vertical" />
<a-popconfirm title="是否删除?" @confirm="() => handleDelete(record)">
<a href="javascript:;">删除</a>
</a-popconfirm>
<a-divider type="vertical" />
<a href="javascript:;" @click="handleDetail(record)">详情</a>
<a-divider type="vertical" /> <a-divider type="vertical" />
</template> </template>
<a-dropdown>
<a class="ant-dropdown-link"> 更多
<a-icon type="down" />
</a>
<a-menu slot="overlay">
<a-menu-item>
<a href="javascript:;">详情</a>
</a-menu-item>
<a-menu-item v-if="$auth('table.disable')">
<a href="javascript:;">禁用</a>
</a-menu-item>
<a-menu-item v-if="$auth('table.delete')">
<a href="javascript:;">删除</a>
</a-menu-item>
</a-menu>
</a-dropdown>
</span> </span>
</s-table> </s-table>
</a-space> </a-space>
</div> </div>
</template> </template>
@ -70,102 +75,93 @@
import moment from 'moment' import moment from 'moment'
import { STable } from '@/components' import { STable } from '@/components'
import { getProjectList } from '@/api/project/project' import { getProjectList } from '@/api/project/project'
import ProjectForm from '@/views/project/ProjectForm'
import router from '@/router/index.js'
export default { export default {
name: 'TableList', name: 'ProjectList',
props: {},
components: { components: {
STable, STable,
ProjectForm,
router,
}, },
data() { data() {
return { return {
mdl: {},
// 高级搜索 展开/关闭
advanced: false,
// 查询参数 // 查询参数
queryParam: {}, queryParam: {},
// 表头 // 表头
columns: [ columns: [
{ { title: '序号', key: 'id', dataIndex: 'id', width: 60, scopedSlots: { customRender: 'serial' } },
title: '序号', { title: '项目名称', dataIndex: 'projectName', key: 'projectName' },
width: 60,
scopedSlots: { customRender: 'serial' },
},
{
title: '项目名称',
dataIndex: 'projectName',
key: 'projectName'
},
{ {
title: '时间', title: '时间',
dataIndex: 'description', dataIndex: 'startDate',
}, key: 'startDate',
{ customRender: (text, record, index) => {
title: '人数', return record.startDate + ' - ' + record.endDate
dataIndex: 'callNo', },
// sorter: true,
needTotal: true,
// customRender: (text) => text + ' 次',
},
{
title: '项目类型',
dataIndex: 'description',
}, },
{ title: '人数', key: 'personNum', dataIndex: 'personNum', customRender: (text) => text + '人' },
{ title: '项目类型', dataIndex: 'projectType', key: 'projectType' },
{ {
title: '项目状态', title: '项目状态',
dataIndex: 'description', dataIndex: 'status',
key: 'status',
customRender: (text, record, index) => {
//项目状态 1-未发布 2-未开始 3-进行中 4-已完成 5-已中止
if (text == 1) {
return '未发布'
}
if (text == 2) {
return '未开始'
}
if (text == 3) {
return '进行中'
}
if (text == 4) {
return '已完成'
}
if (text == 5) {
return '已中止'
}
},
}, },
{ { title: '创建人员', key: 'createBy', dataIndex: 'createBy' },
title: '创建人员', { title: '创建时间', key: 'createDate', dataIndex: 'createDate' },
dataIndex: 'projectStatus',
},
{
title: '创建时间',
dataIndex: 'updatedAt',
sorter: true,
},
// {
// title: '操作',
// dataIndex: 'action',
// width: '150px',
// scopedSlots: { customRender: 'action' },
// },
{ {
title: '操作', title: '操作',
key: 'operation', width: 200,
width: 100, key: 'status',
align: 'center', align: 'center',
scopedSlots: { customRender: 'action' } scopedSlots: { customRender: 'action' },
} },
], ],
// 加载数据方法 必须为 Promise 对象 // 加载数据方法 必须为 Promise 对象
loadData: parameter => { loadData: (parameter) => {
return getProjectList(Object.assign(parameter, this.queryParam)).then(res => { return res; }) return getProjectList(Object.assign(parameter, this.queryParam)).then((res) => {
return res
})
}, },
selectedRowKeys: [], selectedRowKeys: [],
selectedRows: [], selectedRows: [],
// custom table alert & rowSelection
options: {
alert: {
show: true,
clear: () => {
this.selectedRowKeys = []
},
},
rowSelection: {
selectedRowKeys: this.selectedRowKeys,
onChange: this.onSelectChange,
},
},
optionAlertShow: false,
} }
}, },
created() { created() {
this.tableOption() this.tableOption()
getRoleList({ t: new Date() })
}, },
methods: { methods: {
// 增
handledCreate() {
return this.$router.push(
// {name: 'ProjectForm'}
{ path: 'project/project/add' }
)
// router.push()
},
tableOption() { tableOption() {
if (!this.optionAlertShow) { if (!this.optionAlertShow) {
this.options = { this.options = {
@ -190,11 +186,6 @@ export default {
} }
}, },
handleEdit(record) {
this.$emit('onEdit', record)
},
handleOk() { },
onSelectChange(selectedRowKeys, selectedRows) { onSelectChange(selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys this.selectedRowKeys = selectedRowKeys
this.selectedRows = selectedRows this.selectedRows = selectedRows
@ -211,3 +202,4 @@ export default {
}, },
} }
</script> </script>

4
vue.config.js
View File

@ -31,6 +31,10 @@ const assetsCDN = {
// vue.config.js // vue.config.js
const vueConfig = { const vueConfig = {
// 打包资源路径
publicPath: './',
// 输出文件目录
outputDir: 'dist',
configureWebpack: { configureWebpack: {
// webpack plugins // webpack plugins
plugins: [ plugins: [