diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/job/listJob.vue b/src/views/job/listJob.vue
new file mode 100644
index 0000000..d5e2418
--- /dev/null
+++ b/src/views/job/listJob.vue
@@ -0,0 +1,293 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="任务名/启动类" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/job/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="任务状态"
+          prop="status"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag :type="getTag(scope.row).type" size="medium">{{ getTag(scope.row).text }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="任务控制" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status==='0' ||scope.row.status==='3'" type="text" size="small" title="启动" @click="start(scope.row)">启动</el-button>
+            <el-button v-if="scope.row.status==='1' " type="text" size="small" title="暂停" @click="pause(scope.row)" >暂停</el-button>
+            <el-button v-if="scope.row.status==='2' " type="text" size="small" title="恢复" @click="resume(scope.row)" >恢复</el-button>
+            <el-button v-if="scope.row.status!='0' & scope.row.status!='3'" type="text" size="small" title="停止" @click="stop(scope.row)" >停止</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行状态"
+          prop="isSuccess"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.isSuccess==='1'" type="success" size="medium">成功</el-tag>
+              <el-tag v-if="scope.row.isSuccess==='0' && !scope.row.completeTime" type="danger" size="medium">失败</el-tag>
+              <el-button v-if="scope.row.isSuccess==='0'&&(scope.row.completeTime==='null'||scope.row.completeTime)" :loading="true" size="small" circle />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行时间"
+          prop="lastTime"
+          align="center"
+          width="160" />
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/job/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/job/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-Job v-show="dialogFormVisible" ref="editJob" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getListPage, del, operation } from '@/api/common/job'
+import editJob from './editJob'
+
+export default {
+  name: 'ListJob',
+  components: { editJob },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      tags: [
+        { text: '未启动', value: '0', type: 'info' },
+        { text: '运行中', value: '1', type: 'success' },
+        { text: '暂停', value: '2', type: 'warning' },
+        { text: '停止', value: '3', type: 'danger' }
+      ],
+      columns: [
+        {
+          text: '任务名称',
+          value: 'jobName',
+          align: 'center'
+        }, {
+          text: 'cron表达式',
+          value: 'cronExpression',
+          align: 'center'
+        },
+        {
+          text: '分片数',
+          value: 'shardingCount',
+          align: 'center',
+          width: '80'
+        },
+        {
+          text: '分片参数',
+          value: 'shardingParameter',
+          align: 'center',
+          width: '160'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/job/update') || this.hasPerm('/job/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editJob.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editJob.initDialog('update', this.dialogFormVisible, row)
+    },
+    getTag(row) {
+      return this.tags.find(tag => tag.value === row.status)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定删除吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    start(row) {
+      this.$confirm(
+        '确定启动吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'start').then(response => {
+          if (response.code === 200) {
+            this.$message.success('启动成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    stop(row) {
+      this.$confirm(
+        '确定停止吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'stop').then(response => {
+          if (response.code === 200) {
+            this.$message.success('停止成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, pause(row) {
+      this.$confirm(
+        '确定暂停吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'pause').then(response => {
+          if (response.code === 200) {
+            this.$message.success('暂停成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, resume(row) {
+      this.$confirm(
+        '确定恢复吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'resume').then(response => {
+          if (response.code === 200) {
+            this.$message.success('恢复成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/job/listJob.vue b/src/views/job/listJob.vue
new file mode 100644
index 0000000..d5e2418
--- /dev/null
+++ b/src/views/job/listJob.vue
@@ -0,0 +1,293 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="任务名/启动类" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/job/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="任务状态"
+          prop="status"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag :type="getTag(scope.row).type" size="medium">{{ getTag(scope.row).text }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="任务控制" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status==='0' ||scope.row.status==='3'" type="text" size="small" title="启动" @click="start(scope.row)">启动</el-button>
+            <el-button v-if="scope.row.status==='1' " type="text" size="small" title="暂停" @click="pause(scope.row)" >暂停</el-button>
+            <el-button v-if="scope.row.status==='2' " type="text" size="small" title="恢复" @click="resume(scope.row)" >恢复</el-button>
+            <el-button v-if="scope.row.status!='0' & scope.row.status!='3'" type="text" size="small" title="停止" @click="stop(scope.row)" >停止</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行状态"
+          prop="isSuccess"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.isSuccess==='1'" type="success" size="medium">成功</el-tag>
+              <el-tag v-if="scope.row.isSuccess==='0' && !scope.row.completeTime" type="danger" size="medium">失败</el-tag>
+              <el-button v-if="scope.row.isSuccess==='0'&&(scope.row.completeTime==='null'||scope.row.completeTime)" :loading="true" size="small" circle />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行时间"
+          prop="lastTime"
+          align="center"
+          width="160" />
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/job/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/job/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-Job v-show="dialogFormVisible" ref="editJob" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getListPage, del, operation } from '@/api/common/job'
+import editJob from './editJob'
+
+export default {
+  name: 'ListJob',
+  components: { editJob },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      tags: [
+        { text: '未启动', value: '0', type: 'info' },
+        { text: '运行中', value: '1', type: 'success' },
+        { text: '暂停', value: '2', type: 'warning' },
+        { text: '停止', value: '3', type: 'danger' }
+      ],
+      columns: [
+        {
+          text: '任务名称',
+          value: 'jobName',
+          align: 'center'
+        }, {
+          text: 'cron表达式',
+          value: 'cronExpression',
+          align: 'center'
+        },
+        {
+          text: '分片数',
+          value: 'shardingCount',
+          align: 'center',
+          width: '80'
+        },
+        {
+          text: '分片参数',
+          value: 'shardingParameter',
+          align: 'center',
+          width: '160'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/job/update') || this.hasPerm('/job/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editJob.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editJob.initDialog('update', this.dialogFormVisible, row)
+    },
+    getTag(row) {
+      return this.tags.find(tag => tag.value === row.status)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定删除吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    start(row) {
+      this.$confirm(
+        '确定启动吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'start').then(response => {
+          if (response.code === 200) {
+            this.$message.success('启动成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    stop(row) {
+      this.$confirm(
+        '确定停止吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'stop').then(response => {
+          if (response.code === 200) {
+            this.$message.success('停止成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, pause(row) {
+      this.$confirm(
+        '确定暂停吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'pause').then(response => {
+          if (response.code === 200) {
+            this.$message.success('暂停成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, resume(row) {
+      this.$confirm(
+        '确定恢复吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'resume').then(response => {
+          if (response.code === 200) {
+            this.$message.success('恢复成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>
diff --git a/src/views/system/config/editConfig.vue b/src/views/system/config/editConfig.vue
index 0d1ef7f..d6f03b5 100644
--- a/src/views/system/config/editConfig.vue
+++ b/src/views/system/config/editConfig.vue
@@ -52,11 +52,8 @@
         create: '新增'
       }, // 表头显示标题
       rules: {
-        simplename: [{ required: true, message: '组织机构名称不能为空', trigger: ['blur', 'change'] }],
-        fullname: [{ required: true, message: '组织机构全称不能为空', trigger: ['blur', 'change'] }],
-        pid: [{ required: true, message: '父组织机构必选', trigger: ['blur', 'change'] }],
-        num: [{ required: true, message: '排序不能为空' }, { type: 'number', message: '必须为数字值' }],
-        deptType: [{ required: true, message: '组织类型必选', trigger: ['blur', 'change'] }]
+        targetName: [{ required: true, message: '配置项不能为空', trigger: ['blur', 'change'] }],
+        value: [{ required: true, message: '值不能为空', trigger: ['blur', 'change'] }]
       } // 前端校验规则
     }
   },
@@ -135,7 +132,7 @@
         if (valid) {
           this.btnLoading = true
           this.dialogFormVisible = true
-          updateConfig(this.deptForm).then(response => {
+          updateConfig(this.configForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/job/listJob.vue b/src/views/job/listJob.vue
new file mode 100644
index 0000000..d5e2418
--- /dev/null
+++ b/src/views/job/listJob.vue
@@ -0,0 +1,293 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="任务名/启动类" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/job/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="任务状态"
+          prop="status"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag :type="getTag(scope.row).type" size="medium">{{ getTag(scope.row).text }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="任务控制" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status==='0' ||scope.row.status==='3'" type="text" size="small" title="启动" @click="start(scope.row)">启动</el-button>
+            <el-button v-if="scope.row.status==='1' " type="text" size="small" title="暂停" @click="pause(scope.row)" >暂停</el-button>
+            <el-button v-if="scope.row.status==='2' " type="text" size="small" title="恢复" @click="resume(scope.row)" >恢复</el-button>
+            <el-button v-if="scope.row.status!='0' & scope.row.status!='3'" type="text" size="small" title="停止" @click="stop(scope.row)" >停止</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行状态"
+          prop="isSuccess"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.isSuccess==='1'" type="success" size="medium">成功</el-tag>
+              <el-tag v-if="scope.row.isSuccess==='0' && !scope.row.completeTime" type="danger" size="medium">失败</el-tag>
+              <el-button v-if="scope.row.isSuccess==='0'&&(scope.row.completeTime==='null'||scope.row.completeTime)" :loading="true" size="small" circle />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行时间"
+          prop="lastTime"
+          align="center"
+          width="160" />
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/job/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/job/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-Job v-show="dialogFormVisible" ref="editJob" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getListPage, del, operation } from '@/api/common/job'
+import editJob from './editJob'
+
+export default {
+  name: 'ListJob',
+  components: { editJob },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      tags: [
+        { text: '未启动', value: '0', type: 'info' },
+        { text: '运行中', value: '1', type: 'success' },
+        { text: '暂停', value: '2', type: 'warning' },
+        { text: '停止', value: '3', type: 'danger' }
+      ],
+      columns: [
+        {
+          text: '任务名称',
+          value: 'jobName',
+          align: 'center'
+        }, {
+          text: 'cron表达式',
+          value: 'cronExpression',
+          align: 'center'
+        },
+        {
+          text: '分片数',
+          value: 'shardingCount',
+          align: 'center',
+          width: '80'
+        },
+        {
+          text: '分片参数',
+          value: 'shardingParameter',
+          align: 'center',
+          width: '160'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/job/update') || this.hasPerm('/job/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editJob.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editJob.initDialog('update', this.dialogFormVisible, row)
+    },
+    getTag(row) {
+      return this.tags.find(tag => tag.value === row.status)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定删除吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    start(row) {
+      this.$confirm(
+        '确定启动吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'start').then(response => {
+          if (response.code === 200) {
+            this.$message.success('启动成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    stop(row) {
+      this.$confirm(
+        '确定停止吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'stop').then(response => {
+          if (response.code === 200) {
+            this.$message.success('停止成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, pause(row) {
+      this.$confirm(
+        '确定暂停吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'pause').then(response => {
+          if (response.code === 200) {
+            this.$message.success('暂停成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, resume(row) {
+      this.$confirm(
+        '确定恢复吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'resume').then(response => {
+          if (response.code === 200) {
+            this.$message.success('恢复成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>
diff --git a/src/views/system/config/editConfig.vue b/src/views/system/config/editConfig.vue
index 0d1ef7f..d6f03b5 100644
--- a/src/views/system/config/editConfig.vue
+++ b/src/views/system/config/editConfig.vue
@@ -52,11 +52,8 @@
         create: '新增'
       }, // 表头显示标题
       rules: {
-        simplename: [{ required: true, message: '组织机构名称不能为空', trigger: ['blur', 'change'] }],
-        fullname: [{ required: true, message: '组织机构全称不能为空', trigger: ['blur', 'change'] }],
-        pid: [{ required: true, message: '父组织机构必选', trigger: ['blur', 'change'] }],
-        num: [{ required: true, message: '排序不能为空' }, { type: 'number', message: '必须为数字值' }],
-        deptType: [{ required: true, message: '组织类型必选', trigger: ['blur', 'change'] }]
+        targetName: [{ required: true, message: '配置项不能为空', trigger: ['blur', 'change'] }],
+        value: [{ required: true, message: '值不能为空', trigger: ['blur', 'change'] }]
       } // 前端校验规则
     }
   },
@@ -135,7 +132,7 @@
         if (valid) {
           this.btnLoading = true
           this.dialogFormVisible = true
-          updateConfig(this.deptForm).then(response => {
+          updateConfig(this.configForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/system/config/listConfig.vue b/src/views/system/config/listConfig.vue
index 76b3e4f..c336082 100644
--- a/src/views/system/config/listConfig.vue
+++ b/src/views/system/config/listConfig.vue
@@ -26,8 +26,8 @@
         </el-table-column>
         <el-table-column v-if="showOperate" label="操作" width="160" align="center">
           <template slot-scope="scope">
-            <el-button v-if="hasPerm('/dict/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
-            <el-button v-if="hasPerm('/dict/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+            <el-button v-if="hasPerm('/config/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/config/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </template>
@@ -77,7 +77,7 @@
   },
   computed: {
     'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
-      return this.hasPerm('/dict/update') || this.hasPerm('/dict/delete')
+      return this.hasPerm('/config/update') || this.hasPerm('/config/delete')
     }
   },
   created() {
@@ -105,7 +105,7 @@
     // 删除字典
     del(row) {
       this.$confirm(
-        '确定要删除字典吗？',
+        '确定要删除吗？',
         '确认操作',
         {
           confirmButtonText: '确定',

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/job/listJob.vue b/src/views/job/listJob.vue
new file mode 100644
index 0000000..d5e2418
--- /dev/null
+++ b/src/views/job/listJob.vue
@@ -0,0 +1,293 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="任务名/启动类" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/job/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="任务状态"
+          prop="status"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag :type="getTag(scope.row).type" size="medium">{{ getTag(scope.row).text }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="任务控制" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status==='0' ||scope.row.status==='3'" type="text" size="small" title="启动" @click="start(scope.row)">启动</el-button>
+            <el-button v-if="scope.row.status==='1' " type="text" size="small" title="暂停" @click="pause(scope.row)" >暂停</el-button>
+            <el-button v-if="scope.row.status==='2' " type="text" size="small" title="恢复" @click="resume(scope.row)" >恢复</el-button>
+            <el-button v-if="scope.row.status!='0' & scope.row.status!='3'" type="text" size="small" title="停止" @click="stop(scope.row)" >停止</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行状态"
+          prop="isSuccess"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.isSuccess==='1'" type="success" size="medium">成功</el-tag>
+              <el-tag v-if="scope.row.isSuccess==='0' && !scope.row.completeTime" type="danger" size="medium">失败</el-tag>
+              <el-button v-if="scope.row.isSuccess==='0'&&(scope.row.completeTime==='null'||scope.row.completeTime)" :loading="true" size="small" circle />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行时间"
+          prop="lastTime"
+          align="center"
+          width="160" />
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/job/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/job/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-Job v-show="dialogFormVisible" ref="editJob" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getListPage, del, operation } from '@/api/common/job'
+import editJob from './editJob'
+
+export default {
+  name: 'ListJob',
+  components: { editJob },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      tags: [
+        { text: '未启动', value: '0', type: 'info' },
+        { text: '运行中', value: '1', type: 'success' },
+        { text: '暂停', value: '2', type: 'warning' },
+        { text: '停止', value: '3', type: 'danger' }
+      ],
+      columns: [
+        {
+          text: '任务名称',
+          value: 'jobName',
+          align: 'center'
+        }, {
+          text: 'cron表达式',
+          value: 'cronExpression',
+          align: 'center'
+        },
+        {
+          text: '分片数',
+          value: 'shardingCount',
+          align: 'center',
+          width: '80'
+        },
+        {
+          text: '分片参数',
+          value: 'shardingParameter',
+          align: 'center',
+          width: '160'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/job/update') || this.hasPerm('/job/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editJob.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editJob.initDialog('update', this.dialogFormVisible, row)
+    },
+    getTag(row) {
+      return this.tags.find(tag => tag.value === row.status)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定删除吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    start(row) {
+      this.$confirm(
+        '确定启动吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'start').then(response => {
+          if (response.code === 200) {
+            this.$message.success('启动成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    stop(row) {
+      this.$confirm(
+        '确定停止吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'stop').then(response => {
+          if (response.code === 200) {
+            this.$message.success('停止成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, pause(row) {
+      this.$confirm(
+        '确定暂停吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'pause').then(response => {
+          if (response.code === 200) {
+            this.$message.success('暂停成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, resume(row) {
+      this.$confirm(
+        '确定恢复吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'resume').then(response => {
+          if (response.code === 200) {
+            this.$message.success('恢复成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>
diff --git a/src/views/system/config/editConfig.vue b/src/views/system/config/editConfig.vue
index 0d1ef7f..d6f03b5 100644
--- a/src/views/system/config/editConfig.vue
+++ b/src/views/system/config/editConfig.vue
@@ -52,11 +52,8 @@
         create: '新增'
       }, // 表头显示标题
       rules: {
-        simplename: [{ required: true, message: '组织机构名称不能为空', trigger: ['blur', 'change'] }],
-        fullname: [{ required: true, message: '组织机构全称不能为空', trigger: ['blur', 'change'] }],
-        pid: [{ required: true, message: '父组织机构必选', trigger: ['blur', 'change'] }],
-        num: [{ required: true, message: '排序不能为空' }, { type: 'number', message: '必须为数字值' }],
-        deptType: [{ required: true, message: '组织类型必选', trigger: ['blur', 'change'] }]
+        targetName: [{ required: true, message: '配置项不能为空', trigger: ['blur', 'change'] }],
+        value: [{ required: true, message: '值不能为空', trigger: ['blur', 'change'] }]
       } // 前端校验规则
     }
   },
@@ -135,7 +132,7 @@
         if (valid) {
           this.btnLoading = true
           this.dialogFormVisible = true
-          updateConfig(this.deptForm).then(response => {
+          updateConfig(this.configForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/system/config/listConfig.vue b/src/views/system/config/listConfig.vue
index 76b3e4f..c336082 100644
--- a/src/views/system/config/listConfig.vue
+++ b/src/views/system/config/listConfig.vue
@@ -26,8 +26,8 @@
         </el-table-column>
         <el-table-column v-if="showOperate" label="操作" width="160" align="center">
           <template slot-scope="scope">
-            <el-button v-if="hasPerm('/dict/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
-            <el-button v-if="hasPerm('/dict/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+            <el-button v-if="hasPerm('/config/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/config/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </template>
@@ -77,7 +77,7 @@
   },
   computed: {
     'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
-      return this.hasPerm('/dict/update') || this.hasPerm('/dict/delete')
+      return this.hasPerm('/config/update') || this.hasPerm('/config/delete')
     }
   },
   created() {
@@ -105,7 +105,7 @@
     // 删除字典
     del(row) {
       this.$confirm(
-        '确定要删除字典吗？',
+        '确定要删除吗？',
         '确认操作',
         {
           confirmButtonText: '确定',
diff --git a/src/views/view/editView.vue b/src/views/view/editView.vue
index a5c24c7..c08506a 100644
--- a/src/views/view/editView.vue
+++ b/src/views/view/editView.vue
@@ -72,7 +72,7 @@
 </template>
 
 <script>
-import { addView, updateView } from '@/api/monitor/view'
+import { addView, updateView } from '@/api/common/view'
 import { getDictByCode } from '@/api/system/dict'
 export default {
   name: 'EditView',

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/job/listJob.vue b/src/views/job/listJob.vue
new file mode 100644
index 0000000..d5e2418
--- /dev/null
+++ b/src/views/job/listJob.vue
@@ -0,0 +1,293 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="任务名/启动类" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/job/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="任务状态"
+          prop="status"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag :type="getTag(scope.row).type" size="medium">{{ getTag(scope.row).text }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="任务控制" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status==='0' ||scope.row.status==='3'" type="text" size="small" title="启动" @click="start(scope.row)">启动</el-button>
+            <el-button v-if="scope.row.status==='1' " type="text" size="small" title="暂停" @click="pause(scope.row)" >暂停</el-button>
+            <el-button v-if="scope.row.status==='2' " type="text" size="small" title="恢复" @click="resume(scope.row)" >恢复</el-button>
+            <el-button v-if="scope.row.status!='0' & scope.row.status!='3'" type="text" size="small" title="停止" @click="stop(scope.row)" >停止</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行状态"
+          prop="isSuccess"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.isSuccess==='1'" type="success" size="medium">成功</el-tag>
+              <el-tag v-if="scope.row.isSuccess==='0' && !scope.row.completeTime" type="danger" size="medium">失败</el-tag>
+              <el-button v-if="scope.row.isSuccess==='0'&&(scope.row.completeTime==='null'||scope.row.completeTime)" :loading="true" size="small" circle />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行时间"
+          prop="lastTime"
+          align="center"
+          width="160" />
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/job/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/job/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-Job v-show="dialogFormVisible" ref="editJob" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getListPage, del, operation } from '@/api/common/job'
+import editJob from './editJob'
+
+export default {
+  name: 'ListJob',
+  components: { editJob },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      tags: [
+        { text: '未启动', value: '0', type: 'info' },
+        { text: '运行中', value: '1', type: 'success' },
+        { text: '暂停', value: '2', type: 'warning' },
+        { text: '停止', value: '3', type: 'danger' }
+      ],
+      columns: [
+        {
+          text: '任务名称',
+          value: 'jobName',
+          align: 'center'
+        }, {
+          text: 'cron表达式',
+          value: 'cronExpression',
+          align: 'center'
+        },
+        {
+          text: '分片数',
+          value: 'shardingCount',
+          align: 'center',
+          width: '80'
+        },
+        {
+          text: '分片参数',
+          value: 'shardingParameter',
+          align: 'center',
+          width: '160'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/job/update') || this.hasPerm('/job/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editJob.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editJob.initDialog('update', this.dialogFormVisible, row)
+    },
+    getTag(row) {
+      return this.tags.find(tag => tag.value === row.status)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定删除吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    start(row) {
+      this.$confirm(
+        '确定启动吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'start').then(response => {
+          if (response.code === 200) {
+            this.$message.success('启动成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    stop(row) {
+      this.$confirm(
+        '确定停止吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'stop').then(response => {
+          if (response.code === 200) {
+            this.$message.success('停止成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, pause(row) {
+      this.$confirm(
+        '确定暂停吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'pause').then(response => {
+          if (response.code === 200) {
+            this.$message.success('暂停成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, resume(row) {
+      this.$confirm(
+        '确定恢复吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'resume').then(response => {
+          if (response.code === 200) {
+            this.$message.success('恢复成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>
diff --git a/src/views/system/config/editConfig.vue b/src/views/system/config/editConfig.vue
index 0d1ef7f..d6f03b5 100644
--- a/src/views/system/config/editConfig.vue
+++ b/src/views/system/config/editConfig.vue
@@ -52,11 +52,8 @@
         create: '新增'
       }, // 表头显示标题
       rules: {
-        simplename: [{ required: true, message: '组织机构名称不能为空', trigger: ['blur', 'change'] }],
-        fullname: [{ required: true, message: '组织机构全称不能为空', trigger: ['blur', 'change'] }],
-        pid: [{ required: true, message: '父组织机构必选', trigger: ['blur', 'change'] }],
-        num: [{ required: true, message: '排序不能为空' }, { type: 'number', message: '必须为数字值' }],
-        deptType: [{ required: true, message: '组织类型必选', trigger: ['blur', 'change'] }]
+        targetName: [{ required: true, message: '配置项不能为空', trigger: ['blur', 'change'] }],
+        value: [{ required: true, message: '值不能为空', trigger: ['blur', 'change'] }]
       } // 前端校验规则
     }
   },
@@ -135,7 +132,7 @@
         if (valid) {
           this.btnLoading = true
           this.dialogFormVisible = true
-          updateConfig(this.deptForm).then(response => {
+          updateConfig(this.configForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/system/config/listConfig.vue b/src/views/system/config/listConfig.vue
index 76b3e4f..c336082 100644
--- a/src/views/system/config/listConfig.vue
+++ b/src/views/system/config/listConfig.vue
@@ -26,8 +26,8 @@
         </el-table-column>
         <el-table-column v-if="showOperate" label="操作" width="160" align="center">
           <template slot-scope="scope">
-            <el-button v-if="hasPerm('/dict/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
-            <el-button v-if="hasPerm('/dict/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+            <el-button v-if="hasPerm('/config/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/config/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </template>
@@ -77,7 +77,7 @@
   },
   computed: {
     'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
-      return this.hasPerm('/dict/update') || this.hasPerm('/dict/delete')
+      return this.hasPerm('/config/update') || this.hasPerm('/config/delete')
     }
   },
   created() {
@@ -105,7 +105,7 @@
     // 删除字典
     del(row) {
       this.$confirm(
-        '确定要删除字典吗？',
+        '确定要删除吗？',
         '确认操作',
         {
           confirmButtonText: '确定',
diff --git a/src/views/view/editView.vue b/src/views/view/editView.vue
index a5c24c7..c08506a 100644
--- a/src/views/view/editView.vue
+++ b/src/views/view/editView.vue
@@ -72,7 +72,7 @@
 </template>
 
 <script>
-import { addView, updateView } from '@/api/monitor/view'
+import { addView, updateView } from '@/api/common/view'
 import { getDictByCode } from '@/api/system/dict'
 export default {
   name: 'EditView',
diff --git a/src/views/view/listView.vue b/src/views/view/listView.vue
index 3232660..ef54ff1 100644
--- a/src/views/view/listView.vue
+++ b/src/views/view/listView.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import { getViewListPage, delView } from '@/api/monitor/view'
+import { getViewListPage, delView } from '@/api/common/view'
 import editConfig from './editView'
 
 export default {

diff --git a/src/api/common/job.js b/src/api/common/job.js
new file mode 100644
index 0000000..0d256ce
--- /dev/null
+++ b/src/api/common/job.js
@@ -0,0 +1,45 @@
+/**
+ * 任务调度
+ */
+import request from '@/utils/request'
+export function getListPage(params) {
+  return request({
+    url: 'jobConfig/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function add(params) {
+  return request({
+    url: 'jobConfig/add',
+    method: 'post',
+    params
+  })
+}
+
+export function update(params) {
+  return request({
+    url: 'jobConfig/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function del(id) {
+  return request({
+    url: 'jobConfig/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
+// 任务操作相关接口
+export function operation(jobName, operation) {
+  return request({
+    url: 'elasticJob/' + jobName + '/' + operation,
+    method: 'get'
+  })
+}
diff --git a/src/api/common/view.js b/src/api/common/view.js
new file mode 100644
index 0000000..8f56271
--- /dev/null
+++ b/src/api/common/view.js
@@ -0,0 +1,39 @@
+/**
+ * 数据api访问
+ */
+import request from '@/utils/request'
+// 字典查询
+export function getViewListPage(params) {
+  return request({
+    url: 'view/listPage',
+    method: 'get',
+    params
+  })
+}
+
+// 添加字典
+export function addView(params) {
+  return request({
+    url: 'view/add',
+    method: 'post',
+    params
+  })
+}
+
+export function updateView(params) {
+  return request({
+    url: 'view/update',
+    method: 'post',
+    params
+  })
+}
+// 删除字典机构
+export function delView(id) {
+  return request({
+    url: 'view/delete',
+    method: 'post',
+    params: {
+      id: id
+    }
+  })
+}
diff --git a/src/api/monitor/view.js b/src/api/monitor/view.js
deleted file mode 100644
index 8f56271..0000000
--- a/src/api/monitor/view.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * 数据api访问
- */
-import request from '@/utils/request'
-// 字典查询
-export function getViewListPage(params) {
-  return request({
-    url: 'view/listPage',
-    method: 'get',
-    params
-  })
-}
-
-// 添加字典
-export function addView(params) {
-  return request({
-    url: 'view/add',
-    method: 'post',
-    params
-  })
-}
-
-export function updateView(params) {
-  return request({
-    url: 'view/update',
-    method: 'post',
-    params
-  })
-}
-// 删除字典机构
-export function delView(id) {
-  return request({
-    url: 'view/delete',
-    method: 'post',
-    params: {
-      id: id
-    }
-  })
-}
diff --git a/src/permission.js b/src/permission.js
index 5965c45..ed63713 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -36,10 +36,10 @@
             url: '/baseResourse'
           }
           // 将当前系统信息保存在localStorage中
-          store.commit('SET_SYSTEM', currentSys)
+          // store.commit('SET_SYSTEM', currentSys)
           // 远程访问获取权限列表（菜单&按钮）
           store.dispatch('GetMenus', currentSys).then(() => {
-            store.commit('SET_CHANGEFLAG', '0')
+            // store.commit('SET_CHANGEFLAG', '0')
             router.addRoutes(store.getters.addRouters) // 动态添加可访问路由表
             next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 ,set the replace: true so the navigation will not leave a history record
           })
diff --git a/src/router/modules/monitor.js b/src/router/modules/monitor.js
index a7a989f..ddd2366 100644
--- a/src/router/modules/monitor.js
+++ b/src/router/modules/monitor.js
@@ -8,13 +8,14 @@
   name: 'monitor',
   alwaysShow: true,
   meta: {
-    title: '数据管理',
-    icon: 'icon-config' // 图标
+    title: '监测管理',
+    icon: 'icon-config',
+    permission: ['/monitor']
   },
   children: [
     {
-      path: '/exampleTable',
-      name: 'ExampleTable',
+      path: '/monitor',
+      name: 'monitor',
       component: () => import('@/views/view/listView'),
       meta: { title: '数据集服务', icon: '', permission: ['/monitor/view'] }
     }
diff --git a/src/router/modules/system.js b/src/router/modules/system.js
index 200cef3..13490f1 100644
--- a/src/router/modules/system.js
+++ b/src/router/modules/system.js
@@ -64,7 +64,13 @@
       path: '/config',
       component: () => import('@/views/system/config/listConfig'), // Parent router-view
       name: 'Config',
-      meta: { title: '系统配置' }
+      meta: { title: '系统配置', permission: ['/config'] }
+    },
+    {
+      path: '/job',
+      component: () => import('@/views/job/listJob'), // Parent router-view , permission: ['/job']
+      name: 'job',
+      meta: { title: '任务管理' }
     }
   ]
 }]
diff --git a/src/views/job/editJob.vue b/src/views/job/editJob.vue
new file mode 100644
index 0000000..3b52a12
--- /dev/null
+++ b/src/views/job/editJob.vue
@@ -0,0 +1,202 @@
+<template>
+  <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" append-to-body>
+    <el-form ref="dataForm" :rules="rules" :model="form" label-position="right" label-width="80px">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="任务名称" prop="jobName">
+            <el-input v-model.trim="form.jobName" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="表达式" prop="cronExpression">
+            <el-input v-model.trim="form.cronExpression" type="text" placeholder="cron表达式"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="分片数" prop="shardingCount">
+            <el-input v-model.number="form.shardingCount" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="分片参数" prop="shardingParameter">
+            <el-input v-model.trim="form.shardingParameter" type="text" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="参数设置" prop="policySettings">
+            <el-input v-model="form.policySettings" type="textarea" placeholder="必填"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button :loading="btnLoading" type="primary" @click="saveData">保存</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { add, update } from '@/api/common/job'
+import { getDictByCode } from '@/api/system/dict'
+export default {
+  name: 'EditJob',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      dialogStatus: '', // 对话框类型：create,update
+      form: {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      },
+      btnLoading: false, // 保存按钮的加载中状态
+      multiData: false, // 组织树是否为多级列表
+      deptTreeList: [], // 组织树列表数据
+      resTypeDicts: [], // 资源类型字典集合
+      routeTypeDicts: [], // 访问类型字典集合
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      }, // 表头显示标题
+      rules: {
+        jobName: [{ required: true, message: '任务名称必填', trigger: ['blur', 'change'] }],
+        cronExpression: [{ required: true, message: 'cron表达式必填', trigger: ['blur', 'change'] }],
+        shardingCount: [{ required: true, message: '分片数必填', trigger: ['blur', 'change'] }, { type: 'number', message: '必须为数字值' }]
+      } // 前端校验规则
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  mounted: function() {
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogStatus, dialogFormVisible, row = null) {
+      this.dialogStatus = dialogStatus
+      this.dialogFormVisible = dialogFormVisible
+      this.btnLoading = false
+      if (dialogStatus === 'create') { // 如果是新增，清除验证
+        this.resetForm()
+        this.$nextTick(() => {
+          this.$refs['dataForm'].clearValidate()
+        })
+      } else if (dialogStatus === 'update') { // 如果是修改，将row中数据填写到输入框中
+        this.form = {
+          id: row.id,
+          basicJobClass: row.basicJobClass,
+          cronExpression: row.cronExpression,
+          jobName: row.jobName,
+          policySettings: row.policySettings,
+          remarks: row.remarks,
+          shardingCount: row.shardingCount,
+          shardingParameter: row.shardingParameter,
+          status: row.status
+        }
+      }
+    },
+    // 重置表单
+    resetForm() {
+      this.form = {
+        id: '',
+        basicJobClass: '',
+        cronExpression: '',
+        jobName: '',
+        policySettings: '',
+        remarks: '',
+        shardingCount: '',
+        shardingParameter: '',
+        status: ''
+      }
+    },
+    // 获取字典数据
+    fetchData() {
+      // 字典类型加载
+      getDictByCode('viewResType').then(response => {
+        this.resTypeDicts = response.data
+      })
+      getDictByCode('viewRouteType').then(response => {
+        this.routeTypeDicts = response.data
+      })
+    },
+    // 保存数据
+    saveData: function() {
+      if (this.dialogStatus === 'update') {
+        this.updateData()
+      } else if (this.dialogStatus === 'create') {
+        this.createData()
+      }
+    },
+    // 新增数据
+    createData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          add(this.form).then(response => {
+            if (response.code === 200) {
+              this.$confirm('新增成功，是否继续新增?', '提示', {
+                confirmButtonText: '是',
+                cancelButtonText: '否',
+                type: 'info'
+              }).then(() => {
+                this.btnLoading = false
+                this.resetForm()
+                this.$nextTick(() => {
+                  this.$refs['dataForm'].clearValidate()
+                })
+              }).catch(() => {
+                this.$emit('watchChild')
+                this.dialogFormVisible = false
+              })
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    // 修改数据
+    updateData: function() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          this.btnLoading = true
+          this.dialogFormVisible = true
+          update(this.form).then(response => {
+            if (response.code === 200) {
+              this.$message.success('修改成功')
+              this.$emit('watchChild')
+              this.dialogFormVisible = false
+            }
+          }).catch(_ => { // 异常情况，loading置为false
+            this.btnLoading = false
+          })
+        }
+      })
+    },
+    cancel: function() {
+      this.dialogFormVisible = false
+      // this.$emit('watchChild')
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .el-dialog{
+    width:700px
+  }
+  .el-select{
+    width: 100%;
+  }
+</style>
diff --git a/src/views/job/listJob.vue b/src/views/job/listJob.vue
new file mode 100644
index 0000000..d5e2418
--- /dev/null
+++ b/src/views/job/listJob.vue
@@ -0,0 +1,293 @@
+<template>
+  <app-container>
+    <!--筛选条件-->
+    <search-area size="small" @search="search">
+      <search-item>
+        <el-input v-model.trim="listQuery.condition" size="small" placeholder="任务名/启动类" clearable/>
+      </search-item>
+    </search-area>
+    <!--查询结果Table显示-->
+    <normal-table :data="list" :total="total" :columns="columns" :query="listQuery" :list-loading="listLoading" @change="changePage">
+      <template slot="btns">
+        <el-button v-if="hasPerm('/job/add')" size="small" icon="el-icon-plus" @click="add">新增</el-button>
+      </template>
+      <template slot="columns">
+        <el-table-column
+          label="任务状态"
+          prop="status"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag :type="getTag(scope.row).type" size="medium">{{ getTag(scope.row).text }}</el-tag>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="任务控制" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="scope.row.status==='0' ||scope.row.status==='3'" type="text" size="small" title="启动" @click="start(scope.row)">启动</el-button>
+            <el-button v-if="scope.row.status==='1' " type="text" size="small" title="暂停" @click="pause(scope.row)" >暂停</el-button>
+            <el-button v-if="scope.row.status==='2' " type="text" size="small" title="恢复" @click="resume(scope.row)" >恢复</el-button>
+            <el-button v-if="scope.row.status!='0' & scope.row.status!='3'" type="text" size="small" title="停止" @click="stop(scope.row)" >停止</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行状态"
+          prop="isSuccess"
+          align="center" >
+          <template slot-scope="scope">
+            <div slot="reference" class="name-wrapper">
+              <el-tag v-if="scope.row.isSuccess==='1'" type="success" size="medium">成功</el-tag>
+              <el-tag v-if="scope.row.isSuccess==='0' && !scope.row.completeTime" type="danger" size="medium">失败</el-tag>
+              <el-button v-if="scope.row.isSuccess==='0'&&(scope.row.completeTime==='null'||scope.row.completeTime)" :loading="true" size="small" circle />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="执行时间"
+          prop="lastTime"
+          align="center"
+          width="160" />
+        <el-table-column v-if="showOperate" label="操作" width="160" align="center">
+          <template slot-scope="scope">
+            <el-button v-if="hasPerm('/job/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/job/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </normal-table>
+    <edit-Job v-show="dialogFormVisible" ref="editJob" @watchChild="fetchData"/>
+  </app-container>
+</template>
+
+<script>
+import { getListPage, del, operation } from '@/api/common/job'
+import editJob from './editJob'
+
+export default {
+  name: 'ListJob',
+  components: { editJob },
+  data() {
+    return {
+      listQuery: {
+        condition: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      tags: [
+        { text: '未启动', value: '0', type: 'info' },
+        { text: '运行中', value: '1', type: 'success' },
+        { text: '暂停', value: '2', type: 'warning' },
+        { text: '停止', value: '3', type: 'danger' }
+      ],
+      columns: [
+        {
+          text: '任务名称',
+          value: 'jobName',
+          align: 'center'
+        }, {
+          text: 'cron表达式',
+          value: 'cronExpression',
+          align: 'center'
+        },
+        {
+          text: '分片数',
+          value: 'shardingCount',
+          align: 'center',
+          width: '80'
+        },
+        {
+          text: '分片参数',
+          value: 'shardingParameter',
+          align: 'center',
+          width: '160'
+        }
+      ], // 显示列
+      list: [], // 列表数据
+      total: 0, // 数据总数
+      listLoading: true, // 加载动画
+      fullscreenLoading: false, // 全屏加载动画
+      dialogFormVisible: false // 是否显示编辑框
+    }
+  },
+  computed: {
+    'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
+      return this.hasPerm('/job/update') || this.hasPerm('/job/delete')
+    }
+  },
+  created() {
+    this.fetchData()// 获取数据
+  },
+  activated() {
+    this.fetchData()// 获取数据
+  },
+  methods: {
+    // 打开详情对话框
+    detail(row) {
+      this.$refs.detailwell.initDialog(true, row)
+    },
+    // 新增字典
+    add() {
+      this.dialogFormVisible = true
+      this.$refs.editJob.initDialog('create', this.dialogFormVisible)
+    },
+    // 编辑字典信息
+    edit(row) {
+      this.dialogFormVisible = true
+      this.editShow = true
+      this.$refs.editJob.initDialog('update', this.dialogFormVisible, row)
+    },
+    getTag(row) {
+      return this.tags.find(tag => tag.value === row.status)
+    },
+    // 删除
+    del(row) {
+      this.$confirm(
+        '确定删除吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        del(row.id).then(response => {
+          if (response.code === 200) {
+            this.$message.success('删除成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    start(row) {
+      this.$confirm(
+        '确定启动吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'start').then(response => {
+          if (response.code === 200) {
+            this.$message.success('启动成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    stop(row) {
+      this.$confirm(
+        '确定停止吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'stop').then(response => {
+          if (response.code === 200) {
+            this.$message.success('停止成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, pause(row) {
+      this.$confirm(
+        '确定暂停吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'pause').then(response => {
+          if (response.code === 200) {
+            this.$message.success('暂停成功')
+            this.fetchData()
+          }
+        })
+      })
+    }, resume(row) {
+      this.$confirm(
+        '确定恢复吗？',
+        '确认操作',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      ).then(() => {
+        operation(row.jobName, 'resume').then(response => {
+          if (response.code === 200) {
+            this.$message.success('恢复成功')
+            this.fetchData()
+          }
+        })
+      })
+    },
+    // 查询数据
+    search() {
+      this.fetchData(false)
+    },
+    // 获取字典数据
+    fetchData(isNowPage = true) {
+      this.listLoading = true
+      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
+        this.listQuery.offset = 1
+      }
+      getListPage(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.total = parseInt(response.data.total)
+        this.listLoading = false
+      })
+    },
+    indexMethod(index) {
+      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
+    },
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table{
+    margin-bottom: 20px;
+  }
+  .pagination-container{
+    margin-bottom: 50px;
+  }
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: $tableTitleHeight;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+</style>
diff --git a/src/views/system/config/editConfig.vue b/src/views/system/config/editConfig.vue
index 0d1ef7f..d6f03b5 100644
--- a/src/views/system/config/editConfig.vue
+++ b/src/views/system/config/editConfig.vue
@@ -52,11 +52,8 @@
         create: '新增'
       }, // 表头显示标题
       rules: {
-        simplename: [{ required: true, message: '组织机构名称不能为空', trigger: ['blur', 'change'] }],
-        fullname: [{ required: true, message: '组织机构全称不能为空', trigger: ['blur', 'change'] }],
-        pid: [{ required: true, message: '父组织机构必选', trigger: ['blur', 'change'] }],
-        num: [{ required: true, message: '排序不能为空' }, { type: 'number', message: '必须为数字值' }],
-        deptType: [{ required: true, message: '组织类型必选', trigger: ['blur', 'change'] }]
+        targetName: [{ required: true, message: '配置项不能为空', trigger: ['blur', 'change'] }],
+        value: [{ required: true, message: '值不能为空', trigger: ['blur', 'change'] }]
       } // 前端校验规则
     }
   },
@@ -135,7 +132,7 @@
         if (valid) {
           this.btnLoading = true
           this.dialogFormVisible = true
-          updateConfig(this.deptForm).then(response => {
+          updateConfig(this.configForm).then(response => {
             if (response.code === 200) {
               this.$message.success('修改成功')
               this.$emit('watchChild')
diff --git a/src/views/system/config/listConfig.vue b/src/views/system/config/listConfig.vue
index 76b3e4f..c336082 100644
--- a/src/views/system/config/listConfig.vue
+++ b/src/views/system/config/listConfig.vue
@@ -26,8 +26,8 @@
         </el-table-column>
         <el-table-column v-if="showOperate" label="操作" width="160" align="center">
           <template slot-scope="scope">
-            <el-button v-if="hasPerm('/dict/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
-            <el-button v-if="hasPerm('/dict/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
+            <el-button v-if="hasPerm('/config/update')&&!scope.row.isSystem" type="text" size="small" @click="edit(scope.row)">修改</el-button>
+            <el-button v-if="hasPerm('/config/delete')&&!scope.row.isSystem" type="text" size="small" @click="del(scope.row)">删除</el-button>
           </template>
         </el-table-column>
       </template>
@@ -77,7 +77,7 @@
   },
   computed: {
     'showOperate': function(row) { // 判断是否显示操作列，如果编辑和删除的权限都没有则不显示操作列
-      return this.hasPerm('/dict/update') || this.hasPerm('/dict/delete')
+      return this.hasPerm('/config/update') || this.hasPerm('/config/delete')
     }
   },
   created() {
@@ -105,7 +105,7 @@
     // 删除字典
     del(row) {
       this.$confirm(
-        '确定要删除字典吗？',
+        '确定要删除吗？',
         '确认操作',
         {
           confirmButtonText: '确定',
diff --git a/src/views/view/editView.vue b/src/views/view/editView.vue
index a5c24c7..c08506a 100644
--- a/src/views/view/editView.vue
+++ b/src/views/view/editView.vue
@@ -72,7 +72,7 @@
 </template>
 
 <script>
-import { addView, updateView } from '@/api/monitor/view'
+import { addView, updateView } from '@/api/common/view'
 import { getDictByCode } from '@/api/system/dict'
 export default {
   name: 'EditView',
diff --git a/src/views/view/listView.vue b/src/views/view/listView.vue
index 3232660..ef54ff1 100644
--- a/src/views/view/listView.vue
+++ b/src/views/view/listView.vue
@@ -36,7 +36,7 @@
 </template>
 
 <script>
-import { getViewListPage, delView } from '@/api/monitor/view'
+import { getViewListPage, delView } from '@/api/common/view'
 import editConfig from './editView'
 
 export default {
diff --git a/static/project.config.json b/static/project.config.json
index 5d2d09f..8a31158 100644
--- a/static/project.config.json
+++ b/static/project.config.json
@@ -1,7 +1,7 @@
 {
   "title": "基础资源系统",
   "baseUrl": "http://localhost:8081/",
-  "mainPage": "http://11.100.6.149:8080/monitor/",
+  "mainPage": "http://localhost:11307/",
   "singleSys": true,
   "city":"崇仁县",
   "mapUrl":"https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",