7 |
9 |
3 |
13 |
14 |
15 |
16 |
32 |
33 |
45 |
--------------------------------------------------------------------------------
/src/layout/mixin/ResizeHandler.js:
--------------------------------------------------------------------------------
1 | import store from '@/store'
2 |
3 | const { body } = document
4 | const WIDTH = 992 // refer to Bootstrap's responsive design
5 |
6 | export default {
7 | watch: {
8 | $route(route) {
9 | if (this.device === 'mobile' && this.sidebar.opened) {
10 | store.dispatch('app/closeSideBar', { withoutAnimation: false })
11 | }
12 | }
13 | },
14 | beforeMount() {
15 | window.addEventListener('resize', this.$_resizeHandler)
16 | },
17 | beforeDestroy() {
18 | window.removeEventListener('resize', this.$_resizeHandler)
19 | },
20 | mounted() {
21 | const isMobile = this.$_isMobile()
22 | if (isMobile) {
23 | store.dispatch('app/toggleDevice', 'mobile')
24 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
25 | }
26 | },
27 | methods: {
28 | // use $_ for mixins properties
29 | // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
30 | $_isMobile() {
31 | const rect = body.getBoundingClientRect()
32 | return rect.width - 1 < WIDTH
33 | },
34 | $_resizeHandler() {
35 | if (!document.hidden) {
36 | const isMobile = this.$_isMobile()
37 | store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
38 |
39 | if (isMobile) {
40 | store.dispatch('app/closeSideBar', { withoutAnimation: true })
41 | }
42 | }
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/utils/myreq.js:
--------------------------------------------------------------------------------
1 | import request from '@/utils/request'
2 | import qs from 'qs'
3 |
4 | export default {
5 | get(url, params) {
6 | return request({
7 | method: 'get',
8 | url,
9 | params,
10 | headers: {
11 | 'X-Requested-With': 'XMLHttpRequest',
12 | 'withCredentials': true,
13 | }
14 | })
15 | },
16 | post(url, data) {
17 | return request({
18 | method: 'post',
19 | url,
20 | // data: qs.stringify(data),
21 | params: data,
22 | headers: {
23 | 'X-Requested-With': 'XMLHttpRequest',
24 | 'Content-Type': 'application/form-data;charset=UTF-8',
25 | }
26 | })
27 | },
28 | postJson(url, data) {
29 | return request({
30 | method: 'post',
31 | url,
32 | data,
33 | headers: {
34 | 'X-Requested-With': 'XMLHttpRequest',
35 | 'Content-Type': 'application/json;charset=UTF-8',
36 | }
37 | })
38 | },
39 | postFile(url, data) {
40 | return request({
41 | method: 'post',
42 | url,
43 | data,
44 | headers: {
45 | 'X-Requested-With': 'XMLHttpRequest',
46 | 'Content-Type': 'application/application/json;charset=UTF-8',
47 | },
48 | responseType: 'blob' //设置返回类型
49 | })
50 | }
51 | }
--------------------------------------------------------------------------------
/src/components/SvgIcon/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
47 |
48 |
63 |
--------------------------------------------------------------------------------
/mock/index.js:
--------------------------------------------------------------------------------
1 | const Mock = require('mockjs')
2 | const { param2Obj } = require('./utils')
3 |
4 | const user = require('./user')
5 | const table = require('./table')
6 |
7 | const mocks = [
8 | ...user,
9 | ...table
10 | ]
11 |
12 | // for front mock
13 | // please use it cautiously, it will redefine XMLHttpRequest,
14 | // which will cause many of your third-party libraries to be invalidated(like progress event).
15 | function mockXHR() {
16 | // mock patch
17 | // https://github.com/nuysoft/Mock/issues/300
18 | Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
19 | Mock.XHR.prototype.send = function() {
20 | if (this.custom.xhr) {
21 | this.custom.xhr.withCredentials = this.withCredentials || false
22 |
23 | if (this.responseType) {
24 | this.custom.xhr.responseType = this.responseType
25 | }
26 | }
27 | this.proxy_send(...arguments)
28 | }
29 |
30 | function XHR2ExpressReqWrap(respond) {
31 | return function(options) {
32 | let result = null
33 | if (respond instanceof Function) {
34 | const { body, type, url } = options
35 | // https://expressjs.com/en/4x/api.html#req
36 | result = respond({
37 | method: type,
38 | body: JSON.parse(body),
39 | query: param2Obj(url)
40 | })
41 | } else {
42 | result = respond
43 | }
44 | return Mock.mock(result)
45 | }
46 | }
47 |
48 | for (const i of mocks) {
49 | Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
50 | }
51 | }
52 |
53 | module.exports = {
54 | mocks,
55 | mockXHR
56 | }
57 |
58 |
--------------------------------------------------------------------------------
/src/icons/svg/tree.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/mock/user.js:
--------------------------------------------------------------------------------
1 |
2 | const tokens = {
3 | admin: {
4 | token: 'admin-token'
5 | },
6 | editor: {
7 | token: 'editor-token'
8 | }
9 | }
10 |
11 | const users = {
12 | 'admin-token': {
13 | roles: ['admin'],
14 | introduction: 'I am a super administrator',
15 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
16 | name: '点九'
17 | },
18 | 'editor-token': {
19 | roles: ['editor'],
20 | introduction: 'I am an editor',
21 | avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
22 | name: 'Normal Editor'
23 | }
24 | }
25 |
26 | module.exports = [
27 | // user login
28 | {
29 | url: '/user/login',
30 | type: 'post',
31 | response: config => {
32 | const { username } = config.body
33 | const token = tokens[username]
34 |
35 | // mock error
36 | if (!token) {
37 | return {
38 | code: 60204,
39 | message: 'Account and password are incorrect.'
40 | }
41 | }
42 |
43 | return {
44 | code: 20000,
45 | data: token
46 | }
47 | }
48 | },
49 |
50 | // get user info
51 | {
52 | url: '/user/info\.*',
53 | type: 'get',
54 | response: config => {
55 | const { token } = config.query
56 | const info = users[token]
57 |
58 | // mock error
59 | if (!info) {
60 | return {
61 | code: 50008,
62 | message: 'Login failed, unable to get user details.'
63 | }
64 | }
65 |
66 | return {
67 | code: 20000,
68 | data: info
69 | }
70 | }
71 | },
72 |
73 | // user logout
74 | {
75 | url: '/user/logout',
76 | type: 'post',
77 | response: _ => {
78 | return {
79 | code: 20000,
80 | data: 'success'
81 | }
82 | }
83 | }
84 | ]
85 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "job-plus-vue",
3 | "version": "4.4.0",
4 | "description": "A vue admin template with Element UI for job-plus",
5 | "author": "DainjiU
3 |
4 |
5 | ![]()
6 |
8 |
9 | ![]()
10 |
12 |
13 |
14 |
15 |
16 |
33 |
34 |
83 |
--------------------------------------------------------------------------------
/src/layout/components/Sidebar/index.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
7 |{{ title }}
11 |
3 |
13 |
23 |
25 |
26 |
27 |
28 |
29 |
42 |
78 |
--------------------------------------------------------------------------------
/src/icons/svg/dashboard.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/layout/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
8 |
9 |
11 |
12 | Job Plus
7 |10 |
3 |
4 |
12 |
13 |
14 |
52 |
53 |
94 |
--------------------------------------------------------------------------------
/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
11 |
3 |
4 |
5 |
6 |
8 |
9 |
10 |
11 |
12 |
13 |
24 |
25 |
26 |
27 |
96 |
--------------------------------------------------------------------------------
/tests/unit/components/Breadcrumb.spec.js:
--------------------------------------------------------------------------------
1 | import { mount, createLocalVue } from '@vue/test-utils'
2 | import VueRouter from 'vue-router'
3 | import ElementUI from 'element-ui'
4 | import Breadcrumb from '@/components/Breadcrumb/index.vue'
5 |
6 | const localVue = createLocalVue()
7 | localVue.use(VueRouter)
8 | localVue.use(ElementUI)
9 |
10 | const routes = [
11 | {
12 | path: '/',
13 | name: 'home',
14 | children: [{
15 | path: 'dashboard',
16 | name: 'dashboard'
17 | }]
18 | },
19 | {
20 | path: '/menu',
21 | name: 'menu',
22 | children: [{
23 | path: 'menu1',
24 | name: 'menu1',
25 | meta: { title: 'menu1' },
26 | children: [{
27 | path: 'menu1-1',
28 | name: 'menu1-1',
29 | meta: { title: 'menu1-1' }
30 | },
31 | {
32 | path: 'menu1-2',
33 | name: 'menu1-2',
34 | redirect: 'noredirect',
35 | meta: { title: 'menu1-2' },
36 | children: [{
37 | path: 'menu1-2-1',
38 | name: 'menu1-2-1',
39 | meta: { title: 'menu1-2-1' }
40 | },
41 | {
42 | path: 'menu1-2-2',
43 | name: 'menu1-2-2'
44 | }]
45 | }]
46 | }]
47 | }]
48 |
49 | const router = new VueRouter({
50 | routes
51 | })
52 |
53 | describe('Breadcrumb.vue', () => {
54 | const wrapper = mount(Breadcrumb, {
55 | localVue,
56 | router
57 | })
58 | it('dashboard', () => {
59 | router.push('/dashboard')
60 | const len = wrapper.findAll('.el-breadcrumb__inner').length
61 | expect(len).toBe(1)
62 | })
63 | it('normal route', () => {
64 | router.push('/menu/menu1')
65 | const len = wrapper.findAll('.el-breadcrumb__inner').length
66 | expect(len).toBe(2)
67 | })
68 | it('nested route', () => {
69 | router.push('/menu/menu1/menu1-2/menu1-2-1')
70 | const len = wrapper.findAll('.el-breadcrumb__inner').length
71 | expect(len).toBe(4)
72 | })
73 | it('no meta.title', () => {
74 | router.push('/menu/menu1/menu1-2/menu1-2-2')
75 | const len = wrapper.findAll('.el-breadcrumb__inner').length
76 | expect(len).toBe(3)
77 | })
78 | // it('click link', () => {
79 | // router.push('/menu/menu1/menu1-2/menu1-2-2')
80 | // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
81 | // const second = breadcrumbArray.at(1)
82 | // console.log(breadcrumbArray)
83 | // const href = second.find('a').attributes().href
84 | // expect(href).toBe('#/menu/menu1')
85 | // })
86 | // it('noRedirect', () => {
87 | // router.push('/menu/menu1/menu1-2/menu1-2-1')
88 | // const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
89 | // const redirectBreadcrumb = breadcrumbArray.at(2)
90 | // expect(redirectBreadcrumb.contains('a')).toBe(false)
91 | // })
92 | it('last breadcrumb', () => {
93 | router.push('/menu/menu1/menu1-2/menu1-2-1')
94 | const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
95 | const redirectBreadcrumb = breadcrumbArray.at(3)
96 | expect(redirectBreadcrumb.contains('a')).toBe(false)
97 | })
98 | })
99 |
--------------------------------------------------------------------------------
/src/utils/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by dianjiu on 16/11/18.
3 | */
4 |
5 | /**
6 | * Parse the time to string
7 | * @param {(Object|string|number)} time
8 | * @param {string} cFormat
9 | * @returns {string | null}
10 | */
11 | export function parseTime(time, cFormat) {
12 | if (arguments.length === 0 || !time) {
13 | return null
14 | }
15 | const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
16 | let date
17 | if (typeof time === 'object') {
18 | date = time
19 | } else {
20 | if ((typeof time === 'string')) {
21 | if ((/^[0-9]+$/.test(time))) {
22 | // support "1548221490638"
23 | time = parseInt(time)
24 | } else {
25 | // support safari
26 | // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
27 | time = time.replace(new RegExp(/-/gm), '/')
28 | }
29 | }
30 |
31 | if ((typeof time === 'number') && (time.toString().length === 10)) {
32 | time = time * 1000
33 | }
34 | date = new Date(time)
35 | }
36 | const formatObj = {
37 | y: date.getFullYear(),
38 | m: date.getMonth() + 1,
39 | d: date.getDate(),
40 | h: date.getHours(),
41 | i: date.getMinutes(),
42 | s: date.getSeconds(),
43 | a: date.getDay()
44 | }
45 | const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
46 | const value = formatObj[key]
47 | // Note: getDay() returns 0 on Sunday
48 | if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
49 | return value.toString().padStart(2, '0')
50 | })
51 | return time_str
52 | }
53 |
54 | /**
55 | * @param {number} time
56 | * @param {string} option
57 | * @returns {string}
58 | */
59 | export function formatTime(time, option) {
60 | if (('' + time).length === 10) {
61 | time = parseInt(time) * 1000
62 | } else {
63 | time = +time
64 | }
65 | const d = new Date(time)
66 | const now = Date.now()
67 |
68 | const diff = (now - d) / 1000
69 |
70 | if (diff < 30) {
71 | return '刚刚'
72 | } else if (diff < 3600) {
73 | // less 1 hour
74 | return Math.ceil(diff / 60) + '分钟前'
75 | } else if (diff < 3600 * 24) {
76 | return Math.ceil(diff / 3600) + '小时前'
77 | } else if (diff < 3600 * 24 * 2) {
78 | return '1天前'
79 | }
80 | if (option) {
81 | return parseTime(time, option)
82 | } else {
83 | return (
84 | d.getMonth() +
85 | 1 +
86 | '月' +
87 | d.getDate() +
88 | '日' +
89 | d.getHours() +
90 | '时' +
91 | d.getMinutes() +
92 | '分'
93 | )
94 | }
95 | }
96 |
97 | /**
98 | * @param {string} url
99 | * @returns {Object}
100 | */
101 | export function param2Obj(url) {
102 | const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
103 | if (!search) {
104 | return {}
105 | }
106 | const obj = {}
107 | const searchArr = search.split('&')
108 | searchArr.forEach(v => {
109 | const index = v.indexOf('=')
110 | if (index !== -1) {
111 | const name = v.substring(0, index)
112 | const val = v.substring(index + 1, v.length)
113 | obj[name] = val
114 | }
115 | })
116 | return obj
117 | }
118 |
--------------------------------------------------------------------------------
/src/layout/components/Navbar.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
35 |
36 |
37 |
64 |
65 |
143 |
--------------------------------------------------------------------------------
/src/views/task/crons/year.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
14 |
15 |
16 | 首页
17 |
18 |
19 |
20 | 源码
21 |
22 |
23 | 文档
24 |
25 |
26 | 点九
27 |
28 |
29 | 登出
30 |
31 |
32 |
33 |
34 |
10 | 
11 |
12 |
13 |
11 |
12 |
3 |
18 |
19 |
20 |
125 |
126 |
131 |
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | /* Layout */
7 | import Layout from '@/layout'
8 |
9 | /**
10 | * Note: sub-menu only appear when route children.length >= 1
11 | * Detail see: https://dianjiu.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
12 | *
13 | * hidden: true if set true, item will not show in the sidebar(default is false)
14 | * alwaysShow: true if set true, will always show the root menu
15 | * if not set alwaysShow, when item has more than one children route,
16 | * it will becomes nested mode, otherwise not show the root menu
17 | * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
18 | * name:'router-name' the name is used by
4 | 每年
5 |
6 |
7 | 不指定
8 |
9 |
10 | 周期
11 | 从
12 |
17 | -
5 |
3 |
32 |
33 |
34 |
138 |
139 |
144 |
--------------------------------------------------------------------------------
/src/views/task/crons/hour.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | 每月
5 |
6 |
7 | 不指定
8 |
9 |
10 | 周期
11 | 从
12 |
17 |
18 | 循环
19 | 从
20 |
25 |
26 | 指定
27 |
28 |
30 |
31 |
3 |
31 |
32 |
33 |
137 |
138 |
143 |
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const defaultSettings = require('./src/settings.js')
4 |
5 | function resolve(dir) {
6 | return path.join(__dirname, dir)
7 | }
8 |
9 | const name = defaultSettings.title || 'Job Plus Admin' // page title
10 |
11 | // If your port is set to 80,
12 | // use administrator privileges to execute the command line.
13 | // For example, Mac: sudo npm run
14 | // You can change the port by the following methods:
15 | // port = 2022 npm run dev OR npm run dev --port = 2022
16 | const port = process.env.port || process.env.npm_config_port || 8080 // dev port
17 |
18 | // All configuration item explanations can be find in https://cli.vuejs.org/config/
19 | module.exports = {
20 | /**
21 | * You will need to set publicPath if you plan to deploy your site under a sub path,
22 | * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
23 | * then publicPath should be set to "/bar/".
24 | * In most cases please use '/' !!!
25 | * Detail: https://cli.vuejs.org/config/#publicpath
26 | */
27 | publicPath: './',
28 | outputDir: 'dist',
29 | assetsDir: 'static',
30 | lintOnSave: process.env.NODE_ENV === 'development',
31 | productionSourceMap: false,
32 | devServer: {
33 | port: port,
34 | open: true,
35 | overlay: {
36 | warnings: false,
37 | errors: true
38 | },
39 | /*proxy: {
40 | '/api':{
41 | target:'http://127.0.0.1:18080',
42 | changeOrigin:true,
43 | pathRewrite:{
44 | '^/api':''
45 | }
46 | },
47 | },*/
48 | before: require('./mock/mock-server.js')
49 | },
50 | configureWebpack: {
51 | // provide the app's title in webpack's name field, so that
52 | // it can be accessed in index.html to inject the correct title.
53 | name: name,
54 | resolve: {
55 | alias: {
56 | '@': resolve('src')
57 | }
58 | }
59 | },
60 | chainWebpack(config) {
61 | // it can improve the speed of the first screen, it is recommended to turn on preload
62 | config.plugin('preload').tap(() => [
63 | {
64 | rel: 'preload',
65 | // to ignore runtime.js
66 | // https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/cli-service/lib/config/app.js#L171
67 | fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
68 | include: 'initial'
69 | }
70 | ])
71 |
72 | // when there are many pages, it will cause too many meaningless requests
73 | config.plugins.delete('prefetch')
74 |
75 | // set svg-sprite-loader
76 | config.module
77 | .rule('svg')
78 | .exclude.add(resolve('src/icons'))
79 | .end()
80 | config.module
81 | .rule('icons')
82 | .test(/\.svg$/)
83 | .include.add(resolve('src/icons'))
84 | .end()
85 | .use('svg-sprite-loader')
86 | .loader('svg-sprite-loader')
87 | .options({
88 | symbolId: 'icon-[name]'
89 | })
90 | .end()
91 |
92 | config
93 | .when(process.env.NODE_ENV !== 'development',
94 | config => {
95 | config
96 | .plugin('ScriptExtHtmlWebpackPlugin')
97 | .after('html')
98 | .use('script-ext-html-webpack-plugin', [{
99 | // `runtime` must same as runtimeChunk name. default is `runtime`
100 | inline: /runtime\..*\.js$/
101 | }])
102 | .end()
103 | config
104 | .optimization.splitChunks({
105 | chunks: 'all',
106 | cacheGroups: {
107 | libs: {
108 | name: 'chunk-libs',
109 | test: /[\\/]node_modules[\\/]/,
110 | priority: 10,
111 | chunks: 'initial' // only package third parties that are initially dependent
112 | },
113 | elementUI: {
114 | name: 'chunk-elementUI', // split elementUI into a single package
115 | priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
116 | test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
117 | },
118 | commons: {
119 | name: 'chunk-commons',
120 | test: resolve('src/components'), // can customize your rules
121 | minChunks: 3, // minimum common number
122 | priority: 5,
123 | reuseExistingChunk: true
124 | }
125 | }
126 | })
127 | // https:// webpack.js.org/configuration/optimization/#optimizationruntimechunk
128 | config.optimization.runtimeChunk('single')
129 | }
130 | )
131 | }
132 | }
133 |
--------------------------------------------------------------------------------
/src/views/task/crons/secondAndMinute.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 每时
5 |
6 |
7 | 周期
8 | 从
9 |
14 |
15 | 循环
16 | 从
17 |
22 |
23 | 指定
24 |
25 |
29 |
30 |
26 |
28 |
4 |
32 |
33 |
34 |
141 |
142 |
147 |
--------------------------------------------------------------------------------
/src/styles/sidebar.scss:
--------------------------------------------------------------------------------
1 | #app {
2 |
3 | .main-container {
4 | min-height: 100%;
5 | transition: margin-left .28s;
6 | margin-left: $sideBarWidth;
7 | position: relative;
8 | }
9 |
10 | .sidebar-container {
11 | transition: width 0.28s;
12 | width: $sideBarWidth !important;
13 | background-color: $menuBg;
14 | height: 100%;
15 | position: fixed;
16 | font-size: 0px;
17 | top: 0;
18 | bottom: 0;
19 | left: 0;
20 | z-index: 1001;
21 | overflow: hidden;
22 |
23 | // reset element-ui css
24 | .horizontal-collapse-transition {
25 | transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
26 | }
27 |
28 | .scrollbar-wrapper {
29 | overflow-x: hidden !important;
30 | }
31 |
32 | .el-scrollbar__bar.is-vertical {
33 | right: 0px;
34 | }
35 |
36 | .el-scrollbar {
37 | height: 100%;
38 | }
39 |
40 | &.has-logo {
41 | .el-scrollbar {
42 | height: calc(100% - 50px);
43 | }
44 | }
45 |
46 | .is-horizontal {
47 | display: none;
48 | }
49 |
50 | a {
51 | display: inline-block;
52 | width: 100%;
53 | overflow: hidden;
54 | }
55 |
56 | .svg-icon {
57 | margin-right: 16px;
58 | }
59 |
60 | .sub-el-icon {
61 | margin-right: 12px;
62 | margin-left: -2px;
63 | }
64 |
65 | .el-menu {
66 | border: none;
67 | height: 100%;
68 | width: 100% !important;
69 | }
70 |
71 | // menu hover
72 | .submenu-title-noDropdown,
73 | .el-submenu__title {
74 | &:hover {
75 | background-color: $menuHover !important;
76 | }
77 | }
78 |
79 | .is-active>.el-submenu__title {
80 | color: $subMenuActiveText !important;
81 | }
82 |
83 | & .nest-menu .el-submenu>.el-submenu__title,
84 | & .el-submenu .el-menu-item {
85 | min-width: $sideBarWidth !important;
86 | background-color: $subMenuBg !important;
87 |
88 | &:hover {
89 | background-color: $subMenuHover !important;
90 | }
91 | }
92 | }
93 |
94 | .hideSidebar {
95 | .sidebar-container {
96 | width: 54px !important;
97 | }
98 |
99 | .main-container {
100 | margin-left: 54px;
101 | }
102 |
103 | .submenu-title-noDropdown {
104 | padding: 0 !important;
105 | position: relative;
106 |
107 | .el-tooltip {
108 | padding: 0 !important;
109 |
110 | .svg-icon {
111 | margin-left: 20px;
112 | }
113 |
114 | .sub-el-icon {
115 | margin-left: 19px;
116 | }
117 | }
118 | }
119 |
120 | .el-submenu {
121 | overflow: hidden;
122 |
123 | &>.el-submenu__title {
124 | padding: 0 !important;
125 |
126 | .svg-icon {
127 | margin-left: 20px;
128 | }
129 |
130 | .sub-el-icon {
131 | margin-left: 19px;
132 | }
133 |
134 | .el-submenu__icon-arrow {
135 | display: none;
136 | }
137 | }
138 | }
139 |
140 | .el-menu--collapse {
141 | .el-submenu {
142 | &>.el-submenu__title {
143 | &>span {
144 | height: 0;
145 | width: 0;
146 | overflow: hidden;
147 | visibility: hidden;
148 | display: inline-block;
149 | }
150 | }
151 | }
152 | }
153 | }
154 |
155 | .el-menu--collapse .el-menu .el-submenu {
156 | min-width: $sideBarWidth !important;
157 | }
158 |
159 | // mobile responsive
160 | .mobile {
161 | .main-container {
162 | margin-left: 0px;
163 | }
164 |
165 | .sidebar-container {
166 | transition: transform .28s;
167 | width: $sideBarWidth !important;
168 | }
169 |
170 | &.hideSidebar {
171 | .sidebar-container {
172 | pointer-events: none;
173 | transition-duration: 0.3s;
174 | transform: translate3d(-$sideBarWidth, 0, 0);
175 | }
176 | }
177 | }
178 |
179 | .withoutAnimation {
180 |
181 | .main-container,
182 | .sidebar-container {
183 | transition: none;
184 | }
185 | }
186 | }
187 |
188 | // when menu collapsed
189 | .el-menu--vertical {
190 | &>.el-menu {
191 | .svg-icon {
192 | margin-right: 16px;
193 | }
194 | .sub-el-icon {
195 | margin-right: 12px;
196 | margin-left: -2px;
197 | }
198 | }
199 |
200 | .nest-menu .el-submenu>.el-submenu__title,
201 | .el-menu-item {
202 | &:hover {
203 | // you can use $subMenuHover
204 | background-color: $menuHover !important;
205 | }
206 | }
207 |
208 | // the scroll bar appears when the subMenu is too long
209 | >.el-menu--popup {
210 | max-height: 100vh;
211 | overflow-y: auto;
212 |
213 | &::-webkit-scrollbar-track-piece {
214 | background: #d3dce6;
215 | }
216 |
217 | &::-webkit-scrollbar {
218 | width: 6px;
219 | }
220 |
221 | &::-webkit-scrollbar-thumb {
222 | background: #99a9bf;
223 | border-radius: 20px;
224 | }
225 | }
226 | }
227 |
--------------------------------------------------------------------------------
/src/views/task/records/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | 每{{lable}}
6 |
7 |
8 | 周期
9 | 从
10 |
15 |
16 | 循环
17 | 从
18 |
23 |
24 | 指定
25 |
26 |
30 |
31 |
27 |
29 |
3 |
4 |
8 |
12 |
13 |
17 |
18 |
22 |
23 |
27 |
28 |
32 |
33 |
37 |
38 |
42 |
43 |
47 |
48 |
51 |
52 |
53 |
60 |
61 |
62 |
63 |
64 | 查看
68 |
69 |
70 |
71 |
72 |
84 |
85 |
86 |
158 |
159 |
178 |
--------------------------------------------------------------------------------
/src/views/task/crons/day.vue:
--------------------------------------------------------------------------------
1 |
2 |
54 |
56 | {{scope.row.taskStatus == 0 ? "失败" : "成功" }}
57 |
58 |
59 |
73 |
81 |
82 |
83 |
3 |
43 |
44 |
45 |
155 |
156 |
161 |
--------------------------------------------------------------------------------
/src/views/task/crons/week.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | 每日
5 |
6 |
7 | 不指定
8 |
9 |
10 | 周期
11 | 从
12 |
17 |
18 | 循环
19 | 从
20 |
25 |
26 | 工作日
27 | 本月
28 |
31 |
32 | 本月最后一天
33 |
34 |
35 | 指定
36 |
37 |
41 |
42 |
38 |
40 |
3 |
43 |
44 |
45 |
152 |
153 |
158 |
--------------------------------------------------------------------------------
/src/views/task/crons/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | 每周
5 |
6 |
7 | 不指定
8 |
9 |
10 | 周期
11 | 从星期
12 |
16 |
17 | 循环
18 | 从星期
19 |
24 |
25 | 指定周
26 | 本月第
27 |
31 |
32 | 本月最后一个
33 | 星期
34 |
36 |
37 | 指定
38 |
39 |
41 |
42 |
3 |
4 |
5 |
6 |
9 |
10 |
11 |
16 |
20 |
21 |
25 |
26 |
30 |
31 |
35 |
36 |
40 |
41 |
45 |
46 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 |
60 |
61 |
63 |
64 |
66 |
67 |
69 |
70 |
72 |
73 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
173 |
174 |
183 |
184 |
--------------------------------------------------------------------------------
/src/views/login/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
10 |
11 |
23 |
24 |
25 |
26 |
43 |
44 | 立即登录
45 |
46 |
47 |
48 |
49 |
50 |
123 |
124 |
170 |
171 |
222 |
--------------------------------------------------------------------------------
/src/views/404.vue:
--------------------------------------------------------------------------------
1 |
2 |
6 |
8 |
9 | Job Plus
7 |
3 |
21 |
22 |
23 |
34 |
35 |
229 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # job-plus-vue
2 |
3 | > 基于Vue的Job Plus的后管UI
4 |
5 |  [](https://github.com/dianjiu/job-plus-vue/blob/master/LICENSE) [](https://github.com/dianjiu/job-plus-vue) [](https://gitee.com/dianjiu/job-plus-vue)
6 |
7 |
8 | [https://github.com/dianjiu/job-plus-vue](https://github.com/dianjiu/job-plus-vue)
9 |
10 | [https://gitee.io/dianjiu/job-plus-vue](https://gitee.io/dianjiu/job-plus-vue)
11 |
12 | ## 相关项目 job-plus
13 |
14 | > 基于SpringBoot的轻量级定时任务管理系统
15 |
16 |  [](https://github.com/dianjiu/job-plus/blob/master/LICENSE) [](https://github.com/dianjiu/job-plus) [](https://gitee.com/dianjiu/job-plus)
17 |
18 |
19 | [https://github.com/dianjiu/job-plus](https://github.com/dianjiu/job-plus)
20 |
21 | [https://gitee.io/dianjiu/job-plus](https://gitee.io/dianjiu/job-plus)
22 |
23 | ## 项目功能
24 | 1. 架构潮流：系统采用SpringBoot+VUE前后端分离，前端单独部署，Nginx负载均衡
25 | 2. 接口友好：同时支持swagger2、knife4j两种可视化接口API调试，支持离线接口文档；
26 | 3. 任务管理：支持通过Web页面对任务进行CRUD操作，可视化界面，快速上手；
27 | 4. 执行记录：支持通过web页面在线查看调度结果、执行结果、下次执行时间；
28 | 5. 实时日志：支持通过web页面实时查看执行器输出的完整的执行日志；
29 | 6. 唯一搜索：支持通过web界面根据jobname或jobgroup进行全局唯一查询
30 | 7. 强自定义：支持在线配置定时任务请求类型、请求路径、请求参数、Cron表达式，即时生效；
31 | 8. 动态控制：支持动态修改任务状态、启动/停止任务，以及终止运行中任务，即时生效；
32 | 9. 执行策略：支持丰富的执行策略，包括：Get请求、PostJson请求、PostFrom表单请求；
33 | 10. 自动注册：周期性自动注册任务, 同时，也支持手动录入定时任务地址；
34 | 11. 自动执行：系统会自动发现注册的任务并触发执行，同时，也支持手动触发-立即执行；
35 | 12. 用户管理：支持在线管理系统用户、角色、菜单，默认管理员、开发者、普通用户三种角色；
36 | 13. 权限控制：支持在线权限控制，管理员拥有全量权限，开发者拥有除角色管理外的所有权限，普通用户仅支持任务管理相关权限；
37 | 14. 集群部署：支持分布式执行，系统支持集群部署，可保证任务执行的高可用；
38 | 15. 弹性调度：一旦有任务机器上线或者下线，下次调度时将会重新分配任务；
39 | 16. 路由策略：系统集群部署时提供丰富的路由策略，包括：轮询、随机、故障转移、忙碌转移等常用策略；
40 | 17. 故障转移：任务路由策略选择"故障转移"情况下，如果集群中某一台机器故障，将会自动切换到一台正常的执行器发送调度请求；
41 | 18. 阻塞策略：调度过于密集执行器来不及处理时的处理策略，策略包括：单机串行（默认）、丢弃后续调度、覆盖之前调度；
42 | 19. 超时控制：支持自定义任务超时时间，任务运行超时将会主动中断任务；
43 | 20. 重试机制：支持自定义任务重试次数，当任务失败时将会按照预设的失败重试次数主动进行重试；
44 | 21. 消息工厂：默认提供邮件工厂的方式推送消息，同时预留扩展接口，可方便的扩展短信、钉钉等消息方式；
45 | 22. 邮件告警：任务失败时支持邮件报警，支持配置多邮件地址群发报警邮件；
46 | 23. 运行报表：支持实时查看运行数据，以及调度报表，如调度日期分布图，任务组执行比例比例分布图等；
47 | 24. 事件触发：除了"Cron方式"和"任务依赖方式"触发任务执行之外，提供触发任务单次执行的API服务；
48 | 25. 脚本任务：支持以GLUE分布式平台开发和运行脚本任务，包括Shell、Python、NodeJS等类型脚本;
49 | 26. 多线并发：系统支持多线程触发调度运行，确保调度精确执行，不被堵塞；
50 | 27. 降级隔离：调度线程池进行隔离拆分，慢任务自动降级进入"Slow"线程池，避免耗尽调度线程，提高系统稳定性；
51 | 28. Gradle: 将会把最新稳定版推送到gradle中央仓库, 方便用户接入和使用;
52 | 29. Maven: 将会把最新稳定版推送到maven中央仓库, 方便用户接入和使用;
53 | 30. 一致性：基于Redis分布式锁保证集群分布式调度的最终一致性, 一次任务调度只会触发一次执行；
54 | 31. 全异步：任务调度流程全异步化设计实现，如异步调度、异步运行、异步回调等，有效对密集调度进行流量削峰，理论上支持任意时长任务的运行；
55 | 32. 跨语言：系统提供语言无关的 RESTFUL API 服务，第三方任意语言可据此对接Task Manage；
56 | 33. 国际化：后管系统支持国际化设置，提供中文、英文两种可选语言，默认为中文；
57 | 34. 容器化：提供官方docker镜像，并实时更新推送dockerhub，进一步实现产品开箱即用；
58 |
59 | ## 开发进度
60 | - [x] 架构潮流：系统采用SpringBoot+VUE前后端分离，前端单独部署，Nginx负载均衡
61 | - [x] 接口友好：同时支持swagger2、knife4j两种可视化接口API调试，支持离线接口文档；
62 | - [x] 任务管理：支持通过Web页面对任务进行CRUD操作，可视化界面，快速上手；
63 | - [x] 执行记录：支持通过web页面在线查看调度结果、执行结果、下次执行时间；
64 | - [x] 实时日志：支持通过web页面实时查看执行器输出的完整的执行日志；
65 | - [x] 唯一搜索：支持通过web界面根据jobname或jobgroup进行全局唯一查询；
66 | - [x] 强自定义：支持在线配置定时任务请求类型、请求路径、请求参数、Cron表达式，即时生效；
67 | - [x] 动态控制：支持动态修改任务状态、启动/停止任务，以及终止运行中任务，即时生效；
68 | - [x] 执行策略：支持丰富的执行策略，包括：Get请求、PostJson请求、PostFrom表单请求；
69 | - [x] 自动注册：周期性自动注册任务, 同时，也支持手动录入定时任务地址；
70 | - [x] 自动执行：系统会自动发现注册的任务并触发执行，同时，也支持手动触发-立即执行；
71 | - [ ] 用户管理：支持在线管理系统用户、角色、菜单，默认管理员、开发者、普通用户三种角色；
72 | - [ ] 权限控制：支持在线权限控制，管理员拥有全量权限，开发者拥有除角色管理外的所有权限，普通用户仅支持任务管理相关权限；
73 | - [ ] 集群部署：支持分布式执行，系统支持集群部署，可保证任务执行的高可用；
74 | - [ ] 弹性调度：一旦有任务机器上线或者下线，下次调度时将会重新分配任务；
75 | - [ ] 路由策略：系统集群部署时提供丰富的路由策略，包括：轮询、随机、故障转移、忙碌转移等常用策略；
76 | - [ ] 故障转移：任务路由策略选择"故障转移"情况下，如果集群中某一台机器故障，将会自动切换到一台正常的执行器发送调度请求；
77 | - [ ] 阻塞策略：调度过于密集执行器来不及处理时的处理策略，策略包括：单机串行（默认）、丢弃后续调度、覆盖之前调度；
78 | - [ ] 超时控制：支持自定义任务超时时间，任务运行超时将会主动中断任务；
79 | - [ ] 重试机制：支持自定义任务重试次数，当任务失败时将会按照预设的失败重试次数主动进行重试；
80 | - [ ] 消息工厂：默认提供邮件工厂的方式推送消息，同时预留扩展接口，可方便的扩展短信、钉钉等消息方式；
81 | - [ ] 邮件告警：任务失败时支持邮件报警，支持配置多邮件地址群发报警邮件；
82 | - [ ] 运行报表：支持实时查看运行数据，以及调度报表，如调度日期分布图，任务组执行比例比例分布图等；
83 | - [x] 事件触发：除了"Cron方式"和"任务依赖方式"触发任务执行之外，提供触发任务单次执行的API服务；
84 | - [ ] 脚本任务：支持以GLUE分布式平台开发和运行脚本任务，包括Shell、Python、NodeJS等类型脚本;
85 | - [ ] 多线并发：系统支持多线程触发调度运行，确保调度精确执行，不被堵塞；
86 | - [ ] 降级隔离：调度线程池进行隔离拆分，慢任务自动降级进入"Slow"线程池，避免耗尽调度线程，提高系统稳定性；
87 | - [ ] Gradle: 将会把最新稳定版推送到gradle中央仓库, 方便用户接入和使用;
88 | - [ ] Maven: 将会把最新稳定版推送到maven中央仓库, 方便用户接入和使用;
89 | - [ ] 一致性：基于Redis分布式锁保证集群分布式调度的最终一致性, 一次任务调度只会触发一次执行；
90 | - [ ] 全异步：任务调度流程全异步化设计实现，如异步调度、异步运行、异步回调等，有效对密集调度进行流量削峰，理论上支持任意时长任务的运行；
91 | - [x] 跨语言：系统提供语言无关的 RESTFUL API 服务，第三方任意语言可据此对接Task Manage；
92 | - [x] 国际化：后管系统支持国际化设置，提供中文、英文两种可选语言，默认为中文；
93 | - [ ] 容器化：提供官方docker镜像，并实时更新推送dockerhub，进一步实现产品开箱即用；
94 |
95 | ## 在线演示
96 |
97 | http://jobplus.dianjiu.org.cn (部署中。。。)
98 |
99 | 测试账号 测试密码
100 |
101 | admin admin
102 |
103 | user user
104 |
105 |
106 | ## Build Setup
107 |
108 | ```bash
109 | # 克隆项目
110 | git clone https://github.com/dianjiu/job-plus-vue.git
111 |
112 | # 进入项目目录
113 | cd job-plus-vue
114 |
115 | # 安装依赖
116 | yarn install
117 |
118 | # 启动服务
119 | yarn run dev
120 | ```
121 |
122 | 浏览器访问 [http://localhost:9528](http://localhost:9528)
123 |
124 | ## 发布
125 |
126 | ```bash
127 | # 构建测试环境
128 | yarn run build:stage
129 |
130 | # 构建生产环境
131 | yarn run build:prod
132 | ```
133 |
134 | ## 其它
135 |
136 | ```bash
137 | # 预览发布环境效果
138 | yarn run preview
139 |
140 | # 预览发布环境效果 + 静态资源分析
141 | yarn run preview -- --report
142 |
143 | # 代码格式检查
144 | yarn run lint
145 |
146 | # 代码格式检查并自动修复
147 | yarn run lint -- --fix
148 | ```
149 |
150 | ## 项目图片
151 |
152 | ### 页面演示
153 | > 登录页
154 |
155 | 
156 |
157 | > 仪表盘
158 |
159 | 
160 |
161 | > 任务管理 =》任务列表
162 |
163 | 
164 |
165 | > 任务管理 =》执行记录
166 |
167 | 
168 |
169 | > 任务管理 =》生成器 （关闭cron生成器）
170 |
171 | 
172 |
173 | > 任务管理 =》生成器 （打开cron生成器）
174 |
175 | 
176 |
177 | ## 最后致谢
178 | 感谢以下开源项目提供的项目参考
179 | - https://github.com/ElemeFE/element
180 | - https://gitee.com/lindeyi/vue-cron
181 | - https://github.com/xuxueli/xxl-job
182 | - https://gitee.com/52itstyle/spring-boot-task
183 | - https://github.com/helloflygit/springboot-quartz
184 | - https://github.com/simonsfan/springboot-quartz-demo
185 | - https://github.com/PanJiaChen/vue-admin-template
186 |
--------------------------------------------------------------------------------
/src/views/task/errors/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
20 |
5 | 
6 | 
7 |
8 |
9 |
10 |
6 |
7 |
8 |
9 |
11 |
19 | OOPS!
12 | All rights reserved
13 | wallstreetcn
14 |
15 | {{ message }}
16 | Please check that the URL you entered is correct, or click the button below to return to the homepage.
17 | Back to home
18 |
3 |
4 |
5 |
6 |
18 |
19 |
24 |
25 |
26 |
27 |
31 |
35 |
36 |
40 |
41 |
45 |
46 |
50 |
51 |
55 |
56 |
60 |
61 |
65 |
66 |
70 |
71 |
74 |
75 |
76 |
83 |
84 |
85 |
88 |
89 |
90 | {{ scope.row.nextExecuteTime }}
91 |
92 |
93 |
94 |
95 |
101 |
102 | 编辑
105 | 删除
109 |
110 |
111 |
112 |
113 |
125 |
126 |
127 |
201 |
202 |
226 |
--------------------------------------------------------------------------------
/src/views/task/details/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
10 |
11 |
14 |
15 | 搜索
16 |
17 |
77 |
79 | {{scope.row.status == 0 ? "已停用" : "已启用" }}
80 |
81 |
82 |
114 |
122 |
123 |
124 |
3 |
4 |
5 |
6 |
18 |
19 |
24 |
25 |
26 |
27 |
31 |
41 |
42 |
49 |
50 |
51 |
52 |
58 |
59 |
60 |
61 |
63 |
64 |
66 |
67 |
69 |
70 |
71 |
72 |
73 |
84 |
85 |
90 |
91 |
92 | {{ i.label }}
93 |
94 |
96 |
97 |
101 |
102 |
103 |
104 |
105 |
285 |
286 |
307 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Apache License
2 | Version 2.0, January 2004
3 | http://www.apache.org/licenses/
4 |
5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6 |
7 | 1. Definitions.
8 |
9 | "License" shall mean the terms and conditions for use, reproduction,
10 | and distribution as defined by Sections 1 through 9 of this document.
11 |
12 | "Licensor" shall mean the copyright owner or entity authorized by
13 | the copyright owner that is granting the License.
14 |
15 | "Legal Entity" shall mean the union of the acting entity and all
16 | other entities that control, are controlled by, or are under common
17 | control with that entity. For the purposes of this definition,
18 | "control" means (i) the power, direct or indirect, to cause the
19 | direction or management of such entity, whether by contract or
20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the
21 | outstanding shares, or (iii) beneficial ownership of such entity.
22 |
23 | "You" (or "Your") shall mean an individual or Legal Entity
24 | exercising permissions granted by this License.
25 |
26 | "Source" form shall mean the preferred form for making modifications,
27 | including but not limited to software source code, documentation
28 | source, and configuration files.
29 |
30 | "Object" form shall mean any form resulting from mechanical
31 | transformation or translation of a Source form, including but
32 | not limited to compiled object code, generated documentation,
33 | and conversions to other media types.
34 |
35 | "Work" shall mean the work of authorship, whether in Source or
36 | Object form, made available under the License, as indicated by a
37 | copyright notice that is included in or attached to the work
38 | (an example is provided in the Appendix below).
39 |
40 | "Derivative Works" shall mean any work, whether in Source or Object
41 | form, that is based on (or derived from) the Work and for which the
42 | editorial revisions, annotations, elaborations, or other modifications
43 | represent, as a whole, an original work of authorship. For the purposes
44 | of this License, Derivative Works shall not include works that remain
45 | separable from, or merely link (or bind by name) to the interfaces of,
46 | the Work and Derivative Works thereof.
47 |
48 | "Contribution" shall mean any work of authorship, including
49 | the original version of the Work and any modifications or additions
50 | to that Work or Derivative Works thereof, that is intentionally
51 | submitted to Licensor for inclusion in the Work by the copyright owner
52 | or by an individual or Legal Entity authorized to submit on behalf of
53 | the copyright owner. For the purposes of this definition, "submitted"
54 | means any form of electronic, verbal, or written communication sent
55 | to the Licensor or its representatives, including but not limited to
56 | communication on electronic mailing lists, source code control systems,
57 | and issue tracking systems that are managed by, or on behalf of, the
58 | Licensor for the purpose of discussing and improving the Work, but
59 | excluding communication that is conspicuously marked or otherwise
60 | designated in writing by the copyright owner as "Not a Contribution."
61 |
62 | "Contributor" shall mean Licensor and any individual or Legal Entity
63 | on behalf of whom a Contribution has been received by Licensor and
64 | subsequently incorporated within the Work.
65 |
66 | 2. Grant of Copyright License. Subject to the terms and conditions of
67 | this License, each Contributor hereby grants to You a perpetual,
68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69 | copyright license to reproduce, prepare Derivative Works of,
70 | publicly display, publicly perform, sublicense, and distribute the
71 | Work and such Derivative Works in Source or Object form.
72 |
73 | 3. Grant of Patent License. Subject to the terms and conditions of
74 | this License, each Contributor hereby grants to You a perpetual,
75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76 | (except as stated in this section) patent license to make, have made,
77 | use, offer to sell, sell, import, and otherwise transfer the Work,
78 | where such license applies only to those patent claims licensable
79 | by such Contributor that are necessarily infringed by their
80 | Contribution(s) alone or by combination of their Contribution(s)
81 | with the Work to which such Contribution(s) was submitted. If You
82 | institute patent litigation against any entity (including a
83 | cross-claim or counterclaim in a lawsuit) alleging that the Work
84 | or a Contribution incorporated within the Work constitutes direct
85 | or contributory patent infringement, then any patent licenses
86 | granted to You under this License for that Work shall terminate
87 | as of the date such litigation is filed.
88 |
89 | 4. Redistribution. You may reproduce and distribute copies of the
90 | Work or Derivative Works thereof in any medium, with or without
91 | modifications, and in Source or Object form, provided that You
92 | meet the following conditions:
93 |
94 | (a) You must give any other recipients of the Work or
95 | Derivative Works a copy of this License; and
96 |
97 | (b) You must cause any modified files to carry prominent notices
98 | stating that You changed the files; and
99 |
100 | (c) You must retain, in the Source form of any Derivative Works
101 | that You distribute, all copyright, patent, trademark, and
102 | attribution notices from the Source form of the Work,
103 | excluding those notices that do not pertain to any part of
104 | the Derivative Works; and
105 |
106 | (d) If the Work includes a "NOTICE" text file as part of its
107 | distribution, then any Derivative Works that You distribute must
108 | include a readable copy of the attribution notices contained
109 | within such NOTICE file, excluding those notices that do not
110 | pertain to any part of the Derivative Works, in at least one
111 | of the following places: within a NOTICE text file distributed
112 | as part of the Derivative Works; within the Source form or
113 | documentation, if provided along with the Derivative Works; or,
114 | within a display generated by the Derivative Works, if and
115 | wherever such third-party notices normally appear. The contents
116 | of the NOTICE file are for informational purposes only and
117 | do not modify the License. You may add Your own attribution
118 | notices within Derivative Works that You distribute, alongside
119 | or as an addendum to the NOTICE text from the Work, provided
120 | that such additional attribution notices cannot be construed
121 | as modifying the License.
122 |
123 | You may add Your own copyright statement to Your modifications and
124 | may provide additional or different license terms and conditions
125 | for use, reproduction, or distribution of Your modifications, or
126 | for any such Derivative Works as a whole, provided Your use,
127 | reproduction, and distribution of the Work otherwise complies with
128 | the conditions stated in this License.
129 |
130 | 5. Submission of Contributions. Unless You explicitly state otherwise,
131 | any Contribution intentionally submitted for inclusion in the Work
132 | by You to the Licensor shall be under the terms and conditions of
133 | this License, without any additional terms or conditions.
134 | Notwithstanding the above, nothing herein shall supersede or modify
135 | the terms of any separate license agreement you may have executed
136 | with Licensor regarding such Contributions.
137 |
138 | 6. Trademarks. This License does not grant permission to use the trade
139 | names, trademarks, service marks, or product names of the Licensor,
140 | except as required for reasonable and customary use in describing the
141 | origin of the Work and reproducing the content of the NOTICE file.
142 |
143 | 7. Disclaimer of Warranty. Unless required by applicable law or
144 | agreed to in writing, Licensor provides the Work (and each
145 | Contributor provides its Contributions) on an "AS IS" BASIS,
146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 | implied, including, without limitation, any warranties or conditions
148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 | PARTICULAR PURPOSE. You are solely responsible for determining the
150 | appropriateness of using or redistributing the Work and assume any
151 | risks associated with Your exercise of permissions under this License.
152 |
153 | 8. Limitation of Liability. In no event and under no legal theory,
154 | whether in tort (including negligence), contract, or otherwise,
155 | unless required by applicable law (such as deliberate and grossly
156 | negligent acts) or agreed to in writing, shall any Contributor be
157 | liable to You for damages, including any direct, indirect, special,
158 | incidental, or consequential damages of any character arising as a
159 | result of this License or out of the use or inability to use the
160 | Work (including but not limited to damages for loss of goodwill,
161 | work stoppage, computer failure or malfunction, or any and all
162 | other commercial damages or losses), even if such Contributor
163 | has been advised of the possibility of such damages.
164 |
165 | 9. Accepting Warranty or Additional Liability. While redistributing
166 | the Work or Derivative Works thereof, You may choose to offer,
167 | and charge a fee for, acceptance of support, warranty, indemnity,
168 | or other liability obligations and/or rights consistent with this
169 | License. However, in accepting such obligations, You may act only
170 | on Your own behalf and on Your sole responsibility, not on behalf
171 | of any other Contributor, and only if You agree to indemnify,
172 | defend, and hold each Contributor harmless for any liability
173 | incurred by, or claims asserted against, such Contributor by reason
174 | of your accepting any such warranty or additional liability.
175 |
176 | END OF TERMS AND CONDITIONS
177 |
178 | APPENDIX: How to apply the Apache License to your work.
179 |
180 | To apply the Apache License to your work, attach the following
181 | boilerplate notice, with the fields enclosed by brackets "{}"
182 | replaced with your own identifying information. (Don't include
183 | the brackets!) The text should be enclosed in the appropriate
184 | comment syntax for the file format. We also recommend that a
185 | file or class name and description of purpose be included on the
186 | same "printed page" as the copyright notice for easier
187 | identification within third-party archives.
188 |
189 | Copyright 2021 点九开源
190 |
191 | Licensed under the Apache License, Version 2.0 (the "License");
192 | you may not use this file except in compliance with the License.
193 | You may obtain a copy of the License at
194 |
195 | http://www.apache.org/licenses/LICENSE-2.0
196 |
197 | Unless required by applicable law or agreed to in writing, software
198 | distributed under the License is distributed on an "AS IS" BASIS,
199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 | See the License for the specific language governing permissions and
201 | limitations under the License.
202 |
--------------------------------------------------------------------------------
7 |
10 |
11 |
14 |
15 | 搜索
16 |
17 |
43 | {{ kk.option[scope.row[kk.props]] ? kk.option[scope.row[kk.props]].label : '--' }}
44 |
45 |
46 | {{ !isNumber(scope.row[kk.props]) && !scope.row[kk.props] ? '暂无数据' : scope.row[kk.props]}}
47 |
48 |
86 | 编辑任务
87 | 新增任务
88 |
89 |