diff --git a/src/router/index.js b/src/router/index.js
index 058daef..47da502 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,7 @@
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
 import { bmsRouters } from './modules/bms'
+import { commonRouters } from './modules/common'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -85,182 +86,7 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  // {
-  //   path: 'coorBusiness',
-  //   component: Layout,
-  //   name: 'CoorBusniess',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '协调业务管理',
-  //     permission: ['/coorBusiness']
-  //   },
-  //   children: [
-  //     {
-  //       path: '/work',
-  //       component: () => import('@/views/coorBusiness/work/index'),
-  //       name: 'Work',
-  //       meta: { title: '待办任务', icon: '', permission: '/work' }
-  //     },
-  //     {
-  //       path: '/toRegister',
-  //       component: () => import('@/views/coorBusiness/toRegister/index'),
-  //       name: 'ToRegister',
-  //       meta: { title: '待立案', icon: '', permission: '/toRegister' }
-  //     },
-  //     {
-  //       path: '/preRegister',
-  //       component: () => import('@/views/coorBusiness/preRegister/index'),
-  //       name: 'PreRegister',
-  //       meta: { title: '预立案', icon: '', permission: '/preRegister' }
-  //     },
-  //     {
-  //       path: '/toDistribute',
-  //       component: () => import('@/views/coorBusiness/toDistribute/index'),
-  //       name: 'ToDistribute',
-  //       meta: { title: '待派发', icon: '', permission: '/toDistribute' }
-  //     },
-  //     {
-  //       path: '/preDistribute',
-  //       component: () => import('@/views/coorBusiness/preDistribute/index'),
-  //       name: 'PreDistribute',
-  //       meta: { title: '预派发', icon: '', permission: '/preDistribute' }
-  //     },
-  //     {
-  //       path: '/toAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toAdjustInstruction/index'),
-  //       name: 'ToAdjustInstruction',
-  //       meta: { title: '调整批示', icon: '', permission: '/toInstruction' }
-  //     },
-  //     {
-  //       path: '/toHandle',
-  //       component: () => import('@/views/coorBusiness/toHandle/index'),
-  //       name: 'ToHandle',
-  //       meta: { title: '待处理', icon: '', permission: '/toHandle' }
-  //     },
-  //     {
-  //       path: '/toAdjust',
-  //       component: () => import('@/views/coorBusiness/toAdjust/index'),
-  //       name: 'ToAdjust',
-  //       meta: { title: '待调整', icon: '', permission: '/toAdjust' }
-  //     },
-  //     {
-  //       path: '/toFinish',
-  //       component: () => import('@/views/coorBusiness/toFinish/index'),
-  //       name: 'ToFinish',
-  //       meta: { title: '待结案', icon: '', permission: '/toFinish' }
-  //     },
-  //     {
-  //       path: '/handleAudit',
-  //       component: () => import('@/views/coorBusiness/handleAudit/index'),
-  //       name: 'HandleAudit',
-  //       meta: { title: '处理审核', icon: '', permission: '/handleAudit' }
-  //     },
-  //     {
-  //       path: '/toDeptAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toDeptAdjustInstruction/index'),
-  //       name: 'ToDeptAdjustInstruction',
-  //       meta: { title: '部门调整批示', icon: '', permission: '/toDeptAdjustInstruction' }
-  //     },
-  //     {
-  //       path: '/delayed',
-  //       component: () => import('@/views/coorBusiness/delayed/index'),
-  //       name: 'Delayed',
-  //       meta: { title: '延期待处理', icon: '', permission: '/delayed' }
-  //     },
-  //     {
-  //       path: '/postponed',
-  //       component: () => import('@/views/coorBusiness/postponed/index'),
-  //       name: 'Postponed',
-  //       meta: { title: '缓办待处理', icon: '', permission: '/postponed' }
-  //     },
-  //     {
-  //       path: '/toCheck',
-  //       component: () => import('@/views/coorBusiness/toCheck/index'),
-  //       name: 'ToCheck',
-  //       meta: { title: '待核查', icon: '', permission: '/toCheck' }
-  //     },
-  //     {
-  //       path: '/authorizationAudit',
-  //       component: () => import('@/views/coorBusiness/authorizationAudit/index'),
-  //       name: 'AuthorizationAudit',
-  //       meta: { title: '授权审核', icon: '', permission: '/authorizationAudit' }
-  //     },
-  //     {
-  //       path: '/secIsPostpone',
-  //       component: () => import('@/views/coorBusiness/secIsPostpone/index'),
-  //       name: 'SecIsPostpone',
-  //       meta: { title: '二级缓办待处理', icon: '', permission: '/secIsPostpone' }
-  //     },
-  //     {
-  //       path: '/deptAuthAudit',
-  //       component: () => import('@/views/coorBusiness/deptAuthAudit/index'),
-  //       name: 'DeptAuthAudit',
-  //       meta: { title: '部门授权审核', icon: '', permission: '/toDeptAuthAudit' }
-  //     },
-  //     {
-  //       path: '/secIsDelay',
-  //       component: () => import('@/views/coorBusiness/secIsDelay/index'),
-  //       name: 'SecIsDelay',
-  //       meta: { title: '二级延期待处理', icon: '', permission: '/secIsDelay' }
-  //     },
-  //     {
-  //       path: '/completed',
-  //       component: () => import('@/views/coorBusiness/completed/index'),
-  //       name: 'Completed',
-  //       meta: { title: '已办案卷', icon: '', permission: '/completed' }
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: 'system',
-  //   component: Layout,
-  //   redirect: '/resource',
-  //   name: 'System',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '系统管理',
-  //     icon: 'icon-config', // 图标
-  //     permission: ['/system']// 权限名称
-  //   },
-  //   children: [
-  //     {
-  //       path: '/resource',
-  //       name: 'Resource',
-  //       component: () => import('@/views/system/resource/listResource'),
-  //       meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
-  //     },
-  //     {
-  //       path: '/dept',
-  //       name: 'Dept',
-  //       component: () => import('@/views/system/dept/listDept'),
-  //       meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
-  //     },
-  //     {
-  //       path: '/role',
-  //       component: () => import('@/views/system/role/listRole'), // Parent router-view
-  //       name: 'Role',
-  //       meta: { title: '角色管理', permission: ['/role'] }
-  //     },
-  //     {
-  //       path: '/user',
-  //       component: () => import('@/views/system/user/listUser'), // Parent router-view
-  //       name: 'User',
-  //       meta: { title: '用户管理', permission: ['/mgr'] }
-  //     },
-  //     {
-  //       path: '/log',
-  //       component: () => import('@/views/system/log/listLog'), // Parent router-view
-  //       name: 'Log',
-  //       meta: { title: '日志管理', permission: ['/log'] }
-  //     },
-  //     {
-  //       path: '/loginLog',
-  //       component: () => import('@/views/system/log/loginLog'), // Parent router-view
-  //       name: 'LoginLog',
-  //       meta: { title: '登录日志', permission: ['/loginLog'] }
-  //     }
-  //   ]
-  // },
+  ...commonRouters,
   ...cooRouters,
   ...bmsRouters,
   ...systemRouters,

diff --git a/src/router/index.js b/src/router/index.js
index 058daef..47da502 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,7 @@
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
 import { bmsRouters } from './modules/bms'
+import { commonRouters } from './modules/common'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -85,182 +86,7 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  // {
-  //   path: 'coorBusiness',
-  //   component: Layout,
-  //   name: 'CoorBusniess',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '协调业务管理',
-  //     permission: ['/coorBusiness']
-  //   },
-  //   children: [
-  //     {
-  //       path: '/work',
-  //       component: () => import('@/views/coorBusiness/work/index'),
-  //       name: 'Work',
-  //       meta: { title: '待办任务', icon: '', permission: '/work' }
-  //     },
-  //     {
-  //       path: '/toRegister',
-  //       component: () => import('@/views/coorBusiness/toRegister/index'),
-  //       name: 'ToRegister',
-  //       meta: { title: '待立案', icon: '', permission: '/toRegister' }
-  //     },
-  //     {
-  //       path: '/preRegister',
-  //       component: () => import('@/views/coorBusiness/preRegister/index'),
-  //       name: 'PreRegister',
-  //       meta: { title: '预立案', icon: '', permission: '/preRegister' }
-  //     },
-  //     {
-  //       path: '/toDistribute',
-  //       component: () => import('@/views/coorBusiness/toDistribute/index'),
-  //       name: 'ToDistribute',
-  //       meta: { title: '待派发', icon: '', permission: '/toDistribute' }
-  //     },
-  //     {
-  //       path: '/preDistribute',
-  //       component: () => import('@/views/coorBusiness/preDistribute/index'),
-  //       name: 'PreDistribute',
-  //       meta: { title: '预派发', icon: '', permission: '/preDistribute' }
-  //     },
-  //     {
-  //       path: '/toAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toAdjustInstruction/index'),
-  //       name: 'ToAdjustInstruction',
-  //       meta: { title: '调整批示', icon: '', permission: '/toInstruction' }
-  //     },
-  //     {
-  //       path: '/toHandle',
-  //       component: () => import('@/views/coorBusiness/toHandle/index'),
-  //       name: 'ToHandle',
-  //       meta: { title: '待处理', icon: '', permission: '/toHandle' }
-  //     },
-  //     {
-  //       path: '/toAdjust',
-  //       component: () => import('@/views/coorBusiness/toAdjust/index'),
-  //       name: 'ToAdjust',
-  //       meta: { title: '待调整', icon: '', permission: '/toAdjust' }
-  //     },
-  //     {
-  //       path: '/toFinish',
-  //       component: () => import('@/views/coorBusiness/toFinish/index'),
-  //       name: 'ToFinish',
-  //       meta: { title: '待结案', icon: '', permission: '/toFinish' }
-  //     },
-  //     {
-  //       path: '/handleAudit',
-  //       component: () => import('@/views/coorBusiness/handleAudit/index'),
-  //       name: 'HandleAudit',
-  //       meta: { title: '处理审核', icon: '', permission: '/handleAudit' }
-  //     },
-  //     {
-  //       path: '/toDeptAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toDeptAdjustInstruction/index'),
-  //       name: 'ToDeptAdjustInstruction',
-  //       meta: { title: '部门调整批示', icon: '', permission: '/toDeptAdjustInstruction' }
-  //     },
-  //     {
-  //       path: '/delayed',
-  //       component: () => import('@/views/coorBusiness/delayed/index'),
-  //       name: 'Delayed',
-  //       meta: { title: '延期待处理', icon: '', permission: '/delayed' }
-  //     },
-  //     {
-  //       path: '/postponed',
-  //       component: () => import('@/views/coorBusiness/postponed/index'),
-  //       name: 'Postponed',
-  //       meta: { title: '缓办待处理', icon: '', permission: '/postponed' }
-  //     },
-  //     {
-  //       path: '/toCheck',
-  //       component: () => import('@/views/coorBusiness/toCheck/index'),
-  //       name: 'ToCheck',
-  //       meta: { title: '待核查', icon: '', permission: '/toCheck' }
-  //     },
-  //     {
-  //       path: '/authorizationAudit',
-  //       component: () => import('@/views/coorBusiness/authorizationAudit/index'),
-  //       name: 'AuthorizationAudit',
-  //       meta: { title: '授权审核', icon: '', permission: '/authorizationAudit' }
-  //     },
-  //     {
-  //       path: '/secIsPostpone',
-  //       component: () => import('@/views/coorBusiness/secIsPostpone/index'),
-  //       name: 'SecIsPostpone',
-  //       meta: { title: '二级缓办待处理', icon: '', permission: '/secIsPostpone' }
-  //     },
-  //     {
-  //       path: '/deptAuthAudit',
-  //       component: () => import('@/views/coorBusiness/deptAuthAudit/index'),
-  //       name: 'DeptAuthAudit',
-  //       meta: { title: '部门授权审核', icon: '', permission: '/toDeptAuthAudit' }
-  //     },
-  //     {
-  //       path: '/secIsDelay',
-  //       component: () => import('@/views/coorBusiness/secIsDelay/index'),
-  //       name: 'SecIsDelay',
-  //       meta: { title: '二级延期待处理', icon: '', permission: '/secIsDelay' }
-  //     },
-  //     {
-  //       path: '/completed',
-  //       component: () => import('@/views/coorBusiness/completed/index'),
-  //       name: 'Completed',
-  //       meta: { title: '已办案卷', icon: '', permission: '/completed' }
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: 'system',
-  //   component: Layout,
-  //   redirect: '/resource',
-  //   name: 'System',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '系统管理',
-  //     icon: 'icon-config', // 图标
-  //     permission: ['/system']// 权限名称
-  //   },
-  //   children: [
-  //     {
-  //       path: '/resource',
-  //       name: 'Resource',
-  //       component: () => import('@/views/system/resource/listResource'),
-  //       meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
-  //     },
-  //     {
-  //       path: '/dept',
-  //       name: 'Dept',
-  //       component: () => import('@/views/system/dept/listDept'),
-  //       meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
-  //     },
-  //     {
-  //       path: '/role',
-  //       component: () => import('@/views/system/role/listRole'), // Parent router-view
-  //       name: 'Role',
-  //       meta: { title: '角色管理', permission: ['/role'] }
-  //     },
-  //     {
-  //       path: '/user',
-  //       component: () => import('@/views/system/user/listUser'), // Parent router-view
-  //       name: 'User',
-  //       meta: { title: '用户管理', permission: ['/mgr'] }
-  //     },
-  //     {
-  //       path: '/log',
-  //       component: () => import('@/views/system/log/listLog'), // Parent router-view
-  //       name: 'Log',
-  //       meta: { title: '日志管理', permission: ['/log'] }
-  //     },
-  //     {
-  //       path: '/loginLog',
-  //       component: () => import('@/views/system/log/loginLog'), // Parent router-view
-  //       name: 'LoginLog',
-  //       meta: { title: '登录日志', permission: ['/loginLog'] }
-  //     }
-  //   ]
-  // },
+  ...commonRouters,
   ...cooRouters,
   ...bmsRouters,
   ...systemRouters,
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
new file mode 100644
index 0000000..d13d41c
--- /dev/null
+++ b/src/router/modules/common.js
@@ -0,0 +1,23 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commonRouters = [
+  {
+    path: '/common',
+    component: Layout,
+    name: 'common',
+    hidden: true,
+    meta: {
+      title: '公共路由',
+      permission: '/common'
+    },
+    children: [
+      {
+        path: '/caseDetailRead/:id(\\d+)',
+        name: 'CaseDetailRead',
+        component: () => import('@/views/caseCommon/caseDetailRead'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      }
+    ]
+  }
+]

diff --git a/src/router/index.js b/src/router/index.js
index 058daef..47da502 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,7 @@
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
 import { bmsRouters } from './modules/bms'
+import { commonRouters } from './modules/common'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -85,182 +86,7 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  // {
-  //   path: 'coorBusiness',
-  //   component: Layout,
-  //   name: 'CoorBusniess',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '协调业务管理',
-  //     permission: ['/coorBusiness']
-  //   },
-  //   children: [
-  //     {
-  //       path: '/work',
-  //       component: () => import('@/views/coorBusiness/work/index'),
-  //       name: 'Work',
-  //       meta: { title: '待办任务', icon: '', permission: '/work' }
-  //     },
-  //     {
-  //       path: '/toRegister',
-  //       component: () => import('@/views/coorBusiness/toRegister/index'),
-  //       name: 'ToRegister',
-  //       meta: { title: '待立案', icon: '', permission: '/toRegister' }
-  //     },
-  //     {
-  //       path: '/preRegister',
-  //       component: () => import('@/views/coorBusiness/preRegister/index'),
-  //       name: 'PreRegister',
-  //       meta: { title: '预立案', icon: '', permission: '/preRegister' }
-  //     },
-  //     {
-  //       path: '/toDistribute',
-  //       component: () => import('@/views/coorBusiness/toDistribute/index'),
-  //       name: 'ToDistribute',
-  //       meta: { title: '待派发', icon: '', permission: '/toDistribute' }
-  //     },
-  //     {
-  //       path: '/preDistribute',
-  //       component: () => import('@/views/coorBusiness/preDistribute/index'),
-  //       name: 'PreDistribute',
-  //       meta: { title: '预派发', icon: '', permission: '/preDistribute' }
-  //     },
-  //     {
-  //       path: '/toAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toAdjustInstruction/index'),
-  //       name: 'ToAdjustInstruction',
-  //       meta: { title: '调整批示', icon: '', permission: '/toInstruction' }
-  //     },
-  //     {
-  //       path: '/toHandle',
-  //       component: () => import('@/views/coorBusiness/toHandle/index'),
-  //       name: 'ToHandle',
-  //       meta: { title: '待处理', icon: '', permission: '/toHandle' }
-  //     },
-  //     {
-  //       path: '/toAdjust',
-  //       component: () => import('@/views/coorBusiness/toAdjust/index'),
-  //       name: 'ToAdjust',
-  //       meta: { title: '待调整', icon: '', permission: '/toAdjust' }
-  //     },
-  //     {
-  //       path: '/toFinish',
-  //       component: () => import('@/views/coorBusiness/toFinish/index'),
-  //       name: 'ToFinish',
-  //       meta: { title: '待结案', icon: '', permission: '/toFinish' }
-  //     },
-  //     {
-  //       path: '/handleAudit',
-  //       component: () => import('@/views/coorBusiness/handleAudit/index'),
-  //       name: 'HandleAudit',
-  //       meta: { title: '处理审核', icon: '', permission: '/handleAudit' }
-  //     },
-  //     {
-  //       path: '/toDeptAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toDeptAdjustInstruction/index'),
-  //       name: 'ToDeptAdjustInstruction',
-  //       meta: { title: '部门调整批示', icon: '', permission: '/toDeptAdjustInstruction' }
-  //     },
-  //     {
-  //       path: '/delayed',
-  //       component: () => import('@/views/coorBusiness/delayed/index'),
-  //       name: 'Delayed',
-  //       meta: { title: '延期待处理', icon: '', permission: '/delayed' }
-  //     },
-  //     {
-  //       path: '/postponed',
-  //       component: () => import('@/views/coorBusiness/postponed/index'),
-  //       name: 'Postponed',
-  //       meta: { title: '缓办待处理', icon: '', permission: '/postponed' }
-  //     },
-  //     {
-  //       path: '/toCheck',
-  //       component: () => import('@/views/coorBusiness/toCheck/index'),
-  //       name: 'ToCheck',
-  //       meta: { title: '待核查', icon: '', permission: '/toCheck' }
-  //     },
-  //     {
-  //       path: '/authorizationAudit',
-  //       component: () => import('@/views/coorBusiness/authorizationAudit/index'),
-  //       name: 'AuthorizationAudit',
-  //       meta: { title: '授权审核', icon: '', permission: '/authorizationAudit' }
-  //     },
-  //     {
-  //       path: '/secIsPostpone',
-  //       component: () => import('@/views/coorBusiness/secIsPostpone/index'),
-  //       name: 'SecIsPostpone',
-  //       meta: { title: '二级缓办待处理', icon: '', permission: '/secIsPostpone' }
-  //     },
-  //     {
-  //       path: '/deptAuthAudit',
-  //       component: () => import('@/views/coorBusiness/deptAuthAudit/index'),
-  //       name: 'DeptAuthAudit',
-  //       meta: { title: '部门授权审核', icon: '', permission: '/toDeptAuthAudit' }
-  //     },
-  //     {
-  //       path: '/secIsDelay',
-  //       component: () => import('@/views/coorBusiness/secIsDelay/index'),
-  //       name: 'SecIsDelay',
-  //       meta: { title: '二级延期待处理', icon: '', permission: '/secIsDelay' }
-  //     },
-  //     {
-  //       path: '/completed',
-  //       component: () => import('@/views/coorBusiness/completed/index'),
-  //       name: 'Completed',
-  //       meta: { title: '已办案卷', icon: '', permission: '/completed' }
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: 'system',
-  //   component: Layout,
-  //   redirect: '/resource',
-  //   name: 'System',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '系统管理',
-  //     icon: 'icon-config', // 图标
-  //     permission: ['/system']// 权限名称
-  //   },
-  //   children: [
-  //     {
-  //       path: '/resource',
-  //       name: 'Resource',
-  //       component: () => import('@/views/system/resource/listResource'),
-  //       meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
-  //     },
-  //     {
-  //       path: '/dept',
-  //       name: 'Dept',
-  //       component: () => import('@/views/system/dept/listDept'),
-  //       meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
-  //     },
-  //     {
-  //       path: '/role',
-  //       component: () => import('@/views/system/role/listRole'), // Parent router-view
-  //       name: 'Role',
-  //       meta: { title: '角色管理', permission: ['/role'] }
-  //     },
-  //     {
-  //       path: '/user',
-  //       component: () => import('@/views/system/user/listUser'), // Parent router-view
-  //       name: 'User',
-  //       meta: { title: '用户管理', permission: ['/mgr'] }
-  //     },
-  //     {
-  //       path: '/log',
-  //       component: () => import('@/views/system/log/listLog'), // Parent router-view
-  //       name: 'Log',
-  //       meta: { title: '日志管理', permission: ['/log'] }
-  //     },
-  //     {
-  //       path: '/loginLog',
-  //       component: () => import('@/views/system/log/loginLog'), // Parent router-view
-  //       name: 'LoginLog',
-  //       meta: { title: '登录日志', permission: ['/loginLog'] }
-  //     }
-  //   ]
-  // },
+  ...commonRouters,
   ...cooRouters,
   ...bmsRouters,
   ...systemRouters,
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
new file mode 100644
index 0000000..d13d41c
--- /dev/null
+++ b/src/router/modules/common.js
@@ -0,0 +1,23 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commonRouters = [
+  {
+    path: '/common',
+    component: Layout,
+    name: 'common',
+    hidden: true,
+    meta: {
+      title: '公共路由',
+      permission: '/common'
+    },
+    children: [
+      {
+        path: '/caseDetailRead/:id(\\d+)',
+        name: 'CaseDetailRead',
+        component: () => import('@/views/caseCommon/caseDetailRead'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      }
+    ]
+  }
+]
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
new file mode 100644
index 0000000..33473eb
--- /dev/null
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -0,0 +1,273 @@
+<!--案卷详情 只读-->
+<template>
+  <div class="app-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>案卷详情</div></el-col>
+      <el-col :span="12" :offset="6" class="edit_btns">
+        <!-- <el-button class="edit_btn" size="small">查看地图</el-button> -->
+        <el-button class="edit_btn" size="small" @click="dialogVisible = true">查看地图</el-button>
+
+      </el-col>
+    </el-row>
+    <el-form ref="caseform" class="form" label-width="90px">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="案卷编号">
+            <table-cell-read :text="caseDetail.caseid"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="信息来源">
+            <table-cell-read :text="caseDetail.sourceName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="举报人/电话">
+            <table-cell-read :text="caseDetail.reporterName+'/'+caseDetail.reporterPhone"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="上报人员">
+            <table-cell-read :text="caseDetail.createUserName"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="案卷类别">
+            <table-cell-read :text="caseDetail.eorcName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="案卷大类">
+            <table-cell-read :text="caseDetail.casetypeName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="案卷小类">
+            <table-cell-read :text="caseDetail.casetypeDetailName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="案卷等级">
+            <table-cell-read :text="caseDetail.caseLevelName"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="所在区县">
+            <table-cell-read :text="caseDetail.areaName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所在街道">
+            <table-cell-read :text="caseDetail.streetName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属社区">
+            <table-cell-read :text="caseDetail.communityName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属网格">
+            <table-cell-read :text="caseDetail.communityCode"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="登记时间">
+            <table-cell-read :text="caseDetail.createTime"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="处理时限">
+            <table-cell-read :text="caseDetail.bzhours+'小时'+caseDetail.bzminis+'分钟'"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="完成时限">
+            <table-cell-read :text="caseDetail.nodeLimittime"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item v-if="caseDetail.shopkeeperName" label="商户名称">
+            <table-cell-read :text="caseDetail.nodeLimittime"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item v-if="caseDetail.shopPhone" label="商户电话">
+            <table-cell-read :text="caseDetail.shopPhone"/>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="showNeedVisit==true" :span="6">
+          <el-form-item label="是否回访">
+            <table-cell-read :text="isNeedVisit"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-form-item label="立案标准">
+          <table-cell-read :text="caseDetail.casetypesTimeName"/>
+        </el-form-item>
+      </el-row>
+      <el-row>
+        <el-form-item label="发生地点">
+          <table-cell-read :text="caseDetail.fieldintro"/>
+        </el-form-item>
+      </el-row>
+      <el-row>
+        <el-form-item label="事件描述">
+          <table-cell-read :text="caseDetail.description"/>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <el-row v-show="showImage">
+      <div class="title">案卷图片:</div>
+      <!-- 图片展示 -->
+      <div class="image-container">
+        <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/>
+      </div>
+    </el-row>
+    <el-row>
+      <div class="title">数据流转记录:</div>
+      <el-table :data="recordList" :header-cell-style="{background:'#f3f3f3'}" class="table" border>
+        <el-table-column prop="operationTypeName" label="操作" align="center"/>
+        <el-table-column prop="deptName" label="单位" align="center"/>
+        <el-table-column prop="userName" label="人员" align="center"/>
+        <el-table-column prop="time" label="时间" align="center"/>
+        <el-table-column prop="remarks" label="意见" align="center"/>
+      </el-table>
+    </el-row>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      title="位置详情"
+    >
+      <arc-gis-map :longitude="caseDetail.lng" :latitude="caseDetail.lat"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCaseDetail } from '@/api/coorBusiness/case'
+import ArcGisMap from '@/components/Map/arcgisMap'
+
+export default {
+  name: 'CaseDetail',
+  components: { ArcGisMap },
+  data() {
+    return {
+      id: '',
+      showNeedVisit: false,
+      caseDetail: {},
+      operationKey: '', // 案件处理按钮key
+      fileIdVerify: [], // 核实照片id
+      fileIdProcess: [], // 处理照片id
+      fileIdCheck: [], // 核查照片id
+      recordList: [], // 流转记录列表
+      processForm: { // 提交案卷处理表单
+        processId: '', // 流程实例ID
+        bizId: '', // 业务表单ID(caseId)
+        currState: '', // 当前案件状态
+        changeState: '', // 案件流转后状态
+        remarks: '', // 审批意见
+        approvalResult: '' // 审批结果标志
+      },
+      commonLanguage: '', // 常用语
+      commonLanguageList: [], // 常用语列表
+      processRadioList: [], // 案件处理单选按钮
+      processCompShow: '', // 案卷处理组件显示
+      processCompObj: {}, // 案卷处理组件相关对象
+      dialogVisible: false
+    }
+  },
+  computed: {
+    isNeedVisit: function() {
+      return this.caseDetail.isNeedRevisit === 1 ? '需要回访' : '不需要回访'
+    },
+    // 是否显示案卷图片
+    showImage: function() {
+      if (this.fileIdVerify.length === 0 && this.fileIdProcess.length === 0 && this.fileIdCheck.length === 0) {
+        return false
+      } else {
+        return true
+      }
+    }
+  },
+  mounted() {
+    this.id = this.$route.params.id
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      // 查询案件详情接口
+      const resDetail = await getCaseDetail(this.id)
+      console.log('detail', resDetail)
+      this.caseDetail = resDetail.data[0]
+
+      // 解析图片id
+      if (this.caseDetail.fileIdVerify) {
+        this.fileIdVerify = this.caseDetail.fileIdVerify.split(',')
+      }
+      if (this.caseDetail.fileIdProcess) {
+        this.fileIdProcess = this.caseDetail.fileIdProcess.split(',')
+      }
+      if (this.caseDetail.fileIdCheck) {
+        this.fileIdCheck = this.caseDetail.fileIdCheck.split(',')
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: 46px;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+  .app-container{
+    // padding-top: 50px;
+    margin-bottom: 20px;
+  }
+  .form{
+    margin: 20px;
+    // margin-left: 20px;
+    // margin-right: 20px;
+  }
+  .table{
+    margin: 20px;
+    width: 98%;
+  }
+  .title{
+    margin-left: 38px;
+    font-size: 14px;
+    font-weight: bold;
+  }
+  .button{
+    margin-bottom: 30px;
+  }
+</style>

diff --git a/src/router/index.js b/src/router/index.js
index 058daef..47da502 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,6 +11,7 @@
 import { systemRouters } from './modules/system'
 import { cooRouters } from './modules/coo'
 import { bmsRouters } from './modules/bms'
+import { commonRouters } from './modules/common'
 
 /**
 * hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
@@ -85,182 +86,7 @@
 // 异步挂载路由
 // 动态需要根据权限加载的路由表
 export const asyncRouterMap = [
-  // {
-  //   path: 'coorBusiness',
-  //   component: Layout,
-  //   name: 'CoorBusniess',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '协调业务管理',
-  //     permission: ['/coorBusiness']
-  //   },
-  //   children: [
-  //     {
-  //       path: '/work',
-  //       component: () => import('@/views/coorBusiness/work/index'),
-  //       name: 'Work',
-  //       meta: { title: '待办任务', icon: '', permission: '/work' }
-  //     },
-  //     {
-  //       path: '/toRegister',
-  //       component: () => import('@/views/coorBusiness/toRegister/index'),
-  //       name: 'ToRegister',
-  //       meta: { title: '待立案', icon: '', permission: '/toRegister' }
-  //     },
-  //     {
-  //       path: '/preRegister',
-  //       component: () => import('@/views/coorBusiness/preRegister/index'),
-  //       name: 'PreRegister',
-  //       meta: { title: '预立案', icon: '', permission: '/preRegister' }
-  //     },
-  //     {
-  //       path: '/toDistribute',
-  //       component: () => import('@/views/coorBusiness/toDistribute/index'),
-  //       name: 'ToDistribute',
-  //       meta: { title: '待派发', icon: '', permission: '/toDistribute' }
-  //     },
-  //     {
-  //       path: '/preDistribute',
-  //       component: () => import('@/views/coorBusiness/preDistribute/index'),
-  //       name: 'PreDistribute',
-  //       meta: { title: '预派发', icon: '', permission: '/preDistribute' }
-  //     },
-  //     {
-  //       path: '/toAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toAdjustInstruction/index'),
-  //       name: 'ToAdjustInstruction',
-  //       meta: { title: '调整批示', icon: '', permission: '/toInstruction' }
-  //     },
-  //     {
-  //       path: '/toHandle',
-  //       component: () => import('@/views/coorBusiness/toHandle/index'),
-  //       name: 'ToHandle',
-  //       meta: { title: '待处理', icon: '', permission: '/toHandle' }
-  //     },
-  //     {
-  //       path: '/toAdjust',
-  //       component: () => import('@/views/coorBusiness/toAdjust/index'),
-  //       name: 'ToAdjust',
-  //       meta: { title: '待调整', icon: '', permission: '/toAdjust' }
-  //     },
-  //     {
-  //       path: '/toFinish',
-  //       component: () => import('@/views/coorBusiness/toFinish/index'),
-  //       name: 'ToFinish',
-  //       meta: { title: '待结案', icon: '', permission: '/toFinish' }
-  //     },
-  //     {
-  //       path: '/handleAudit',
-  //       component: () => import('@/views/coorBusiness/handleAudit/index'),
-  //       name: 'HandleAudit',
-  //       meta: { title: '处理审核', icon: '', permission: '/handleAudit' }
-  //     },
-  //     {
-  //       path: '/toDeptAdjustInstruction',
-  //       component: () => import('@/views/coorBusiness/toDeptAdjustInstruction/index'),
-  //       name: 'ToDeptAdjustInstruction',
-  //       meta: { title: '部门调整批示', icon: '', permission: '/toDeptAdjustInstruction' }
-  //     },
-  //     {
-  //       path: '/delayed',
-  //       component: () => import('@/views/coorBusiness/delayed/index'),
-  //       name: 'Delayed',
-  //       meta: { title: '延期待处理', icon: '', permission: '/delayed' }
-  //     },
-  //     {
-  //       path: '/postponed',
-  //       component: () => import('@/views/coorBusiness/postponed/index'),
-  //       name: 'Postponed',
-  //       meta: { title: '缓办待处理', icon: '', permission: '/postponed' }
-  //     },
-  //     {
-  //       path: '/toCheck',
-  //       component: () => import('@/views/coorBusiness/toCheck/index'),
-  //       name: 'ToCheck',
-  //       meta: { title: '待核查', icon: '', permission: '/toCheck' }
-  //     },
-  //     {
-  //       path: '/authorizationAudit',
-  //       component: () => import('@/views/coorBusiness/authorizationAudit/index'),
-  //       name: 'AuthorizationAudit',
-  //       meta: { title: '授权审核', icon: '', permission: '/authorizationAudit' }
-  //     },
-  //     {
-  //       path: '/secIsPostpone',
-  //       component: () => import('@/views/coorBusiness/secIsPostpone/index'),
-  //       name: 'SecIsPostpone',
-  //       meta: { title: '二级缓办待处理', icon: '', permission: '/secIsPostpone' }
-  //     },
-  //     {
-  //       path: '/deptAuthAudit',
-  //       component: () => import('@/views/coorBusiness/deptAuthAudit/index'),
-  //       name: 'DeptAuthAudit',
-  //       meta: { title: '部门授权审核', icon: '', permission: '/toDeptAuthAudit' }
-  //     },
-  //     {
-  //       path: '/secIsDelay',
-  //       component: () => import('@/views/coorBusiness/secIsDelay/index'),
-  //       name: 'SecIsDelay',
-  //       meta: { title: '二级延期待处理', icon: '', permission: '/secIsDelay' }
-  //     },
-  //     {
-  //       path: '/completed',
-  //       component: () => import('@/views/coorBusiness/completed/index'),
-  //       name: 'Completed',
-  //       meta: { title: '已办案卷', icon: '', permission: '/completed' }
-  //     }
-  //   ]
-  // },
-  // {
-  //   path: 'system',
-  //   component: Layout,
-  //   redirect: '/resource',
-  //   name: 'System',
-  //   alwaysShow: true,
-  //   meta: {
-  //     title: '系统管理',
-  //     icon: 'icon-config', // 图标
-  //     permission: ['/system']// 权限名称
-  //   },
-  //   children: [
-  //     {
-  //       path: '/resource',
-  //       name: 'Resource',
-  //       component: () => import('@/views/system/resource/listResource'),
-  //       meta: { title: '资源管理', icon: 'function', permission: ['/resource'] }
-  //     },
-  //     {
-  //       path: '/dept',
-  //       name: 'Dept',
-  //       component: () => import('@/views/system/dept/listDept'),
-  //       meta: { title: '组织管理', icon: 'tree', permission: ['/dept'] }
-  //     },
-  //     {
-  //       path: '/role',
-  //       component: () => import('@/views/system/role/listRole'), // Parent router-view
-  //       name: 'Role',
-  //       meta: { title: '角色管理', permission: ['/role'] }
-  //     },
-  //     {
-  //       path: '/user',
-  //       component: () => import('@/views/system/user/listUser'), // Parent router-view
-  //       name: 'User',
-  //       meta: { title: '用户管理', permission: ['/mgr'] }
-  //     },
-  //     {
-  //       path: '/log',
-  //       component: () => import('@/views/system/log/listLog'), // Parent router-view
-  //       name: 'Log',
-  //       meta: { title: '日志管理', permission: ['/log'] }
-  //     },
-  //     {
-  //       path: '/loginLog',
-  //       component: () => import('@/views/system/log/loginLog'), // Parent router-view
-  //       name: 'LoginLog',
-  //       meta: { title: '登录日志', permission: ['/loginLog'] }
-  //     }
-  //   ]
-  // },
+  ...commonRouters,
   ...cooRouters,
   ...bmsRouters,
   ...systemRouters,
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
new file mode 100644
index 0000000..d13d41c
--- /dev/null
+++ b/src/router/modules/common.js
@@ -0,0 +1,23 @@
+/* Layout */
+import Layout from '../../views/layout/Layout'
+export const commonRouters = [
+  {
+    path: '/common',
+    component: Layout,
+    name: 'common',
+    hidden: true,
+    meta: {
+      title: '公共路由',
+      permission: '/common'
+    },
+    children: [
+      {
+        path: '/caseDetailRead/:id(\\d+)',
+        name: 'CaseDetailRead',
+        component: () => import('@/views/caseCommon/caseDetailRead'),
+        hidden: true,
+        meta: { title: '案卷详情', icon: 'icon-config', permission: ['/caseDetail'] }
+      }
+    ]
+  }
+]
diff --git a/src/views/caseCommon/caseDetailRead.vue b/src/views/caseCommon/caseDetailRead.vue
new file mode 100644
index 0000000..33473eb
--- /dev/null
+++ b/src/views/caseCommon/caseDetailRead.vue
@@ -0,0 +1,273 @@
+<!--案卷详情 只读-->
+<template>
+  <div class="app-container">
+    <el-row class="table-title">
+      <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>案卷详情</div></el-col>
+      <el-col :span="12" :offset="6" class="edit_btns">
+        <!-- <el-button class="edit_btn" size="small">查看地图</el-button> -->
+        <el-button class="edit_btn" size="small" @click="dialogVisible = true">查看地图</el-button>
+
+      </el-col>
+    </el-row>
+    <el-form ref="caseform" class="form" label-width="90px">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="案卷编号">
+            <table-cell-read :text="caseDetail.caseid"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="信息来源">
+            <table-cell-read :text="caseDetail.sourceName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="举报人/电话">
+            <table-cell-read :text="caseDetail.reporterName+'/'+caseDetail.reporterPhone"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="上报人员">
+            <table-cell-read :text="caseDetail.createUserName"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="案卷类别">
+            <table-cell-read :text="caseDetail.eorcName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="案卷大类">
+            <table-cell-read :text="caseDetail.casetypeName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="案卷小类">
+            <table-cell-read :text="caseDetail.casetypeDetailName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="案卷等级">
+            <table-cell-read :text="caseDetail.caseLevelName"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="所在区县">
+            <table-cell-read :text="caseDetail.areaName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所在街道">
+            <table-cell-read :text="caseDetail.streetName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属社区">
+            <table-cell-read :text="caseDetail.communityName"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所属网格">
+            <table-cell-read :text="caseDetail.communityCode"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="登记时间">
+            <table-cell-read :text="caseDetail.createTime"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="处理时限">
+            <table-cell-read :text="caseDetail.bzhours+'小时'+caseDetail.bzminis+'分钟'"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="完成时限">
+            <table-cell-read :text="caseDetail.nodeLimittime"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item v-if="caseDetail.shopkeeperName" label="商户名称">
+            <table-cell-read :text="caseDetail.nodeLimittime"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item v-if="caseDetail.shopPhone" label="商户电话">
+            <table-cell-read :text="caseDetail.shopPhone"/>
+          </el-form-item>
+        </el-col>
+        <el-col v-if="showNeedVisit==true" :span="6">
+          <el-form-item label="是否回访">
+            <table-cell-read :text="isNeedVisit"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-form-item label="立案标准">
+          <table-cell-read :text="caseDetail.casetypesTimeName"/>
+        </el-form-item>
+      </el-row>
+      <el-row>
+        <el-form-item label="发生地点">
+          <table-cell-read :text="caseDetail.fieldintro"/>
+        </el-form-item>
+      </el-row>
+      <el-row>
+        <el-form-item label="事件描述">
+          <table-cell-read :text="caseDetail.description"/>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <el-row v-show="showImage">
+      <div class="title">案卷图片:</div>
+      <!-- 图片展示 -->
+      <div class="image-container">
+        <el-image v-for="img in fileIdVerify" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdProcess" :key="img" :src="img" fit="contain"/>
+        <el-image v-for="img in fileIdCheck" :key="img" :src="img" fit="contain"/>
+      </div>
+    </el-row>
+    <el-row>
+      <div class="title">数据流转记录:</div>
+      <el-table :data="recordList" :header-cell-style="{background:'#f3f3f3'}" class="table" border>
+        <el-table-column prop="operationTypeName" label="操作" align="center"/>
+        <el-table-column prop="deptName" label="单位" align="center"/>
+        <el-table-column prop="userName" label="人员" align="center"/>
+        <el-table-column prop="time" label="时间" align="center"/>
+        <el-table-column prop="remarks" label="意见" align="center"/>
+      </el-table>
+    </el-row>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      title="位置详情"
+    >
+      <arc-gis-map :longitude="caseDetail.lng" :latitude="caseDetail.lat"/>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCaseDetail } from '@/api/coorBusiness/case'
+import ArcGisMap from '@/components/Map/arcgisMap'
+
+export default {
+  name: 'CaseDetail',
+  components: { ArcGisMap },
+  data() {
+    return {
+      id: '',
+      showNeedVisit: false,
+      caseDetail: {},
+      operationKey: '', // 案件处理按钮key
+      fileIdVerify: [], // 核实照片id
+      fileIdProcess: [], // 处理照片id
+      fileIdCheck: [], // 核查照片id
+      recordList: [], // 流转记录列表
+      processForm: { // 提交案卷处理表单
+        processId: '', // 流程实例ID
+        bizId: '', // 业务表单ID(caseId)
+        currState: '', // 当前案件状态
+        changeState: '', // 案件流转后状态
+        remarks: '', // 审批意见
+        approvalResult: '' // 审批结果标志
+      },
+      commonLanguage: '', // 常用语
+      commonLanguageList: [], // 常用语列表
+      processRadioList: [], // 案件处理单选按钮
+      processCompShow: '', // 案卷处理组件显示
+      processCompObj: {}, // 案卷处理组件相关对象
+      dialogVisible: false
+    }
+  },
+  computed: {
+    isNeedVisit: function() {
+      return this.caseDetail.isNeedRevisit === 1 ? '需要回访' : '不需要回访'
+    },
+    // 是否显示案卷图片
+    showImage: function() {
+      if (this.fileIdVerify.length === 0 && this.fileIdProcess.length === 0 && this.fileIdCheck.length === 0) {
+        return false
+      } else {
+        return true
+      }
+    }
+  },
+  mounted() {
+    this.id = this.$route.params.id
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      // 查询案件详情接口
+      const resDetail = await getCaseDetail(this.id)
+      console.log('detail', resDetail)
+      this.caseDetail = resDetail.data[0]
+
+      // 解析图片id
+      if (this.caseDetail.fileIdVerify) {
+        this.fileIdVerify = this.caseDetail.fileIdVerify.split(',')
+      }
+      if (this.caseDetail.fileIdProcess) {
+        this.fileIdProcess = this.caseDetail.fileIdProcess.split(',')
+      }
+      if (this.caseDetail.fileIdCheck) {
+        this.fileIdCheck = this.caseDetail.fileIdCheck.split(',')
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  $tableTitleHeight:46px;
+  .table-title{
+    background-color:rgba(243, 243, 243, 1);
+    height: 46px;
+    .title-header{
+      line-height:$tableTitleHeight;
+      color: #606266;
+      font-size: 15px;
+      i{
+        margin-left: 5px;
+        margin-right: 5px;
+      }
+    }
+  }
+  .edit_btns{
+    .edit_btn{
+      float:right;
+      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
+    }
+  }
+  .app-container{
+    // padding-top: 50px;
+    margin-bottom: 20px;
+  }
+  .form{
+    margin: 20px;
+    // margin-left: 20px;
+    // margin-right: 20px;
+  }
+  .table{
+    margin: 20px;
+    width: 98%;
+  }
+  .title{
+    margin-left: 38px;
+    font-size: 14px;
+    font-weight: bold;
+  }
+  .button{
+    margin-bottom: 30px;
+  }
+</style>
diff --git a/src/views/seo/seo.vue b/src/views/seo/seo.vue
index 7f442c8..c58bc38 100644
--- a/src/views/seo/seo.vue
+++ b/src/views/seo/seo.vue
@@ -1,31 +1,31 @@
 <template>
   <div>
-    <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
+    <!--<el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">-->
 
-      <el-tab-pane label="综合查询" name="listTab">
-        <div class="block" style="padding-top:30px"/>
-        <search-div @searchForm="searchForm"/>
-        <case-list
-          v-loading="listLoading"
-          :case-list="caseList"
-          :total="total"
-          :list-query="listQuery"
-          :table-columns="tableColumns"
-          @changeQuery="changeQuery"
-          @addDetail="addDetail"/>
-      </el-tab-pane>
+    <!--<el-tab-pane label="综合查询" name="listTab">-->
+    <!--<div class="block" style="padding-top:30px"/>-->
+    <search-div @searchForm="searchForm"/>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      :table-columns="tableColumns"
+      @changeQuery="changeQuery"
+      @addDetail="addDetail"/>
+      <!--</el-tab-pane>-->
 
-      <el-tab-pane
-        v-for="(item) in editableTabs"
-        :key="item.name"
-        :label="item.title"
-        :name="item.name"
-        closable
-      >
-        <div class="block" style="padding-top:30px"/>
-        <case-detail-read :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
-      </el-tab-pane>
-    </el-tabs>
+      <!--<el-tab-pane-->
+      <!--v-for="(item) in editableTabs"-->
+      <!--:key="item.name"-->
+      <!--:label="item.title"-->
+      <!--:name="item.name"-->
+      <!--closable-->
+      <!--&gt;-->
+      <!--<div class="block" style="padding-top:30px"/>-->
+      <!--<case-detail-read :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>-->
+      <!--</el-tab-pane>-->
+      <!--</el-tabs>-->
   </div>
 </template>
 
@@ -124,45 +124,46 @@
       this.fetchData(listQuery)
     },
     addDetail(tabPane, row) {
-      if (!this.existTab(tabPane)) {
-        console.log(tabPane, row)
-        this.editableTabs.push(tabPane)
-        this.editableTabsValue = tabPane.name
-        this.props[tabPane.index] = row
-      } else {
-        this.editableTabsValue = tabPane.name
-      }
+      // if (!this.existTab(tabPane)) {
+      //   console.log(tabPane, row)
+      //   this.editableTabs.push(tabPane)
+      //   this.editableTabsValue = tabPane.name
+      //   this.props[tabPane.index] = row
+      // } else {
+      //   this.editableTabsValue = tabPane.name
+      // }
+      this.$router.push({ path: '/caseDetailRead/' + row.id })
     },
     submitProcess(caseid) {
-      this.removeTab('case' + caseid)
+      // this.removeTab('case' + caseid)
       this.fetchData()
-    },
-    existTab(tabPane) {
-      const tab = _.find(this.editableTabs, ['index', tabPane.index])
-      return tab
-    },
-    removeTab(targetName) {
-      console.log('removeTab', targetName)
-      const tabs = this.editableTabs
-      let activeName = this.editableTabsValue
-      if (activeName === targetName) {
-        tabs.forEach((tab, index) => {
-          if (tab.name === targetName) {
-            const nextTab = tabs[index + 1] || tabs[index - 1]
-            if (nextTab) {
-              activeName = nextTab.name
-            }
-          }
-        })
-      }
-
-      this.editableTabsValue = activeName
-      this.editableTabs = tabs.filter(tab => tab.name !== targetName)
-
-      if (this.editableTabs.length === 0) {
-        this.editableTabsValue = 'listTab'
-      }
     }
+    // existTab(tabPane) {
+    //   const tab = _.find(this.editableTabs, ['index', tabPane.index])
+    //   return tab
+    // },
+    // removeTab(targetName) {
+    //   console.log('removeTab', targetName)
+    //   const tabs = this.editableTabs
+    //   let activeName = this.editableTabsValue
+    //   if (activeName === targetName) {
+    //     tabs.forEach((tab, index) => {
+    //       if (tab.name === targetName) {
+    //         const nextTab = tabs[index + 1] || tabs[index - 1]
+    //         if (nextTab) {
+    //           activeName = nextTab.name
+    //         }
+    //       }
+    //     })
+    //   }
+    //
+    //   this.editableTabsValue = activeName
+    //   this.editableTabs = tabs.filter(tab => tab.name !== targetName)
+    //
+    //   if (this.editableTabs.length === 0) {
+    //     this.editableTabsValue = 'listTab'
+    //   }
+    // }
   }
 
 }