diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
index 25a7332..f4e564e 100644
--- a/src/views/otherComment/sourceStatis/sourceStatisChart.vue
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -45,22 +45,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
index 25a7332..f4e564e 100644
--- a/src/views/otherComment/sourceStatis/sourceStatisChart.vue
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -45,22 +45,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
new file mode 100644
index 0000000..18aefe5
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseSource
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          show: true
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
index 25a7332..f4e564e 100644
--- a/src/views/otherComment/sourceStatis/sourceStatisChart.vue
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -45,22 +45,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
new file mode 100644
index 0000000..18aefe5
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseSource
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          show: true
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index 2f5d520..6859f75 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -1,63 +1,93 @@
 <template>
   <div>
-    <el-row :gutter="20">
-      <el-col :span="6" style="text-align: center;">
-        <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
-          <el-radio-button label="0">案卷</el-radio-button>
-          <el-radio-button label="1">人员</el-radio-button>
-          <el-radio-button label="2">部件</el-radio-button>
-        </el-radio-group>
+    <el-row>
+      <el-col :span="6" class="staticPanel">
+        <sup-statis-panel />
+      </el-col>
+
+      <el-col :span="18" class="mapPanel">
+        <div style="margin: 5px;">
+          <el-row :gutter="20">
+            <el-col :span="6" style="text-align: left;">
+              <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
+                <el-radio-button label="0">案卷</el-radio-button>
+                <el-radio-button label="1">人员</el-radio-button>
+                <el-radio-button label="2">部件</el-radio-button>
+              </el-radio-group>
+            </el-col>
+          </el-row>
+
+          <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
+
+          <el-form v-if="showCaseSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="20" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="案卷状态" class="item">
+                  <el-select v-model="parts.caseStatusCode" placeholder="选择案卷状态" clearable value="" class="notLastSelect" @change="changeCaseScope()">
+                    <el-option value="toHandle" label="处置中"/>
+                    <el-option value="toDistribute" label="新立案"/>
+                    <el-option value="toVerify" label="待核实"/>
+                    <el-option value="toCheck" label="待核查"/>
+                  </el-select>
+
+                  <label class="customLabel">是否超期</label>
+                  <el-radio-group v-model="isOverTime" @change="changeCaseScope()">
+                    <el-radio-button label="">全部</el-radio-button>
+                    <el-radio-button label="Ot">超期</el-radio-button>
+                    <el-radio-button label="Not">未超期</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="人员分类" prop="casepersonCode" class="item">
+                  <el-radio-group v-model="casepersonCode" @change="casePerson()">
+                    <el-radio-button label="supervisor">监督员</el-radio-button>
+                    <el-radio-button label="process">处置员</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="部件大类" prop="casetypeCode" class="item">
+                  <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="" class="notLastSelect">
+                    <el-option
+                      v-for="item in caseTypeOpts"
+                      :key="item.id"
+                      :label="item.typeName"
+                      :value="item.typeCode"/>
+                  </el-select>
+
+                  <label class="customLabel">部件小类</label>
+                  <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
+                    <el-option
+                      v-for="item in caseDetailTypeOpts"
+                      :key="item.id"
+                      :label="item.typeDetailName"
+                      :value="item.typeDetailCode"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
       </el-col>
     </el-row>
-    <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
-    <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件大类" prop="casetypeCode">
-            <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="">
-              <el-option
-                v-for="item in caseTypeOpts"
-                :key="item.id"
-                :label="item.typeName"
-                :value="item.typeCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件小类" prop="casetypeDetailCode">
-            <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
-              <el-option
-                v-for="item in caseDetailTypeOpts"
-                :key="item.id"
-                :label="item.typeDetailName"
-                :value="item.typeDetailCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="人员分类" prop="casepersonCode">
-            <el-select v-model="casepersonCode" placeholder="选择人员分类" clearable value="">
-              <el-option
-                v-for="item in casePersonOpts"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
   </div>
 </template>
 
 <script>
+import request from '@/utils/request'
 import { loadModules } from 'esri-loader'
+import SupStatisPanel from '@/views/supControl/SupStatisPanel'
 import { getCaseType, getCaseDetailType } from '@/api/callCase/callCase'
 import { mapConfig, serverConfig } from '@/components/Map/ArcGISConfig'
 import { getUserOnLine } from '@/api/user'
@@ -68,9 +98,21 @@
 // const eventPointLayerId = 'eventPointLayer' // 事件定位点的图层id
 const partsResultLayerId = 'partsResultLayer' // 部件查询结果点集的图层id
 const personResultLayerId = 'personResultLayer' // 人员查询结果点集的图层id
+const graphicLayerIds = [
+  'partsResultLayer', 'personResultLayer',
+  'toVerifyCaseNot', 'toVerifyCaseOt',
+  'toCheckCaseNot', 'toCheckCaseOt',
+  'toHandleCaseNot', 'toHandleCaseOt',
+  'toDistributeCaseNot', 'toDistributeCaseOt'
+]
+
+const caseIcon = [
+  '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
+]
 
 export default {
   name: 'SupControl',
+  components: { SupStatisPanel },
   props: {
     longitude: {
       type: Number,
@@ -114,12 +156,13 @@
       parts: {
         eorc: '2', // 类别
         casetypeCode: '', // 部件大类编码,
-        casetypeDetailCode: '' // 部件小类编码
+        casetypeDetailCode: '', // 部件小类编码
+        caseStatusCode: ''
       },
       personQuery: {
         roleTips: ''
       },
-      casepersonCode: '',
+      casepersonCode: 'supervisor',
       labelPosition: 'right',
       caseTypeOpts: [], // 部件大类下拉框
       casePersonOpts: [{
@@ -135,7 +178,17 @@
       mapLoading: false,
       queryEventSwitch: '0', // 0==查询案件；1==查询人员；2==查询部件
       showPartsSelect: false,
-      showPersonSelect: false
+      showPersonSelect: false,
+      showCaseSelect: true,
+      isOverTime: '', // 是否区分超时工单
+      toVerifyListOt: [], // 待核实超时
+      toVerifyListNot: [], // 待核实未超时
+      toCheckListOt: [], // 待核查超时
+      toCheckListNot: [], // 待核查
+      toHandleListOt: [], // 处置中超时
+      toHandleListNot: [], // 处置中
+      toDistributeListOt: [], // 新立案超时
+      toDistributeListNot: [] // 新立案
     }
   },
   computed: {
@@ -147,9 +200,6 @@
     },
     caseTypeDetail() {
       return this.parts.casetypeDetailCode
-    },
-    casePerson() {
-      return this.casepersonCode
     }
   },
   watch: {
@@ -157,18 +207,14 @@
       this.cascaderCaseDetailType(typeVal)
     },
     caseTypeDetail(typeVal) {
+      this.clearPoint()
+
       var obj = this.caseDetailTypeOpts.find(function(item) {
         return item.typeDetailCode === typeVal
       })
       if (obj) {
         this.addPartsPoints(obj.typeDetailName)
       }
-    },
-    casePerson(typeVal) {
-      this.personQuery.roleTips = typeVal
-      if (typeVal !== '') {
-        this.addPersonPoints()
-      }
     }
   },
   mounted() {
@@ -176,14 +222,161 @@
   },
   methods: {
     switchContent: function() {
+      this.clearPoint() // 清除绘制的点
+
       // 案卷（0）、人员（1）、部件（2），
       if (this.queryEventSwitch === '2') {
         this.showPartsSelect = true
         this.showPersonSelect = false
+        this.showCaseSelect = false
         this.cascaderCaseType('2')
       } else if (this.queryEventSwitch === '1') {
         this.showPersonSelect = true
         this.showPartsSelect = false
+        this.showCaseSelect = false
+        this.casePerson()
+      } else if (this.queryEventSwitch === '0') {
+        this.showCaseSelect = true
+        this.showPartsSelect = false
+        this.showPersonSelect = false
+        // 查询四个状态的案卷列表
+        this.queryCaseList()
+      }
+    },
+    // 切换不同案卷状态的显示与否
+    changeCaseScope: function() {
+      // isOverTime: ''--全部，'Ot'--超时，'Not'--未超时
+      // caseStatusCode: 'toHandle'--待处置，'toDistribute'--待派发，'toVerify'--待核实，'toCheck'--待核查
+      const filterStr = this.parts.caseStatusCode + 'Case' + this.isOverTime
+
+      graphicLayerIds.forEach(item => {
+        if (item.indexOf(filterStr) < 0) {
+          // 非案卷类图层全部隐藏
+          this.showGraphicLayer(item, false)
+        } else {
+          this.showGraphicLayer(item, true)
+        }
+      })
+    },
+    // 查询案卷列表
+    queryCaseList: function() {
+      const that = this
+      const onePageParam = {
+        limit: 1000,
+        offset: 1
+      }
+
+      // 查询待核实案卷
+      request({
+        url: 'case/toVerifyListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toVerifyListNot = []
+            this.toVerifyListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toVerifyListOt.push(item)
+              } else { // 未超时
+                that.toVerifyListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toVerifyListNot, caseIcon[0], graphicLayerIds[2])
+            this.addPictureMarkerOnMap(this.toVerifyListOt, caseIcon[1], graphicLayerIds[3])
+          }
+        }
+      })
+
+      // 查询待核查案卷
+      request({
+        url: 'case/toCheckListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toCheckListNot = []
+            this.toCheckListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toCheckListOt.push(item)
+              } else { // 未超时
+                that.toCheckListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toCheckListNot, caseIcon[0], graphicLayerIds[4])
+            this.addPictureMarkerOnMap(this.toCheckListOt, caseIcon[1], graphicLayerIds[5])
+          }
+        }
+      })
+
+      // 查询处理中案卷
+      request({
+        url: 'case/toHandleListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toHandleListNot = []
+            this.toHandleListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toHandleListOt.push(item)
+              } else { // 未超时
+                that.toHandleListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toHandleListNot, caseIcon[0], graphicLayerIds[6])
+            this.addPictureMarkerOnMap(this.toHandleListOt, caseIcon[1], graphicLayerIds[7])
+          }
+        }
+      })
+
+      // 查询新立案案卷
+      request({
+        url: 'case/toDistributeListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toDistributeListNot = []
+            this.toDistributeListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toDistributeListOt.push(item)
+              } else { // 未超时
+                that.toDistributeListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toDistributeListNot, caseIcon[0], graphicLayerIds[8])
+            this.addPictureMarkerOnMap(this.toDistributeListOt, caseIcon[1], graphicLayerIds[9])
+          }
+        }
+      })
+    },
+    // 查询人员
+    casePerson() {
+      this.clearPoint()
+
+      this.personQuery.roleTips = this.casepersonCode
+      if (this.casepersonCode !== '') {
+        this.addPersonPoints()
       }
     },
     // 级联查询部件大类
@@ -234,21 +427,32 @@
     clearPoint: function() {
       this.map.layers.forEach(layer => {
         if (layer.type === 'graphics') {
-          if (layer.id === partsResultLayerId || layer.id === personResultLayerId) {
-            layer.graphics.removeAll()
-            this.map.layers.remove(layer)
-          }
-          return false
+          layer.graphics.removeAll()
         }
       })
       // 清除弹出框
       this.view.popup.close()
     },
+    addPictureMarkerOnMap: function(points, icon, layerId) {
+      const that = this
+      const gLayer = this.selectGraphicLayerById(layerId)
+      points.forEach(item => {
+        if (item.lng !== '' && item.lat !== '') {
+          const point = new that.esriObj.Point(item.lng, item.lat, item)
+          const marker = new that.esriObj.PictureMarkerSymbol(icon, 10, 15)
+          const graphic = new that.esriObj.Graphic({
+            geometry: point,
+            symbol: marker,
+            attributes: item
+          })
+          gLayer.items[0].add(graphic)
+        }
+      })
+    },
     addPersonPoints: function() {
       const that = this
-      that.clearPoint()
       getUserOnLine(this.personQuery).then(res => {
-        const gLayer = new this.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+        const gLayer = this.selectGraphicLayerById(personResultLayerId) // 添加自定义绘制点的图层
         res.data.forEach((item, index) => {
           const point = new that.esriObj.Point(116.60769581599995, 28.24919796600002 + index * 0.001) // 创建geometry对象
           let marker
@@ -262,15 +466,12 @@
             symbol: marker,
             attributes: item
           })
-          gLayer.id = personResultLayerId
-          gLayer.add(graphic) // 图层上添加对象
+          gLayer.items[0].add(graphic) // 图层上添加对象
         })
-        that.map.add(gLayer) // 地图上添加图层
         that.layers.personPoint = gLayer
       })
     },
     addPartsPoints: function(typeCode) {
-      this.clearPoint()
       // 部件定位
       const queryDev = this.layers.dxbjPoint.createQuery()
       queryDev.returnGeometry = true
@@ -280,7 +481,7 @@
       this.layers.dxbjPoint.queryFeatures(queryDev).then(function(response) {
         if (response.features.length > 0) {
           const results = response.features
-          const gLayer = new that.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+          const gLayer = that.selectGraphicLayerById(partsResultLayerId)
           results.forEach((item, index) => {
             const point = new that.esriObj.Point(item.geometry.x, item.geometry.y) // 创建geometry对象
             const marker = new that.esriObj.PictureMarkerSymbol() // 创建marker标识
@@ -293,10 +494,8 @@
               geometry: point,
               symbol: marker
             })
-            gLayer.id = partsResultLayerId
-            gLayer.add(graphic) // 图层上添加对象
+            gLayer.items[0].add(graphic) // 图层上添加对象
           })
-          that.map.add(gLayer) // 地图上添加图层
         } else {
           that.$message({
             message: '查询无该类部件',
@@ -305,6 +504,15 @@
         }
       })
     },
+    showGraphicLayer: function(layerId, show) {
+      const gLayer = this.selectGraphicLayerById(layerId)
+      if (gLayer !== null) {
+        gLayer.items[0].visible = show
+      }
+    },
+    showCaseDetail: function(caseId) {
+      console.log(caseId)
+    },
     // 初始化ArcGIS API对象
     importEsri: function() {
       this.mapLoading = true
@@ -393,8 +601,11 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       this.addBjLayers()
+      this.addGraphicLayers()
+      this.queryCaseList()
       const that = this
       this.view.on('click', function(event) {
         const lon = event.mapPoint.longitude
@@ -479,6 +690,59 @@
               location: event.mapPoint
             })
           })
+        } else if (that.queryEventSwitch === '0') {
+          // 案卷定位
+          that.view.hitTest(event).then(function(response) {
+            const feature = response.results[0].graphic
+
+            const imgUrl = process.env.BASE_API + '/static/'
+
+            // 向后台再查询一次
+            const id = feature.attributes.id
+            request({
+              url: 'case/detail/' + id,
+              method: 'get'
+            }).then(response => {
+              if (response.code === 200) {
+                const caseDetail = response.data[0]
+
+                let detailTableHtml = '<table>'
+                detailTableHtml += '<tr><td colspan="2" width="370px">' + '案卷状态：' + caseDetail.caseStateName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷类别：' + caseDetail.eorcName + '/' + caseDetail.casetypeName + '/' + caseDetail.casetypeDetailName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '上报时间：' + caseDetail.createTime + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷地点：' + caseDetail.fieldintro + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷情况：' + caseDetail.description + '</td></tr>'
+                if (caseDetail.fileIdVerify !== '') {
+                  const verify = caseDetail.fileIdVerify.split(',')
+                  detailTableHtml += '<tr><td colspan="2">上报图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + verify[0] + '"></td>'
+                  if (verify[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + verify[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                if (caseDetail.fileIdProcess !== '') {
+                  const process = caseDetail.fileIdProcess.split(',')
+                  detailTableHtml += '<tr><td colspan="2">处置图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + process[0] + '"></td>'
+                  if (process[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + process[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                detailTableHtml += '</table>'
+
+                // 2弹出气泡
+                that.view.popup.open({
+                  title: caseDetail.caseid,
+                  content: detailTableHtml,
+                  location: event.mapPoint
+                })
+              }
+            })
+          })
         }
       })
     },
@@ -511,25 +775,64 @@
       this.map.add(this.layers.dxbjXqd)
       this.map.add(this.layers.dxbjMph)
       this.map.add(this.layers.dx2wGrid)
+    },
+    // 预先添加绘制的Graphic图层
+    addGraphicLayers: function() {
+      graphicLayerIds.forEach(item => {
+        const gLayer = new this.esriObj.GraphicsLayer()
+        gLayer.id = item
+        this.map.add(gLayer)
+      })
+    },
+    // 从graphic图层中找到指定的图层
+    selectGraphicLayerById: function(layerId) {
+      return this.map.layers.filter(layer => {
+        if (layer.id === layerId) {
+          return layer
+        }
+      })
     }
   }
 }
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
-  .baseMap {
-    height:80vh;
-    width: 100%;
-    margin-top: 0px;
-    border: 1px solid #DCDCDC;
-    border-radius: 4px;
-  }
-  .form{
-    position: fixed;
-    z-index: 9999;
-    top: 190px;
-  }
+/*@import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';*/
+@import 'https://js.arcgis.com/4.13/esri/css/main.css';
+
+.staticPanel {
+  height: calc(100vh - 80px);
+  overflow-y: auto;
+}
+.mapPanel {
+  height: calc(100vh - 80px);
+}
+.baseMap {
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: 0;
+  border: 1px solid #DCDCDC;
+  border-radius: 4px;
+}
+.form {
+  background-color: rgba(240, 240, 240, 0.9);
+  position: absolute;
+  top: 42px;
+  width: 100%;
+}
+.rowSelect {
+  margin-bottom: 10px;
+}
+.customLabel {
+  padding: 0 12px 0 0;
+  color: #606266;
+  font-size: 14px;
+}
+.item {
+  margin-bottom: 10px;
+}
+.item .notLastSelect {
+  margin-right: 30px;
+}
 </style>
 

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
index 25a7332..f4e564e 100644
--- a/src/views/otherComment/sourceStatis/sourceStatisChart.vue
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -45,22 +45,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
new file mode 100644
index 0000000..18aefe5
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseSource
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          show: true
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index 2f5d520..6859f75 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -1,63 +1,93 @@
 <template>
   <div>
-    <el-row :gutter="20">
-      <el-col :span="6" style="text-align: center;">
-        <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
-          <el-radio-button label="0">案卷</el-radio-button>
-          <el-radio-button label="1">人员</el-radio-button>
-          <el-radio-button label="2">部件</el-radio-button>
-        </el-radio-group>
+    <el-row>
+      <el-col :span="6" class="staticPanel">
+        <sup-statis-panel />
+      </el-col>
+
+      <el-col :span="18" class="mapPanel">
+        <div style="margin: 5px;">
+          <el-row :gutter="20">
+            <el-col :span="6" style="text-align: left;">
+              <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
+                <el-radio-button label="0">案卷</el-radio-button>
+                <el-radio-button label="1">人员</el-radio-button>
+                <el-radio-button label="2">部件</el-radio-button>
+              </el-radio-group>
+            </el-col>
+          </el-row>
+
+          <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
+
+          <el-form v-if="showCaseSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="20" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="案卷状态" class="item">
+                  <el-select v-model="parts.caseStatusCode" placeholder="选择案卷状态" clearable value="" class="notLastSelect" @change="changeCaseScope()">
+                    <el-option value="toHandle" label="处置中"/>
+                    <el-option value="toDistribute" label="新立案"/>
+                    <el-option value="toVerify" label="待核实"/>
+                    <el-option value="toCheck" label="待核查"/>
+                  </el-select>
+
+                  <label class="customLabel">是否超期</label>
+                  <el-radio-group v-model="isOverTime" @change="changeCaseScope()">
+                    <el-radio-button label="">全部</el-radio-button>
+                    <el-radio-button label="Ot">超期</el-radio-button>
+                    <el-radio-button label="Not">未超期</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="人员分类" prop="casepersonCode" class="item">
+                  <el-radio-group v-model="casepersonCode" @change="casePerson()">
+                    <el-radio-button label="supervisor">监督员</el-radio-button>
+                    <el-radio-button label="process">处置员</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="部件大类" prop="casetypeCode" class="item">
+                  <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="" class="notLastSelect">
+                    <el-option
+                      v-for="item in caseTypeOpts"
+                      :key="item.id"
+                      :label="item.typeName"
+                      :value="item.typeCode"/>
+                  </el-select>
+
+                  <label class="customLabel">部件小类</label>
+                  <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
+                    <el-option
+                      v-for="item in caseDetailTypeOpts"
+                      :key="item.id"
+                      :label="item.typeDetailName"
+                      :value="item.typeDetailCode"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
       </el-col>
     </el-row>
-    <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
-    <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件大类" prop="casetypeCode">
-            <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="">
-              <el-option
-                v-for="item in caseTypeOpts"
-                :key="item.id"
-                :label="item.typeName"
-                :value="item.typeCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件小类" prop="casetypeDetailCode">
-            <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
-              <el-option
-                v-for="item in caseDetailTypeOpts"
-                :key="item.id"
-                :label="item.typeDetailName"
-                :value="item.typeDetailCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="人员分类" prop="casepersonCode">
-            <el-select v-model="casepersonCode" placeholder="选择人员分类" clearable value="">
-              <el-option
-                v-for="item in casePersonOpts"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
   </div>
 </template>
 
 <script>
+import request from '@/utils/request'
 import { loadModules } from 'esri-loader'
+import SupStatisPanel from '@/views/supControl/SupStatisPanel'
 import { getCaseType, getCaseDetailType } from '@/api/callCase/callCase'
 import { mapConfig, serverConfig } from '@/components/Map/ArcGISConfig'
 import { getUserOnLine } from '@/api/user'
@@ -68,9 +98,21 @@
 // const eventPointLayerId = 'eventPointLayer' // 事件定位点的图层id
 const partsResultLayerId = 'partsResultLayer' // 部件查询结果点集的图层id
 const personResultLayerId = 'personResultLayer' // 人员查询结果点集的图层id
+const graphicLayerIds = [
+  'partsResultLayer', 'personResultLayer',
+  'toVerifyCaseNot', 'toVerifyCaseOt',
+  'toCheckCaseNot', 'toCheckCaseOt',
+  'toHandleCaseNot', 'toHandleCaseOt',
+  'toDistributeCaseNot', 'toDistributeCaseOt'
+]
+
+const caseIcon = [
+  '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
+]
 
 export default {
   name: 'SupControl',
+  components: { SupStatisPanel },
   props: {
     longitude: {
       type: Number,
@@ -114,12 +156,13 @@
       parts: {
         eorc: '2', // 类别
         casetypeCode: '', // 部件大类编码,
-        casetypeDetailCode: '' // 部件小类编码
+        casetypeDetailCode: '', // 部件小类编码
+        caseStatusCode: ''
       },
       personQuery: {
         roleTips: ''
       },
-      casepersonCode: '',
+      casepersonCode: 'supervisor',
       labelPosition: 'right',
       caseTypeOpts: [], // 部件大类下拉框
       casePersonOpts: [{
@@ -135,7 +178,17 @@
       mapLoading: false,
       queryEventSwitch: '0', // 0==查询案件；1==查询人员；2==查询部件
       showPartsSelect: false,
-      showPersonSelect: false
+      showPersonSelect: false,
+      showCaseSelect: true,
+      isOverTime: '', // 是否区分超时工单
+      toVerifyListOt: [], // 待核实超时
+      toVerifyListNot: [], // 待核实未超时
+      toCheckListOt: [], // 待核查超时
+      toCheckListNot: [], // 待核查
+      toHandleListOt: [], // 处置中超时
+      toHandleListNot: [], // 处置中
+      toDistributeListOt: [], // 新立案超时
+      toDistributeListNot: [] // 新立案
     }
   },
   computed: {
@@ -147,9 +200,6 @@
     },
     caseTypeDetail() {
       return this.parts.casetypeDetailCode
-    },
-    casePerson() {
-      return this.casepersonCode
     }
   },
   watch: {
@@ -157,18 +207,14 @@
       this.cascaderCaseDetailType(typeVal)
     },
     caseTypeDetail(typeVal) {
+      this.clearPoint()
+
       var obj = this.caseDetailTypeOpts.find(function(item) {
         return item.typeDetailCode === typeVal
       })
       if (obj) {
         this.addPartsPoints(obj.typeDetailName)
       }
-    },
-    casePerson(typeVal) {
-      this.personQuery.roleTips = typeVal
-      if (typeVal !== '') {
-        this.addPersonPoints()
-      }
     }
   },
   mounted() {
@@ -176,14 +222,161 @@
   },
   methods: {
     switchContent: function() {
+      this.clearPoint() // 清除绘制的点
+
       // 案卷（0）、人员（1）、部件（2），
       if (this.queryEventSwitch === '2') {
         this.showPartsSelect = true
         this.showPersonSelect = false
+        this.showCaseSelect = false
         this.cascaderCaseType('2')
       } else if (this.queryEventSwitch === '1') {
         this.showPersonSelect = true
         this.showPartsSelect = false
+        this.showCaseSelect = false
+        this.casePerson()
+      } else if (this.queryEventSwitch === '0') {
+        this.showCaseSelect = true
+        this.showPartsSelect = false
+        this.showPersonSelect = false
+        // 查询四个状态的案卷列表
+        this.queryCaseList()
+      }
+    },
+    // 切换不同案卷状态的显示与否
+    changeCaseScope: function() {
+      // isOverTime: ''--全部，'Ot'--超时，'Not'--未超时
+      // caseStatusCode: 'toHandle'--待处置，'toDistribute'--待派发，'toVerify'--待核实，'toCheck'--待核查
+      const filterStr = this.parts.caseStatusCode + 'Case' + this.isOverTime
+
+      graphicLayerIds.forEach(item => {
+        if (item.indexOf(filterStr) < 0) {
+          // 非案卷类图层全部隐藏
+          this.showGraphicLayer(item, false)
+        } else {
+          this.showGraphicLayer(item, true)
+        }
+      })
+    },
+    // 查询案卷列表
+    queryCaseList: function() {
+      const that = this
+      const onePageParam = {
+        limit: 1000,
+        offset: 1
+      }
+
+      // 查询待核实案卷
+      request({
+        url: 'case/toVerifyListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toVerifyListNot = []
+            this.toVerifyListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toVerifyListOt.push(item)
+              } else { // 未超时
+                that.toVerifyListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toVerifyListNot, caseIcon[0], graphicLayerIds[2])
+            this.addPictureMarkerOnMap(this.toVerifyListOt, caseIcon[1], graphicLayerIds[3])
+          }
+        }
+      })
+
+      // 查询待核查案卷
+      request({
+        url: 'case/toCheckListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toCheckListNot = []
+            this.toCheckListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toCheckListOt.push(item)
+              } else { // 未超时
+                that.toCheckListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toCheckListNot, caseIcon[0], graphicLayerIds[4])
+            this.addPictureMarkerOnMap(this.toCheckListOt, caseIcon[1], graphicLayerIds[5])
+          }
+        }
+      })
+
+      // 查询处理中案卷
+      request({
+        url: 'case/toHandleListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toHandleListNot = []
+            this.toHandleListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toHandleListOt.push(item)
+              } else { // 未超时
+                that.toHandleListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toHandleListNot, caseIcon[0], graphicLayerIds[6])
+            this.addPictureMarkerOnMap(this.toHandleListOt, caseIcon[1], graphicLayerIds[7])
+          }
+        }
+      })
+
+      // 查询新立案案卷
+      request({
+        url: 'case/toDistributeListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toDistributeListNot = []
+            this.toDistributeListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toDistributeListOt.push(item)
+              } else { // 未超时
+                that.toDistributeListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toDistributeListNot, caseIcon[0], graphicLayerIds[8])
+            this.addPictureMarkerOnMap(this.toDistributeListOt, caseIcon[1], graphicLayerIds[9])
+          }
+        }
+      })
+    },
+    // 查询人员
+    casePerson() {
+      this.clearPoint()
+
+      this.personQuery.roleTips = this.casepersonCode
+      if (this.casepersonCode !== '') {
+        this.addPersonPoints()
       }
     },
     // 级联查询部件大类
@@ -234,21 +427,32 @@
     clearPoint: function() {
       this.map.layers.forEach(layer => {
         if (layer.type === 'graphics') {
-          if (layer.id === partsResultLayerId || layer.id === personResultLayerId) {
-            layer.graphics.removeAll()
-            this.map.layers.remove(layer)
-          }
-          return false
+          layer.graphics.removeAll()
         }
       })
       // 清除弹出框
       this.view.popup.close()
     },
+    addPictureMarkerOnMap: function(points, icon, layerId) {
+      const that = this
+      const gLayer = this.selectGraphicLayerById(layerId)
+      points.forEach(item => {
+        if (item.lng !== '' && item.lat !== '') {
+          const point = new that.esriObj.Point(item.lng, item.lat, item)
+          const marker = new that.esriObj.PictureMarkerSymbol(icon, 10, 15)
+          const graphic = new that.esriObj.Graphic({
+            geometry: point,
+            symbol: marker,
+            attributes: item
+          })
+          gLayer.items[0].add(graphic)
+        }
+      })
+    },
     addPersonPoints: function() {
       const that = this
-      that.clearPoint()
       getUserOnLine(this.personQuery).then(res => {
-        const gLayer = new this.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+        const gLayer = this.selectGraphicLayerById(personResultLayerId) // 添加自定义绘制点的图层
         res.data.forEach((item, index) => {
           const point = new that.esriObj.Point(116.60769581599995, 28.24919796600002 + index * 0.001) // 创建geometry对象
           let marker
@@ -262,15 +466,12 @@
             symbol: marker,
             attributes: item
           })
-          gLayer.id = personResultLayerId
-          gLayer.add(graphic) // 图层上添加对象
+          gLayer.items[0].add(graphic) // 图层上添加对象
         })
-        that.map.add(gLayer) // 地图上添加图层
         that.layers.personPoint = gLayer
       })
     },
     addPartsPoints: function(typeCode) {
-      this.clearPoint()
       // 部件定位
       const queryDev = this.layers.dxbjPoint.createQuery()
       queryDev.returnGeometry = true
@@ -280,7 +481,7 @@
       this.layers.dxbjPoint.queryFeatures(queryDev).then(function(response) {
         if (response.features.length > 0) {
           const results = response.features
-          const gLayer = new that.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+          const gLayer = that.selectGraphicLayerById(partsResultLayerId)
           results.forEach((item, index) => {
             const point = new that.esriObj.Point(item.geometry.x, item.geometry.y) // 创建geometry对象
             const marker = new that.esriObj.PictureMarkerSymbol() // 创建marker标识
@@ -293,10 +494,8 @@
               geometry: point,
               symbol: marker
             })
-            gLayer.id = partsResultLayerId
-            gLayer.add(graphic) // 图层上添加对象
+            gLayer.items[0].add(graphic) // 图层上添加对象
           })
-          that.map.add(gLayer) // 地图上添加图层
         } else {
           that.$message({
             message: '查询无该类部件',
@@ -305,6 +504,15 @@
         }
       })
     },
+    showGraphicLayer: function(layerId, show) {
+      const gLayer = this.selectGraphicLayerById(layerId)
+      if (gLayer !== null) {
+        gLayer.items[0].visible = show
+      }
+    },
+    showCaseDetail: function(caseId) {
+      console.log(caseId)
+    },
     // 初始化ArcGIS API对象
     importEsri: function() {
       this.mapLoading = true
@@ -393,8 +601,11 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       this.addBjLayers()
+      this.addGraphicLayers()
+      this.queryCaseList()
       const that = this
       this.view.on('click', function(event) {
         const lon = event.mapPoint.longitude
@@ -479,6 +690,59 @@
               location: event.mapPoint
             })
           })
+        } else if (that.queryEventSwitch === '0') {
+          // 案卷定位
+          that.view.hitTest(event).then(function(response) {
+            const feature = response.results[0].graphic
+
+            const imgUrl = process.env.BASE_API + '/static/'
+
+            // 向后台再查询一次
+            const id = feature.attributes.id
+            request({
+              url: 'case/detail/' + id,
+              method: 'get'
+            }).then(response => {
+              if (response.code === 200) {
+                const caseDetail = response.data[0]
+
+                let detailTableHtml = '<table>'
+                detailTableHtml += '<tr><td colspan="2" width="370px">' + '案卷状态：' + caseDetail.caseStateName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷类别：' + caseDetail.eorcName + '/' + caseDetail.casetypeName + '/' + caseDetail.casetypeDetailName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '上报时间：' + caseDetail.createTime + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷地点：' + caseDetail.fieldintro + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷情况：' + caseDetail.description + '</td></tr>'
+                if (caseDetail.fileIdVerify !== '') {
+                  const verify = caseDetail.fileIdVerify.split(',')
+                  detailTableHtml += '<tr><td colspan="2">上报图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + verify[0] + '"></td>'
+                  if (verify[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + verify[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                if (caseDetail.fileIdProcess !== '') {
+                  const process = caseDetail.fileIdProcess.split(',')
+                  detailTableHtml += '<tr><td colspan="2">处置图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + process[0] + '"></td>'
+                  if (process[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + process[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                detailTableHtml += '</table>'
+
+                // 2弹出气泡
+                that.view.popup.open({
+                  title: caseDetail.caseid,
+                  content: detailTableHtml,
+                  location: event.mapPoint
+                })
+              }
+            })
+          })
         }
       })
     },
@@ -511,25 +775,64 @@
       this.map.add(this.layers.dxbjXqd)
       this.map.add(this.layers.dxbjMph)
       this.map.add(this.layers.dx2wGrid)
+    },
+    // 预先添加绘制的Graphic图层
+    addGraphicLayers: function() {
+      graphicLayerIds.forEach(item => {
+        const gLayer = new this.esriObj.GraphicsLayer()
+        gLayer.id = item
+        this.map.add(gLayer)
+      })
+    },
+    // 从graphic图层中找到指定的图层
+    selectGraphicLayerById: function(layerId) {
+      return this.map.layers.filter(layer => {
+        if (layer.id === layerId) {
+          return layer
+        }
+      })
     }
   }
 }
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
-  .baseMap {
-    height:80vh;
-    width: 100%;
-    margin-top: 0px;
-    border: 1px solid #DCDCDC;
-    border-radius: 4px;
-  }
-  .form{
-    position: fixed;
-    z-index: 9999;
-    top: 190px;
-  }
+/*@import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';*/
+@import 'https://js.arcgis.com/4.13/esri/css/main.css';
+
+.staticPanel {
+  height: calc(100vh - 80px);
+  overflow-y: auto;
+}
+.mapPanel {
+  height: calc(100vh - 80px);
+}
+.baseMap {
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: 0;
+  border: 1px solid #DCDCDC;
+  border-radius: 4px;
+}
+.form {
+  background-color: rgba(240, 240, 240, 0.9);
+  position: absolute;
+  top: 42px;
+  width: 100%;
+}
+.rowSelect {
+  margin-bottom: 10px;
+}
+.customLabel {
+  padding: 0 12px 0 0;
+  color: #606266;
+  font-size: 14px;
+}
+.item {
+  margin-bottom: 10px;
+}
+.item .notLastSelect {
+  margin-right: 30px;
+}
 </style>
 
diff --git a/src/views/supControl/supStatisPanel.vue b/src/views/supControl/supStatisPanel.vue
new file mode 100644
index 0000000..85934ef
--- /dev/null
+++ b/src/views/supControl/supStatisPanel.vue
@@ -0,0 +1,299 @@
+<template>
+  <div>
+    <div class="panelBlock" style="">
+      <el-row>
+        <div class="subTitle">案卷情况</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div style="margin: 15px 0px; text-align: center;">
+          <el-radio-group v-model="timeTerm" size="small" @change="changeTimeTerm()">
+            <el-radio-button label="1">本月</el-radio-button>
+            <el-radio-button label="2">前三月</el-radio-button>
+            <el-radio-button label="3">前半年</el-radio-button>
+            <el-radio-button label="4">前一年</el-radio-button>
+          </el-radio-group>
+        </div>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(217, 59, 66)">
+            <span v-text="caseCounts.labelText"/>立案<br>
+            <span v-text="caseCounts.register"/>件
+          </div>
+        </el-col>
+
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(248, 176, 51)">
+            本日立案<br>
+            <span v-text="caseCounts.todayRegister" />件
+          </div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(217, 59, 66)">
+            <span v-text="caseCounts.labelText" />处理率<br>
+            <span v-text="caseCounts.oughtHandleRate" />%
+          </div>
+        </el-col>
+
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(248, 176, 51)">
+            <span v-text="caseCounts.labelText" />未处理<br>
+            <span v-text="caseCounts.notHandled" />件
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">高发问题统计</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <high-freq-chart4-sup :list="highFreqList"/>
+        </div>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">各单位处置情况</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <dept-handle-chart4-sup :list="handleCaseList"/>
+        </div>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">问题来源统计</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <source-statis-chart4-sup :list="sourceList.slice(0,sourceList.length-1)"/>
+        </div>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import { getToday, getDate } from '@/utils/dateutils'
+import highFreqChart4Sup from '@/views/otherComment/highFreq/highFreqChart4Sup'
+import SourceStatisChart4Sup from '@/views/otherComment/sourceStatis/SourceStatisChart4Sup'
+import DeptHandleChart4Sup from '@/views/otherComment/deptHandle/DeptHandleChart4Sup'
+import { highCaseEventList, sourceList, departmentAssess } from '@/api/assess/assessDept'
+
+export default {
+  name: 'SupStatisPanel',
+  components: { DeptHandleChart4Sup, highFreqChart4Sup, SourceStatisChart4Sup },
+  data() {
+    return {
+      highFreqList: [],
+      sourceList: [],
+      handleCaseList: [],
+      timeTerm: '1',
+      caseCounts: {
+        labelText: '本月',
+        register: 0, // 本期立案数
+        todayRegister: 0, // 当日立案数
+        totalCheckNum: 0, // 本期总应处置数
+        checkedNum: 0, // 本期处置数
+        oughtHandleRate: 0, // 本期应处置率
+        notHandled: 0 // 本期未处置数
+      },
+      query: {
+        begTime: getToday('yyyy-MM') + '-01',
+        endTime: getDate(1, 'yyyy-MM-dd')
+      },
+      query4Regist: {
+        beginDate: getToday('yyyy-MM') + '-01',
+        endDate: getDate(1, 'yyyy-MM-dd')
+      },
+      query4Today: {
+        beginDate: getToday('yyyy-MM-dd'),
+        endDate: getDate(1, 'yyyy-MM-dd')
+      }
+    }
+  },
+  mounted() {
+    this.fetchHighFreqData()
+    this.fetchSourceListData()
+    this.fetchHandleListData()
+
+    this.getCaseCountStatis()
+    this.getTodayCaseCountStatis()
+  },
+  methods: {
+    fetchHighFreqData() {
+      highCaseEventList(this.query).then(res => {
+        if (res.code === 200) {
+          this.highFreqList = res.data
+        }
+      })
+    },
+    fetchSourceListData() {
+      sourceList(this.query).then(res => {
+        if (res.code === 200) {
+          this.sourceList = res.data
+        }
+      })
+    },
+    fetchHandleListData() {
+      departmentAssess(this.query).then(res => {
+        if (res.code === 200) {
+          const array = [] // 0--部门; 1--seriesData
+          const depts = []
+          const series = []
+          const seriesToDispatch = {
+            name: '派发数',
+            type: 'bar',
+            barMaxWidth: 15,
+            barGap: 0,
+            data: []
+          } // 派发数
+          const seriesToHandle = {
+            name: '处置数',
+            type: 'bar',
+            barMaxWidth: 15,
+            barGap: 0,
+            data: []
+          } // 处置数
+          res.data.forEach(dept => {
+            if (dept.depId !== '') {
+              depts.push(dept.departName)
+              seriesToDispatch.data.push(dept.currentCheckNum)
+              seriesToHandle.data.push(dept.checkedNum)
+            } else {
+              // 取出合计数
+              this.caseCounts.checkedNum = dept.checkedNum
+              this.caseCounts.totalCheckNum = dept.totalCheckNum
+
+              // 计算
+              this.caseCounts.notHandled = this.caseCounts.totalCheckNum - this.caseCounts.checkedNum
+              if (this.caseCounts.totalCheckNum !== '0') {
+                const rate = this.caseCounts.checkedNum / this.caseCounts.totalCheckNum
+                this.caseCounts.oughtHandleRate = (rate * 100).toFixed(2)
+              } else {
+                this.caseCounts.oughtHandleRate = 0
+              }
+            }
+          })
+          series.push(seriesToDispatch)
+          series.push(seriesToHandle)
+          array.push(depts)
+          array.push(series)
+
+          this.handleCaseList = array
+        }
+      })
+    },
+    getCaseCountStatis() {
+      request({
+        url: 'assess/overview',
+        method: 'get',
+        params: this.query4Regist
+      }).then(response => {
+        if (response.code === 200) {
+          this.caseCounts.register = response.data.register
+        }
+      })
+    },
+    getTodayCaseCountStatis() {
+      request({
+        url: 'assess/overview',
+        method: 'get',
+        params: this.query4Today
+      }).then(response => {
+        if (response.code === 200) {
+          this.caseCounts.todayRegister = response.data.register
+        }
+      })
+    },
+    changeTimeTerm() {
+      if (this.timeTerm === '1') {
+        this.caseCounts.labelText = '本月'
+
+        // 本月
+        const thisMon = getToday('yyyy-MM')
+
+        this.query.begTime = thisMon + '-01'
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = thisMon + '-01'
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '2') { // 前三个月
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-3, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-3, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '3') { // 前半年
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-5, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-5, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '4') { // 前一年
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-7, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-7, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      }
+
+      this.getCaseCountStatis()
+      this.fetchHighFreqData()
+      this.fetchHandleListData()
+      this.fetchSourceListData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .panelBlock {
+    background-color: rgb(47, 56, 86);
+    margin: 2px;
+    padding-bottom: 15px;
+  }
+
+  .dashedLine {
+    border-bottom: 1px dashed #f0f0f0;
+  }
+
+.caseStatisBlock {
+  text-align: center;
+  margin: 5px;
+  padding: 10px;
+  color: #fff;
+  font-weight: bold;
+  letter-spacing: 1px;
+}
+
+.subTitle {
+  font-weight: bold;
+  font-family: '微软雅黑',serif;
+  color: #fff;
+  font-size: 16px;
+  margin: 15px;
+  margin-bottom: 5px;
+}
+</style>

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
index 25a7332..f4e564e 100644
--- a/src/views/otherComment/sourceStatis/sourceStatisChart.vue
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -45,22 +45,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
new file mode 100644
index 0000000..18aefe5
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseSource
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          show: true
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index 2f5d520..6859f75 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -1,63 +1,93 @@
 <template>
   <div>
-    <el-row :gutter="20">
-      <el-col :span="6" style="text-align: center;">
-        <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
-          <el-radio-button label="0">案卷</el-radio-button>
-          <el-radio-button label="1">人员</el-radio-button>
-          <el-radio-button label="2">部件</el-radio-button>
-        </el-radio-group>
+    <el-row>
+      <el-col :span="6" class="staticPanel">
+        <sup-statis-panel />
+      </el-col>
+
+      <el-col :span="18" class="mapPanel">
+        <div style="margin: 5px;">
+          <el-row :gutter="20">
+            <el-col :span="6" style="text-align: left;">
+              <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
+                <el-radio-button label="0">案卷</el-radio-button>
+                <el-radio-button label="1">人员</el-radio-button>
+                <el-radio-button label="2">部件</el-radio-button>
+              </el-radio-group>
+            </el-col>
+          </el-row>
+
+          <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
+
+          <el-form v-if="showCaseSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="20" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="案卷状态" class="item">
+                  <el-select v-model="parts.caseStatusCode" placeholder="选择案卷状态" clearable value="" class="notLastSelect" @change="changeCaseScope()">
+                    <el-option value="toHandle" label="处置中"/>
+                    <el-option value="toDistribute" label="新立案"/>
+                    <el-option value="toVerify" label="待核实"/>
+                    <el-option value="toCheck" label="待核查"/>
+                  </el-select>
+
+                  <label class="customLabel">是否超期</label>
+                  <el-radio-group v-model="isOverTime" @change="changeCaseScope()">
+                    <el-radio-button label="">全部</el-radio-button>
+                    <el-radio-button label="Ot">超期</el-radio-button>
+                    <el-radio-button label="Not">未超期</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="人员分类" prop="casepersonCode" class="item">
+                  <el-radio-group v-model="casepersonCode" @change="casePerson()">
+                    <el-radio-button label="supervisor">监督员</el-radio-button>
+                    <el-radio-button label="process">处置员</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="部件大类" prop="casetypeCode" class="item">
+                  <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="" class="notLastSelect">
+                    <el-option
+                      v-for="item in caseTypeOpts"
+                      :key="item.id"
+                      :label="item.typeName"
+                      :value="item.typeCode"/>
+                  </el-select>
+
+                  <label class="customLabel">部件小类</label>
+                  <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
+                    <el-option
+                      v-for="item in caseDetailTypeOpts"
+                      :key="item.id"
+                      :label="item.typeDetailName"
+                      :value="item.typeDetailCode"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
       </el-col>
     </el-row>
-    <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
-    <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件大类" prop="casetypeCode">
-            <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="">
-              <el-option
-                v-for="item in caseTypeOpts"
-                :key="item.id"
-                :label="item.typeName"
-                :value="item.typeCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件小类" prop="casetypeDetailCode">
-            <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
-              <el-option
-                v-for="item in caseDetailTypeOpts"
-                :key="item.id"
-                :label="item.typeDetailName"
-                :value="item.typeDetailCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="人员分类" prop="casepersonCode">
-            <el-select v-model="casepersonCode" placeholder="选择人员分类" clearable value="">
-              <el-option
-                v-for="item in casePersonOpts"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
   </div>
 </template>
 
 <script>
+import request from '@/utils/request'
 import { loadModules } from 'esri-loader'
+import SupStatisPanel from '@/views/supControl/SupStatisPanel'
 import { getCaseType, getCaseDetailType } from '@/api/callCase/callCase'
 import { mapConfig, serverConfig } from '@/components/Map/ArcGISConfig'
 import { getUserOnLine } from '@/api/user'
@@ -68,9 +98,21 @@
 // const eventPointLayerId = 'eventPointLayer' // 事件定位点的图层id
 const partsResultLayerId = 'partsResultLayer' // 部件查询结果点集的图层id
 const personResultLayerId = 'personResultLayer' // 人员查询结果点集的图层id
+const graphicLayerIds = [
+  'partsResultLayer', 'personResultLayer',
+  'toVerifyCaseNot', 'toVerifyCaseOt',
+  'toCheckCaseNot', 'toCheckCaseOt',
+  'toHandleCaseNot', 'toHandleCaseOt',
+  'toDistributeCaseNot', 'toDistributeCaseOt'
+]
+
+const caseIcon = [
+  '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
+]
 
 export default {
   name: 'SupControl',
+  components: { SupStatisPanel },
   props: {
     longitude: {
       type: Number,
@@ -114,12 +156,13 @@
       parts: {
         eorc: '2', // 类别
         casetypeCode: '', // 部件大类编码,
-        casetypeDetailCode: '' // 部件小类编码
+        casetypeDetailCode: '', // 部件小类编码
+        caseStatusCode: ''
       },
       personQuery: {
         roleTips: ''
       },
-      casepersonCode: '',
+      casepersonCode: 'supervisor',
       labelPosition: 'right',
       caseTypeOpts: [], // 部件大类下拉框
       casePersonOpts: [{
@@ -135,7 +178,17 @@
       mapLoading: false,
       queryEventSwitch: '0', // 0==查询案件；1==查询人员；2==查询部件
       showPartsSelect: false,
-      showPersonSelect: false
+      showPersonSelect: false,
+      showCaseSelect: true,
+      isOverTime: '', // 是否区分超时工单
+      toVerifyListOt: [], // 待核实超时
+      toVerifyListNot: [], // 待核实未超时
+      toCheckListOt: [], // 待核查超时
+      toCheckListNot: [], // 待核查
+      toHandleListOt: [], // 处置中超时
+      toHandleListNot: [], // 处置中
+      toDistributeListOt: [], // 新立案超时
+      toDistributeListNot: [] // 新立案
     }
   },
   computed: {
@@ -147,9 +200,6 @@
     },
     caseTypeDetail() {
       return this.parts.casetypeDetailCode
-    },
-    casePerson() {
-      return this.casepersonCode
     }
   },
   watch: {
@@ -157,18 +207,14 @@
       this.cascaderCaseDetailType(typeVal)
     },
     caseTypeDetail(typeVal) {
+      this.clearPoint()
+
       var obj = this.caseDetailTypeOpts.find(function(item) {
         return item.typeDetailCode === typeVal
       })
       if (obj) {
         this.addPartsPoints(obj.typeDetailName)
       }
-    },
-    casePerson(typeVal) {
-      this.personQuery.roleTips = typeVal
-      if (typeVal !== '') {
-        this.addPersonPoints()
-      }
     }
   },
   mounted() {
@@ -176,14 +222,161 @@
   },
   methods: {
     switchContent: function() {
+      this.clearPoint() // 清除绘制的点
+
       // 案卷（0）、人员（1）、部件（2），
       if (this.queryEventSwitch === '2') {
         this.showPartsSelect = true
         this.showPersonSelect = false
+        this.showCaseSelect = false
         this.cascaderCaseType('2')
       } else if (this.queryEventSwitch === '1') {
         this.showPersonSelect = true
         this.showPartsSelect = false
+        this.showCaseSelect = false
+        this.casePerson()
+      } else if (this.queryEventSwitch === '0') {
+        this.showCaseSelect = true
+        this.showPartsSelect = false
+        this.showPersonSelect = false
+        // 查询四个状态的案卷列表
+        this.queryCaseList()
+      }
+    },
+    // 切换不同案卷状态的显示与否
+    changeCaseScope: function() {
+      // isOverTime: ''--全部，'Ot'--超时，'Not'--未超时
+      // caseStatusCode: 'toHandle'--待处置，'toDistribute'--待派发，'toVerify'--待核实，'toCheck'--待核查
+      const filterStr = this.parts.caseStatusCode + 'Case' + this.isOverTime
+
+      graphicLayerIds.forEach(item => {
+        if (item.indexOf(filterStr) < 0) {
+          // 非案卷类图层全部隐藏
+          this.showGraphicLayer(item, false)
+        } else {
+          this.showGraphicLayer(item, true)
+        }
+      })
+    },
+    // 查询案卷列表
+    queryCaseList: function() {
+      const that = this
+      const onePageParam = {
+        limit: 1000,
+        offset: 1
+      }
+
+      // 查询待核实案卷
+      request({
+        url: 'case/toVerifyListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toVerifyListNot = []
+            this.toVerifyListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toVerifyListOt.push(item)
+              } else { // 未超时
+                that.toVerifyListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toVerifyListNot, caseIcon[0], graphicLayerIds[2])
+            this.addPictureMarkerOnMap(this.toVerifyListOt, caseIcon[1], graphicLayerIds[3])
+          }
+        }
+      })
+
+      // 查询待核查案卷
+      request({
+        url: 'case/toCheckListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toCheckListNot = []
+            this.toCheckListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toCheckListOt.push(item)
+              } else { // 未超时
+                that.toCheckListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toCheckListNot, caseIcon[0], graphicLayerIds[4])
+            this.addPictureMarkerOnMap(this.toCheckListOt, caseIcon[1], graphicLayerIds[5])
+          }
+        }
+      })
+
+      // 查询处理中案卷
+      request({
+        url: 'case/toHandleListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toHandleListNot = []
+            this.toHandleListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toHandleListOt.push(item)
+              } else { // 未超时
+                that.toHandleListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toHandleListNot, caseIcon[0], graphicLayerIds[6])
+            this.addPictureMarkerOnMap(this.toHandleListOt, caseIcon[1], graphicLayerIds[7])
+          }
+        }
+      })
+
+      // 查询新立案案卷
+      request({
+        url: 'case/toDistributeListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toDistributeListNot = []
+            this.toDistributeListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toDistributeListOt.push(item)
+              } else { // 未超时
+                that.toDistributeListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toDistributeListNot, caseIcon[0], graphicLayerIds[8])
+            this.addPictureMarkerOnMap(this.toDistributeListOt, caseIcon[1], graphicLayerIds[9])
+          }
+        }
+      })
+    },
+    // 查询人员
+    casePerson() {
+      this.clearPoint()
+
+      this.personQuery.roleTips = this.casepersonCode
+      if (this.casepersonCode !== '') {
+        this.addPersonPoints()
       }
     },
     // 级联查询部件大类
@@ -234,21 +427,32 @@
     clearPoint: function() {
       this.map.layers.forEach(layer => {
         if (layer.type === 'graphics') {
-          if (layer.id === partsResultLayerId || layer.id === personResultLayerId) {
-            layer.graphics.removeAll()
-            this.map.layers.remove(layer)
-          }
-          return false
+          layer.graphics.removeAll()
         }
       })
       // 清除弹出框
       this.view.popup.close()
     },
+    addPictureMarkerOnMap: function(points, icon, layerId) {
+      const that = this
+      const gLayer = this.selectGraphicLayerById(layerId)
+      points.forEach(item => {
+        if (item.lng !== '' && item.lat !== '') {
+          const point = new that.esriObj.Point(item.lng, item.lat, item)
+          const marker = new that.esriObj.PictureMarkerSymbol(icon, 10, 15)
+          const graphic = new that.esriObj.Graphic({
+            geometry: point,
+            symbol: marker,
+            attributes: item
+          })
+          gLayer.items[0].add(graphic)
+        }
+      })
+    },
     addPersonPoints: function() {
       const that = this
-      that.clearPoint()
       getUserOnLine(this.personQuery).then(res => {
-        const gLayer = new this.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+        const gLayer = this.selectGraphicLayerById(personResultLayerId) // 添加自定义绘制点的图层
         res.data.forEach((item, index) => {
           const point = new that.esriObj.Point(116.60769581599995, 28.24919796600002 + index * 0.001) // 创建geometry对象
           let marker
@@ -262,15 +466,12 @@
             symbol: marker,
             attributes: item
           })
-          gLayer.id = personResultLayerId
-          gLayer.add(graphic) // 图层上添加对象
+          gLayer.items[0].add(graphic) // 图层上添加对象
         })
-        that.map.add(gLayer) // 地图上添加图层
         that.layers.personPoint = gLayer
       })
     },
     addPartsPoints: function(typeCode) {
-      this.clearPoint()
       // 部件定位
       const queryDev = this.layers.dxbjPoint.createQuery()
       queryDev.returnGeometry = true
@@ -280,7 +481,7 @@
       this.layers.dxbjPoint.queryFeatures(queryDev).then(function(response) {
         if (response.features.length > 0) {
           const results = response.features
-          const gLayer = new that.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+          const gLayer = that.selectGraphicLayerById(partsResultLayerId)
           results.forEach((item, index) => {
             const point = new that.esriObj.Point(item.geometry.x, item.geometry.y) // 创建geometry对象
             const marker = new that.esriObj.PictureMarkerSymbol() // 创建marker标识
@@ -293,10 +494,8 @@
               geometry: point,
               symbol: marker
             })
-            gLayer.id = partsResultLayerId
-            gLayer.add(graphic) // 图层上添加对象
+            gLayer.items[0].add(graphic) // 图层上添加对象
           })
-          that.map.add(gLayer) // 地图上添加图层
         } else {
           that.$message({
             message: '查询无该类部件',
@@ -305,6 +504,15 @@
         }
       })
     },
+    showGraphicLayer: function(layerId, show) {
+      const gLayer = this.selectGraphicLayerById(layerId)
+      if (gLayer !== null) {
+        gLayer.items[0].visible = show
+      }
+    },
+    showCaseDetail: function(caseId) {
+      console.log(caseId)
+    },
     // 初始化ArcGIS API对象
     importEsri: function() {
       this.mapLoading = true
@@ -393,8 +601,11 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       this.addBjLayers()
+      this.addGraphicLayers()
+      this.queryCaseList()
       const that = this
       this.view.on('click', function(event) {
         const lon = event.mapPoint.longitude
@@ -479,6 +690,59 @@
               location: event.mapPoint
             })
           })
+        } else if (that.queryEventSwitch === '0') {
+          // 案卷定位
+          that.view.hitTest(event).then(function(response) {
+            const feature = response.results[0].graphic
+
+            const imgUrl = process.env.BASE_API + '/static/'
+
+            // 向后台再查询一次
+            const id = feature.attributes.id
+            request({
+              url: 'case/detail/' + id,
+              method: 'get'
+            }).then(response => {
+              if (response.code === 200) {
+                const caseDetail = response.data[0]
+
+                let detailTableHtml = '<table>'
+                detailTableHtml += '<tr><td colspan="2" width="370px">' + '案卷状态：' + caseDetail.caseStateName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷类别：' + caseDetail.eorcName + '/' + caseDetail.casetypeName + '/' + caseDetail.casetypeDetailName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '上报时间：' + caseDetail.createTime + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷地点：' + caseDetail.fieldintro + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷情况：' + caseDetail.description + '</td></tr>'
+                if (caseDetail.fileIdVerify !== '') {
+                  const verify = caseDetail.fileIdVerify.split(',')
+                  detailTableHtml += '<tr><td colspan="2">上报图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + verify[0] + '"></td>'
+                  if (verify[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + verify[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                if (caseDetail.fileIdProcess !== '') {
+                  const process = caseDetail.fileIdProcess.split(',')
+                  detailTableHtml += '<tr><td colspan="2">处置图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + process[0] + '"></td>'
+                  if (process[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + process[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                detailTableHtml += '</table>'
+
+                // 2弹出气泡
+                that.view.popup.open({
+                  title: caseDetail.caseid,
+                  content: detailTableHtml,
+                  location: event.mapPoint
+                })
+              }
+            })
+          })
         }
       })
     },
@@ -511,25 +775,64 @@
       this.map.add(this.layers.dxbjXqd)
       this.map.add(this.layers.dxbjMph)
       this.map.add(this.layers.dx2wGrid)
+    },
+    // 预先添加绘制的Graphic图层
+    addGraphicLayers: function() {
+      graphicLayerIds.forEach(item => {
+        const gLayer = new this.esriObj.GraphicsLayer()
+        gLayer.id = item
+        this.map.add(gLayer)
+      })
+    },
+    // 从graphic图层中找到指定的图层
+    selectGraphicLayerById: function(layerId) {
+      return this.map.layers.filter(layer => {
+        if (layer.id === layerId) {
+          return layer
+        }
+      })
     }
   }
 }
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
-  .baseMap {
-    height:80vh;
-    width: 100%;
-    margin-top: 0px;
-    border: 1px solid #DCDCDC;
-    border-radius: 4px;
-  }
-  .form{
-    position: fixed;
-    z-index: 9999;
-    top: 190px;
-  }
+/*@import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';*/
+@import 'https://js.arcgis.com/4.13/esri/css/main.css';
+
+.staticPanel {
+  height: calc(100vh - 80px);
+  overflow-y: auto;
+}
+.mapPanel {
+  height: calc(100vh - 80px);
+}
+.baseMap {
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: 0;
+  border: 1px solid #DCDCDC;
+  border-radius: 4px;
+}
+.form {
+  background-color: rgba(240, 240, 240, 0.9);
+  position: absolute;
+  top: 42px;
+  width: 100%;
+}
+.rowSelect {
+  margin-bottom: 10px;
+}
+.customLabel {
+  padding: 0 12px 0 0;
+  color: #606266;
+  font-size: 14px;
+}
+.item {
+  margin-bottom: 10px;
+}
+.item .notLastSelect {
+  margin-right: 30px;
+}
 </style>
 
diff --git a/src/views/supControl/supStatisPanel.vue b/src/views/supControl/supStatisPanel.vue
new file mode 100644
index 0000000..85934ef
--- /dev/null
+++ b/src/views/supControl/supStatisPanel.vue
@@ -0,0 +1,299 @@
+<template>
+  <div>
+    <div class="panelBlock" style="">
+      <el-row>
+        <div class="subTitle">案卷情况</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div style="margin: 15px 0px; text-align: center;">
+          <el-radio-group v-model="timeTerm" size="small" @change="changeTimeTerm()">
+            <el-radio-button label="1">本月</el-radio-button>
+            <el-radio-button label="2">前三月</el-radio-button>
+            <el-radio-button label="3">前半年</el-radio-button>
+            <el-radio-button label="4">前一年</el-radio-button>
+          </el-radio-group>
+        </div>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(217, 59, 66)">
+            <span v-text="caseCounts.labelText"/>立案<br>
+            <span v-text="caseCounts.register"/>件
+          </div>
+        </el-col>
+
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(248, 176, 51)">
+            本日立案<br>
+            <span v-text="caseCounts.todayRegister" />件
+          </div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(217, 59, 66)">
+            <span v-text="caseCounts.labelText" />处理率<br>
+            <span v-text="caseCounts.oughtHandleRate" />%
+          </div>
+        </el-col>
+
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(248, 176, 51)">
+            <span v-text="caseCounts.labelText" />未处理<br>
+            <span v-text="caseCounts.notHandled" />件
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">高发问题统计</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <high-freq-chart4-sup :list="highFreqList"/>
+        </div>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">各单位处置情况</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <dept-handle-chart4-sup :list="handleCaseList"/>
+        </div>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">问题来源统计</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <source-statis-chart4-sup :list="sourceList.slice(0,sourceList.length-1)"/>
+        </div>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import { getToday, getDate } from '@/utils/dateutils'
+import highFreqChart4Sup from '@/views/otherComment/highFreq/highFreqChart4Sup'
+import SourceStatisChart4Sup from '@/views/otherComment/sourceStatis/SourceStatisChart4Sup'
+import DeptHandleChart4Sup from '@/views/otherComment/deptHandle/DeptHandleChart4Sup'
+import { highCaseEventList, sourceList, departmentAssess } from '@/api/assess/assessDept'
+
+export default {
+  name: 'SupStatisPanel',
+  components: { DeptHandleChart4Sup, highFreqChart4Sup, SourceStatisChart4Sup },
+  data() {
+    return {
+      highFreqList: [],
+      sourceList: [],
+      handleCaseList: [],
+      timeTerm: '1',
+      caseCounts: {
+        labelText: '本月',
+        register: 0, // 本期立案数
+        todayRegister: 0, // 当日立案数
+        totalCheckNum: 0, // 本期总应处置数
+        checkedNum: 0, // 本期处置数
+        oughtHandleRate: 0, // 本期应处置率
+        notHandled: 0 // 本期未处置数
+      },
+      query: {
+        begTime: getToday('yyyy-MM') + '-01',
+        endTime: getDate(1, 'yyyy-MM-dd')
+      },
+      query4Regist: {
+        beginDate: getToday('yyyy-MM') + '-01',
+        endDate: getDate(1, 'yyyy-MM-dd')
+      },
+      query4Today: {
+        beginDate: getToday('yyyy-MM-dd'),
+        endDate: getDate(1, 'yyyy-MM-dd')
+      }
+    }
+  },
+  mounted() {
+    this.fetchHighFreqData()
+    this.fetchSourceListData()
+    this.fetchHandleListData()
+
+    this.getCaseCountStatis()
+    this.getTodayCaseCountStatis()
+  },
+  methods: {
+    fetchHighFreqData() {
+      highCaseEventList(this.query).then(res => {
+        if (res.code === 200) {
+          this.highFreqList = res.data
+        }
+      })
+    },
+    fetchSourceListData() {
+      sourceList(this.query).then(res => {
+        if (res.code === 200) {
+          this.sourceList = res.data
+        }
+      })
+    },
+    fetchHandleListData() {
+      departmentAssess(this.query).then(res => {
+        if (res.code === 200) {
+          const array = [] // 0--部门; 1--seriesData
+          const depts = []
+          const series = []
+          const seriesToDispatch = {
+            name: '派发数',
+            type: 'bar',
+            barMaxWidth: 15,
+            barGap: 0,
+            data: []
+          } // 派发数
+          const seriesToHandle = {
+            name: '处置数',
+            type: 'bar',
+            barMaxWidth: 15,
+            barGap: 0,
+            data: []
+          } // 处置数
+          res.data.forEach(dept => {
+            if (dept.depId !== '') {
+              depts.push(dept.departName)
+              seriesToDispatch.data.push(dept.currentCheckNum)
+              seriesToHandle.data.push(dept.checkedNum)
+            } else {
+              // 取出合计数
+              this.caseCounts.checkedNum = dept.checkedNum
+              this.caseCounts.totalCheckNum = dept.totalCheckNum
+
+              // 计算
+              this.caseCounts.notHandled = this.caseCounts.totalCheckNum - this.caseCounts.checkedNum
+              if (this.caseCounts.totalCheckNum !== '0') {
+                const rate = this.caseCounts.checkedNum / this.caseCounts.totalCheckNum
+                this.caseCounts.oughtHandleRate = (rate * 100).toFixed(2)
+              } else {
+                this.caseCounts.oughtHandleRate = 0
+              }
+            }
+          })
+          series.push(seriesToDispatch)
+          series.push(seriesToHandle)
+          array.push(depts)
+          array.push(series)
+
+          this.handleCaseList = array
+        }
+      })
+    },
+    getCaseCountStatis() {
+      request({
+        url: 'assess/overview',
+        method: 'get',
+        params: this.query4Regist
+      }).then(response => {
+        if (response.code === 200) {
+          this.caseCounts.register = response.data.register
+        }
+      })
+    },
+    getTodayCaseCountStatis() {
+      request({
+        url: 'assess/overview',
+        method: 'get',
+        params: this.query4Today
+      }).then(response => {
+        if (response.code === 200) {
+          this.caseCounts.todayRegister = response.data.register
+        }
+      })
+    },
+    changeTimeTerm() {
+      if (this.timeTerm === '1') {
+        this.caseCounts.labelText = '本月'
+
+        // 本月
+        const thisMon = getToday('yyyy-MM')
+
+        this.query.begTime = thisMon + '-01'
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = thisMon + '-01'
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '2') { // 前三个月
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-3, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-3, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '3') { // 前半年
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-5, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-5, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '4') { // 前一年
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-7, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-7, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      }
+
+      this.getCaseCountStatis()
+      this.fetchHighFreqData()
+      this.fetchHandleListData()
+      this.fetchSourceListData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .panelBlock {
+    background-color: rgb(47, 56, 86);
+    margin: 2px;
+    padding-bottom: 15px;
+  }
+
+  .dashedLine {
+    border-bottom: 1px dashed #f0f0f0;
+  }
+
+.caseStatisBlock {
+  text-align: center;
+  margin: 5px;
+  padding: 10px;
+  color: #fff;
+  font-weight: bold;
+  letter-spacing: 1px;
+}
+
+.subTitle {
+  font-weight: bold;
+  font-family: '微软雅黑',serif;
+  color: #fff;
+  font-size: 16px;
+  margin: 15px;
+  margin-bottom: 5px;
+}
+</style>
diff --git a/static/images/case/status_dealing.png b/static/images/case/status_dealing.png
new file mode 100644
index 0000000..f553650
--- /dev/null
+++ b/static/images/case/status_dealing.png
Binary files differ

diff --git a/src/api/assess/assessDept.js b/src/api/assess/assessDept.js
index 26c8862..408742d 100644
--- a/src/api/assess/assessDept.js
+++ b/src/api/assess/assessDept.js
@@ -51,6 +51,15 @@
   })
 }
 
+// 高发问题按大类统计
+export function highCaseEventList(params) {
+  return request({
+    url: '/departmentAssess/highCaseEventList',
+    method: 'get',
+    params
+  })
+}
+
 // 高发问题文件导出
 export function exportAssessHighEvent(params) {
   return request({
diff --git a/src/api/common.js b/src/api/common.js
index 56e4831..5192da3 100644
--- a/src/api/common.js
+++ b/src/api/common.js
@@ -18,7 +18,7 @@
   const param = new FormData()
   param.append('file', fileobj.file)
   return request({
-    url: 'imageUpload',
+    url: 'fileUpload',
     method: 'post',
     headers: { 'Content-Type': 'multipart/form-data' },
     data: param
diff --git a/src/components/Map/arcgisMap.vue b/src/components/Map/arcgisMap.vue
index 910e58f..028986c 100644
--- a/src/components/Map/arcgisMap.vue
+++ b/src/components/Map/arcgisMap.vue
@@ -179,6 +179,7 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       const that = this
       this.view.on('click', function(event) {
@@ -217,8 +218,10 @@
             query.units = 'meters'
             query.returnGeometry = true
             query.outFields = ['BGID', 'COMMUID', 'COMMUNAME']
+            console.log(that.layers.dx2wGrid)
             that.layers.dx2wGrid.queryFeatures(query)
               .then(function(response) {
+                console.log(response)
                 const result = response.features[0].attributes
 
                 // 赋值
@@ -334,7 +337,7 @@
         id: 'dxbjMph'
       })
       this.layers.dx2wGrid = new this.esriObj.FeatureLayer({
-        url: serverConfig.mapUrlBase + '/1',
+        url: serverConfig.mapUrlBase + '/6',
         id: 'gridLayer'
       })
 
@@ -513,8 +516,8 @@
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
+   @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';
+  /*@import 'https://js.arcgis.com/4.13/esri/css/main.css';*/
   .baseMap {
     height:60vh;
     width: 100%;
diff --git a/src/router/index.js b/src/router/index.js
index c6c8081..646647f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,6 +14,7 @@
 import { suphandleRouters } from './modules/suphandle'
 import { commonRouters } from './modules/common'
 import { controlRouters } from './modules/control'
+import { baseRouters } from './modules/base'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -96,5 +97,6 @@
   ...systemRouters,
   ...commenetRouters,
   ...controlRouters,
+  ...baseRouters,
   { path: '*', redirect: '/404', hidden: true, meta: {}}
 ]
diff --git a/src/router/modules/base.js b/src/router/modules/base.js
new file mode 100644
index 0000000..5812db4
--- /dev/null
+++ b/src/router/modules/base.js
@@ -0,0 +1,35 @@
+
+import SupLayout from '../../views/layout/SupLayout'
+export const baseRouters = [
+  {
+    path: '/base',
+    name: 'base',
+    redirect: '/baseSource',
+    hidden: true,
+    meta: {
+      title: '基础资源子系统',
+      permission: ['/base'],
+      isSys: true
+    }
+  },
+  {
+    path: '/baseSource',
+    component: SupLayout,
+    redirect: '/baseSourceMain',
+    name: 'BaseSource',
+    alwaysShow: true,
+    meta: {
+      title: '基础资源',
+      permission: ['/baseSource'],
+      sys: '/base'
+    },
+    children: [
+      {
+        path: '/baseSourceMain',
+        component: () => import('@/views/baseSource/baseSource'),
+        name: 'BaseSourceMain',
+        meta: { title: '基础资源', icon: '', belongSys: '', permission: '/baseSourceMain' }
+      }
+    ]
+  }
+]
diff --git a/src/router/modules/control.js b/src/router/modules/control.js
index c39b1cd..f99b84e 100644
--- a/src/router/modules/control.js
+++ b/src/router/modules/control.js
@@ -1,5 +1,5 @@
 /* Layout */
-import Layout from '../../views/layout/Layout'
+import SupLayout from '../../views/layout/SupLayout'
 export const controlRouters = [
   {
     path: '/control',
@@ -14,7 +14,7 @@
   },
   {
     path: '/supControl',
-    component: Layout,
+    component: SupLayout,
     redirect: '/supControlDetail',
     name: 'SupControl',
     alwaysShow: true,
diff --git a/src/utils/dateutils.js b/src/utils/dateutils.js
index 868111a..d8b6266 100644
--- a/src/utils/dateutils.js
+++ b/src/utils/dateutils.js
@@ -26,6 +26,12 @@
   return ct_month
 }
 
+export function getDate(delta, fmt) { // 显示与当前时间相差del
+  let now = new Date().valueOf()
+  now = now + 3600 * 1000 * 24 * delta
+  return new Date(now).Format(fmt)
+}
+
 // 对Date的扩展，将 Date 转化为指定格式的String
 // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
 // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
diff --git a/src/views/baseSource/baseSource.vue b/src/views/baseSource/baseSource.vue
new file mode 100644
index 0000000..be2855c
--- /dev/null
+++ b/src/views/baseSource/baseSource.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <iframe class="main-frame" src="http://124.42.118.61:8095/basesource/app/2w.html"></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BaseSource'
+}
+</script>
+
+<style scoped>
+.main-frame {
+  overflow-y: hidden;
+  width: 100vw;
+  height: calc(100vh - 60px);
+  border: 0;
+}
+</style>
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index bac9652..3e518ed 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -253,6 +253,13 @@
         callback(new Error('举报人电话不能为空'))
       }
     }
+    const verifyPersonValidator = (rule, value, callback) => {
+      if (value <= 0 && this.caseForm.isNeedVerify === '1') {
+        callback(new Error('请选择监督员'))
+      } else {
+        callback()
+      }
+    }
     return {
       caseForm: {
         reporterName: '', // 举报人姓名
@@ -278,22 +285,22 @@
         description: '', // 案件描述
         fieldintro: '', // 位置描述
         verifyPersonId: '', // 核实人员id
-        photos: '' // 图片存储的地址
+        fileIdVerify: '' // 图片存储的地址
       }, // 表单
       rules: {
         reporterName: [{ required: true, message: '举报人姓名不能为空', trigger: ['blur'] }],
         reporterPhone: [{ required: true, trigger: ['blur'], validator: phoneValidator }],
-        source: [{ required: true, message: '信息来源不能为空', trigger: ['change'] }],
-        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['change'] }],
-        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['change'] }],
-        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['change'] }],
-        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['change'] }],
+        source: [{ required: true, message: '信息来源不能为空', trigger: ['blur'] }],
+        caseLevel: [{ required: true, message: '案卷等级不能为空', trigger: ['blur'] }],
+        eorc: [{ required: true, message: '案卷类别不能为空', trigger: ['blur'] }],
+        casetypeCode: [{ required: true, message: '案卷大类不能为空', trigger: ['blur'] }],
+        casetypeDetailCode: [{ required: true, message: '案卷小类不能为空', trigger: ['blur'] }],
         description: [{ required: true, message: '案卷描述不能为空', trigger: ['blur'] }],
-        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }]
+        fieldintro: [{ required: true, message: '位置描述不能为空', trigger: ['blur'] }],
+        verifyPersonId: [{ required: false, trigger: ['blur'], validator: verifyPersonValidator }]
       }, // 表单验证
       hideUpload: false,
       fileList: [],
-      imageList: [],
       uploadPath: process.env.BASE_API + 'imageUpload', // 图片上传路径
       dialogImageUrl: '',
       dialogVisible: false,
@@ -353,6 +360,30 @@
     this.initVerifyPerson()
   },
   methods: {
+    initCaseForm: function() {
+      this.caseForm.reporterName = ''
+      this.caseForm.reporterPhone = ''
+      this.caseForm.isNeedVerify = '1'
+      this.caseForm.isNeedRevisit = '1'
+      this.caseForm.lng = ''
+      this.caseForm.lat = ''
+      this.caseForm.communityCode = ''
+      this.caseForm.communityName = ''
+      this.caseForm.gridId = ''
+      this.caseForm.componentId = ''
+      this.caseForm.casetypesTimeId = ''
+      this.caseForm.bzhours = 0
+      this.caseForm.bzminis = 0
+      this.caseForm.description = ''
+      this.caseForm.fieldintro = ''
+      this.caseForm.verifyPersonId = ''
+      this.caseForm.fileIdVerify = ''
+      this.caseForm.eorc = ''
+      this.caseForm.casetypeCode = ''
+      this.caseForm.casetypeDetailCode = ''
+
+      this.$refs.upload.clearFiles()
+    },
     initCaseSource: function() {
       getCaseSource().then(response => {
         this.caseSourceOpts = []
@@ -386,7 +417,6 @@
     initVerifyPerson: function() {
       getVerifyPerson().then(response => {
         this.verifyPersonOpts = []
-        console.log(response)
         for (const opt of response.data) {
           this.verifyPersonOpts.push(opt)
         }
@@ -467,7 +497,6 @@
 
       if (typeDetailId > 0) {
         getCaseTypesTime(typeDetailId).then(response => {
-          console.log(response)
           for (const opt of response.data) {
             this.caseTypeTimeOpts.push(opt)
           }
@@ -544,11 +573,10 @@
         this.fileList.forEach(photo => {
           photos += photo.url + ','
         })
-        this.caseForm.photos = photos.substring(0, photos.length - 1)
+        this.caseForm.fileIdVerify = photos.substring(0, photos.length - 1)
       }
 
       this.$refs['dataForm'].validate((valid) => {
-        console.log(valid)
         if (valid) {
           addCase(this.caseForm).then(function(response) {
             if (response.code === 200) {
@@ -557,7 +585,10 @@
                 type: 'success'
               })
 
-              that.$router.push({ path: '/dashboard' })
+              // 重新赋值
+              that.initCaseForm()
+
+              that.$router.push({ path: '/supWork' })
             } else {
               that.$message({
                 message: '添加案卷失败',
@@ -573,7 +604,6 @@
       console.log('uploadFile:' + file.file.name)
       // const base_url = process.env.BASE_API + '/static/'
       Uploadimg(file).then(res => {
-        console.log(res)
         if (res.code === 200) {
           this.fileList.push({ name: file.file.name, url: res.data })
         }
@@ -633,7 +663,6 @@
     },
     handleSuccess(response, file, fileList) {
       console.log('handleSuccess')
-      console.log(response)
       const base_url = process.env.BASE_API + '/static/'
       if (response.code === 200) {
         this.fileList.push({ name: file.file.name, url: base_url + response.data })
diff --git a/src/views/layout/SupLayout.vue b/src/views/layout/SupLayout.vue
new file mode 100644
index 0000000..5ada200
--- /dev/null
+++ b/src/views/layout/SupLayout.vue
@@ -0,0 +1,61 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <app-header class="app-header"/>
+    <div class="app-body">
+      <!--右半部分-->
+      <div>
+        <!--主页-->
+        <el-scrollbar>
+          <app-main/>
+        </el-scrollbar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { AppHeader, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'SupLayout',
+  components: {
+    AppHeader,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    classObj() {
+      return {
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  @import "src/styles/mixin.scss";
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+  .el-scrollbar{
+    height: calc(100vh - 80px);
+  }
+</style>
diff --git a/src/views/layout/components/AppHeader.vue b/src/views/layout/components/AppHeader.vue
index 1faad3f..7b4c7dd 100644
--- a/src/views/layout/components/AppHeader.vue
+++ b/src/views/layout/components/AppHeader.vue
@@ -22,6 +22,9 @@
         <!--</el-dropdown-item>-->
         <!--</router-link>-->
         <el-dropdown-item>
+          <span style="display:block;" @click="backToIndex">回首页</span>
+        </el-dropdown-item>
+        <el-dropdown-item>
           <span style="display:block;" @click="resetPwd">修改密码</span>
         </el-dropdown-item>
         <el-dropdown-item divided>
@@ -74,6 +77,9 @@
       this.showSetPwd = true
       this.$refs.retPwd.initDialog(true)
     },
+    backToIndex() {
+      this.$router.push('/dashboard')
+    },
     // 切换子系统
     handleCommand(command) {
       console.log('切换子系统:' + command.name)
diff --git a/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
new file mode 100644
index 0000000..806edb1
--- /dev/null
+++ b/src/views/otherComment/deptHandle/deptHandleChart4Sup.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'DeptHandleChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          left: '60px',
+          top: '10px'
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        yAxis: [
+          {
+            type: 'category',
+            data: this.list[0],
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              // rotate: 90,
+              fontSize: 10,
+              color: '#fff'
+            }
+          }
+        ],
+        xAxis: [
+          {
+            type: 'value',
+            axisLine: {
+              lineStyle: {
+                color: '#fff'
+              }
+            },
+            axisLabel: {
+              fontSize: 10,
+              color: '#fff'
+            },
+            splitLine: {
+              show: false
+            }
+          }
+        ],
+        color: [
+          '#19d4ae', '#ffb980', '#5ab1ef',
+          '#fa6e86', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: this.list[1]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/highFreq/highFreqChart.vue b/src/views/otherComment/highFreq/highFreqChart.vue
index 3c62d66..5b146b1 100644
--- a/src/views/otherComment/highFreq/highFreqChart.vue
+++ b/src/views/otherComment/highFreq/highFreqChart.vue
@@ -43,22 +43,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/highFreq/highFreqChart4Sup.vue b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
new file mode 100644
index 0000000..9b9b25d
--- /dev/null
+++ b/src/views/otherComment/highFreq/highFreqChart4Sup.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'HighFreqChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach((item, index) => {
+        const obj = {}
+        obj.name = item.caseMajorType
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        // backgroundColor: '#ccc',
+        tooltip: {
+          show: true
+        },
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '高发问题',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          },
+        }]
+      })
+      this.chart.resize()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container {
+  /*text-align: center;*/
+}
+.chart-body {
+  /*height: 60vh;*/
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart.vue b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
index 25a7332..f4e564e 100644
--- a/src/views/otherComment/sourceStatis/sourceStatisChart.vue
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart.vue
@@ -45,22 +45,22 @@
         tooltip: {
           show: true
         },
-        // toolbox: {
-        //   show: true,
-        //   right: '20',
-        //   feature: {
-        //     saveAsImage: {
-        //       show: true
-        //     }
-        //   }
-        // },
-        // color: [
-        //   '#19d4ae', '#5ab1ef', '#fa6e86',
-        //   '#ffb980', '#0067a6', '#c4b4e4',
-        //   '#d87a80', '#9cbbff', '#d9d0c7',
-        //   '#87a997', '#d49ea2', '#5b4947',
-        //   '#7ba3a8'
-        // ],
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            saveAsImage: {
+              show: true
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
         legend: {
           orient: 'vertical',
           right: 0,
diff --git a/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
new file mode 100644
index 0000000..18aefe5
--- /dev/null
+++ b/src/views/otherComment/sourceStatis/sourceStatisChart4Sup.vue
@@ -0,0 +1,103 @@
+<template>
+  <div class="chart-container">
+    <div ref="chart" class="chart-body" />
+  </div>
+</template>
+
+<script>
+import echarts from 'echarts'
+export default {
+  name: 'SourceStatisChart4Sup',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  computed: {
+    pieData() {
+      const tmp = []
+      this.list.forEach(item => {
+        const obj = {}
+        obj.name = item.caseSource
+        obj.value = item.caseNum
+        tmp.push(obj)
+      })
+      return tmp
+    }
+  },
+  watch: {
+    list() {
+      this.initChart()
+    }
+  },
+  activated() {
+    this.initChart()
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$refs.chart)
+      this.chart.setOption({
+        grid: {
+          bottom: 120
+        },
+        legend: {
+          type: 'scroll',
+          bottom: 0,
+          textStyle: {
+            color: '#f0f0f0'
+          },
+          pageTextStyle: {
+            color: '#f0f0f0'
+          },
+          pageIconColor: '#FEFEFE'
+        },
+        tooltip: {
+          show: true
+        },
+        toolbox: {
+          show: true,
+          right: '20',
+          feature: {
+            dataView: {
+              show: false
+            }
+          }
+        },
+        color: [
+          '#19d4ae', '#5ab1ef', '#fa6e86',
+          '#ffb980', '#0067a6', '#c4b4e4',
+          '#d87a80', '#9cbbff', '#d9d0c7',
+          '#87a997', '#d49ea2', '#5b4947',
+          '#7ba3a8'
+        ],
+        series: [{
+          name: '问题来源',
+          type: 'pie',
+          data: this.pieData,
+          label: {
+            show: false
+          },
+          tooltip: {
+            formatter: '{b}<br/>上报数: {c} ({d}%)'
+          }
+        }]
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.chart-container{
+  /*text-align: center;*/
+}
+.chart-body{
+  min-height: 240px;
+  width: 90%;
+  margin-right: auto;
+  margin-left: auto;
+}
+</style>
diff --git a/src/views/supControl/supControl.vue b/src/views/supControl/supControl.vue
index 2f5d520..6859f75 100644
--- a/src/views/supControl/supControl.vue
+++ b/src/views/supControl/supControl.vue
@@ -1,63 +1,93 @@
 <template>
   <div>
-    <el-row :gutter="20">
-      <el-col :span="6" style="text-align: center;">
-        <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
-          <el-radio-button label="0">案卷</el-radio-button>
-          <el-radio-button label="1">人员</el-radio-button>
-          <el-radio-button label="2">部件</el-radio-button>
-        </el-radio-group>
+    <el-row>
+      <el-col :span="6" class="staticPanel">
+        <sup-statis-panel />
+      </el-col>
+
+      <el-col :span="18" class="mapPanel">
+        <div style="margin: 5px;">
+          <el-row :gutter="20">
+            <el-col :span="6" style="text-align: left;">
+              <el-radio-group v-model="queryEventSwitch" size="medium" @change="switchContent">
+                <el-radio-button label="0">案卷</el-radio-button>
+                <el-radio-button label="1">人员</el-radio-button>
+                <el-radio-button label="2">部件</el-radio-button>
+              </el-radio-group>
+            </el-col>
+          </el-row>
+
+          <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
+
+          <el-form v-if="showCaseSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="20" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="案卷状态" class="item">
+                  <el-select v-model="parts.caseStatusCode" placeholder="选择案卷状态" clearable value="" class="notLastSelect" @change="changeCaseScope()">
+                    <el-option value="toHandle" label="处置中"/>
+                    <el-option value="toDistribute" label="新立案"/>
+                    <el-option value="toVerify" label="待核实"/>
+                    <el-option value="toCheck" label="待核查"/>
+                  </el-select>
+
+                  <label class="customLabel">是否超期</label>
+                  <el-radio-group v-model="isOverTime" @change="changeCaseScope()">
+                    <el-radio-button label="">全部</el-radio-button>
+                    <el-radio-button label="Ot">超期</el-radio-button>
+                    <el-radio-button label="Not">未超期</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="人员分类" prop="casepersonCode" class="item">
+                  <el-radio-group v-model="casepersonCode" @change="casePerson()">
+                    <el-radio-button label="supervisor">监督员</el-radio-button>
+                    <el-radio-button label="process">处置员</el-radio-button>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form">
+            <el-row :gutter="10" class="rowSelect">
+              <el-col :span="20">
+                <el-form-item label="部件大类" prop="casetypeCode" class="item">
+                  <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="" class="notLastSelect">
+                    <el-option
+                      v-for="item in caseTypeOpts"
+                      :key="item.id"
+                      :label="item.typeName"
+                      :value="item.typeCode"/>
+                  </el-select>
+
+                  <label class="customLabel">部件小类</label>
+                  <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
+                    <el-option
+                      v-for="item in caseDetailTypeOpts"
+                      :key="item.id"
+                      :label="item.typeDetailName"
+                      :value="item.typeDetailCode"/>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
       </el-col>
     </el-row>
-    <div v-loading="mapLoading" ref="mapDiv" class="baseMap"/>
-    <el-form v-if="showPartsSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件大类" prop="casetypeCode">
-            <el-select v-model="parts.casetypeCode" placeholder="选择部件大类" clearable value="">
-              <el-option
-                v-for="item in caseTypeOpts"
-                :key="item.id"
-                :label="item.typeName"
-                :value="item.typeCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="部件小类" prop="casetypeDetailCode">
-            <el-select v-model="parts.casetypeDetailCode" placeholder="选择部件小类" clearable value="">
-              <el-option
-                v-for="item in caseDetailTypeOpts"
-                :key="item.id"
-                :label="item.typeDetailName"
-                :value="item.typeDetailCode"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <el-form v-if="showPersonSelect" ref="dataForm" :model="parts" :label-position="labelPosition" label-width="120px" class="form" >
-      <el-row :gutter="10">
-        <el-col :span="20">
-          <el-form-item label="人员分类" prop="casepersonCode">
-            <el-select v-model="casepersonCode" placeholder="选择人员分类" clearable value="">
-              <el-option
-                v-for="item in casePersonOpts"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
   </div>
 </template>
 
 <script>
+import request from '@/utils/request'
 import { loadModules } from 'esri-loader'
+import SupStatisPanel from '@/views/supControl/SupStatisPanel'
 import { getCaseType, getCaseDetailType } from '@/api/callCase/callCase'
 import { mapConfig, serverConfig } from '@/components/Map/ArcGISConfig'
 import { getUserOnLine } from '@/api/user'
@@ -68,9 +98,21 @@
 // const eventPointLayerId = 'eventPointLayer' // 事件定位点的图层id
 const partsResultLayerId = 'partsResultLayer' // 部件查询结果点集的图层id
 const personResultLayerId = 'personResultLayer' // 人员查询结果点集的图层id
+const graphicLayerIds = [
+  'partsResultLayer', 'personResultLayer',
+  'toVerifyCaseNot', 'toVerifyCaseOt',
+  'toCheckCaseNot', 'toCheckCaseOt',
+  'toHandleCaseNot', 'toHandleCaseOt',
+  'toDistributeCaseNot', 'toDistributeCaseOt'
+]
+
+const caseIcon = [
+  '/static/images/case/status_dealing.png', '/static/images/case/status_done.png'
+]
 
 export default {
   name: 'SupControl',
+  components: { SupStatisPanel },
   props: {
     longitude: {
       type: Number,
@@ -114,12 +156,13 @@
       parts: {
         eorc: '2', // 类别
         casetypeCode: '', // 部件大类编码,
-        casetypeDetailCode: '' // 部件小类编码
+        casetypeDetailCode: '', // 部件小类编码
+        caseStatusCode: ''
       },
       personQuery: {
         roleTips: ''
       },
-      casepersonCode: '',
+      casepersonCode: 'supervisor',
       labelPosition: 'right',
       caseTypeOpts: [], // 部件大类下拉框
       casePersonOpts: [{
@@ -135,7 +178,17 @@
       mapLoading: false,
       queryEventSwitch: '0', // 0==查询案件；1==查询人员；2==查询部件
       showPartsSelect: false,
-      showPersonSelect: false
+      showPersonSelect: false,
+      showCaseSelect: true,
+      isOverTime: '', // 是否区分超时工单
+      toVerifyListOt: [], // 待核实超时
+      toVerifyListNot: [], // 待核实未超时
+      toCheckListOt: [], // 待核查超时
+      toCheckListNot: [], // 待核查
+      toHandleListOt: [], // 处置中超时
+      toHandleListNot: [], // 处置中
+      toDistributeListOt: [], // 新立案超时
+      toDistributeListNot: [] // 新立案
     }
   },
   computed: {
@@ -147,9 +200,6 @@
     },
     caseTypeDetail() {
       return this.parts.casetypeDetailCode
-    },
-    casePerson() {
-      return this.casepersonCode
     }
   },
   watch: {
@@ -157,18 +207,14 @@
       this.cascaderCaseDetailType(typeVal)
     },
     caseTypeDetail(typeVal) {
+      this.clearPoint()
+
       var obj = this.caseDetailTypeOpts.find(function(item) {
         return item.typeDetailCode === typeVal
       })
       if (obj) {
         this.addPartsPoints(obj.typeDetailName)
       }
-    },
-    casePerson(typeVal) {
-      this.personQuery.roleTips = typeVal
-      if (typeVal !== '') {
-        this.addPersonPoints()
-      }
     }
   },
   mounted() {
@@ -176,14 +222,161 @@
   },
   methods: {
     switchContent: function() {
+      this.clearPoint() // 清除绘制的点
+
       // 案卷（0）、人员（1）、部件（2），
       if (this.queryEventSwitch === '2') {
         this.showPartsSelect = true
         this.showPersonSelect = false
+        this.showCaseSelect = false
         this.cascaderCaseType('2')
       } else if (this.queryEventSwitch === '1') {
         this.showPersonSelect = true
         this.showPartsSelect = false
+        this.showCaseSelect = false
+        this.casePerson()
+      } else if (this.queryEventSwitch === '0') {
+        this.showCaseSelect = true
+        this.showPartsSelect = false
+        this.showPersonSelect = false
+        // 查询四个状态的案卷列表
+        this.queryCaseList()
+      }
+    },
+    // 切换不同案卷状态的显示与否
+    changeCaseScope: function() {
+      // isOverTime: ''--全部，'Ot'--超时，'Not'--未超时
+      // caseStatusCode: 'toHandle'--待处置，'toDistribute'--待派发，'toVerify'--待核实，'toCheck'--待核查
+      const filterStr = this.parts.caseStatusCode + 'Case' + this.isOverTime
+
+      graphicLayerIds.forEach(item => {
+        if (item.indexOf(filterStr) < 0) {
+          // 非案卷类图层全部隐藏
+          this.showGraphicLayer(item, false)
+        } else {
+          this.showGraphicLayer(item, true)
+        }
+      })
+    },
+    // 查询案卷列表
+    queryCaseList: function() {
+      const that = this
+      const onePageParam = {
+        limit: 1000,
+        offset: 1
+      }
+
+      // 查询待核实案卷
+      request({
+        url: 'case/toVerifyListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toVerifyListNot = []
+            this.toVerifyListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toVerifyListOt.push(item)
+              } else { // 未超时
+                that.toVerifyListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toVerifyListNot, caseIcon[0], graphicLayerIds[2])
+            this.addPictureMarkerOnMap(this.toVerifyListOt, caseIcon[1], graphicLayerIds[3])
+          }
+        }
+      })
+
+      // 查询待核查案卷
+      request({
+        url: 'case/toCheckListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toCheckListNot = []
+            this.toCheckListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toCheckListOt.push(item)
+              } else { // 未超时
+                that.toCheckListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toCheckListNot, caseIcon[0], graphicLayerIds[4])
+            this.addPictureMarkerOnMap(this.toCheckListOt, caseIcon[1], graphicLayerIds[5])
+          }
+        }
+      })
+
+      // 查询处理中案卷
+      request({
+        url: 'case/toHandleListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toHandleListNot = []
+            this.toHandleListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toHandleListOt.push(item)
+              } else { // 未超时
+                that.toHandleListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toHandleListNot, caseIcon[0], graphicLayerIds[6])
+            this.addPictureMarkerOnMap(this.toHandleListOt, caseIcon[1], graphicLayerIds[7])
+          }
+        }
+      })
+
+      // 查询新立案案卷
+      request({
+        url: 'case/toDistributeListPage',
+        method: 'get',
+        params: onePageParam
+      }).then(response => {
+        if (response.code === 200) {
+          if (response.data.total > 0) {
+            // 查询有新结果时清除原有的列表
+            this.toDistributeListNot = []
+            this.toDistributeListOt = []
+
+            response.data.rows.forEach(item => {
+              if (item.isOvertime === '1') { // 超时标志位为1，放入超时列表中
+                that.toDistributeListOt.push(item)
+              } else { // 未超时
+                that.toDistributeListNot.push(item)
+              }
+            })
+
+            this.addPictureMarkerOnMap(this.toDistributeListNot, caseIcon[0], graphicLayerIds[8])
+            this.addPictureMarkerOnMap(this.toDistributeListOt, caseIcon[1], graphicLayerIds[9])
+          }
+        }
+      })
+    },
+    // 查询人员
+    casePerson() {
+      this.clearPoint()
+
+      this.personQuery.roleTips = this.casepersonCode
+      if (this.casepersonCode !== '') {
+        this.addPersonPoints()
       }
     },
     // 级联查询部件大类
@@ -234,21 +427,32 @@
     clearPoint: function() {
       this.map.layers.forEach(layer => {
         if (layer.type === 'graphics') {
-          if (layer.id === partsResultLayerId || layer.id === personResultLayerId) {
-            layer.graphics.removeAll()
-            this.map.layers.remove(layer)
-          }
-          return false
+          layer.graphics.removeAll()
         }
       })
       // 清除弹出框
       this.view.popup.close()
     },
+    addPictureMarkerOnMap: function(points, icon, layerId) {
+      const that = this
+      const gLayer = this.selectGraphicLayerById(layerId)
+      points.forEach(item => {
+        if (item.lng !== '' && item.lat !== '') {
+          const point = new that.esriObj.Point(item.lng, item.lat, item)
+          const marker = new that.esriObj.PictureMarkerSymbol(icon, 10, 15)
+          const graphic = new that.esriObj.Graphic({
+            geometry: point,
+            symbol: marker,
+            attributes: item
+          })
+          gLayer.items[0].add(graphic)
+        }
+      })
+    },
     addPersonPoints: function() {
       const that = this
-      that.clearPoint()
       getUserOnLine(this.personQuery).then(res => {
-        const gLayer = new this.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+        const gLayer = this.selectGraphicLayerById(personResultLayerId) // 添加自定义绘制点的图层
         res.data.forEach((item, index) => {
           const point = new that.esriObj.Point(116.60769581599995, 28.24919796600002 + index * 0.001) // 创建geometry对象
           let marker
@@ -262,15 +466,12 @@
             symbol: marker,
             attributes: item
           })
-          gLayer.id = personResultLayerId
-          gLayer.add(graphic) // 图层上添加对象
+          gLayer.items[0].add(graphic) // 图层上添加对象
         })
-        that.map.add(gLayer) // 地图上添加图层
         that.layers.personPoint = gLayer
       })
     },
     addPartsPoints: function(typeCode) {
-      this.clearPoint()
       // 部件定位
       const queryDev = this.layers.dxbjPoint.createQuery()
       queryDev.returnGeometry = true
@@ -280,7 +481,7 @@
       this.layers.dxbjPoint.queryFeatures(queryDev).then(function(response) {
         if (response.features.length > 0) {
           const results = response.features
-          const gLayer = new that.esriObj.GraphicsLayer() // 添加自定义绘制点的图层
+          const gLayer = that.selectGraphicLayerById(partsResultLayerId)
           results.forEach((item, index) => {
             const point = new that.esriObj.Point(item.geometry.x, item.geometry.y) // 创建geometry对象
             const marker = new that.esriObj.PictureMarkerSymbol() // 创建marker标识
@@ -293,10 +494,8 @@
               geometry: point,
               symbol: marker
             })
-            gLayer.id = partsResultLayerId
-            gLayer.add(graphic) // 图层上添加对象
+            gLayer.items[0].add(graphic) // 图层上添加对象
           })
-          that.map.add(gLayer) // 地图上添加图层
         } else {
           that.$message({
             message: '查询无该类部件',
@@ -305,6 +504,15 @@
         }
       })
     },
+    showGraphicLayer: function(layerId, show) {
+      const gLayer = this.selectGraphicLayerById(layerId)
+      if (gLayer !== null) {
+        gLayer.items[0].visible = show
+      }
+    },
+    showCaseDetail: function(caseId) {
+      console.log(caseId)
+    },
     // 初始化ArcGIS API对象
     importEsri: function() {
       this.mapLoading = true
@@ -393,8 +601,11 @@
         center: [116.597, 28.24], // 初始显示的地图中心点，经纬度
         zoom: 3 // 当前地图缩放等级
       })
+      this.view.ui._removeComponents(['zoom'])
 
       this.addBjLayers()
+      this.addGraphicLayers()
+      this.queryCaseList()
       const that = this
       this.view.on('click', function(event) {
         const lon = event.mapPoint.longitude
@@ -479,6 +690,59 @@
               location: event.mapPoint
             })
           })
+        } else if (that.queryEventSwitch === '0') {
+          // 案卷定位
+          that.view.hitTest(event).then(function(response) {
+            const feature = response.results[0].graphic
+
+            const imgUrl = process.env.BASE_API + '/static/'
+
+            // 向后台再查询一次
+            const id = feature.attributes.id
+            request({
+              url: 'case/detail/' + id,
+              method: 'get'
+            }).then(response => {
+              if (response.code === 200) {
+                const caseDetail = response.data[0]
+
+                let detailTableHtml = '<table>'
+                detailTableHtml += '<tr><td colspan="2" width="370px">' + '案卷状态：' + caseDetail.caseStateName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷类别：' + caseDetail.eorcName + '/' + caseDetail.casetypeName + '/' + caseDetail.casetypeDetailName + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '上报时间：' + caseDetail.createTime + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷地点：' + caseDetail.fieldintro + '</td></tr>'
+                detailTableHtml += '<tr><td colspan="2">' + '案卷情况：' + caseDetail.description + '</td></tr>'
+                if (caseDetail.fileIdVerify !== '') {
+                  const verify = caseDetail.fileIdVerify.split(',')
+                  detailTableHtml += '<tr><td colspan="2">上报图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + verify[0] + '"></td>'
+                  if (verify[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + verify[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                if (caseDetail.fileIdProcess !== '') {
+                  const process = caseDetail.fileIdProcess.split(',')
+                  detailTableHtml += '<tr><td colspan="2">处置图片</td></tr>'
+                  detailTableHtml += '<tr><td width="180px"><img width="180px" height="200px" src="' + imgUrl + process[0] + '"></td>'
+                  if (process[1] !== '') {
+                    detailTableHtml += '<td><img width="180px" height="200px" src="' + imgUrl + process[1] + '"></td></tr>'
+                  } else {
+                    detailTableHtml += '<td></td></tr>'
+                  }
+                }
+                detailTableHtml += '</table>'
+
+                // 2弹出气泡
+                that.view.popup.open({
+                  title: caseDetail.caseid,
+                  content: detailTableHtml,
+                  location: event.mapPoint
+                })
+              }
+            })
+          })
         }
       })
     },
@@ -511,25 +775,64 @@
       this.map.add(this.layers.dxbjXqd)
       this.map.add(this.layers.dxbjMph)
       this.map.add(this.layers.dx2wGrid)
+    },
+    // 预先添加绘制的Graphic图层
+    addGraphicLayers: function() {
+      graphicLayerIds.forEach(item => {
+        const gLayer = new this.esriObj.GraphicsLayer()
+        gLayer.id = item
+        this.map.add(gLayer)
+      })
+    },
+    // 从graphic图层中找到指定的图层
+    selectGraphicLayerById: function(layerId) {
+      return this.map.layers.filter(layer => {
+        if (layer.id === layerId) {
+          return layer
+        }
+      })
     }
   }
 }
 </script>
 
 <style scoped>
-  /* @import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css'; */
-  @import 'https://js.arcgis.com/4.13/esri/css/main.css';
-  .baseMap {
-    height:80vh;
-    width: 100%;
-    margin-top: 0px;
-    border: 1px solid #DCDCDC;
-    border-radius: 4px;
-  }
-  .form{
-    position: fixed;
-    z-index: 9999;
-    top: 190px;
-  }
+/*@import 'http://192.168.8.205/arcgis_js_api/library/4.12/esri/css/main.css';*/
+@import 'https://js.arcgis.com/4.13/esri/css/main.css';
+
+.staticPanel {
+  height: calc(100vh - 80px);
+  overflow-y: auto;
+}
+.mapPanel {
+  height: calc(100vh - 80px);
+}
+.baseMap {
+  height: calc(100vh - 120px);
+  width: 100%;
+  margin-top: 0;
+  border: 1px solid #DCDCDC;
+  border-radius: 4px;
+}
+.form {
+  background-color: rgba(240, 240, 240, 0.9);
+  position: absolute;
+  top: 42px;
+  width: 100%;
+}
+.rowSelect {
+  margin-bottom: 10px;
+}
+.customLabel {
+  padding: 0 12px 0 0;
+  color: #606266;
+  font-size: 14px;
+}
+.item {
+  margin-bottom: 10px;
+}
+.item .notLastSelect {
+  margin-right: 30px;
+}
 </style>
 
diff --git a/src/views/supControl/supStatisPanel.vue b/src/views/supControl/supStatisPanel.vue
new file mode 100644
index 0000000..85934ef
--- /dev/null
+++ b/src/views/supControl/supStatisPanel.vue
@@ -0,0 +1,299 @@
+<template>
+  <div>
+    <div class="panelBlock" style="">
+      <el-row>
+        <div class="subTitle">案卷情况</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div style="margin: 15px 0px; text-align: center;">
+          <el-radio-group v-model="timeTerm" size="small" @change="changeTimeTerm()">
+            <el-radio-button label="1">本月</el-radio-button>
+            <el-radio-button label="2">前三月</el-radio-button>
+            <el-radio-button label="3">前半年</el-radio-button>
+            <el-radio-button label="4">前一年</el-radio-button>
+          </el-radio-group>
+        </div>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(217, 59, 66)">
+            <span v-text="caseCounts.labelText"/>立案<br>
+            <span v-text="caseCounts.register"/>件
+          </div>
+        </el-col>
+
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(248, 176, 51)">
+            本日立案<br>
+            <span v-text="caseCounts.todayRegister" />件
+          </div>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(217, 59, 66)">
+            <span v-text="caseCounts.labelText" />处理率<br>
+            <span v-text="caseCounts.oughtHandleRate" />%
+          </div>
+        </el-col>
+
+        <el-col :span="12">
+          <div class="caseStatisBlock" style="background-color: rgb(248, 176, 51)">
+            <span v-text="caseCounts.labelText" />未处理<br>
+            <span v-text="caseCounts.notHandled" />件
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">高发问题统计</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <high-freq-chart4-sup :list="highFreqList"/>
+        </div>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">各单位处置情况</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <dept-handle-chart4-sup :list="handleCaseList"/>
+        </div>
+      </el-row>
+    </div>
+
+    <div class="panelBlock">
+      <el-row>
+        <div class="subTitle">问题来源统计</div>
+        <div class="dashedLine"/>
+      </el-row>
+
+      <el-row>
+        <div>
+          <source-statis-chart4-sup :list="sourceList.slice(0,sourceList.length-1)"/>
+        </div>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+import { getToday, getDate } from '@/utils/dateutils'
+import highFreqChart4Sup from '@/views/otherComment/highFreq/highFreqChart4Sup'
+import SourceStatisChart4Sup from '@/views/otherComment/sourceStatis/SourceStatisChart4Sup'
+import DeptHandleChart4Sup from '@/views/otherComment/deptHandle/DeptHandleChart4Sup'
+import { highCaseEventList, sourceList, departmentAssess } from '@/api/assess/assessDept'
+
+export default {
+  name: 'SupStatisPanel',
+  components: { DeptHandleChart4Sup, highFreqChart4Sup, SourceStatisChart4Sup },
+  data() {
+    return {
+      highFreqList: [],
+      sourceList: [],
+      handleCaseList: [],
+      timeTerm: '1',
+      caseCounts: {
+        labelText: '本月',
+        register: 0, // 本期立案数
+        todayRegister: 0, // 当日立案数
+        totalCheckNum: 0, // 本期总应处置数
+        checkedNum: 0, // 本期处置数
+        oughtHandleRate: 0, // 本期应处置率
+        notHandled: 0 // 本期未处置数
+      },
+      query: {
+        begTime: getToday('yyyy-MM') + '-01',
+        endTime: getDate(1, 'yyyy-MM-dd')
+      },
+      query4Regist: {
+        beginDate: getToday('yyyy-MM') + '-01',
+        endDate: getDate(1, 'yyyy-MM-dd')
+      },
+      query4Today: {
+        beginDate: getToday('yyyy-MM-dd'),
+        endDate: getDate(1, 'yyyy-MM-dd')
+      }
+    }
+  },
+  mounted() {
+    this.fetchHighFreqData()
+    this.fetchSourceListData()
+    this.fetchHandleListData()
+
+    this.getCaseCountStatis()
+    this.getTodayCaseCountStatis()
+  },
+  methods: {
+    fetchHighFreqData() {
+      highCaseEventList(this.query).then(res => {
+        if (res.code === 200) {
+          this.highFreqList = res.data
+        }
+      })
+    },
+    fetchSourceListData() {
+      sourceList(this.query).then(res => {
+        if (res.code === 200) {
+          this.sourceList = res.data
+        }
+      })
+    },
+    fetchHandleListData() {
+      departmentAssess(this.query).then(res => {
+        if (res.code === 200) {
+          const array = [] // 0--部门; 1--seriesData
+          const depts = []
+          const series = []
+          const seriesToDispatch = {
+            name: '派发数',
+            type: 'bar',
+            barMaxWidth: 15,
+            barGap: 0,
+            data: []
+          } // 派发数
+          const seriesToHandle = {
+            name: '处置数',
+            type: 'bar',
+            barMaxWidth: 15,
+            barGap: 0,
+            data: []
+          } // 处置数
+          res.data.forEach(dept => {
+            if (dept.depId !== '') {
+              depts.push(dept.departName)
+              seriesToDispatch.data.push(dept.currentCheckNum)
+              seriesToHandle.data.push(dept.checkedNum)
+            } else {
+              // 取出合计数
+              this.caseCounts.checkedNum = dept.checkedNum
+              this.caseCounts.totalCheckNum = dept.totalCheckNum
+
+              // 计算
+              this.caseCounts.notHandled = this.caseCounts.totalCheckNum - this.caseCounts.checkedNum
+              if (this.caseCounts.totalCheckNum !== '0') {
+                const rate = this.caseCounts.checkedNum / this.caseCounts.totalCheckNum
+                this.caseCounts.oughtHandleRate = (rate * 100).toFixed(2)
+              } else {
+                this.caseCounts.oughtHandleRate = 0
+              }
+            }
+          })
+          series.push(seriesToDispatch)
+          series.push(seriesToHandle)
+          array.push(depts)
+          array.push(series)
+
+          this.handleCaseList = array
+        }
+      })
+    },
+    getCaseCountStatis() {
+      request({
+        url: 'assess/overview',
+        method: 'get',
+        params: this.query4Regist
+      }).then(response => {
+        if (response.code === 200) {
+          this.caseCounts.register = response.data.register
+        }
+      })
+    },
+    getTodayCaseCountStatis() {
+      request({
+        url: 'assess/overview',
+        method: 'get',
+        params: this.query4Today
+      }).then(response => {
+        if (response.code === 200) {
+          this.caseCounts.todayRegister = response.data.register
+        }
+      })
+    },
+    changeTimeTerm() {
+      if (this.timeTerm === '1') {
+        this.caseCounts.labelText = '本月'
+
+        // 本月
+        const thisMon = getToday('yyyy-MM')
+
+        this.query.begTime = thisMon + '-01'
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = thisMon + '-01'
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '2') { // 前三个月
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-3, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-3, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '3') { // 前半年
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-5, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-5, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      } else if (this.timeTerm === '4') { // 前一年
+        this.caseCounts.labelText = '本期'
+
+        this.query.begTime = getDate(-7, 'yyyy-MM-dd')
+        this.query.endTime = getDate(1, 'yyyy-MM-dd')
+        this.query4Regist.beginDate = getDate(-7, 'yyyy-MM-dd')
+        this.query4Regist.endDate = getDate(1, 'yyyy-MM-dd')
+      }
+
+      this.getCaseCountStatis()
+      this.fetchHighFreqData()
+      this.fetchHandleListData()
+      this.fetchSourceListData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .panelBlock {
+    background-color: rgb(47, 56, 86);
+    margin: 2px;
+    padding-bottom: 15px;
+  }
+
+  .dashedLine {
+    border-bottom: 1px dashed #f0f0f0;
+  }
+
+.caseStatisBlock {
+  text-align: center;
+  margin: 5px;
+  padding: 10px;
+  color: #fff;
+  font-weight: bold;
+  letter-spacing: 1px;
+}
+
+.subTitle {
+  font-weight: bold;
+  font-family: '微软雅黑',serif;
+  color: #fff;
+  font-size: 16px;
+  margin: 15px;
+  margin-bottom: 5px;
+}
+</style>
diff --git a/static/images/case/status_dealing.png b/static/images/case/status_dealing.png
new file mode 100644
index 0000000..f553650
--- /dev/null
+++ b/static/images/case/status_dealing.png
Binary files differ
diff --git a/static/images/case/status_done.png b/static/images/case/status_done.png
new file mode 100644
index 0000000..9b3ecb8
--- /dev/null
+++ b/static/images/case/status_done.png
Binary files differ